@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&family=Spectral:wght@400;600;700&display=swap";:root{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:#1f2f35;background:linear-gradient(180deg,#f5f1e8,#ece4d2)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.loginShell,.appShell{min-height:100vh}.loginShell{display:grid;place-items:center;padding:24px}.loginCard,.detailCard,.activityCard,.sessionItem,.sessionList,.detailPane,.dashboardPane,.metricCard,.chartPanel,.threatPanel,.signalCard,.errorBanner{border:1px solid rgba(36,54,63,.14);border-radius:8px;background:#fffcf7f0;box-shadow:0 20px 40px #322b1a14}.loginCard{width:min(420px,100%);padding:36px 34px 70px;display:grid;gap:18px}.loginCard h1,.topBar h1{margin:0}.loginCard h1{font-family:Spectral,Georgia,serif;font-size:2.2rem;letter-spacing:.04em;line-height:1.1;text-align:center}.loginCard .subtitle{margin:-10px 0 10px;color:#5c6c73;font-size:.95rem;text-align:center}.muted{color:#5c6c73}.loginCard label{display:grid;gap:8px;color:#1f2f35;font-size:.9rem;font-weight:700;letter-spacing:.02em}.loginCard input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(36,54,63,.16);background:#fffdf8}.loginCard button,.secondary,.sessionItem{cursor:pointer}.loginCard button,.secondary{padding:12px 16px;border-radius:10px;border:none;background:#274b55;color:#fffaf0;font-family:inherit;font-size:1rem;font-weight:700}.secondary{background:#d9cfb9;color:#22343a}button:disabled{cursor:progress;opacity:.7}.error,.errorBanner{color:#7d1f1f}.errorBanner{margin:0 24px 20px;padding:14px 16px}.errorBoundary{width:min(680px,calc(100% - 32px));margin:48px auto;padding:24px;border:1px solid rgba(125,31,31,.28);border-radius:8px;background:#fff8f4;color:#7d1f1f}.errorBoundary h1{margin:0 0 10px}.errorBoundary pre{padding:12px;border-radius:8px;background:#f3e4df;overflow-x:auto;white-space:pre-wrap}.errorBoundary button{padding:10px 14px;border:none;border-radius:999px;background:#7d1f1f;color:#fffaf0;cursor:pointer}.topBar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;padding:0 24px 24px}.layout.hidden{display:none}.viewTabs{display:flex;gap:8px;padding:0 24px 18px;align-items:center}.viewTabs button,.rangeControls button{border:1px solid rgba(36,54,63,.18);background:#fffcf7d1;color:#274b55;border-radius:999px;padding:8px 14px;cursor:pointer}.viewTabs button.active,.rangeControls button.active{background:#274b55;color:#fffaf0}.viewTabs .refreshIconButton{width:41px;height:41px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:32px;line-height:1;border:none;border-radius:0;background:transparent;color:#274b55}.viewTabs .refreshIconButton:hover{color:#152f37;background:transparent}.dashboardPane{margin:0 24px 24px;padding:18px}.dashboardHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.dashboardHead h2{margin:0}.rangeControls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.metricGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.metricCard{padding:14px;display:grid;gap:8px;min-height:112px}.metricCard span,.usageGrid span{color:#5d6d75;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.metricCard strong{font-size:30px;line-height:1}.metricCard small{color:#5d6d75}.liveUsagePanel,.performancePanel,.chartPanel,.threatPanel{padding:16px;margin-top:14px}.liveUsagePanel{border:1px solid rgba(36,54,63,.12);border-radius:8px;background:#e8f0ed;display:flex;align-items:center;justify-content:space-between;gap:18px}.liveUsagePanel div{display:flex;align-items:baseline;gap:12px}.liveUsagePanel span{color:#48605f;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.liveUsagePanel strong{font-size:28px;line-height:1}.liveUsagePanel small{color:#48605f}.performancePanel{border:1px solid rgba(36,54,63,.12);border-radius:8px;background:#fffcf7b8}.performanceGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.performanceItem{display:grid;gap:6px}.performanceItem span{color:#5d6d75;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.performanceItem strong{font-size:18px}.chartHeader,.sessionTopLine,.threatRow,.signalCard>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.barChart{height:84px;display:flex;align-items:flex-end;gap:3px;padding-top:12px;border-bottom:1px solid rgba(36,54,63,.18)}.chartRangeControls{justify-content:flex-start;margin:4px 0 14px}.multiSeriesChart{display:grid;gap:12px}.chartSeriesRow{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:end}.chartSeriesLabel{color:#324a52;font-weight:700;padding-bottom:8px}.barWrap{flex:1 1 4px;height:100%;display:flex;align-items:flex-end;justify-content:center;min-width:3px;position:relative}.bar{width:100%;background:#527987;border-radius:4px 4px 0 0;position:relative;overflow:visible}.barValue{position:absolute;bottom:100%;left:50%;color:#34484f;font-size:10px;line-height:1;transform:translate(-50%,-3px)}.chartAxisLabels{display:flex;justify-content:space-between;padding-left:98px;color:#6b7a7f;font-size:12px}.seriesUsers{background:#486d5f}.seriesSessions{background:#6f7d90}.seriesRequests{background:#9b6c3c}.threatList,.signalList{display:grid;gap:10px}.threatRow{text-align:left;border:1px solid rgba(36,54,63,.14);background:#fffdf8;border-radius:8px;padding:12px;cursor:pointer}.threatRow div{display:grid;gap:4px;flex:1}.threatRow span{color:#5d6d75;font-size:13px}.sessionList,.detailPane{padding:18px}.sectionTitle{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#55676f;margin-bottom:14px}.sectionGap{margin-top:20px}.sessionList{display:grid;gap:10px;align-content:start}.sessionItem{text-align:left;padding:14px;border-radius:8px}.sessionItem.active{border-color:#274b5573;background:#e1eceaf2}.sessionEmail{font-weight:700;min-width:0;overflow-wrap:anywhere}.sessionId{color:#274b55;font-size:13px;font-weight:700;margin-bottom:6px}.sessionMeta,.activityMeta,.activityDuration,.sessionConcern{color:#5d6d75;font-size:14px}.sessionConcern{margin-top:8px;color:#7a4e18;font-weight:700}.abuseIndicator,.abuseIndicatorSpacer{width:22px;height:22px;flex:0 0 22px}.abuseIndicator{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9d6a1f;border-radius:4px;color:#7a4e18;background:#f3e7c9;font-weight:800;line-height:1}.statusBadge,.threatBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:700;padding:3px 8px;white-space:nowrap}.statusBadge{background:#ece4d2;color:#34484f}.status-live{background:#dcebe2;color:#24543b}.status-recent{background:#e5edf0;color:#274b55}.status-idle{background:#f1e4c6;color:#6d4c13}.threatBadge{min-width:34px;height:26px;background:#e2e8e6;color:#274b55}.threat-soft_flag{background:#f3e7c9;color:#735315}.threat-warn,.threat-cooldown{background:#f0d1b0;color:#7b3f12}.threat-admin_review,.threat-immediate_block{background:#ead0ce;color:#842626}.activityDuration{display:inline-block;margin:0 0 8px;padding:4px 8px;border-radius:999px;background:#e8f0ed;color:#25464d;font-weight:700}.detailPane{min-width:0}.detailCard{padding:16px;display:grid;gap:8px}.usageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0}.usageGrid div{display:grid;gap:5px;border:1px solid rgba(36,54,63,.12);border-radius:8px;padding:10px;background:#fffdf8}.usageGrid strong{font-size:18px}.signalCard{padding:12px;box-shadow:none}.signalCard p{margin:8px 0 0;color:#5d6d75}.severity-high{border-color:#84262659}.severity-medium{border-color:#7b3f1259}.activityList{display:grid;gap:12px}.activityCard{padding:16px}.activityTop{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.activityCard pre{margin:12px 0 0;padding:12px;border-radius:12px;background:#f1ece2;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width: 900px){.layout{grid-template-columns:1fr}.topBar{flex-direction:column;align-items:flex-start}.dashboardHead{flex-direction:column}.metricGrid,.usageGrid,.performanceGrid{grid-template-columns:1fr}}
