:root{--ink:#0f172a;--ink-soft:#475569;--line:#e2e8f0;--brand:#0ea5e9;--brand-deep:#0b5d94;--surface:#fff;--surface-soft:#f8fafc;--shadow:0 24px 45px #0f172a26;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 15%,#0ea5e90d,#0000 45%),radial-gradient(circle at 80% 20%,#0f172a0d,#0000 40%),linear-gradient(145deg,#f8fafc,#e2e8f0);min-height:100vh;margin:0}h1,h2,h3{color:var(--ink);letter-spacing:.01em;margin:0;font-family:Gill Sans,Trebuchet MS,sans-serif}h1{font-size:clamp(2rem,3vw,2.7rem)}p{margin:0}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:32px 24px 56px}.topbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.brand{max-width:420px}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--brand-deep);margin:0;font-size:.72rem;font-weight:600}.brand h1{letter-spacing:-.01em;margin:6px 0;font-size:clamp(2.5rem,3vw,3rem)}.tagline{color:var(--ink-soft);margin:0;font-size:.95rem}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{color:var(--ink-soft);border:1px solid #e2e8f0cc;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.tab:hover{border-color:var(--brand);transform:translateY(-1px)}.tab-active{background:linear-gradient(145deg, var(--brand), var(--brand-deep));color:#fff;border-color:#0000}.page{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e2e8f0e6;border-radius:24px;padding:30px;animation:.32s slideFade}.app-banner{background:linear-gradient(135deg,#0ea5e914,#0b5d940f);border:1px solid #0ea5e92e;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 12px 30px #0f172a14}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-sub{color:var(--ink-soft);margin:4px 0 0;font-size:.95rem}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card{background:var(--surface-soft);border:1px solid #e2e8f0e6;border-radius:20px;padding:18px;box-shadow:0 12px 30px #0f172a14}.metric{margin:4px 0 0;font-size:1.6rem}.badge{letter-spacing:.03em;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-good{color:#14693f;background:#e7f8ed}.badge-warn{color:#8f6201;background:#fff4df}.badge-danger{color:#ad2b2b;background:#ffe7e6}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input,.select,.button{border:1px solid var(--line);font:inherit;border-radius:10px}.input,.select{background:#fff;min-width:230px;padding:10px 12px}.button{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;cursor:pointer;border:0;padding:10px 14px;font-weight:700}.button[disabled]{opacity:.65;cursor:not-allowed}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px}.table tr:last-child td{border-bottom:none}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.live-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:92px 1fr;gap:10px;padding:10px;display:grid}.live-card img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:92px;height:92px}.live-card-body{min-width:0}.live-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:700;display:-webkit-box;overflow:hidden}.live-price{margin-top:8px;font-weight:700}.live-card-active{border-color:var(--brand-deep);box-shadow:0 0 0 2px #0d7db029}.notice{border-radius:12px;padding:10px 12px;font-size:.92rem}.notice-error{color:#8f1d1d;background:#ffe7e6}.notice-success{color:#0e5f34;background:#e9f7f0}.kbd{border:1px solid var(--line);background:#fff;border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:.78rem}.spinner{border:2px solid var(--line);border-top-color:var(--brand-deep);border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes slideFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.topbar{flex-direction:column;align-items:start}.app-banner{flex-direction:column;align-items:flex-start}.grid-cards{grid-template-columns:1fr}.input,.select{min-width:100%}.live-grid{grid-template-columns:1fr}}