*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--bg2: #1e293b;--bg3: #334155;--text: #f1f5f9;--text2: #94a3b8;--accent: #3b82f6;--accent2: #2563eb;--danger: #ef4444;--success: #22c55e;--radius: 12px;--gap: 16px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;padding:12px 20px;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){opacity:.8}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text2)}input,select{width:100%;background:var(--bg3);border:1px solid var(--bg3);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:12px 16px;outline:none}input:focus,select:focus{border-color:var(--accent)}.card{background:var(--bg2);border-radius:var(--radius);padding:var(--gap)}.page{max-width:480px;margin:0 auto;padding:env(safe-area-inset-top,16px) var(--gap) env(safe-area-inset-bottom,16px);min-height:100%;display:flex;flex-direction:column;gap:var(--gap)}.error{color:var(--danger);font-size:.875rem;text-align:center}.muted{color:var(--text2);font-size:.875rem}nav{display:flex;align-items:center;justify-content:space-between;padding:12px var(--gap);background:var(--bg2);position:sticky;top:0;z-index:10}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gap)}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:600}.badge-green{background:#14532d;color:var(--success)}.badge-red{background:#450a0a;color:var(--danger)}.badge-blue{background:#1e3a5f;color:var(--accent)}