:root{font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;transition:background .18s ease}body.theme-light{background:radial-gradient(circle at top right,#dff1ff,#f3f5f8 45%,#f8f4ec)}body.theme-dark{background:radial-gradient(circle at top right,#223b57,#0f1727 45%,#0a101a)}.app-shell{--text: #1f2b37;--muted: #4b6277;--surface: rgba(255, 255, 255, .82);--border: #d4dde7;--input-border: #ced9e5;--rank-border: #e5ebf2;--row-border: #e6ebf3;color:var(--text);min-height:100vh;max-width:1120px;margin:0 auto;padding:2rem 1rem 3rem}.app-shell.dark{--text: #e7edf5;--muted: #a9bbd0;--surface: rgba(15, 24, 38, .8);--border: rgba(255, 255, 255, .16);--input-border: rgba(255, 255, 255, .2);--rank-border: rgba(255, 255, 255, .14);--row-border: rgba(255, 255, 255, .12)}.hero{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1.1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.theme-toggle{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:.45rem .75rem;cursor:pointer}.eyebrow{margin:0;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;font-weight:700;color:#0c7b75}.hero h1{margin:.5rem 0;font-size:clamp(1.35rem,3.1vw,2.2rem)}.hero p{margin:0;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem}.kpi-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.85rem}.kpi-card p,.kpi-card small{margin:0;color:var(--muted)}.kpi-card h3{margin:.45rem 0}.filters-bar{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.9rem;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.6rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.25rem}.field span{font-size:.75rem;color:var(--muted)}input,select{font:inherit;border:1px solid var(--input-border);border-radius:8px;padding:.5rem .6rem;background:var(--surface);color:var(--text)}.panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.panel,.table-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:1rem}.panel h2,.table-panel h2{margin:0 0 .6rem}.rank-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.rank-list li{display:flex;justify-content:space-between;gap:.7rem;border:1px solid var(--rank-border);border-radius:8px;padding:.45rem .55rem}.rank-list li span{color:var(--muted)}.table-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.table-head span{color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--row-border)}.status{border-radius:999px;padding:.15rem .55rem;font-size:.75rem;border:1px solid transparent}.status-delivered{background:#dcf6e7;color:#106544;border-color:#a9e7c4}.status-shipped{background:#dcefff;color:#164f84;border-color:#9fcbf1}.status-refunded{background:#ffe5e3;color:#8f2e2a;border-color:#f0b7b2}@media(max-width:880px){.filters-bar{grid-template-columns:1fr 1fr}.panels-grid{grid-template-columns:1fr}}@media(max-width:560px){.filters-bar{grid-template-columns:1fr}.hero{flex-direction:column}}