@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#dce7f4;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#07111f}button,input,select{font:inherit}.app{min-height:100vh;display:flex;background:radial-gradient(circle at 70% 0%,#10243a 0,#07111f 34%)}.sidebar{width:250px;flex:none;border-right:1px solid #17283a;background:#081522;display:flex;flex-direction:column;padding:20px 14px;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 23px}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#0e2b2b;color:#36d399;border:1px solid #194a46}.brand strong{display:block;font-size:15px;letter-spacing:.1px}.brand span{display:block;color:#688096;font-size:8px;letter-spacing:1.5px;margin-top:2px}.workspace{border:1px solid #1a2d40;border-radius:8px;padding:10px 11px;font-size:11px;color:#9bb0c4;display:flex;align-items:center;gap:8px;margin-bottom:18px}.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:#36d399;box-shadow:0 0 9px #36d399}.workspace svg{margin-left:auto}nav{display:grid;gap:4px}nav button,.sidebar-bottom>button{border:0;background:none;color:#8196aa;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:7px;cursor:pointer;text-align:left;font-size:12px}nav button:hover,.sidebar-bottom>button:hover,nav button.active{background:#102131;color:#eef7ff}nav button.active{box-shadow:inset 2px 0 #36d399}nav b{margin-left:auto;background:#61242a;color:#ff9b9b;border-radius:9px;font-size:9px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.user{border-top:1px solid #17283a;margin-top:12px;padding:15px 7px 3px;display:flex;align-items:center;gap:9px}.user .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#17314a;color:#8ec7ff;font-size:10px}.user strong{font-size:11px;display:block}.user small{color:#64798e;font-size:9px}.user svg{margin-left:auto;color:#61758a}.close-mobile,.mobile-menu{display:none}main{min-width:0;flex:1}header{height:67px;border-bottom:1px solid #17283a;display:flex;align-items:center;padding:0 30px;justify-content:space-between;background:#07111f8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breadcrumb{font-size:11px;color:#657b91}.breadcrumb strong{color:#b9c9d8}.header-actions{display:flex;gap:13px;align-items:center}.search{display:flex;align-items:center;gap:8px;background:#0b1928;border:1px solid #1b3044;border-radius:7px;width:260px;padding:8px 10px;color:#62798d}.search input{width:100%;border:0;outline:0;background:transparent;color:#d9e7f3;font-size:10px}.search input::placeholder{color:#607589}.icon-btn{position:relative;border:1px solid #1b3044;background:#0b1928;color:#8298ac;border-radius:7px;width:34px;height:34px;display:grid;place-items:center}.icon-btn i{position:absolute;right:7px;top:6px;width:5px;height:5px;border-radius:50%;background:#ff6b72}.content{padding:29px 30px 40px;max-width:1450px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:6px;color:#36d399;font-size:9px;letter-spacing:1.4px;font-weight:700}.page-title h1{font-size:27px;letter-spacing:-.8px;margin:7px 0 5px}.page-title p,.panel-head p{font-size:10px;color:#71869a;margin:0}.controls{display:flex;gap:8px}.controls select,.primary,.ghost{background:#0c1b2b;border:1px solid #1b3044;color:#a9bbcc;border-radius:7px;font-size:10px;padding:8px 11px}.primary{display:flex;align-items:center;gap:7px;background:#0e2b27;border-color:#1d594b;color:#64e0b3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.stat{background:#0b1928;border:1px solid #182c40;border-radius:9px;padding:15px;display:flex;gap:12px;align-items:center}.stat-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center}.stat-icon.danger{color:#ff747d;background:#351c24}.stat-icon.safe{color:#36d399;background:#103129}.stat-icon.info{color:#72b9ff;background:#102b42}.stat-icon.warn{color:#ffc56b;background:#332a19}.stat span{font-size:9px;color:#71869a;display:block}.stat strong{font-size:22px;display:block;line-height:1.4}.stat small{font-size:8px}.stat small em{font-style:normal;color:#607589;margin-left:2px}.up{color:#36d399}.up-danger{color:#ff7a83}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.panel{background:#0b1928;border:1px solid #182c40;border-radius:9px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 10px}.panel h2{font-size:12px;margin:0 0 4px}.legend{font-size:9px;color:#7d92a5;display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;background:#36d399;border-radius:50%}.chart{height:190px;padding:10px 18px 0}.chart svg{width:100%;height:100%;overflow:visible}.chart-axis{display:flex;justify-content:space-between;color:#566d82;font:8px JetBrains Mono,monospace;padding:2px 18px 15px}.posture{padding-bottom:16px}.score{display:flex;gap:15px;align-items:center;padding:10px 18px 17px}.ring{width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0b1928 57%,transparent 58%),conic-gradient(#36d399 0,#36d399 92%,#173044 92%)}.ring span{font-size:22px;font-weight:700;line-height:1}.ring small{font-size:8px;color:#6e8295}.score strong{font-size:12px;color:#5ce0ae}.score p{font-size:9px;color:#70869a;max-width:160px;line-height:1.5;margin:4px 0}.progress-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:8px 18px;font-size:9px;color:#8398aa}.progress-row b{color:#b8c9d8;font-weight:500}.progress{grid-column:1/-1;height:4px;background:#142638;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:#36d399;border-radius:4px}.incidents{margin-top:14px;overflow:hidden}.ghost{cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px;min-width:750px}th{text-align:left;color:#60768a;font-weight:500;padding:9px 18px;border-top:1px solid #172b3e;border-bottom:1px solid #172b3e}td{padding:11px 18px;border-bottom:1px solid #122538;color:#91a5b8}td strong{color:#cbd9e5;font-weight:500}.mono{font-family:JetBrains Mono,monospace;font-size:8px}.severity,.event-status{display:inline-block;padding:4px 7px;border-radius:5px;font-size:8px}.severity.critical{background:#3a1b23;color:#ff7b84}.severity.high{background:#352718;color:#ffc26a}.severity.medium{background:#302b19;color:#f3d66e}.severity.low{background:#172a39;color:#7db5e4}.event-status{background:#122a27;color:#63d8ae}.event-status.investigating{background:#30251a;color:#efb86b}.event-status.review{background:#1b2637;color:#87acd0}.event-status.contained{background:#202735;color:#b0b8e7}@media (max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{width:220px}.content{padding:25px 20px}}@media (max-width:720px){.sidebar{position:fixed;z-index:20;left:-260px;transition:left .2s;box-shadow:20px 0 50px #0008}.sidebar.open{left:0}.close-mobile{display:block;margin-left:auto;border:0;background:none;color:#8095a9}.mobile-menu{display:grid;place-items:center;border:0;background:none;color:#91a5b7}.search{width:180px}.header-actions{gap:7px}.content{padding:22px 14px}.page-title{align-items:flex-start;gap:14px;flex-direction:column}.controls{width:100%}.controls select{flex:1}.stats{grid-template-columns:1fr 1fr}.stat{padding:12px}.stat strong{font-size:18px}.stat-icon{width:31px;height:31px}.header-actions .search{display:none}}@media (max-width:440px){.stats{grid-template-columns:1fr}.page-title h1{font-size:23px}}