.security-monitor-page{display:grid;gap:20px}.security-live-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:999px;background:var(--teal-soft);color:#087f78;font-size:10px;font-weight:850}.security-live-badge i{width:8px;height:8px;border-radius:50%;background:#12b8ad;box-shadow:0 0 0 5px rgba(18,184,173,.12)}.security-layer-note{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--surface) 92%,var(--teal-soft))}.security-layer-note>span{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--teal-soft);color:var(--teal)}.security-layer-note svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.security-layer-note strong{font:750 13px "Manrope"}.security-layer-note p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.security-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.security-metrics article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--premium-shadow)}.security-metric-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px}.security-metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9}.security-metric-icon.blocked{background:#fff0ee;color:#bc493d}.security-metric-icon.validated{background:var(--teal-soft);color:#07867d}.security-metric-icon.total{background:#eaf2fc;color:#2674b8}.security-metric-icon.sources{background:#fff4df;color:#b97716}.security-metrics article>div{display:grid}.security-metrics small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.08em}.security-metrics strong{margin:2px 0;font:800 24px "Manrope"}.security-metrics p{margin:0;color:var(--muted);font-size:9px}.security-trend,.security-log-panel{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--premium-shadow)}.security-trend>header,.security-log-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.security-trend .eyebrow,.security-log-panel .eyebrow{margin:0}.security-trend h2,.security-log-panel h2{margin:5px 0 0;font:750 18px "Manrope"}.security-trend>header>span{color:var(--muted);font-size:9px;font-weight:800}.security-trend-bars{height:155px;display:flex;align-items:flex-end;gap:12px;padding:23px 25px 16px;overflow-x:auto}.security-day{min-width:45px;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:4px}.security-day-bars{height:100%;display:flex;align-items:flex-end;gap:3px}.security-day-bars i{width:8px;min-height:3px;border-radius:5px 5px 2px 2px}.security-day-bars i.validated{background:#27bdb3}.security-day-bars i.blocked{background:#dc7064}.security-day strong{font-size:9px}.security-day span{color:var(--muted);font-size:8px}.security-trend>footer{max-width:none;width:auto;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:10px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.security-trend>footer span{display:flex;align-items:center;gap:5px}.security-trend>footer i{width:8px;height:8px;border-radius:50%}.security-trend>footer i.validated{background:#27bdb3}.security-trend>footer i.blocked{background:#dc7064}.security-log-panel>header>div>p:last-child{margin:5px 0 0;color:var(--muted);font-size:9px}.security-filters{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.security-filters label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800}.security-filters select{min-width:112px;height:34px;padding:0 28px 0 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font-size:9px}.security-filters .btn{min-height:34px;padding:8px 12px;font-size:9px}.security-table-wrap{overflow-x:auto}.security-events-table{width:100%;border-collapse:collapse}.security-events-table th,.security-events-table td{padding:13px 17px;border-bottom:1px solid var(--line);text-align:left;font-size:9px;white-space:nowrap}.security-events-table th{background:color-mix(in srgb,var(--surface) 91%,var(--bg));color:var(--muted);font-size:8px;letter-spacing:.07em;text-transform:uppercase}.security-events-table tbody tr:last-child td{border-bottom:0}.security-events-table tbody tr:hover{background:color-mix(in srgb,var(--surface) 94%,var(--teal-soft))}.security-events-table td:first-child{display:grid;gap:2px}.security-events-table td:first-child small{color:var(--muted);font-size:8px}.security-events-table code{padding:4px 6px;border-radius:6px;background:var(--bg);color:var(--muted);font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace}.security-result{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850}.security-result.blocked{background:#fff0ee;color:#ad4036}.security-result.validated{background:var(--teal-soft);color:#087f78}.security-empty{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px}.security-empty>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--teal-soft);color:var(--teal)}.security-empty svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.security-empty h3{margin:0 0 5px;font:750 14px "Manrope"}.security-empty p{margin:0;color:var(--muted);font-size:9px}[data-theme="dark"] .security-metric-icon.blocked{background:#422724;color:#ff958a}[data-theme="dark"] .security-metric-icon.total{background:#1e3950;color:#79baf1}[data-theme="dark"] .security-metric-icon.sources{background:#44351d;color:#efbd68}@media(max-width:1050px){.security-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.security-log-panel>header{align-items:flex-start;flex-direction:column}.security-filters{width:100%;justify-content:flex-start}}@media(max-width:620px){.security-metrics{grid-template-columns:1fr}.security-trend>header{align-items:flex-start;flex-direction:column}.security-filters{display:grid;grid-template-columns:1fr 1fr}.security-filters label:last-of-type{grid-column:1/-1}.security-filters select,.security-filters .btn{width:100%}.security-filters .btn{grid-column:1/-1}.security-layer-note{flex-direction:column}}