*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EEF1F7;--surface: #FFFFFF;--ink: #0B1020;--text2: #5B6172;--text3: #7A8295;--muted: #9AA2B1;--border: #E6EAF2;--blue: #1B4DFF;--lemon: #D8F500;--green: #22C55E;--green-dark: #16A34A;--amber: #F59E0B;--red: #EF4444;--shadow-card: 0 4px 14px rgba(11,16,32,.06);--shadow-card-lg: 0 8px 22px rgba(11,16,32,.08);--r-hero: 26px;--r-block: 18px;--r-row: 14px;--r-pill: 30px;--r-badge: 8px}html,body{background:var(--bg);font-family:Space Grotesk,sans-serif;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.app-shell{width:100%;max-width:430px;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.screen-content{flex:1;overflow-y:auto;padding:20px 18px 90px;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--surface);border-top:1px solid var(--border);display:flex;padding:8px 0 18px;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 0;border:none;background:transparent;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:600;letter-spacing:.3px;transition:color .15s ease}.tab-item.active{color:var(--blue)}.tab-item svg{width:20px;height:20px}.t-display{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.5px}.t-section{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:17px}.t-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.t-body{font-size:14px;font-weight:400}.t-num{font-family:Anton,sans-serif;font-weight:400}.card{background:var(--surface);border-radius:var(--r-hero);box-shadow:var(--shadow-card);overflow:hidden}.card-sm{border-radius:var(--r-block)}.card-row{border-radius:var(--r-row)}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:600}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--r-badge);font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:15px;border-radius:var(--r-pill);padding:14px 24px;transition:transform .1s,opacity .1s;width:100%}.btn:active{transform:scale(.97);opacity:.9}.btn-black{background:var(--ink);color:#fff}.btn-lemon{background:var(--lemon);color:var(--ink);box-shadow:0 8px 18px #d8f50066}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 18px #1b4dff52}.progress-track{background:var(--border);border-radius:6px;height:6px;overflow:hidden}.progress-fill{height:100%;background:var(--blue);border-radius:6px;transition:width .5s ease}.seg-ctrl{display:flex;background:var(--bg);border-radius:var(--r-pill);padding:3px}.seg-btn{flex:1;border:none;border-radius:var(--r-pill);padding:8px 0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;background:transparent;color:var(--text3)}.seg-btn.active{background:var(--blue);color:#fff}.filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filter-chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:700;cursor:pointer;border:none;background:var(--surface);color:var(--text3);transition:all .15s;box-shadow:var(--shadow-card)}.chip.active{background:var(--blue);color:#fff}@media (max-width: 430px){.app-shell,.tab-bar{max-width:100%}}[data-theme=dark]{--bg: #0F1117;--surface: #1A1D27;--ink: #F0F2F8;--text2: #B0B8D0;--text3: #8892AA;--muted: #5A6480;--border: #252A3A;--shadow-card: 0 4px 14px rgba(0,0,0,.35);--shadow-card-lg: 0 8px 22px rgba(0,0,0,.45);--green: #34D399;--green-dark: #10B981;--lemon: #1B4DFF}[data-theme=dark] html,[data-theme=dark] body{background:#0f1117}[data-theme=dark] .card{background:#1a1d27}[data-theme=dark] .chip{background:#1a1d27;color:var(--text3)}[data-theme=dark] .tab-bar{background:#13151f;border-top-color:#252a3a}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#13151f!important;color:var(--ink)!important;border-color:#252a3a!important}[data-theme=dark] .btn-outline{border-color:#252a3a;color:var(--ink)}[data-theme=dark] .progress-track{background:#252a3a}[data-theme=dark] .seg-ctrl{background:#13151f}#root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);min-height:100dvh}