:root{color-scheme:light;--ink:#24312f;--muted:#64716b;--green:#255c49;--line:#dce3dc}*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:var(--ink);font:15px/1.5 system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:36px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{margin:0 0 16px;font-size:32px}h2{margin:36px 0 8px;font-size:22px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}.muted,footer{color:var(--muted);font-size:13px}.filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:20px;background:white;border:1px solid var(--line);border-radius:8px}label{display:block;font-size:13px;font-weight:600}input,select{display:block;padding:10px;margin-top:6px;min-width:160px;border:1px solid #bbc9bf;border-radius:4px;background:white;color:var(--ink);font:inherit}button{padding:11px 20px;border:0;border-radius:4px;background:var(--green);color:white;font:inherit;font-weight:600;cursor:pointer}button.secondary{background:#e7ece6;color:var(--green)}a{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.cards article{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.cards p{margin:0;color:var(--muted)}.cards strong{font-size:32px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:white}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #e9ece7}th:first-child,td:first-child{text-align:left}thead{background:#eaf0e9}tbody th{font-weight:600}small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.difficult{background:#fff2d6}.comparison{max-height:460px}footer{margin-top:32px}.login{max-width:420px;margin:8vh auto;background:white;border:1px solid var(--line);border-radius:8px}.login input{width:100%}.login label{margin:16px 0}.login button{width:100%;margin-top:8px}.warning{color:#9a3927}code{overflow-wrap:anywhere}@media(max-width:700px){main{padding:20px 14px}.cards{grid-template-columns:repeat(2,1fr)}.filters label,.filters select{width:100%}header{align-items:start}h1{font-size:26px}}

/* Charts use the same filtered metrics as the detail tables. */
header{padding:10px 0 20px}.cards article{border-top:3px solid #58947b;box-shadow:0 3px 16px #24312f05}.cards strong{font-size:38px;color:#255c49}.identity-note{margin-top:-8px;margin-bottom:24px}.chart-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 18px #24312f05}.chart-panel h2{margin:0;font-size:22px}.chart-panel .eyebrow{margin:0 0 8px}.chart-panel .muted{margin:8px 0 20px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.legend{display:flex;gap:16px;font-size:12px;white-space:nowrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:3px}.started-key{background:#bed8ca}.completed-key{background:#2e765b}.started-bar{fill:#bed8ca}.completed-bar{fill:#2e765b}.country-bar{fill:#b38a42}.chart-grid{stroke:#e7ede8;stroke-width:1}.axis-label{fill:#69776e;font:12px system-ui,sans-serif}.campaign-svg{display:block;width:100%;min-width:650px}.chart-scroll{overflow:auto}.chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 32px}.bar-row{margin:18px 0}.bar-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;text-transform:capitalize}.bar-label strong{font-size:15px}.bar-label small{display:inline}.horizontal-bar{display:block;width:100%;height:14px}.bar-track{fill:#edf1eb}.bar-row>small{margin-top:5px}.chart-empty{padding:36px 0;color:var(--muted)}@media(max-width:700px){.chart-panel{padding:18px}.chart-pair{grid-template-columns:1fr}.chart-heading{display:block}.legend{margin-bottom:12px}.cards strong{font-size:32px}}

.polling-controls{display:flex;align-items:end;flex-wrap:wrap;gap:18px;margin:20px 0}.polling-controls input[type=number]{min-width:0;width:120px}.polling-toggle{display:flex;align-items:center;gap:8px;padding-bottom:10px}.polling-toggle input{min-width:0;margin:0}.polling-controls #polling-status{padding-bottom:10px}

.presence-panel{display:flex;gap:12px;align-items:start;padding:18px 22px;margin:20px 0;background:white;border:1px solid var(--line);border-radius:10px}.presence-panel strong{font-size:19px}.presence-panel p{margin:5px 0 0}.presence-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#bbc9bf;margin-top:9px}.presence-dot.online{background:#2e765b;box-shadow:0 0 0 4px #e6f1ea}
.device-bar{fill:#6b78a8}.network-bar{fill:#4f8295}