:root{color-scheme:dark;font-family:Manrope,SF Pro Display,Segoe UI,sans-serif;background:#08101d;color:#eef4ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 14% 0%,rgba(91,140,255,.18),transparent 28%),radial-gradient(circle at 82% 4%,rgba(138,92,255,.16),transparent 24%),radial-gradient(circle at 50% 100%,rgba(245,199,106,.08),transparent 24%),linear-gradient(180deg,#091120,#060b15)}button,input,select{font:inherit}button{cursor:pointer}.auth-shell,.admin-shell{width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:24px 0 32px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card,.hero-card,.panel{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0e1424f5,#090e1afa),linear-gradient(135deg,#5b8cff0d,#8a5cff0f);box-shadow:0 20px 56px #00000052,inset 0 1px #ffffff08}.auth-card:before,.hero-card:before,.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(91,140,255,.08),transparent 22%),radial-gradient(circle at 92% 10%,rgba(138,92,255,.08),transparent 24%)}.auth-card,.hero-card{padding:28px}.auth-card{width:min(760px,100%)}.hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.brand-kicker,.eyebrow{position:relative;z-index:1;margin:0;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#92a8d8}h1,h2,h3{position:relative;z-index:1;margin:0;font-weight:800;letter-spacing:-.03em}h1{margin-top:10px;font-size:clamp(34px,5vw,54px);line-height:1.02}h2{margin-top:8px;font-size:22px;line-height:1.1}h3{margin-top:6px;font-size:18px}.hero-copy,.empty-copy,.field-hint,.stat-note{position:relative;z-index:1;margin:12px 0 0;color:#9db1d6;line-height:1.6}.hero-copy{max-width:56ch}.hero-pills,.chip-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.hero-pills{margin-top:16px}.button-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button-row.top-space{margin-top:18px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:12px 18px;font-size:14px;font-weight:800;transition:transform .16s ease,border-color .16s ease,opacity .16s ease,background .16s ease}.primary-button.compact,.secondary-button.compact{padding:12px 14px;min-width:116px}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,#5b8cff,#8a5cff);box-shadow:0 14px 34px #5b8cff33}.secondary-button{border:1px solid rgba(255,255,255,.12);color:#eef3ff;background:#ffffff09}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-grid,.stats-grid,.content-grid,.subgrid,.summary-grid{display:grid;gap:16px}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);margin-top:18px}.subgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.panel{padding:22px}.auth-panel{padding:18px}.subpanel{position:relative;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;padding:18px}.tab-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 0}.tab-button{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#d7e3ff;padding:14px;text-align:left}.tab-button span,.tab-button small{display:block}.tab-button span{font-size:14px;font-weight:800}.tab-button small{margin-top:4px;color:#8fa4cb;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tab-button.active{border-color:#6c96ff73;background:linear-gradient(135deg,#5b8cff29,#8a5cff1f),#ffffff0a;box-shadow:inset 0 0 0 1px #6c96ff1f}.mini-card{border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;padding:16px;display:flex;flex-direction:column;gap:6px}.mini-card strong{font-size:22px;line-height:1.1}.toolbar{margin-top:16px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.top-gap{margin-top:16px}.top-gap-large{margin-top:18px}.field-label{display:block;margin:14px 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b8c7e6}input,select{width:100%;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:#ffffff09;color:#eef3ff;outline:none}input:focus,select:focus{border-color:#5b8cff80;box-shadow:0 0 0 4px #5b8cff14}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.error-banner{margin-top:16px;border:1px solid rgba(255,96,96,.28);background:#ff606014;color:#ff9a9a;border-radius:18px;padding:14px 16px}.empty-state{border-radius:18px;border:1px dashed rgba(255,255,255,.08);background:#ffffff05;padding:18px}.empty-state strong{display:block;font-size:16px}.stat-card{display:flex;flex-direction:column;gap:8px}.stat-card strong{font-size:clamp(28px,3vw,36px);line-height:1}.stat-label,.stamp,.table-meta,.event-meta,.event-date{color:#9aaad0;font-size:12px}.stamp,.status-pill,.warn-pill,.filter-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-pill{color:#c8d6f7}.warn-pill{color:#ffd27f;border-color:#f5c76a2e;background:#f5c76a14}.filter-chip{color:#c7d7ff}.filter-chip.active{border-color:#6c96ff73;background:linear-gradient(135deg,#5b8cff2e,#8a5cff24)}.filter-chip.passive{cursor:default}.inline-message{color:#9fd0ff;font-size:13px;line-height:1.5}.section-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.metric-list{display:grid;gap:10px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff08}.metric-row span{color:#9aaad0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;vertical-align:top}th{color:#9aaad0;font-weight:700}.table-title{font-weight:700}.user-flags{display:flex;flex-wrap:wrap;gap:8px}.event-list{display:grid;gap:12px}.event-card{border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;padding:14px}.event-topline,.event-meta{display:flex;flex-wrap:wrap;gap:10px}.event-type,.event-severity{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;text-transform:uppercase}.event-type{background:#5b8cff1f;color:#b8ccff}.event-severity{background:#f5c76a1f;color:#f5c76a}.event-message{margin:10px 0;line-height:1.55;color:#dbe4fa}@media (max-width: 1180px){.stats-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.auth-grid,.subgrid,.search-row{grid-template-columns:1fr}.tab-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{flex-direction:column}}@media (max-width: 720px){.auth-shell,.admin-shell{width:min(100vw,calc(100vw - 20px));padding:12px 0 24px}.auth-card,.hero-card,.panel{border-radius:22px;padding:18px}h1{font-size:30px}.stats-grid,.summary-grid,.tab-strip{grid-template-columns:1fr}.button-row{width:100%}.button-row>button{width:100%}.primary-button.compact,.secondary-button.compact{width:100%}th,td{padding:12px 8px;font-size:13px}}