:root{--cor:#c8102e;--bg:#f5f5f4;--fg:#1c1917;--mut:#78716c;--bd:#e7e5e4;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#1c1917;--fg:#fafaf9;--mut:#a8a29e;--bd:#44403c;--card:#292524}}
*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.6rem 1rem;background:var(--cor);color:#fff}
header b{flex:1}header select,header button{font:inherit}
nav{display:flex;gap:.25rem;overflow-x:auto;padding:.5rem 1rem;background:var(--card);border-bottom:1px solid var(--bd)}
nav button{white-space:nowrap;border:0;background:none;color:var(--fg);padding:.5rem .8rem;border-radius:.5rem;font:inherit;cursor:pointer}
nav button.on{background:var(--cor);color:#fff}
main{max-width:980px;margin:0 auto;padding:1rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:.7rem;padding:1rem;margin-bottom:1rem}
h2{margin:.2rem 0 .8rem;font-size:1.1rem}
input,select,textarea,button{font:inherit;padding:.5rem .6rem;border:1px solid var(--bd);border-radius:.5rem;background:var(--card);color:var(--fg);max-width:100%}
button.p{background:var(--cor);color:#fff;border-color:var(--cor);cursor:pointer}button.s{cursor:pointer}
.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.4rem 0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.4rem;border-bottom:1px solid var(--bd);vertical-align:top}
.tbl{overflow-x:auto}.mut{color:var(--mut)}.err{color:#dc2626}.ok{color:#16a34a}
.login{max-width:340px;margin:12vh auto;padding:0 1rem}.login input{width:100%;margin:.3rem 0}
video{width:100%;max-height:50vh;background:#000;border-radius:.5rem}
iframe{width:100%;height:70vh;border:1px solid var(--bd);border-radius:.5rem}
.big{font-size:1.6rem;font-weight:700}