:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#0b1220,#030712);background-attachment:fixed;color:#f1f5f9;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:#38bdf8;text-decoration:none;transition:color .15s ease}a:hover{color:#7dd3fc}.shell{max-width:720px;margin:0 auto;padding:0 0 100px}header.top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #1e293b;position:sticky;top:0;background:#030712d9;backdrop-filter:blur(20px);z-index:50;box-shadow:0 4px 30px #0000004d}.brand-name{font-weight:900;font-size:16px;color:#f8fafc;letter-spacing:-.02em}.role-tag{font-size:10px;padding:3px 8px;border-radius:999px;background:#a855f71a;color:#a855f7;border:1.5px solid rgba(168,85,247,.2);font-weight:800;letter-spacing:.06em}main{padding:20px}.greet{font-size:11px;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}h1{font-size:26px;margin:0 0 6px;font-weight:900;letter-spacing:-.02em}.sub-h1{font-size:13px;color:#94a3b8;margin:0 0 24px;font-weight:600}.rpg-card{background:#0f172a;border:2.5px solid #1e293b;border-radius:16px;box-shadow:4px 4px #020617;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.rpg-card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #020617;border-color:#334155}.tabs{display:flex;gap:8px;background:#0f172a73;border:2.5px solid #1e293b;border-radius:14px;padding:4px;margin-bottom:20px}.tab{flex:1;padding:10px 12px;text-align:center;font-size:13px;font-weight:800;border-radius:10px;color:#94a3b8;cursor:pointer;text-decoration:none;transition:all .2s ease}.tab:hover{color:#f1f5f9;background:#ffffff08;text-decoration:none}.tab.active{background:#fbbf24;color:#0b1220;box-shadow:2px 2px #020617}.filter-row{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filter-row select{background:#090d16;color:#f1f5f9;border:2.5px solid #1e293b;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;font-family:inherit;flex:1;min-width:150px;transition:all .2s ease}.filter-row select:focus{outline:none;border-color:#fbbf24;box-shadow:3px 3px #020617}.csv-btn{background:#fbbf24;color:#0b1220;border:2.5px solid #d97706;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:2px 2px #78350f;transition:all .15s ease;text-transform:uppercase;letter-spacing:.02em}.csv-btn:hover:not(:disabled){background:#f59e0b;transform:translate(-1px,-1px);box-shadow:3px 3px #78350f}.csv-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #78350f}.csv-btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stat{background:#0f172a;border:2.5px solid #1e293b;border-radius:16px;padding:16px;box-shadow:3px 3px #020617;transition:all .25s ease}.stat:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #020617;border-color:#334155}.stat .lbl{font-size:10px;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;display:flex;align-items:center;gap:6px}.stat .val{font-size:20px;font-weight:900;color:#fff;word-break:break-all}.stat .sub{font-size:10px;color:#64748b;margin-top:4px;font-weight:700}h2{font-size:11px;margin:28px 0 12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.sku-table{background:#0f172a;border:2.5px solid #1e293b;border-radius:16px;overflow:hidden;box-shadow:3px 3px #020617}.sku-row{display:grid;grid-template-columns:48px 1fr 80px 120px;padding:12px 16px;align-items:center;font-size:13px;border-bottom:2px solid #1e293b}.sku-row:last-child{border-bottom:none}.sku-row.head{background:#1e293b;color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.sku-row .rank{font-weight:900;color:#fbbf24}.sku-row .qty{text-align:right;color:#94a3b8}.sku-row .rev{text-align:right;font-weight:800}.tenant-list{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 480px){.tenant-list{grid-template-columns:1fr 1fr}}.tenant-card{background:#0f172a;border:2.5px solid #1e293b;border-radius:16px;padding:16px;box-shadow:3px 3px #020617}.tenant-card .name{font-weight:900;font-size:15px;margin-bottom:12px}.tenant-card .row{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;padding:4px 0;border-bottom:1px dashed rgba(30,41,59,.4)}.tenant-card .row:last-child{border-bottom:none}.tenant-card .row .v{color:#f1f5f9;font-weight:700}.chart{background:#020617;border:2.5px solid #1e293b;border-radius:16px;padding:20px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;box-shadow:inset 0 0 10px #000c,3px 3px #020617}.chart-row{display:flex;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(30,41,59,.5)}.chart-row:last-child{border-bottom:none}.chart-row .date{width:60px;color:#94a3b8;font-weight:800;flex-shrink:0}.chart-row .bar{color:#fbbf24;text-shadow:0 0 4px rgba(251,191,36,.4);letter-spacing:.1em;font-weight:900}.chart-row .val{margin-left:12px;color:#38bdf8;font-weight:700}.err{background:#f43f5e1a;color:#f43f5e;border:2px solid rgba(244,63,94,.2);padding:12px;border-radius:12px;font-size:14px;font-weight:700;margin-bottom:16px}.loading{color:#94a3b8;text-align:center;padding:40px 24px;font-weight:700}.empty{background:#0f172a73;border:2.5px dashed #1e293b;border-radius:16px;padding:32px 20px;text-align:center;color:#94a3b8;font-weight:700}
