:root{--bg:#f4f4f5;--panel:#fff;--ink:#111;--text:#333;--muted:#71717a;--line:#e4e4e7;--gold:#e8b931;--yellow:#f7be1e;--green:#2f6d12;--red:#b42318;--blue:#1d4f91;--amber:#8a5a00}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 18px;font-size:22px;font-weight:600;display:flex}h2{color:var(--ink);margin:0 0 14px;font-size:15px;font-weight:600}h3{color:var(--ink);margin:18px 0 8px;font-size:13px}h4{margin:0 0 8px;font-size:13px}img{max-width:100%}input,select,textarea,button{font:inherit;color:inherit}code{background:#eee;border-radius:4px;padding:2px 6px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.strong{font-weight:600}.nowrap{white-space:nowrap}.num{text-align:right;white-space:nowrap}.red{color:var(--red)}.green{color:var(--green)}.amber{color:var(--amber)}.grow{flex:1}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#000;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar__top{justify-content:space-between;align-items:center;margin-bottom:26px;padding:0 8px;display:flex}.sidebar__toggle{color:#fff;background:0 0;border:0;font-size:22px;display:none}.brand{align-items:center;gap:6px;display:inline-flex;text-decoration:none!important}.brand img{width:96px;height:auto}.brand small{color:#aaa;letter-spacing:.1em;text-transform:uppercase;margin-left:4px;font-family:Inter,sans-serif;font-size:11px}.brand--dark{background:#000;border-radius:6px;justify-content:center;margin-bottom:20px;padding:14px;display:flex}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a{color:#d4d4d8;border-radius:6px;padding:9px 12px;text-decoration:none}.sidebar nav a:hover{color:#fff;background:#18181b}.sidebar nav a.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--yellow);background:#27272a;font-weight:600}.sidebar__foot{color:#a1a1aa;border-top:1px solid #27272a;justify-content:space-between;align-items:center;padding:14px 8px 0;font-size:12px;display:flex}.sidebar__foot .link{color:#fff}.content{min-width:0;padding:24px 32px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:20px}.panel__head{justify-content:space-between;align-items:baseline;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.page-head h1{margin-bottom:4px}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.two-col--wide{grid-template-columns:minmax(0,1fr) 340px}.narrow{max-width:620px}.stack>*+*{margin-top:12px}.row{align-items:flex-end;gap:12px;display:flex}.row--wrap{flex-wrap:wrap}.row .field{flex:1;margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:10px;padding:16px 18px;text-decoration:none!important}.stat span{color:var(--muted);font-size:12px;display:block}.stat b{color:var(--ink);margin:2px 0;font-size:22px;display:block}.stat small{color:var(--muted)}.btn{color:#fff;cursor:pointer;white-space:nowrap;background:#111;border:1px solid #111;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;display:inline-flex;text-decoration:none!important}.btn:hover{background:#333}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--outline{color:#111;background:#fff;border-color:#d4d4d8}.btn--outline:hover{background:#f4f4f5}.btn--danger{color:var(--red);background:#fff;border-color:#f1c4c0}.btn--danger:hover{background:#fef3f2}.btn--sm{padding:6px 12px;font-size:13px}.btn--block{width:100%}.link{color:var(--blue);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0}.link.red{color:var(--red)}.field{min-width:0;display:block}.field>span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field input,.field select,.field textarea,.filters input,.filters select,.stock-form input,.stock-form select,.panel>select,.combo__add select{background:#fff;border:1px solid #d4d4d8;border-radius:7px;width:100%;padding:8px 10px}.field textarea{resize:vertical}fieldset.field{border:0;margin:0;padding:0}.row--wrap .field{flex:180px}.field--sm{min-width:100px;flex:0 120px!important}.field--xs{flex:0 0 76px!important}.field .check input,.check input{flex:none;width:auto}.check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.filters{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.filters input{flex:1;width:auto;min-width:200px}.filters select{width:auto}.flash{border-radius:8px;margin:0 0 16px;padding:10px 14px}.flash--ok{color:#05603a;background:#ecfdf3;border:1px solid #abefc6}.flash--error{color:#912018;background:#fef3f2;border:1px solid #fecdca}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 14px;text-decoration:none}.tabs a.is-active{color:var(--ink);border-color:var(--ink);font-weight:600}.tabs--sub a{font-size:13px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:600}.table td{vertical-align:top;border-bottom:1px solid #f0f0f1;padding:10px}.table tr:last-child td{border-bottom:0}.thumb{width:52px}.thumb img{object-fit:cover;background:#f4f4f5;border-radius:6px;width:44px;height:44px;display:block}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:12px;display:flex}.pill{white-space:nowrap;vertical-align:middle;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill--grey{color:#52525b;background:#f4f4f5}.pill--blue{color:var(--blue);background:#e8f1fd}.pill--amber{color:var(--amber);background:#fff4d6}.pill--green{color:var(--green);background:#e7f4e1}.pill--red{color:var(--red);background:#fde8e7}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid #f0f0f1;align-items:baseline;gap:8px;padding:7px 0;display:flex}.list li b{margin-left:auto}.totals{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:6px 20px;margin:14px 0 0;padding-top:12px;display:grid}.totals dd{text-align:right;margin:0}.components{color:var(--muted);margin:6px 0 0;padding-left:16px;font-size:12px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid #f0f0f1;padding:8px 0}.images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:14px;display:grid}.image-tile{border:1px solid var(--line);text-align:center;border-radius:8px;padding:6px;position:relative}.image-tile img{aspect-ratio:1;object-fit:cover;background:#f4f4f5;border-radius:4px;width:100%}.image-tile .pill{position:absolute;top:10px;left:10px}.image-tile__actions{justify-content:center;gap:4px;margin-top:6px;display:flex}.image-tile__actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;width:28px;height:26px}.image-tile__actions button:disabled{opacity:.3}.upload input[type=file]{flex:1}.variant{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:30px 14px 14px;position:relative}.variant__form .row+.row{margin-top:10px}.variant__delete{font-size:12px;position:absolute;top:8px;right:12px}.combo{background:#fafafa;border-radius:8px;margin-top:12px;padding:12px}.combo__line,.combo__add{border-bottom:1px solid #eee;align-items:center;padding:6px 0}.combo__add{border:0}.add-variant summary{cursor:pointer;color:var(--blue);padding:6px 0;font-weight:600}.add-variant form{margin-top:10px}.stock-form{flex-wrap:wrap}.stock-form select{width:auto}.stock-form input[name=amount]{width:80px}.stock-form input[name=note]{width:160px}.category-row{border-bottom:1px solid #f0f0f1;align-items:center;padding:10px 0}.login{text-align:center;place-content:center;gap:14px;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;width:min(380px,100%);padding:28px}.login-card .field{margin-bottom:14px}@media (max-width:1100px){.two-col,.two-col--wide{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;height:auto;padding:12px 14px;position:sticky}.sidebar__top{margin:0}.sidebar__toggle{display:block}.sidebar nav,.sidebar__foot{display:none}.sidebar.is-open nav,.sidebar.is-open .sidebar__foot{margin-top:12px;display:flex}.content{padding:16px}.row{flex-wrap:wrap}.field--sm,.field--xs{flex:100px!important}}.message.is-read{opacity:.7}.message__body{white-space:pre-wrap;margin:8px 0 0}.nav-count{background:var(--yellow);color:#111;border-radius:999px;margin-left:6px;padding:0 7px;font-size:11px;font-weight:700}