:root{--green: #007748;--green-deep: #00472b;--green-mid: #1a855a;--gold: #ffc107;--red: #e23c32;--ink: #140e09;--ink-300: #4d453f;--ink-200: #645d57;--line: #c8c8c8;--surface: #fdfdfd;--canvas: #eaf2eb;--radius: 12px;--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);min-height:100vh}#root{min-height:100vh}main{width:100%;max-width:420px;margin:0 auto;background:var(--surface);border-radius:var(--radius);padding:32px;box-shadow:0 18px 50px #00000047}#root:has(main){display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--green-deep) 0%,var(--green) 55%,var(--green-mid) 100%)}.brand{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}h1{font-size:26px;font-weight:700;margin:0;letter-spacing:-.4px}.brand span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--green)}.subtitle{margin:0 0 28px;color:var(--ink-200);font-size:14px}label{display:block;margin-bottom:16px;font-size:13px;font-weight:700;color:var(--ink-300)}input{display:block;width:100%;margin-top:6px;padding:12px 14px;font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px}input:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:2px}button{width:100%;min-height:46px;padding:12px 16px;font:inherit;font-weight:700;color:#fff;background:var(--green);border:0;border-radius:8px;cursor:pointer}button:hover:not(:disabled){background:var(--green-mid)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:var(--ink-300);background:transparent;border:1px solid var(--line)}button.secondary:hover:not(:disabled){background:var(--canvas)}[role=alert]{display:flex;gap:8px;margin:0 0 20px;padding:12px 14px;font-size:13px;color:#8a1f18;background:#fdeceb;border:1px solid var(--red);border-left-width:4px;border-radius:8px}[role=alert]:before{content:"⚠";font-weight:700}.card{padding:16px;background:var(--canvas);border-radius:8px;margin-bottom:20px}.card p{margin:0;font-size:14px;color:var(--ink-300)}.card p+p{margin-top:8px}.role{display:inline-block;padding:3px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--green-deep);background:var(--gold);border-radius:999px}.note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-200)}.loading{color:var(--ink-200);font-size:14px}:root{--shell: #062a1c;--shell-2: #08351f;--card: #0d4229;--edge: #17624070;--on-dark: #eaf2eb;--on-dark-dim: #9dbfae;--mint: #2fd18b;--sky: #35c1e8;--violet: #8b7bf0;--rose: #f2707d}.shell{display:grid;grid-template-columns:244px 1fr;width:100%;min-height:100vh;background:var(--shell);color:var(--on-dark)}aside{background:var(--shell-2);border-right:1px solid var(--edge);padding:24px 14px 22px;display:flex;flex-direction:column;gap:22px}.logo{display:flex;align-items:center;gap:9px;padding:0 8px}.logo img{height:40px;width:auto}.logo span{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);border:1px solid #ffc10755;border-radius:4px;padding:2px 6px}nav{display:flex;flex-direction:column;gap:2px}nav button{display:flex;align-items:center;gap:11px;width:100%;min-height:40px;padding:0 12px;font-size:13.5px;font-weight:600;text-align:left;color:var(--on-dark-dim);background:transparent;border:0;border-radius:8px;cursor:pointer}nav button i{font-style:normal;font-size:14px;width:18px;text-align:center;opacity:.9}nav button:hover{color:var(--on-dark);background:#ffffff0d}nav button.active{color:#fff;background:linear-gradient(90deg,var(--green) 0%,var(--green-mid) 100%);box-shadow:0 6px 18px #00774855}nav button em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--shell);background:var(--gold);border-radius:999px;padding:1px 7px}.side-card{margin-top:auto;padding:15px;background:linear-gradient(150deg,var(--card) 0%,var(--shell-2) 100%);border:1px solid var(--edge);border-radius:12px}.side-card p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--on-dark-dim)}.side-card strong{display:block;margin:5px 0 2px;font-size:21px;color:var(--gold)}.side-card span{font-size:11.5px;color:var(--on-dark-dim)}.main{padding:22px 26px 34px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}header h1{font-size:22px;color:#fff;margin:0}header p{margin:3px 0 0;font-size:12.5px;color:var(--on-dark-dim)}.header-actions{display:flex;align-items:center;gap:10px}button.ghost{position:relative;width:auto;min-height:36px;padding:0 11px;font-size:15px;color:var(--on-dark);background:#ffffff0f;border:1px solid var(--edge);border-radius:9px}button.ghost:hover:not(:disabled){background:#ffffff1c}button.ghost em{position:absolute;top:-5px;right:-5px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--red);border-radius:999px;padding:1px 5px}button.ghost.text{font-size:13px;font-weight:700}.avatar{width:34px;height:34px;display:grid;place-items:center;font-weight:700;color:var(--shell);background:var(--gold);border-radius:50%}.who{font-size:13.5px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.panel{background:var(--card);border:1px solid var(--edge);border-radius:13px;padding:17px;min-width:0}.span2{grid-column:span 2}.span4{grid-column:span 4}.panel h2{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#fff}.panel h2 em{font-style:normal;font-size:11px;font-weight:700;color:var(--shell);background:var(--gold);border-radius:999px;padding:2px 8px}.panel-sub{margin:4px 0 15px;font-size:11.5px;color:var(--on-dark-dim)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat p{margin:0;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--on-dark-dim)}.stat strong{display:block;margin:6px 0 4px;font-size:25px;color:#fff}.stat span{font-size:12px;font-weight:700}.stat .up{color:var(--mint)}.stat .down{color:var(--rose)}.spark{width:100%;height:60px;display:block}.spark-line{fill:none;stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}.spark-fill{fill:#2fd18b26;stroke:none}.bars{display:flex;align-items:flex-end;gap:7px;height:62px;margin-top:12px}.bar{flex:1;background:linear-gradient(180deg,var(--gold) 0%,#e0a800 100%);border-radius:4px 4px 0 0;min-height:6px}.rows{display:flex;flex-direction:column;gap:11px}.row{display:grid;grid-template-columns:96px 1fr 42px;align-items:center;gap:10px;font-size:12.5px}.row span{color:var(--on-dark-dim)}.row b{text-align:right;font-size:12.5px;color:#fff}.track{height:7px;background:#ffffff14;border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px}.tone-gold{background:var(--gold)}.tone-mint{background:var(--mint)}.tone-sky{background:var(--sky)}.tone-violet{background:var(--violet)}.tone-rose{background:var(--rose)}.donut-row{display:flex;justify-content:space-around;gap:8px}.donut{text-align:center;flex:1}.donut svg{width:100%;max-width:86px;transform:rotate(-90deg)}.donut-track{fill:none;stroke:#ffffff14;stroke-width:8}.donut-arc{fill:none;stroke-width:8;stroke-linecap:round}.donut-arc.tone-gold{stroke:var(--gold)}.donut-arc.tone-mint{stroke:var(--mint)}.donut-arc.tone-sky{stroke:var(--sky)}.donut-value{transform:rotate(90deg);transform-origin:40px 40px;text-anchor:middle;font-size:15px;font-weight:700;fill:#fff}.donut>span{display:block;margin-top:4px;font-size:11.5px;color:var(--on-dark-dim)}.queue ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.queue li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--edge)}.queue li:first-child{border-top:0}.queue strong{display:block;font-size:13px;color:#fff}.queue li span{font-size:11.5px;color:var(--on-dark-dim)}.queue-right{display:flex;align-items:center;gap:9px;flex-shrink:0}.queue-right em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 8px}.tag-violet{color:#ded8ff;background:#8b7bf033}.tag-sky{color:#cdeffa;background:#35c1e833}.queue .stale{color:var(--gold);font-weight:700}.queue .stale:after{content:" ✦"}.orders table{width:100%;border-collapse:collapse;font-size:12.5px}.orders td{padding:8px 0;border-top:1px solid var(--edge);color:var(--on-dark-dim)}.orders tr:first-child td{border-top:0}.orders td:nth-child(2){color:var(--on-dark)}.mono{font-variant-numeric:tabular-nums;color:#fff!important;font-weight:700}.orders em{font-style:normal;font-size:10.5px;font-weight:700;border-radius:999px;padding:2px 9px}.state-paid{color:#bff3da;background:#2fd18b2e}.state-shipped{color:#cdeffa;background:#35c1e82e}.state-pending{color:#ffe9a8;background:#ffc1072e}@media(max-width:1100px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;overflow-x:auto}nav{flex-direction:row}nav button{white-space:nowrap}.side-card{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span4{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid,.stats{grid-template-columns:1fr}.span2,.span4{grid-column:span 1}}.mini-split{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--edge)}.mini-split p{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--on-dark-dim);line-height:1.4}.mini-split strong{display:block;margin-top:4px;font-size:19px;color:#fff}.orders td:nth-child(2){width:55%}