:root {
  --security-line: var(--shadow-3); --security-panel: var(--shadow-2); --security-text: var(--ink);
  --security-muted: var(--ink-dim); --security-accent: var(--clay); --security-good: var(--ok);
  --security-warn: #e5b94e; --security-suspicious-bg: rgba(229,185,78,.14);
}
.admin-tabs,.security-tabs,.date-filmstrip,.security-toolbar { display:flex; gap:.45rem; align-items:center; flex-wrap:wrap; }
.admin-tab,.security-tab,.date-chip { background:var(--security-panel); border:1px solid var(--security-line); color:var(--security-muted); border-radius:8px; padding:.5rem .8rem; font:inherit; cursor:pointer; }
.admin-tab.active,.security-tab.active,.date-chip.active { border-color:var(--security-accent); color:var(--security-text); }
.admin-panel,.security-panel { display:none; }
.admin-panel.active,.security-panel.active { display:block; }
.data-workspace { width:min(1600px,calc(100vw - 2rem)); margin-left:50%; transform:translateX(-50%); font-size:.82rem; }
.data-workspace .tbl { font-size:.74rem; }
.data-workspace .tbl th { font-size:.62rem; padding:.38rem .45rem; white-space:nowrap; }
.data-workspace .tbl td { padding:.4rem .45rem; }
.data-workspace .card { padding:1rem; }
.data-workspace input,.data-workspace select { font-size:.82rem; padding:.5rem .65rem; }
.data-workspace .btn-sm { font-size:.72rem; padding:.3rem .55rem; }
.data-workspace .section { font-size:1.15rem; }
.admin-metric-grid { grid-template-columns:repeat(2,1fr); }
.metric-card { display:grid; grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr); align-items:center; gap:1rem; }
.metric-total { display:flex; align-items:center; gap:.8rem; }
.metric-total .v { font-size:2.5rem; font-weight:800; color:var(--clay); }
.metric-total .k { text-transform:uppercase; letter-spacing:1px; font-size:.78rem; }
.metric-periods { display:grid; grid-template-columns:repeat(4,1fr); gap:.4rem; }
.metric-periods div { background:var(--shadow); border-radius:8px; padding:.6rem; text-align:center; }
.metric-periods b,.metric-periods span { display:block; }
.metric-periods b { color:var(--ink); font-size:1.05rem; }
.metric-periods span { color:var(--ink-dim); font-size:.66rem; text-transform:uppercase; }
.trend-bars { height:150px; display:flex; align-items:flex-end; gap:3px; border-bottom:1px solid var(--shadow-3); padding-top:.5rem; }
.trend-bar { flex:1; min-width:3px; background:var(--clay); border-radius:3px 3px 0 0; opacity:.8; position:relative; }
.trend-bar:hover { opacity:1; }
.date-filmstrip { flex-wrap:nowrap; overflow-x:auto; margin:1rem 0; }
.date-chip { flex:0 0 auto; min-width:86px; text-align:center; }
.date-chip small { display:block; color:var(--security-muted); }
.security-split { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr); gap:1rem; margin-top:1rem; }
.security-history { align-self:start; position:sticky; top:1rem; }
.security-row { cursor:pointer; }
.security-row.active { outline:1px solid var(--security-accent); outline-offset:-1px; }
.security-row.suspicious { background:var(--security-suspicious-bg); }
.security-state { display:inline-block; padding:.1rem .5rem; border:1px solid var(--security-line); border-radius:99px; font-size:.65rem; text-transform:uppercase; }
.security-state.blocked { color:var(--danger); border-color:var(--danger); }
.security-state.allowed { color:var(--security-good); border-color:var(--security-good); }
.security-state.neutral { color:var(--security-muted); }
.security-toolbar { margin-bottom:.75rem; }
.security-toolbar input { flex:1; min-width:180px; }
.security-toolbar select { width:auto; }
.security-rules { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.user-monitor { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr); gap:1rem; align-items:start; }
.user-detail { position:sticky; top:1rem; max-height:calc(100vh - 2rem); overflow:auto; }
.user-row { cursor:pointer; }
.user-row:hover,.user-row.active { background:rgba(212,170,125,.08); }
.user-row.suspicious { background:var(--security-suspicious-bg); }
.user-detail-head { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; }
.user-detail-section { margin-top:1.25rem; }
.user-detail-section h3 { color:var(--clay); font-size:.85rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:.5rem; }
.user-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-top:1rem; }
.user-kpi { background:var(--shadow); border:1px solid var(--shadow-3); border-radius:8px; padding:.65rem; }
.user-kpi b { display:block; color:var(--clay); font-size:1.2rem; }
.user-kpi small { color:var(--ink-dim); }
@media(max-width:900px){.user-monitor{grid-template-columns:1fr}.user-detail{position:static;max-height:none}}
@media(max-width:900px){.admin-metric-grid{grid-template-columns:1fr}}
@media(max-width:780px){.security-split,.security-rules{grid-template-columns:1fr}.security-history{position:static}.user-kpis{grid-template-columns:repeat(2,1fr)}.metric-card{grid-template-columns:1fr}.data-workspace{width:100%;margin-left:0;transform:none}}