:root{--red:#e41e2c;--red-dark:#c0121f;--maroon:#5f1231;--pink:#fff2f5;--pink-mid:#f7cdd8;--pink-accent:#f47b9d;--text:#111;--muted:#6c757d;--bg:#fff;--panel:#fafafa;--card:#fff;--line:#ececec;--coral:#ff7f51;--coral-dark:#f2673a;--green:#2d6a4f;--amber:#b45309;--radius:16px;--font:"Eina01","Circular",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-text-size-adjust:100%}a{color:var(--red);text-decoration:none}.topbar{background:#fff;color:var(--text);display:flex;align-items:center;gap:2px;padding:0 14px;height:58px;position:-webkit-sticky;position:sticky;top:0;z-index:50;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:3px solid var(--red)}.topbar .brand{font-weight:800;font-size:16px;letter-spacing:3px;color:#fff;background:var(--red);padding:8px 16px;margin-right:12px}.topbar .brand,.topbar a.nav-link{border-radius:999px;white-space:nowrap}.topbar a.nav-link{color:var(--text);padding:8px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;min-height:40px;display:inline-flex;align-items:center}.topbar a.nav-link.active,.topbar a.nav-link:active,.topbar a.nav-link:hover{background:var(--pink);color:var(--red)}.topbar .spacer{flex:1 1}.container{max-width:1200px;margin:0 auto;padding:18px 16px}.container.wide{max-width:1500px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px}h1{font-size:26px;margin:4px 0 18px;letter-spacing:.5px}h1,h2{font-weight:800;color:var(--maroon);text-transform:uppercase}h2{font-size:16px;margin:0 0 12px;letter-spacing:1px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.row>*{flex-shrink:0}label.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.8px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px;font-family:var(--font);padding:10px 14px;border:1.5px solid #d9dce1;border-radius:12px;background:#fff;color:var(--text);min-height:46px}input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}.btn,button{font-size:13px;font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:12px 22px;min-height:46px;border-radius:999px;border:2px solid var(--red);background:var(--red);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;transition:background .15s,color .15s}.btn:hover,button:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn:active,button:active{transform:translateY(1px)}.btn.secondary{background:#fff;color:var(--red);border-color:var(--red)}.btn.secondary:hover{background:var(--pink)}.btn.small{font-size:11px;padding:7px 14px;min-height:38px;letter-spacing:1.2px}.btn.green{background:var(--coral);border-color:var(--coral)}.btn.green:hover{background:var(--coral-dark);border-color:var(--coral-dark)}.btn.danger{background:#fff;color:#b02a37;border-color:#b02a37}.btn.danger:hover{background:#ffe3e3}.btn:disabled,button:disabled{opacity:.45;cursor:default}table.list{width:100%;border-collapse:collapse;background:#fff;font-size:15px}table.list th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);padding:12px 10px;border-bottom:2px solid var(--red);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:10}table.list td{padding:9px 10px;border-bottom:1px solid #f2f2f2;vertical-align:middle}table.list tr{scroll-margin-top:80px}table.list tr:last-child td{border-bottom:none}table.list td.num,table.list th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.list tbody tr:hover td{background:#fffafb}.thumb{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #f0f0f0}.thumb.placeholder{display:inline-flex;align-items:center;justify-content:center;color:#e3c5cd;font-size:20px}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px}.pill.green{background:#ffe8de;color:#c2431f}.pill.amber{background:#fef3c7;color:var(--amber)}.pill.gray{background:#efefef;color:var(--muted)}.pill.red{background:#ffe3e3;color:#b02a37}.qty-input{width:92px;text-align:center;font-size:18px;font-weight:700}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.stat-card{background:var(--pink);border:1px solid var(--pink-mid);border-radius:var(--radius);padding:18px}.stat-card .big{font-size:32px;font-weight:800;color:var(--maroon)}.stat-card .lbl{color:var(--maroon);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--pink)}.login-card{background:#fff;border:1px solid var(--pink-mid);border-radius:22px;padding:36px;width:380px;max-width:92vw}.login-card h1{text-align:center;color:#fff;background:var(--red);border-radius:999px;padding:10px;letter-spacing:6px;font-size:20px}.login-card form{display:flex;flex-direction:column;gap:14px}.msg-ok{background:#ffe8de;color:#c2431f}.msg-err,.msg-ok{padding:12px 16px;border-radius:12px;margin-bottom:12px;font-weight:600}.msg-err{background:#ffe3e3;color:#b02a37}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tabs a{padding:10px 20px;border-radius:999px;background:#fff;border:2px solid var(--pink-mid);color:var(--maroon);min-height:42px;display:inline-flex;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}.tabs a.active{background:var(--red);border-color:var(--red);color:#fff}.tabs a:hover:not(.active){background:var(--pink)}.pagination{display:flex;gap:6px;align-items:center;margin-top:14px;flex-wrap:wrap}.search-sticky{position:-webkit-sticky;position:sticky;top:58px;z-index:20;background:var(--bg);padding:10px 0;margin-bottom:4px;border-bottom:1px solid var(--line)}.group-row td{background:var(--pink)!important;font-weight:800;font-size:12px;color:var(--maroon)!important;text-transform:uppercase;letter-spacing:1.2px}@media (max-width:800px){.hide-sm{display:none}.container{padding:10px}table.list{font-size:14px}h1{font-size:22px}}