:root{--bg:#0f1117;--surface:#1a2035;--surface2:#1e2845;--border:#2d3748;--text:#e2e8f0;--muted:#64748b;--green:#4ade80;--yellow:#fbbf24;--red:#f87171;--orange:#fb923c;--blue:#60a5fa;--purple:#a78bfa}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 32px;display:flex}.logo{font-size:17px;font-weight:700}.logo span{color:var(--blue)}.period-badge{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-left:auto;padding:4px 10px;font-size:12px}.header-link{color:var(--muted);font-size:13px;text-decoration:none}.header-link:hover{color:var(--text)}.selector-section{text-align:center;max-width:500px;margin:52px auto 36px;padding:0 24px}.selector-section h1{margin-bottom:6px;font-size:26px;font-weight:700}.selector-section p{color:var(--muted);margin-bottom:24px;font-size:14px}.select-wrap{position:relative}.select-wrap:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}select.agent-select{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;appearance:none;border-radius:10px;padding:13px 40px 13px 16px;font-size:16px}select.agent-select:focus{border-color:var(--blue);outline:none}.card-wrapper{max-width:740px;margin:0 auto 60px;padding:0 24px}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);padding:28px 32px 24px}.agent-name{font-size:30px;font-weight:700;line-height:1.1}.agent-region{color:var(--muted);margin-top:4px;font-size:13px}.badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.badge{letter-spacing:.6px;text-transform:uppercase;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:700;display:inline-block}.badge-high{color:#4ade80;background:#14532d}.badge-fair{color:#fb923c;background:#451a03}.badge-low{color:#f87171;background:#450a0a}.badge-none{color:#64748b;background:#1e2d40}.badge-ateam{color:#60a5fa;background:#1e3a5f}.badge-bteam{color:#a78bfa;background:#2d1b69}.badge-pause{color:#9ca3af;background:#292929}.metrics-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric-tile{background:var(--surface);padding:22px 24px 18px}.metric-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px;font-size:10px}.metric-value{margin-bottom:5px;font-size:30px;font-weight:800;line-height:1}.metric-value.green{color:var(--green)}.metric-value.yellow{color:var(--yellow)}.metric-value.red{color:var(--red)}.metric-value.gray{color:var(--muted)}.metric-goal{color:var(--muted);margin-bottom:8px;font-size:11px}.bar-track{background:var(--border);border-radius:2px;height:3px}.bar-fill{border-radius:2px;max-width:100%;height:100%}.bar-green{background:var(--green)}.bar-yellow{background:var(--yellow)}.bar-red{background:var(--red)}.focus-section{border-top:1px solid var(--border);padding:20px 32px}.focus-title{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px;font-size:10px}.focus-tags{flex-wrap:wrap;gap:8px;display:flex}.focus-tag{color:#f87171;background:#450a0a;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.all-good{color:var(--green);font-size:13px;font-weight:500}.card-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 32px;display:flex}.footer-text{color:var(--muted);font-size:11px}.empty-state,.error-state{text-align:center;color:var(--muted);padding:80px 24px}.error-state{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:48px 24px}.empty-icon{opacity:.4;margin-bottom:12px;font-size:40px}.login-wrap{max-width:380px;margin:80px auto;padding:0 24px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}.login-card h1{margin-bottom:8px;font-size:22px}.login-card p{color:var(--muted);margin-bottom:24px;font-size:14px}.login-card label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.login-card input[type=password]{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:15px}.login-card input:focus{border-color:var(--blue);outline:none}.btn{background:var(--blue);color:#0f1117;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-weight:700}.btn:hover{opacity:.9}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0;width:auto;padding:8px 14px;font-size:13px}.login-error{color:var(--red);margin-bottom:12px;font-size:13px}.admin-main{padding:24px 32px 60px}.summary-bar{flex-wrap:wrap;gap:18px;margin-bottom:16px;display:flex}.summary-stat{min-width:70px}.summary-num{font-size:22px;font-weight:800}.summary-num.blue{color:var(--blue)}.summary-num.green{color:var(--green)}.summary-num.orange{color:var(--orange)}.summary-num.red{color:var(--red)}.summary-label{color:var(--muted);font-size:11px}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.controls input[type=search]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;min-width:200px;padding:8px 12px}.filter-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px}.filter-btn.active{border-color:var(--blue);color:var(--blue)}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:var(--muted);white-space:nowrap;cursor:pointer;padding:10px 12px;font-weight:600}tbody tr{border-top:1px solid var(--border)}tbody tr:hover{background:var(--surface2)}td{white-space:nowrap;padding:9px 12px}td.agent-name-cell{font-weight:600}.c-green{color:var(--green);font-weight:600}.c-yellow{color:var(--yellow);font-weight:600}.c-red{color:var(--red);font-weight:600}.c-gray{color:var(--muted)}.roster-select{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:8px;max-width:130px;padding:6px 8px;font-size:13px}.roster-select:focus{border-color:var(--blue);outline:none}.roster-select:disabled{opacity:.6}@media (max-width:580px){header{padding:16px 20px}.selector-section{margin:36px auto 24px}.card-header{padding:20px 20px 16px}.agent-name{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-main{padding:16px}}