:root{--bg:#0b1020;--panel:#121a2b;--card:#16213a;--text:#e6e7ea;--muted:#9aa3b2;--brand:#0e6b55;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--border:#24314d}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:960px;margin:0 auto;padding:12px 12px 90px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.btn{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 14px}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:10px;padding:10px 14px}.input{background:var(--panel);width:100%;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.nav{background:var(--panel);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{text-align:center;color:var(--muted);padding:8px 0}.nav a.active{color:var(--text)}