:root{--bg-1:#f6f1e8;--bg-2:#efe6d8;--glass:#ffffff8c;--glass-strong:#ffffffb8;--glass-border:#ffffffa6;--ink:#33291e;--ink-2:#7d7263;--brand:#7a4a2b;--brand-soft:#7a4a2b1a;--accent:#2f6f62;--danger:#b3402f;--warn:#9a6b12;--success:#2f6f4f;--r:16px;--shadow:0 8px 32px #33291e1f;--shadow-sm:0 2px 10px #33291e14}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1000px 500px at 85% -10%, #d99a5b38, transparent 60%), radial-gradient(800px 500px at -10% 100%, #2f6f6224, transparent 55%), linear-gradient(160deg, var(--bg-1), var(--bg-2));background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14.5px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0 0 12px;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:inherit}.layout{min-height:100vh;display:flex}.sidebar{background:var(--glass);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--glass-border);flex-shrink:0;width:232px;height:100vh;padding:20px 12px;position:sticky;top:0;overflow-y:auto}.brand{flex-direction:column;align-items:flex-start;padding:4px 12px 20px;display:flex}.brand img{width:auto;height:46px}.brand span{letter-spacing:.14em;color:var(--ink-2);margin-top:4px;font-size:10.5px;font-weight:600}.nav-item{width:100%;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item svg{flex-shrink:0}.nav-item.active{background:var(--glass-strong);color:var(--brand);border-color:var(--glass-border);box-shadow:var(--shadow-sm)}.nav-item:hover{color:var(--ink)}.main{flex:1;min-width:0;padding:clamp(16px,3vw,34px)}.metric-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:14px;margin-bottom:22px;display:grid}.card{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px}.metric-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);margin-bottom:6px;font-size:11.5px;font-weight:600}.metric-value{color:var(--ink);font-size:26px;font-weight:700}.metric-hint{color:var(--ink-2);margin-top:4px;font-size:12px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap;border-bottom:1px solid #33291e1f;padding:10px 12px;font-size:11px}td{vertical-align:middle;border-bottom:1px solid #33291e12;padding:11px 12px;font-size:13.5px}tr:last-child td{border-bottom:0}.badge{border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;display:inline-block}.badge.new,.badge.pending,.badge.requested{color:var(--warn);background:#9a6b121f}.badge.paid,.badge.approved,.badge.completed,.badge.converted,.badge.delivered,.badge.captured,.badge.published{color:var(--success);background:#2f6f4f1f}.badge.cancelled,.badge.refunded,.badge.suspended,.badge.rejected,.badge.closed,.badge.failed{color:var(--danger);background:#b3402f1f}.badge.contacted,.badge.processing,.badge.confirmed,.badge.shipped,.badge.partially_fulfilled,.badge.pending_review{color:var(--accent);background:#2f6f621f}.badge.neutral{color:var(--ink-2);background:#33291e14}.btn{border:1px solid var(--glass-border);background:var(--glass-strong);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:6px;padding:8px 15px;font-size:13px;font-weight:600;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:5px 11px;font-size:12px}.input,select.input{background:var(--glass-strong);color:var(--ink);border:1px solid #33291e2e;border-radius:10px;width:100%;padding:9px 12px;font-size:14px}.input:focus{outline:2px solid var(--brand)}.field{margin-bottom:14px}.field label{color:var(--ink-2);margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.check{cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;display:flex}.bars{align-items:flex-end;gap:4px;height:120px;padding-top:8px;display:flex}.bar{background:linear-gradient(180deg, var(--brand), #b0764a);opacity:.85;border-radius:4px 4px 0 0;flex:1;min-height:3px}.bar:hover{opacity:1}.empty{text-align:center;color:var(--ink-2);padding:40px 16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--ink-2)}.small{font-size:12.5px}.topbar{display:none}@media (width<=800px){.sidebar{z-index:50;background:#ffffffe6;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:translate(0)}.topbar{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);z-index:40;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.topbar img{height:28px}}