:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; }
body { margin:0; background:#0b0d10; color:#f5f7fa; }
.container { max-width:1100px; margin:0 auto; padding:32px 20px; }
.card { background:#151922; border:1px solid #2a303b; border-radius:16px; padding:24px; margin:20px 0; }
.narrow { max-width:520px; margin:8vh auto; }
.center { text-align:center; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
h1,h2 { margin-top:0; }
.muted { color:#9aa4b2; }
label { display:block; margin:16px 0; color:#cdd4df; }
input,select { width:100%; box-sizing:border-box; padding:12px; margin-top:6px; border-radius:10px; border:1px solid #3a4350; background:#0f1319; color:#fff; }
button,.button { display:inline-block; border:0; border-radius:10px; padding:12px 18px; background:#f4f6f8; color:#111; font-weight:700; text-decoration:none; cursor:pointer; }
button.danger { background:#ff6b6b; }
a { color:#fff; }
.flash { padding:12px; border-radius:10px; margin:10px 0; background:#262c36; }.flash.erro{background:#482626;}
table { width:100%; border-collapse:collapse; } th,td { padding:12px; border-bottom:1px solid #2a303b; text-align:left; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.metric{background:#151922;border:1px solid #2a303b;border-radius:16px;padding:22px}.metric strong{display:block;font-size:2rem}.metric span{color:#9aa4b2}.status{font-size:1.25rem;margin:28px 0}code{word-break:break-all}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}table{font-size:.9rem}.topbar{align-items:flex-start}}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.metrics6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.status-ATIVO{background:#153b2b;color:#65e6a5}.status-ATENCAO{background:#463b14;color:#ffd86a}.status-INATIVO{background:#482626;color:#ff9292}.status-NAO_ENTROU{background:#272d36;color:#aab3c0}@media(max-width:1000px){.metrics6{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.metrics6{grid-template-columns:repeat(2,1fr)}}
.metrics8{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.checkin-overlay{position:fixed;inset:0;background:rgba(5,8,12,.82);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.checkin-overlay[hidden]{display:none}.checkin-box{width:min(520px,100%);background:#151922;border:1px solid #394150;border-radius:18px;padding:34px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.45)}.checkin-kicker{font-size:.85rem;font-weight:800;letter-spacing:.18em;color:#9fbfff}.checkin-timer{font-size:1.3rem;margin:18px 0}.checkin-timer strong{font-size:3rem}@media(max-width:1200px){.metrics8{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.metrics8{grid-template-columns:repeat(2,1fr)}}