:root { --bg:#f4f6f8; --card:#fff; --tx:#16202a; --mut:#5b6874; --bd:#d8dee4; --ok:#1a7f37; --ko:#b42318; --ac:#0b5cad; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0f1418; --card:#182027; --tx:#e6edf3; --mut:#9aa7b2; --bd:#2c3741; --ok:#3fb950; --ko:#f85149; --ac:#58a6ff; } }
:root[data-theme="dark"] { --bg:#0f1418; --card:#182027; --tx:#e6edf3; --mut:#9aa7b2; --bd:#2c3741; --ok:#3fb950; --ko:#f85149; --ac:#58a6ff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--tx); font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:440px; margin:0 auto; padding:24px 16px 40px; }
h1 { font-size:1.25rem; margin:0 0 4px; }
.sub { color:var(--mut); font-size:.9rem; margin:0 0 16px; }
.card { background:var(--card); border:1px solid var(--bd); border-radius:14px; padding:16px; margin-bottom:14px; }
label { display:block; font-size:.9rem; margin:10px 0 4px; }
input { width:100%; padding:12px; border:1px solid var(--bd); border-radius:10px; background:var(--bg); color:var(--tx); font-size:1rem; }
button { width:100%; margin-top:14px; padding:12px; border:0; border-radius:10px; background:var(--ac); color:#fff; font-size:1rem; font-weight:600; }
button.sec { background:transparent; color:var(--tx); border:1px solid var(--bd); }
button:disabled { opacity:.5; }
.row { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--bd); }
.row:last-child { border-bottom:0; }
.row span:first-child { color:var(--mut); }
.ok { color:var(--ok); font-weight:600; }
.ko { color:var(--ko); font-weight:600; }
.proj { font-size:.8rem; color:var(--mut); word-break:break-all; }
.aviso { font-size:.8rem; color:var(--mut); margin:0; }
[hidden] { display:none !important; }