:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5fb;background:#071019;color-scheme:dark;--bg:#071019;--panel:#0d1924;--panel2:#101f2c;--line:#1d3344;--muted:#91a7b8;--blue:#43A6DB;--good:#42cf94;--warn:#e9bd55;--high:#ff9a5c;--critical:#ff6b78}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#edf5fb}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#09131d;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}.logo{display:flex;gap:6px;align-items:center;color:#fff;padding:4px 8px 20px}.logo span{color:var(--blue);font-weight:900;letter-spacing:.09em}.logo strong{font-size:13px}.product{margin:0 8px 18px;padding:12px;border:1px solid var(--line);background:#0d1924;border-radius:10px;font-weight:800}.product small{float:right;color:var(--muted);font-weight:500}.sidebar nav{display:grid;gap:4px}.sidebar nav a{color:#aebfcb;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#122637;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--blue)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;color:#dbe6ed}.sidebar-foot small{display:block;color:var(--muted);margin:3px 0 10px}.sidebar-foot a{font-size:13px}.main{min-width:0;padding:30px;max-width:1700px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:30px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.live-dot{font-size:11px;font-weight:900;letter-spacing:.08em;color:#9fbdad;display:flex;align-items:center;gap:7px}.live-dot span{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 14px rgba(66,207,148,.6)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric,.panel{background:linear-gradient(180deg,#0e1b27,#0b1721);border:1px solid var(--line);border-radius:14px}.metric{padding:18px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric strong{font-size:28px;line-height:1}.metric strong.metric-text{font-size:18px}.metric small{display:block;margin-top:9px;color:#748b9d}.metric.warn{border-color:#604f25}.metric.critical{border-color:#6d2931}.panel{padding:18px;margin-bottom:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-head h2{margin:0 0 4px;font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:13px}.text-link{font-size:13px}.count-pill{padding:5px 9px;border-radius:999px;background:#142636;color:#a9c5d6;font-size:11px;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:11px 9px;text-align:left;border-bottom:1px solid #1a2c3a;white-space:nowrap}th{color:#8198a9;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td small{display:block;color:var(--muted);margin-top:4px}.site-link{font-weight:800}.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;line-height:1;font-weight:900;letter-spacing:.02em;background:#223544;color:#c5d4de}.badge.protected,.badge.online,.badge.active,.badge.info{background:#153e32;color:#92e7c0}.badge.alert,.badge.medium,.badge.warn,.badge.warning,.badge.open,.badge.investigating{background:#493b18;color:#f3d379}.badge.high{background:#5d321d;color:#ffc092}.badge.critical{background:#58222a;color:#ffabb4}.badge.new,.badge.resolved{background:#17384d;color:#a6ddfb}.badge.ignored,.badge.stale,.badge.disabled,.badge.unknown{background:#29323a;color:#b7c0c7}.incident-list{display:grid}.incident-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid #1a2c3a;color:#eaf2f7}.incident-row:hover{background:#0f202d}.incident-row.large{padding:16px 7px}.row-title{font-weight:800}.incident-row small,.compact-row small{display:block;color:var(--muted);margin-top:4px}.right{text-align:right;display:grid;justify-items:end;gap:5px}.compact-list{display:grid}.compact-row{display:flex;justify-content:space-between;gap:12px;padding:11px 3px;border-bottom:1px solid #1a2c3a}.compact-row>div:last-child{text-align:right}.empty-state,.empty{padding:24px;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-grid.single{grid-template-columns:1fr}.detail-grid>div{background:#0a151e;border:1px solid #182c3a;border-radius:10px;padding:13px}.detail-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.detail-grid b{font-size:13px;overflow-wrap:anywhere}.filterbar{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.filterbar a{padding:8px 11px;border-radius:9px;background:#0d1924;border:1px solid var(--line);color:#aabcca;font-size:12px}.filterbar a.selected{background:#163149;color:#fff;border-color:#2a5d7a}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#7f98aa}.incident-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.incident-hero h2{font-size:26px;margin:7px 0}.incident-hero p{margin:0;color:var(--muted)}.stacked-badges{display:flex;gap:7px}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.link-btn{appearance:none;border:0;border-radius:9px;padding:10px 14px;background:var(--blue);color:#061018;font-weight:900;cursor:pointer;font-size:13px}.good-btn{background:var(--good)}.ghost-btn{background:#1a2b39;color:#d8e4eb}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.ip-chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:7px 9px;border-radius:7px;background:#07131c;border:1px solid #1b3344;color:#bcd3e1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notice{padding:13px 15px;border:1px solid var(--line);border-radius:11px;margin-bottom:18px;background:#0d1c27}.notice.info{border-color:#225775;color:#b8ddf2}.notice.success{border-color:#246647;color:#a7e9c8}.notice.critical{border-color:#77323b;color:#ffb8be;background:#2a1418}.filter-form{display:flex;gap:10px;margin-bottom:16px}.filter-form input,.filter-form select,.settings-form input{border:1px solid #263f51;background:#08151e;color:#fff;border-radius:9px;padding:10px 11px}.filter-form input{min-width:320px}.settings-form{display:grid;gap:14px}.settings-form label{display:grid;gap:7px;color:#c4d1da;font-size:13px}.settings-form small{color:var(--muted)}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#10283a 0,#071019 42%);padding:20px}.login-card{width:min(430px,100%);background:#0c1924;border:1px solid #20394b;border-radius:18px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.login-brand{font-weight:900;color:var(--blue);letter-spacing:.08em}.login-brand span{color:#fff;letter-spacing:0}.shield{width:58px;height:58px;border-radius:15px;background:linear-gradient(135deg,#43A6DB,#74cff8);display:grid;place-items:center;color:#06121b;font-size:26px;font-weight:950;margin:30px 0 16px}.login-card h1{margin:0 0 6px}.muted{color:var(--muted)}.login-card form{display:grid;gap:14px;margin-top:22px}.login-card label{display:grid;gap:7px;font-size:13px;color:#becbd4}.login-card input{padding:12px;border-radius:9px;border:1px solid #29475b;background:#07131c;color:#fff}.login-card button{width:100%;padding:12px}.login-foot{display:block;margin-top:18px;color:#667d8e}.link-btn{display:inline-flex;align-items:center}.panel.detail-grid{padding:18px}.panel.detail-grid>div{background:#08151e}@media(max-width:1100px){.metric-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-foot{margin-top:18px}.main{padding:18px}.page-head{align-items:flex-start}.metric-grid,.detail-grid{grid-template-columns:1fr}.filter-form{flex-direction:column}.filter-form input{min-width:0}.incident-row{align-items:flex-start}.incident-hero{flex-direction:column}}@media(max-width:520px){.sidebar nav{grid-template-columns:repeat(2,1fr)}.page-head h1{font-size:26px}.main{padding:14px}}