:root{--crimson: #990000;--crimson-deep: #6d0000;--ink: #1a0a00;--cream: #fff8ee;--sand: #f2e6d5;--muted: #7a6555;--bg: #faf5ed;--surface: #fffdf9;--line: rgba(26, 10, 0, .13);--line-soft: rgba(26, 10, 0, .07);--green: #1f6b3a;--amber: #94631a;--blue: #2c4c8c;--purple: #6b3fa0;--radius: 12px;--radius-sm: 8px;--shadow: 0 14px 34px -20px rgba(26, 10, 0, .4);--ease: cubic-bezier(.22, 1, .36, 1);--sidebar: 232px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:League Spartan,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.1}h1{font-size:1.65rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:inherit}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{background:var(--ink);color:var(--cream);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh}.sidebar__brand{font-weight:800;font-size:1.15rem;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.sidebar__brand span{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5;font-weight:700}.sidebar nav{display:grid;gap:2px}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border-radius:var(--radius-sm);text-decoration:none;font-size:.9rem;font-weight:600;color:#fff8eeb8;transition:background .2s var(--ease),color .2s var(--ease)}.sidebar nav a:hover{background:#fff8ee14;color:var(--cream)}.sidebar nav a.router-link-exact-active{background:var(--crimson);color:#fff}.sidebar__foot{margin-top:auto;font-size:.8rem;opacity:.7;display:grid;gap:.5rem}.main{padding:1.5rem clamp(1rem,2.5vw,2.25rem) 3rem;min-width:0}.page-head{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.eyebrow{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--crimson);display:block;margin-bottom:.3rem}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1.15rem}.grid{display:grid;gap:1rem}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi b{display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.05}.kpi span{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.kpi small{display:block;margin-top:.25rem;font-size:.78rem;color:var(--crimson);font-weight:600}label.field{display:grid;gap:.3rem;margin-bottom:.9rem}label.field>span{font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}input,select,textarea{font:inherit;color:inherit;width:100%;padding:.55rem .7rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--crimson);box-shadow:0 0 0 3px #9900001a}input[type=checkbox]{width:auto}.check{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;font-size:.92rem}.check input{margin:0}.hint{font-size:.78rem;color:var(--muted);margin-top:-.5rem;margin-bottom:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:999px;background:var(--crimson);color:#fff;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease),opacity .2s}.btn:hover:not(:disabled){background:var(--crimson-deep)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--cream)}.btn--sm{padding:.35rem .75rem;font-size:.75rem}.btn--danger{background:transparent;color:var(--crimson);border-color:#99000059}.btn--danger:hover:not(:disabled){background:var(--crimson);color:#fff}.btn--block{width:100%}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;padding:.6rem .7rem;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:.65rem .7rem;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:hover{background:#99000008}.tnum{font-variant-numeric:tabular-nums}.sub{font-size:.78rem;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.tag:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor}.tag--pending{color:var(--amber);background:#94631a1f}.tag--paid,.tag--delivered{color:var(--green);background:#1f6b3a1f}.tag--packed{color:var(--blue);background:#2c4c8c1f}.tag--shipped{color:var(--purple);background:#6b3fa01f}.tag--cancelled{color:var(--crimson);background:#9900001a}.tag--refunded{color:var(--muted);background:#7a655524}.tag--on{color:var(--green);background:#1f6b3a1f}.tag--off{color:var(--muted);background:#7a655524}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;background:transparent;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.notice{padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.86rem;border:1px solid;margin-bottom:1rem}.notice--error{color:var(--crimson);border-color:#9900004d;background:#9900000d}.notice--ok{color:var(--green);border-color:#1f6b3a4d;background:#1f6b3a0f}.notice--warn{color:var(--amber);border-color:#94631a4d;background:#94631a12}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.loading{padding:2rem;text-align:center;color:var(--muted)}dialog{border:0;padding:0;border-radius:var(--radius);background:var(--bg);color:var(--ink);max-width:720px;width:calc(100vw - 2rem);box-shadow:var(--shadow)}dialog::backdrop{background:#1a0a0080}.modal{padding:1.5rem;max-height:82vh;overflow:auto}.modal__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:380px}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem;min-width:0}.sidebar nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;gap:.25rem;min-width:0;flex:1 1 100%;order:3;padding-bottom:2px}.sidebar__foot{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:.75rem}.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3,.grid--2{grid-template-columns:1fr}}@media(max-width:560px){.grid--4{grid-template-columns:1fr 1fr}}