:root{--bg: #14121f;--panel: #1e1b2e;--panel-2: #262238;--text: #ece9f7;--muted: #9a93b8;--accent: #ff6f61;--accent-2: #8b5cf6;--grad: linear-gradient(135deg, #ff6f61, #8b5cf6);--ok: #4ade80;--err: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}#app{max-width:560px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}h1,h2{font-weight:600}button{background:var(--grad);color:#fff;border:0;border-radius:10px;padding:10px 18px;font-size:15px;cursor:pointer}button.ghost{background:var(--panel-2);color:var(--text)}button:disabled{opacity:.5;cursor:default}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid #3a3452;border-radius:8px;padding:9px 12px;font-size:15px;width:100%}label{display:block;margin:12px 0 4px;color:var(--muted);font-size:13px}.card{background:var(--panel);border-radius:14px;padding:16px;margin:10px 0}.banner{background:#3a2b2b;color:#ffb4a8;border-radius:10px;padding:10px 14px;margin:10px 0;font-size:14px}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}