:root{--ink:#253b35;--muted:#75837b;--line:#e3e7de;--green:#275e4a;--paper:#f6f7f2;--serif:Georgia,serif;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:white;padding:10px 14px;color:var(--ink);font-size:12px}button:hover{background:#eef2e8}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #92b88f;outline-offset:3px}.primary{background:var(--green);color:white;border-color:var(--green);padding:12px 18px}.primary:hover{background:#1e4a3a}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:32px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-family:var(--serif);font-size:39px;text-decoration:none;color:var(--ink);margin:0 12px 45px}.brand span{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:3px;margin-top:5px;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:20px 12px 12px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{text-align:left;border:0;background:transparent;font-size:20px;display:flex;gap:13px;align-items:center}.sidebar nav button span{font-size:13px}.sidebar nav button.active{background:#e9efe4;color:#2c5c40;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;font-size:11px}.avatar{background:#e9eee1;border-radius:50%;padding:9px;font-size:11px}.sidebar-footer a{display:block;color:var(--muted);margin-top:4px;font-size:10px}main{margin-left:220px;padding:0 38px;max-width:1700px}header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.5px}header b{padding:0 12px;color:#b6c1b0}.live{font-size:10px;color:#54705c}.live i{display:inline-block;border-radius:50%;width:6px;height:6px;background:#6a9c67;margin-right:7px}.notice{margin-top:22px;padding:12px 16px;border:1px solid #dfe6d5;border-radius:6px;color:#69765e;font-size:11px;background:#eef2e7;line-height:1.7}.notice>span{font-size:9px;font-weight:700;letter-spacing:1px;margin-right:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 29px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:0 0 12px}h1{font:36px var(--serif);letter-spacing:-1px;margin:0}#subtitle{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.7}h2{font-size:16px;font-weight:600;margin:0}h3{font-size:14px;margin:0 0 10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:22px;background:white;border:1px solid var(--line);border-radius:9px}.metric>span{font-size:11px;color:var(--muted)}.metric strong{font-size:30px;display:block;margin:9px 0;letter-spacing:-1px;font-weight:500}.metric small{font-size:10px;color:var(--muted)}.metric.accent{background:#eaf0e1}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:23px;margin-bottom:23px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.panel-head p,.panel p.explain{font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0 0}.subtle{font-size:11px;color:var(--muted)}.link-button{border:0;padding:0;color:var(--green);background:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}th{font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.7px;padding:12px 10px;background:#f8f9f5;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}td strong{font-weight:600}td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pill{display:inline-block;font-size:9px;padding:5px 8px;border-radius:4px;background:#eaf1e5;color:#537246}.pill.low{background:#fbf0db;color:#986b27}.pill.out{background:#f7e7e1;color:#a45d44}.product-cell{display:flex;align-items:center;gap:10px}.swatch{width:32px;height:36px;border:1px solid #0001;border-radius:6px;display:grid;place-items:center;font-size:19px;flex-shrink:0;color:#566756}.bar-row{margin:20px 0}.bar-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.bar-track{height:8px;background:#edf1e7;border-radius:5px}.bar{height:8px;background:#92ab7c;border-radius:5px}.callout{background:#244f40;color:#eef3e5;border-radius:9px;padding:25px}.callout h2{font:23px var(--serif)}.callout p{font-size:12px;line-height:1.9;color:#c2d3c4}.callout button{background:#dce9b6;border:0;margin-top:8px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filters input{flex:1;min-width:180px}.filters input,.filters select,input,select{border:1px solid #d8e0d3;border-radius:6px;background:white;color:var(--ink);padding:11px;font-size:12px}.actions{display:flex;gap:5px}.actions button{font-size:10px;padding:7px 9px}.empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:13px}.history{display:grid;gap:0}.history-item{border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px}.history-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.delta{font-weight:600;color:var(--green)}.delta.negative{color:#a56549}.schema{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.entity{border:1px solid #dce3d5;border-radius:7px;overflow:hidden}.entity h3{background:#eaf0e3;padding:12px;font:600 12px monospace;margin:0}.entity pre{padding:12px;font-size:11px;line-height:1.8;margin:0;white-space:pre-wrap}.relationships{font-size:12px;line-height:2}.sql{background:#193c31;color:#d9e8ce;padding:20px;border-radius:8px;font-size:11px;line-height:1.8;overflow:auto}.principles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.principles p{font-size:12px;line-height:1.8;color:var(--muted)}#alert:not(:empty){padding:13px 18px;background:#e4eedb;border-radius:6px;margin-top:16px;font-size:12px}#alert.error{background:#f8e7e2;color:#924b37}#loading{padding:40px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;margin-top:24px;font-size:9px;color:var(--muted);letter-spacing:1px;display:flex;justify-content:space-between;gap:10px}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:12px;width:min(550px,calc(100% - 30px));padding:27px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#10251e88;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font:27px var(--serif)}#close{font-size:23px;padding:2px 10px;border:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:11px;margin-bottom:15px}label input,label select{display:block;width:100%;margin-top:7px}.dialog-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:23px;border-top:1px solid var(--line);padding-top:18px}#form-error{color:#a44d37;font-size:12px}.form-note{font-size:12px;color:var(--muted);line-height:1.8}details summary{cursor:pointer;font-size:12px;padding:13px 0}code{font-size:11px}.badge{font-size:9px;letter-spacing:.7px;color:#4f7257;background:#e6edde;padding:6px 9px;border-radius:4px}@media(max-width:1050px){.sidebar{width:180px;padding:25px 12px}main{margin-left:180px;padding:0 22px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.grid{grid-template-columns:1fr}.schema{grid-template-columns:1fr 1fr}h1{font-size:31px}}@media(max-width:680px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:30px;margin:0 0 17px}.brand span{display:inline;margin-left:12px;font-size:8px}.nav-label,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{padding:8px;font-size:0;gap:0;white-space:nowrap}.sidebar nav button span{font-size:11px}.sidebar nav+nav{margin-top:5px}.sidebar nav:last-of-type{margin-top:7px}main{margin:0;padding:0 16px}header{height:55px;font-size:9px}.live{font-size:9px}.notice{margin-top:15px;font-size:10px}.page-heading{display:block;margin:26px 0 22px}.page-heading>.primary{margin-top:17px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:26px}.panel{padding:18px}.schema,.principles{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr;gap:10px}footer{display:block;line-height:2}footer span{display:block}.panel-head{align-items:flex-start}h1{font-size:31px}}

.demo-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.walkthrough{padding:24px;border:1px solid #cad9bb;background:#eef3e8;border-radius:10px;margin-bottom:24px}.walkthrough .panel-head{margin-bottom:8px}.tour-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tour-steps li{padding:18px;background:#ffffffb8;border-radius:8px}.tour-steps strong{font-size:14px}.tour-steps p{font-size:12px;line-height:1.8;color:#596b60}.tour-steps button{margin:4px 0}#reset-error{color:#924b37;font-size:12px}@media(max-width:900px){.tour-steps{grid-template-columns:1fr}.walkthrough .panel-head{display:block}.walkthrough .badge{display:inline-block;margin-top:12px}}