:root{color-scheme:dark;--bg:#101615;--panel:#15201ee8;--line:#ffffff1f;--text:#f8f3e8;--muted:#b4b9b5;--gold:#e8ae51;--blue:#4c9cff;--green:#48d879;--red:#ff6662}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 9% 0,#57472c55,transparent 30%),radial-gradient(circle at 75% 0,#274a5844,transparent 29%),linear-gradient(125deg,#0b1110,#172321 48%,#0a0e0f);color:var(--text);font:16px/1.45 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.shell{display:grid;grid-template-columns:215px 1fr;gap:24px;padding:18px;max-width:1720px;margin:auto}aside,.table-wrap,.detail article{background:linear-gradient(135deg,#1a2422e8,#101817e8);border:1px solid var(--line);border-radius:15px;box-shadow:0 15px 45px #0005;backdrop-filter:blur(14px)}aside{min-height:calc(100vh - 36px);padding:20px 14px;display:flex;flex-direction:column}.brand{color:var(--text);text-decoration:none;padding:0 12px 18px}.brand strong{font-size:1.25rem;display:block;color:#fff0cc}.brand span{font-size:.85rem;color:var(--gold)}nav{display:grid;gap:7px}nav a{padding:12px;border-radius:10px;color:#e7e8e4;text-decoration:none;cursor:pointer}nav a.active{background:linear-gradient(90deg,#d99c3d,#755525);box-shadow:0 0 20px #e8ae5160;color:#fff}aside footer{margin-top:auto;border-top:1px solid var(--line);padding:15px 12px;color:#dce5df;font-size:.84rem}footer i{display:inline-block;background:var(--green);width:9px;height:9px;border-radius:50%;margin-right:6px}footer small,.muted{color:var(--muted)}.workspace{min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 18px}h1,h2,p{margin:0}h1{font-size:1.8rem}header p{color:#d1d6d3}.tools{display:flex;gap:9px;align-items:center}.tools input{width:270px}.tools input,button{background:#131b1ae8;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 13px;font:inherit}button{cursor:pointer}.profile{padding:10px 17px}.notice{padding:9px 12px;border:1px solid #e8ae5150;border-radius:9px;background:#e8ae5112;color:#f4cf8b;font-size:.85rem;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:11px}.metric{background:linear-gradient(135deg,#20302d,#16201f);border:1px solid var(--line);border-radius:11px;padding:14px}.metric strong{display:block;font-size:1.55rem}.metric span{font-size:.83rem;color:var(--muted)}.metric.gold{border-color:#e8ae5180}.metric.blue{border-color:#4c9cff80}.metric.green{border-color:#48d87980}.metric.red{border-color:#ff666280}.filters{margin:18px 0 12px;display:flex;gap:8px;flex-wrap:wrap}.filters span{flex:1}.filters button{font-size:.85rem;padding:8px 12px}.filters .selected,.export{background:#a87327;border-color:var(--gold)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}th{color:#c9d0ca;font-weight:600;background:#111817bb}.empty{text-align:center;color:var(--muted);padding:30px}.badge{display:inline-block;padding:4px 9px;border-radius:6px;font-size:.83rem;font-weight:600}.PLACED{background:#aeb5bc22;color:#e8e9e8;border:1px solid #aeb5bc66}.PREPARING{background:#e8ae5122;color:#ffd17e;border:1px solid #e8ae5180}.SHIPPED{background:#4c9cff22;color:#85bcff;border:1px solid #4c9cff80}.DELIVERED{background:#48d87922;color:#76ee9b;border:1px solid #48d87980}.CANCELLED{background:#ff666222;color:#ff9692;border:1px solid #ff666280}.detail{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:14px;margin-top:18px}.detail article{padding:18px;min-height:160px}.detail h2{font-size:1rem;margin-bottom:12px}.proof{border:1px solid var(--line);border-radius:10px;height:95px;text-align:center;padding:24px;color:#9da7a2}.proof span{font-size:.8rem}@media(max-width:1000px){.shell{grid-template-columns:1fr;padding:10px}aside{min-height:auto;display:block;padding:12px}aside footer{display:none}.brand{display:inline-block;padding:0 12px 8px}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.metrics{grid-template-columns:repeat(3,1fr)}.detail{grid-template-columns:1fr}}@media(max-width:620px){header{align-items:stretch;flex-direction:column}h1{font-size:1.5rem}.tools input{width:100%}.tools{display:grid;grid-template-columns:1fr auto auto}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:11px}.filters{overflow:auto;flex-wrap:nowrap}.filters span{display:none}.filters button{white-space:nowrap}.detail{display:none}body{font-size:15px}}