:root{--color-maroon:#5a1818;--color-maroon-deep:#3f0f0f;--color-cream:#f6efe2;--color-cream-soft:#faf5ea;--color-gold:#b88a3a;--color-gold-soft:#d4a857;--color-ink:#1a1f2b;--color-ink-soft:#4a5160;--color-muted:#6b7280;--color-line:#e6e8ed;--color-line-soft:#eef0f4;--color-bg:#f5f6f8;--color-card:#fff;--color-success:#2f7d4a;--color-error:#b53b2c;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:.18s ease}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-weight:600}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .8em}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#e8d8b8;background:#1f1410;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{font-family:var(--font-serif);border-bottom:1px solid #e8d8b81a;padding:22px 22px 18px}.admin-sidebar-brand strong{letter-spacing:.18em;color:#f6efe2;font-size:1.1rem;font-weight:600;display:block}.admin-sidebar-brand span{letter-spacing:.4em;color:var(--color-gold-soft);margin-top:4px;font-size:.66rem;display:block}.admin-sidebar-section{letter-spacing:.22em;text-transform:uppercase;color:#e8d8b880;padding:18px 18px 6px;font-size:.66rem;font-weight:600}.admin-sidebar a{color:#e8d8b8c7;transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 18px;font-size:.88rem;display:flex}.admin-sidebar a:hover{color:#f6efe2;background:#f6efe20a}.admin-sidebar a.active{color:#f6efe2;border-left-color:var(--color-gold-soft);background:#f6efe212}.admin-sidebar-foot{border-top:1px solid #e8d8b81a;margin-top:auto;padding:14px 18px 22px}.admin-sidebar-foot small{color:#e8d8b880;margin-bottom:8px;font-size:.74rem;display:block}.admin-sidebar-foot button,.admin-sidebar-foot a button{color:#e8d8b8d9;font:inherit;cursor:pointer;background:0 0;border:1px solid #e8d8b82e;border-radius:4px;margin-right:6px;padding:7px 12px;font-size:.78rem}.admin-sidebar-foot button:hover{color:#f6efe2;background:#f6efe20f}.admin-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.admin-topbar{background:var(--color-card);border-bottom:1px solid var(--color-line);z-index:5;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.admin-topbar h1{font-size:1.3rem;font-family:var(--font-sans);margin:0;font-weight:600}.admin-topbar-meta{color:var(--color-muted);font-size:.86rem}.admin-content{flex:1;padding:28px}@media (width<=880px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-line);padding:18px 20px}.kpi-label{color:var(--color-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.74rem;font-weight:600}.kpi-value{color:var(--color-maroon);font-size:1.8rem;font-weight:700;font-family:var(--font-serif);letter-spacing:-.01em}.kpi-delta{color:var(--color-success);margin-top:6px;font-size:.78rem;font-weight:600}.kpi-delta.down{color:var(--color-error)}.panel{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-bottom:24px}.panel-head{border-bottom:1px solid var(--color-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.panel-head h2{margin:0;font-size:1.05rem;font-weight:600}.panel-body{padding:22px}.panel-body.flush{padding:0}.panel-foot{border-top:1px solid var(--color-line-soft);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-line-soft);vertical-align:middle;padding:12px 16px}.table th{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;background:#fafbfc;font-size:.72rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafbfc}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .row-actions{justify-content:flex-end;gap:6px;display:flex}.empty{text-align:center;color:var(--color-muted);padding:60px 20px}.empty h3{color:var(--color-ink);margin-bottom:6px}.banner{border-radius:8px;margin-bottom:22px;padding:14px 18px;font-size:.9rem}.banner.warn{color:#6b5800;background:#fff8e1;border:1px solid #fbe8a6}.banner.warn strong{color:#4a3d00}.banner.info{color:#1a4978;background:#e8f1fb;border:1px solid #c3dbf3}.banner.info strong{color:#14365b}.banner.error{color:var(--color-error);background:#fdecea;border:1px solid #f6bcb6}.banner.success{color:var(--color-success);background:#ecf6ee;border:1px solid #c6e6cf}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar input[type=search],.toolbar input[type=text],.toolbar input[type=number],.toolbar input[type=date],.toolbar select{background:var(--color-card);font:inherit;border:1px solid #d8dbe2;border-radius:6px;padding:8px 12px;font-size:.88rem}.toolbar input:focus,.toolbar select:focus{border-color:var(--color-maroon);outline:none}.btn{font-size:.84rem;font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;background:var(--color-maroon);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--color-maroon-deep);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.outline{background:var(--color-card);color:var(--color-ink);border-color:#d8dbe2}.btn.outline:hover{color:var(--color-ink);background:#f5f6f8}.btn.danger{background:var(--color-error)}.btn.danger:hover{background:#93291d}.btn.ghost{color:var(--color-muted);background:0 0;padding:6px 10px}.btn.ghost:hover{color:var(--color-ink);background:#f5f6f8}.btn.sm{padding:6px 10px;font-size:.8rem}.form{gap:14px;max-width:720px;display:grid}.form .field{flex-direction:column;gap:4px;display:flex}.form .field label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.72rem;font-weight:600}.form .field input,.form .field select,.form .field textarea{background:var(--color-card);color:var(--color-ink);border:1px solid #d8dbe2;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:.92rem}.form .field input:focus,.form .field select:focus,.form .field textarea:focus{border-color:var(--color-maroon);outline:none}.form .field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=540px){.form .field-row{grid-template-columns:1fr}}.form-actions{border-top:1px solid var(--color-line-soft);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;display:flex}.pill{letter-spacing:.04em;text-transform:capitalize;color:#4a5160;background:#eef0f4;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.pill.green{color:var(--color-success);background:#e1f1e6}.pill.red{color:var(--color-error);background:#fde0dd}.pill.yellow{color:#946600;background:#fff4d6}.pill.blue{color:#1d4ed8;background:#e3edfb}.pill.gold{color:#8c6817;background:#fceec5}.pill.gray{color:#4a5160;background:#eef0f4}.admin-auth{background:linear-gradient(135deg,#1f1410,#3f0f0f);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-auth-card{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:36px 32px;box-shadow:0 20px 50px -20px #00000080}.admin-auth-card h2{font-family:var(--font-serif);text-align:center;font-size:1.6rem}.admin-auth-card .sub{text-align:center;color:var(--color-muted);font-style:italic;font-family:var(--font-serif);margin-bottom:24px}.muted{color:var(--color-muted)}.text-maroon{color:var(--color-maroon)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-md{margin-bottom:16px}.center{text-align:center}.divider{background:var(--color-line-soft);height:1px;margin:18px 0}.loader{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;padding:60px 0;font-size:.86rem;display:flex}.loader-dot{background:var(--color-gold);border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.grid-2{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=880px){.grid-2{grid-template-columns:1fr}}.summary-row{justify-content:space-between;padding:6px 0;font-size:.92rem;display:flex}.summary-row.total{border-top:1px solid var(--color-line-soft);color:var(--color-maroon);margin-top:8px;padding-top:12px;font-size:1.05rem;font-weight:700}.product-thumb{background-position:50%;background-size:cover;background-color:var(--color-cream);border-radius:4px;flex-shrink:0;width:40px;height:40px}