:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17212b;background:#f5f7fa;--ink:#16212c;--muted:#6d7b88;--line:#dfe5ea;--blue:#2369d1;--blue-soft:#e9f1ff;--green:#16845b;--orange:#bd6a1a;--card:#fff}*{box-sizing:border-box}body{margin:0}.demo-banner{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 24px;background:#13263b;color:#f4f8fc;font-size:13px}.demo-banner strong{color:#8bd5ff;letter-spacing:.11em;font-size:11px}.demo-banner span{flex:1;color:#c9d6e2}.demo-banner button{border:1px solid #6f8ca8;border-radius:6px;background:transparent;color:#fff;padding:6px 11px;cursor:pointer}.demo-banner button:hover{background:#243e59}.shell{display:flex;min-height:calc(100vh - 45px)}.sidebar{width:238px;background:var(--ink);color:#d7e2ec;padding:25px 16px;flex:none}.brand{font-size:20px;font-weight:700;color:#fff;margin:0 10px 4px}.subbrand{font-size:12px;color:#89a1b7;margin:0 10px 28px}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#b9c8d6;text-align:left;border-radius:7px;padding:11px 12px;font-size:14px;cursor:pointer}.nav button:hover,.nav button.active{background:#233b56;color:#fff}.nav .section-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6f89a2;margin:18px 12px 3px}.main{min-width:0;flex:1;padding:30px clamp(20px,4vw,54px)}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{margin:0 0 7px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:11px;font-weight:700}.title{margin:0;font-size:30px;letter-spacing:-.03em}.subtitle{margin:7px 0 0;color:var(--muted)}.status{display:flex;align-items:center;gap:8px;color:var(--green);font-size:13px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#28ae77}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(30,50,70,.03)}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:25px;font-weight:700;margin-top:7px}.metric-delta{font-size:12px;color:var(--green);margin-top:5px}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.card h2{font-size:16px;margin:0 0 16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}.table td{padding:12px 8px;border-bottom:1px solid #edf0f3}.table tr:last-child td{border-bottom:0}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf7f2;color:var(--green);font-size:11px;font-weight:600}.muted{color:var(--muted)}.view-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.product{display:flex;flex-direction:column;gap:10px}.product-top{display:flex;justify-content:space-between;gap:10px}.product h3{margin:0;font-size:15px}.category{font-size:11px;color:var(--blue)}.price{font-weight:700;font-size:18px}.stock{font-size:12px;color:var(--muted)}.stock.low{color:var(--orange);font-weight:600}.action{border:0;border-radius:6px;background:var(--blue);color:#fff;padding:9px 11px;font-weight:600;cursor:pointer}.action.secondary{background:var(--blue-soft);color:#1d5aaa}.action:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.search{border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-width:230px;background:#fff}.register{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.product-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.product-button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px;text-align:left;cursor:pointer}.product-button:hover{border-color:var(--blue);box-shadow:0 2px 8px rgba(35,105,209,.1)}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:700;padding:16px 0}.empty{color:var(--muted);padding:20px 0}.notice{padding:12px 14px;background:#fff8eb;border:1px solid #f2d8a8;color:#885418;border-radius:7px;font-size:13px;margin-bottom:16px}.loading{padding:40px;color:var(--muted)}@media(max-width:900px){.sidebar{width:190px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col,.register{grid-template-columns:1fr}}@media(max-width:620px){.demo-banner{align-items:flex-start;flex-wrap:wrap;padding:10px 14px}.demo-banner span{flex-basis:100%;order:3}.shell{display:block}.sidebar{width:auto;padding:16px}.nav{display:flex;overflow:auto}.nav .section-label{display:none}.nav button{white-space:nowrap}.main{padding:22px 14px}.metrics{grid-template-columns:1fr 1fr}.topline{display:block}.status{margin-top:12px}}