:root{--bg:#050810;--surface:#0e1117;--surface-2:#161922;--border:#ffffff12;--fg:#e2e8f0;--fg-muted:#6b7280;--primary:#3b82f6;--success:#10b981;--warn:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,SF Pro Text,Inter,system-ui,sans-serif;font-size:15px}.app-main{min-height:100vh;padding:max(env(safe-area-inset-top), 16px) 16px calc(74px + env(safe-area-inset-bottom));max-width:540px;margin:0 auto}.tab-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:10px 0 max(env(safe-area-inset-bottom), 10px);z-index:100;background:#0e1117eb;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar a{color:var(--fg-muted);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 16px;font-size:11px;text-decoration:none;transition:color .15s;display:flex}.tab-bar a.active{color:var(--fg)}.tab-bar svg{width:22px;height:22px}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-bottom:8px;font-size:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:8px 0;padding:14px 16px}.kpi{justify-content:space-between;align-items:baseline;display:flex}.kpi .label{color:var(--fg-muted);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.row{align-items:center;gap:10px;display:flex}button.primary{background:var(--primary);color:#fff;border:0;border-radius:10px;width:100%;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:500}.grade-A{color:var(--success)}.grade-B{color:#84cc16}.grade-C{color:var(--warn)}.grade-D{color:#f97316}.grade-F{color:var(--danger)}