:root,[data-theme=dark]{--bg: #1a1c23;--surface: #22252f;--surface-2: #2a2e3a;--border: #33384a;--accent: #f97316;--primary: var(--accent);--accent-dim: rgba(249,115,22,.15);--accent-border: rgba(249,115,22,.35);--text: #f1f5f9;--text-muted: #8892a4;--text-inv: #0f172a;--danger: #ef4444;--danger-dim: rgba(239,68,68,.12);--success: #22c55e;--overlay-bg: rgba(0,0,0,.65);--shadow: 0 8px 32px rgba(0,0,0,.5);--header-bg: #14161d;--drawer-bg: #14161d;--toggle-knob: #f97316;--input-bg: rgba(255,255,255,.06);--input-border:rgba(255,255,255,.1);--row-stripe: rgba(255,255,255,.03)}[data-theme=light]{--bg: #f4f6f9;--surface: #ffffff;--surface-2: #eef1f6;--border: #dde3ee;--accent: #f97316;--primary: var(--accent);--accent-dim: rgba(249,115,22,.1);--accent-border: rgba(249,115,22,.3);--text: #111827;--text-muted: #6b7280;--text-inv: #ffffff;--danger: #dc2626;--danger-dim: rgba(220,38,38,.08);--success: #16a34a;--overlay-bg: rgba(0,0,0,.4);--shadow: 0 4px 24px rgba(0,0,0,.12);--header-bg: #ffffff;--drawer-bg: #ffffff;--toggle-knob: #f97316;--input-bg: #f4f6f9;--input-border:#dde3ee;--row-stripe: rgba(0,0,0,.02)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}input{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);margin-bottom:1rem;box-sizing:border-box;font-size:1rem;transition:border-color .2s,background .2s}input:focus{outline:none;border-color:var(--accent)}button{width:100%;padding:.8rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s}button:active{opacity:.85}.container{padding:1rem;max-width:480px;margin:0 auto}.card{background:var(--surface);border-radius:14px;padding:1.75rem;border:1px solid var(--border);box-shadow:var(--shadow)}.btn-secondary{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
