:root { --bg:#0e0e10; --card:#1a1a1f; --borda:#2c2c34; --texto:#f2f2f2; --suave:#a0a0ab; --ouro:#f5b700; --erro:#ff6b6b; --ok:#4cd07d; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--texto); font:16px/1.45 system-ui, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 16px; }
h1 { font-size: 1.4rem; margin: 8px 0 4px; }
h1 span { color: var(--ouro); }
.card { background:var(--card); border:1px solid var(--borda); border-radius:12px; padding:16px; margin:12px 0; }
label { display:block; font-size:.85rem; color:var(--suave); margin:10px 0 4px; }
input, select { width:100%; padding:12px; border-radius:8px; border:1px solid var(--borda); background:#111; color:var(--texto); font-size:1rem; }
button { padding:12px 16px; border:0; border-radius:8px; background:var(--ouro); color:#111; font-weight:700; font-size:1rem; cursor:pointer; }
button.sec { background:transparent; color:var(--texto); border:1px solid var(--borda); }
button.perigo { background:transparent; color:var(--erro); border:1px solid var(--erro); }
.linha { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.linha > * { flex:1 1 140px; }
.abas { display:flex; gap:8px; }
.abas button { flex:1; background:transparent; color:var(--suave); border:1px solid var(--borda); }
.abas button.ativa { background:var(--ouro); color:#111; border-color:var(--ouro); }
.msg { margin-top:12px; min-height:1.2em; font-size:.9rem; }
.msg.erro { color:var(--erro); }
.msg.ok { color:var(--ok); }
.aviso { font-size:.8rem; color:var(--suave); }
.time { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 0; border-top:1px solid var(--borda); }
.time:first-child { border-top:0; }
.time small { color:var(--suave); display:block; }
.oculto { display:none !important; }
.check { display:flex; gap:8px; align-items:flex-start; margin-top:12px; }
.check input { width:auto; margin-top:4px; }