body{margin:0}.incident-page{color:#f8fafc;background:radial-gradient(circle at 85% 5%,#7c5cff1f,#0000 30%),radial-gradient(circle at 10% 60%,#4361ee0f,#0000 35%),#050914;min-height:100vh;padding:42px 7%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.back-button{color:#aeb9cf;cursor:pointer;background:#0c1323;border:1px solid #202b40;border-radius:10px;margin-bottom:45px;padding:11px 17px;font-size:14px;font-weight:600;transition:all .2s}.back-button:hover{color:#fff;background:#111a30;border-color:#7161ff;transform:translate(-2px)}.incident-heading{justify-content:space-between;align-items:flex-start;gap:30px;max-width:1400px;margin:0 auto 35px;display:flex}.eyebrow{color:#8b7cff;letter-spacing:2px;margin-bottom:13px;font-size:12px;font-weight:800;display:block}.incident-heading h1{letter-spacing:-1.5px;max-width:850px;margin:0 0 15px;font-size:clamp(32px,4vw,52px);line-height:1.08}.incident-heading p{color:#8490a8;margin:0;font-size:16px}.severity-badge{letter-spacing:.7px;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:800}.severity-badge.high{color:#ffb454;background:#ffb4541a;border:1px solid #ffb45440}.severity-badge.critical{color:#f67;background:#ff52691a;border:1px solid #ff526940}.severity-badge.medium{color:#facc15;background:#facc151a;border:1px solid #facc1540}.severity-badge.low{color:#57e6a5;background:#57e6a51a;border:1px solid #57e6a540}.incident-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1400px;margin:0 auto 25px;display:grid}.detail-card{background:linear-gradient(145deg,#0d1424f5,#080e1bf5);border:1px solid #202b40;border-radius:16px;padding:25px;transition:all .25s}.detail-card:hover{border-color:#3a4266;transform:translateY(-2px)}.card-label{color:#7e8ba4;letter-spacing:1.3px;margin-bottom:13px;font-size:11px;font-weight:700;display:block}.detail-card h3{color:#fff;margin:0;font-size:21px}.analysis-card{background:linear-gradient(135deg,#7c5cff14,#0b1221fa 35%);border:1px solid #27304b;border-radius:18px;max-width:1400px;margin:0 auto 25px;padding:32px;box-shadow:0 20px 60px #00000026}.analysis-header{border-bottom:1px solid #202a3d;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;display:flex}.analysis-header h2{margin:0;font-size:25px}.ai-badge{color:#b8adff;background:#7c5cff1f;border:1px solid #7c5cff4d;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700}.analysis-content{color:#c2cad9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:25px;font-size:15px;line-height:1.8}.metadata-card{background:#0a1120;border:1px solid #202b40;border-radius:18px;max-width:1400px;margin:0 auto;padding:30px}.metadata-card h2{margin:0 0 25px;font-size:21px}.metadata-row{border-top:1px solid #1c2638;justify-content:space-between;align-items:center;gap:30px;padding:17px 0;display:flex}.metadata-row span{color:#7f8ba3;font-size:14px}.metadata-row strong{color:#e6eaf2;text-align:right;font-size:14px}@media (width<=900px){.incident-page{padding:30px 5%}.incident-grid{grid-template-columns:repeat(2,1fr)}.incident-heading{flex-direction:column}.severity-badge{align-self:flex-start}}@media (width<=550px){.incident-grid{grid-template-columns:1fr}.incident-heading h1{font-size:32px}.analysis-card,.metadata-card{padding:22px}.analysis-header{flex-direction:column;align-items:flex-start}.metadata-row{flex-direction:column;align-items:flex-start;gap:6px}.metadata-row strong{text-align:left}.analysis-content{font-size:14px;line-height:1.75}.analysis-content p{margin:10px 0 18px}.analysis-content strong{color:#fff;font-weight:700}.analysis-content ul,.analysis-content ol{margin:14px 0 24px;padding-left:24px}.analysis-content li{color:#c3cada;margin:10px 0}.analysis-content li::marker{color:#8c7cff}.analysis-content h1,.analysis-content h2,.analysis-content h3{color:#fff;margin-top:28px;margin-bottom:12px}.analysis-content>p:first-child{color:#9a90ff;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.analysis-content ol li{background:#0d1526;border:1px solid #1f2a40;border-radius:10px;margin-bottom:10px;padding:12px 14px}.resolve-button{color:#67e8a4;cursor:pointer;background:#2ac8781a;border:1px solid #67e8a440;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s}.resolve-button:hover{background:#2ac8782e;transform:translateY(-1px)}}.services-page{color:#fff;background:#050914;grid-template-columns:260px 1fr;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:grid}.services-sidebar{background:#070c18;border-right:1px solid #182033;min-height:100vh;padding:24px 18px}.services-nav{flex-direction:column;gap:8px;margin-top:28px;display:flex}.services-nav button{text-align:left;color:#7f8ba1;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.services-nav button:hover,.services-nav button.active{color:#fff;background:#695cff1f}.services-content{padding:38px}.services-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:32px;display:flex}.section-label,.service-id{color:#8077ff;letter-spacing:1.4px;font-size:10px;font-weight:800}.services-header h1{letter-spacing:-1.4px;margin:10px 0 8px;font-size:34px}.services-header p{color:#7f8ba1}.service-count-badge{color:#a99fff;background:#695cff1a;border:1px solid #695cff2e;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.service-card{background:#0a101e;border:1px solid #1d2637;border-radius:16px;padding:24px}.service-card-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.service-card h2{margin:8px 0;font-size:22px}.service-card p{color:#7f8ba1;margin:0;font-size:13px;line-height:1.6}.service-status{border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.service-status.healthy{color:#67e8a4;background:#2ac87817;border:1px solid #2ac87826}.service-status.degraded{color:#ffb454;background:#ffb4541a;border:1px solid #ffb45433}.service-status.down{color:#f67;background:#ff52691a;border:1px solid #ff526933}.service-status.unknown{color:#a5afc0;background:#a5afc014;border:1px solid #a5afc026}.service-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.service-stats>div{background:#0d1424;border:1px solid #192337;border-radius:11px;padding:15px}.service-stats span,.service-stats strong{display:block}.service-stats span{color:#707c92;font-size:10px}.service-stats strong{margin-top:7px;font-size:16px}.service-card-footer{border-top:1px solid #182235;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:18px;display:grid}.service-card-footer span,.service-card-footer strong{display:block}.service-card-footer span{color:#667289;font-size:10px}.service-card-footer strong{color:#dce1eb;margin-top:6px;font-size:12px}.empty-services,.loading-text{color:#7f8ba1}@media (width<=1100px){.services-grid{grid-template-columns:1fr}.service-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.services-page{grid-template-columns:1fr}.services-sidebar{border-bottom:1px solid #182033;border-right:none;min-height:auto}.services-nav{flex-flow:wrap}}@media (width<=650px){.services-content{padding:22px}.services-header{flex-direction:column}.service-stats,.service-card-footer{grid-template-columns:1fr}}.incidents-page{color:#fff;background:#050914;grid-template-columns:260px 1fr;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:grid}.incidents-sidebar{background:#070c18;border-right:1px solid #182033;min-height:100vh;padding:24px 18px}.incidents-nav{flex-direction:column;gap:8px;margin-top:28px;display:flex}.incidents-nav button{text-align:left;color:#7f8ba1;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.incidents-nav button:hover,.incidents-nav button.active{color:#fff;background:#695cff1f}.incidents-content{padding:38px;overflow-x:hidden}.incidents-header{margin-bottom:30px}.section-label,.panel-label{color:#8077ff;letter-spacing:1.4px;font-size:10px;font-weight:800}.incidents-header h1{letter-spacing:-1.4px;margin:10px 0 8px;font-size:34px}.incidents-header p{color:#7f8ba1;max-width:700px;line-height:1.6}.incident-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.summary-card{background:#0a101e;border:1px solid #1d2637;border-radius:14px;padding:22px}.summary-card span,.summary-card small{display:block}.summary-card span{color:#778399;font-size:12px}.summary-card strong{margin:12px 0 7px;font-size:28px;display:block}.summary-card small{color:#5f6b81;font-size:10px}.incidents-panel{background:#0a101e;border:1px solid #1d2637;border-radius:16px;padding:24px}.incidents-toolbar{border-bottom:1px solid #182235;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:22px;display:flex}.incidents-toolbar h2{margin:7px 0 0;font-size:20px}.filters{gap:10px;display:flex}.filters select{color:#cbd2df;background:#0d1424;border:1px solid #253049;border-radius:9px;outline:none;min-width:150px;padding:10px 12px}.incident-table{width:100%}.incident-table-header,.incident-table-row{grid-template-columns:2.2fr .8fr .8fr .8fr 1.3fr;align-items:center;gap:18px;display:grid}.incident-table-header{color:#657189;letter-spacing:.7px;text-transform:uppercase;min-height:52px;font-size:10px;font-weight:700}.incident-table-row{cursor:pointer;border-top:1px solid #182235;min-height:74px;transition:background .2s}.incident-table-row:hover{background:#ffffff05}.incident-title-cell{align-items:center;gap:12px;display:flex}.incident-title-cell strong,.incident-title-cell small{display:block}.incident-title-cell strong{color:#f2f4f8;font-size:13px}.incident-title-cell small{color:#657189;margin-top:4px;font-size:10px}.incident-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.high-dot{background:#ff9c47}.normal-dot{background:#8b7cff}.severity-pill,.status-pill{border-radius:7px;width:fit-content;padding:6px 9px;font-size:9px;font-weight:800}.severity-pill.critical{color:#ff6577;background:#ff65771a}.severity-pill.high{color:#ffad66;background:#ffad661a}.severity-pill.medium{color:#facc15;background:#facc151a}.severity-pill.low{color:#67e8a4;background:#67e8a41a}.status-pill.open{color:#aeb8cc;background:#aeb8cc14}.status-pill.resolved{color:#67e8a4;background:#67e8a41a}.confidence-cell,.started-cell{color:#9aa5ba;font-size:11px}.empty-incidents{text-align:center;color:#7f8ba1;padding:40px 0}@media (width<=1100px){.incident-summary-grid{grid-template-columns:repeat(2,1fr)}.incident-table-header{display:none}.incident-table-row{grid-template-columns:1fr;gap:10px;padding:18px 0}}@media (width<=900px){.incidents-page{grid-template-columns:1fr}.incidents-sidebar{border-bottom:1px solid #182033;border-right:none;min-height:auto}.incidents-nav{flex-flow:wrap}}@media (width<=650px){.incidents-content{padding:22px}.incident-summary-grid{grid-template-columns:1fr}.incidents-toolbar{flex-direction:column}.filters{flex-direction:column;width:100%}.filters select{width:100%}}.metrics-page{color:#fff;background:#050914;grid-template-columns:260px 1fr;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:grid}.metrics-sidebar{background:#070c18;border-right:1px solid #182033;min-height:100vh;padding:24px 18px}.sidebar-brand{border-bottom:1px solid #172033;align-items:center;gap:12px;padding:0 8px 26px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg,#665dff,#8f61ff);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#6f7a91;margin-top:3px;font-size:10px}.metrics-nav{flex-direction:column;gap:8px;margin-top:28px;display:flex}.metrics-nav button{text-align:left;color:#7f8ba1;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.metrics-nav button:hover,.metrics-nav button.active{color:#fff;background:#695cff1f}.metrics-content{padding:38px;overflow-x:hidden}.metrics-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.section-label{color:#8077ff;letter-spacing:1.4px;font-size:10px;font-weight:800}.metrics-header h1{letter-spacing:-1.4px;margin:10px 0 8px;font-size:34px}.metrics-header p{color:#7f8ba1;line-height:1.6}.metrics-status{color:#a99fff;background:#695cff1a;border:1px solid #695cff2e;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}.metrics-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-summary-card{background:#0a101e;border:1px solid #1d2637;border-radius:14px;padding:22px}.metric-summary-card span,.metric-summary-card small{display:block}.metric-summary-card span{color:#778399;font-size:12px}.metric-summary-card strong{margin:12px 0 7px;font-size:27px;display:block}.metric-summary-card small{color:#5f6b81;font-size:10px}.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chart-card{background:#0a101e;border:1px solid #1d2637;border-radius:16px;padding:24px}.chart-heading span{color:#8077ff;letter-spacing:1.2px;font-size:10px;font-weight:800}.chart-heading h2{margin:7px 0 0;font-size:20px}.chart-wrapper{width:100%;min-height:260px;margin-top:26px}.recharts-cartesian-axis-tick-value{fill:#67738a}.recharts-default-tooltip{color:#dfe5ef!important}@media (width<=1100px){.metrics-summary-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (width<=900px){.metrics-page{grid-template-columns:1fr}.metrics-sidebar{border-bottom:1px solid #182033;border-right:none;min-height:auto}.metrics-nav{flex-flow:wrap}}@media (width<=650px){.metrics-content{padding:22px}.metrics-header{flex-direction:column}.metrics-summary-grid{grid-template-columns:1fr}.chart-card{padding:18px}}.ai-page{color:#fff;background:#050914;grid-template-columns:260px 1fr;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:grid}.ai-sidebar{background:#070c18;border-right:1px solid #182033;min-height:100vh;padding:24px 18px}.ai-brand{border-bottom:1px solid #172033;align-items:center;gap:12px;padding:0 8px 26px;display:flex}.ai-brand-icon{background:linear-gradient(135deg,#665dff,#8f61ff);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.ai-brand strong,.ai-brand span{display:block}.ai-brand span{color:#6f7a91;margin-top:3px;font-size:10px}.ai-nav{flex-direction:column;gap:8px;margin-top:28px;display:flex}.ai-nav button{text-align:left;color:#7f8ba1;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.ai-nav button:hover,.ai-nav button.active{color:#fff;background:#695cff1f}.ai-content{padding:38px;overflow-x:hidden}.ai-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.ai-eyebrow,.ai-section-heading span{color:#8077ff;letter-spacing:1.4px;font-size:10px;font-weight:800}.ai-header h1{letter-spacing:-1.4px;margin:10px 0 8px;font-size:34px}.ai-header p{color:#7f8ba1;max-width:720px;line-height:1.6}.ai-online{color:#67e8a4;background:#2ac87817;border:1px solid #2ac87826;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:700;display:flex}.ai-online span{background:#46d88c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #46d88cb3}.ai-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.ai-stats article{background:#0a101e;border:1px solid #1d2637;border-radius:14px;padding:22px}.ai-stats span,.ai-stats small{display:block}.ai-stats span{color:#778399;font-size:12px}.ai-stats strong{margin:12px 0 7px;font-size:28px;display:block}.ai-stats small{color:#5f6b81;font-size:10px}.model-name{color:#a99fff;font-size:22px!important}.ai-workspace{grid-template-columns:360px 1fr;align-items:start;gap:18px;display:grid}.ai-incident-list,.ai-analysis-panel{background:#0a101e;border:1px solid #1d2637;border-radius:16px}.ai-incident-list{padding:22px}.ai-section-heading h2{margin:7px 0 20px;font-size:20px}.ai-list{flex-direction:column;gap:10px;display:flex}.ai-incident-item{color:#fff;text-align:left;cursor:pointer;background:#0d1424;border:1px solid #192337;border-radius:12px;width:100%;padding:16px;transition:all .2s}.ai-incident-item:hover,.ai-incident-item.selected{background:#695cff14;border-color:#6258c9}.ai-incident-top,.ai-incident-bottom{justify-content:space-between;align-items:center;display:flex}.ai-incident-top{margin-bottom:10px}.ai-incident-bottom{margin-top:13px}.ai-severity-dot{border-radius:50%;width:8px;height:8px}.ai-severity-dot.critical{background:#ff5365;box-shadow:0 0 12px #ff5365b3}.ai-severity-dot.high{background:#ff9c47}.ai-severity-dot.medium{background:#facc15}.ai-severity-dot.low,.ai-severity-dot.normal{background:#8b7cff}.ai-incident-id{color:#667289;font-size:10px}.ai-incident-item strong{font-size:13px;display:block}.ai-incident-item small{color:#667289;margin-top:5px;font-size:10px;display:block}.ai-severity{border-radius:7px;width:fit-content;padding:6px 9px;font-size:9px;font-weight:800}.ai-severity.critical{color:#ff6577;background:#ff65771a}.ai-severity.high{color:#ffad66;background:#ffad661a}.ai-severity.medium{color:#facc15;background:#facc151a}.ai-severity.low{color:#67e8a4;background:#67e8a41a}.ai-incident-bottom>span:last-child{color:#887fff;font-size:9px;font-weight:800}.ai-analysis-panel{padding:24px}.analysis-panel-header{border-bottom:1px solid #182235;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.analysis-panel-header h2{margin:7px 0 0;font-size:21px}.generated-badge{color:#b8adff;background:#7c5cff1f;border:1px solid #7c5cff40;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.analysis-incident-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:22px;display:flex}.analysis-incident-title small{color:#667289;font-size:9px}.analysis-incident-title h3{margin:7px 0 0;font-size:20px}.analysis-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.analysis-meta div{background:#0d1424;border:1px solid #192337;border-radius:10px;padding:14px}.analysis-meta span,.analysis-meta strong{display:block}.analysis-meta span{color:#667289;font-size:9px}.analysis-meta strong{margin-top:6px;font-size:12px}.analysis-output{color:#c1c9d8;border-top:1px solid #182235;margin-top:22px;padding-top:20px;font-size:13px;line-height:1.75}.analysis-output p{margin:9px 0 16px}.analysis-output strong{color:#fff}.analysis-output ul,.analysis-output ol{margin:14px 0 20px;padding-left:23px}.analysis-output li{margin:8px 0}.analysis-output li::marker{color:#8b7cff}.no-analysis{text-align:center;padding:60px 20px}.no-analysis span{color:#8077ff;letter-spacing:1.2px;font-size:9px;font-weight:800}.no-analysis h3{margin:12px 0}.no-analysis p{color:#7f8ba1}.open-incident-button{color:#afa7ff;cursor:pointer;background:#695cff1a;border:1px solid #312c66;border-radius:9px;margin-top:22px;padding:11px 16px;font-weight:700}.ai-empty{color:#7f8ba1}@media (width<=1150px){.ai-stats{grid-template-columns:repeat(2,1fr)}.ai-workspace{grid-template-columns:1fr}}@media (width<=900px){.ai-page{grid-template-columns:1fr}.ai-sidebar{border-bottom:1px solid #182033;border-right:none;min-height:auto}.ai-nav{flex-flow:wrap}}@media (width<=650px){.ai-content{padding:22px}.ai-header{flex-direction:column}.ai-stats,.analysis-meta{grid-template-columns:1fr}.analysis-panel-header,.analysis-incident-title{flex-direction:column}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f7fb;background:#070b14;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.landing-page{background:radial-gradient(circle at 100% 0,#5b5fff26,#0000 30%),#070b14;min-height:100vh}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:22px 32px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.navbar nav{color:#aeb7c8;align-items:center;gap:26px;display:flex}.navbar nav a:hover{color:#fff}.nav-button{border:1px solid #30384b;border-radius:10px;padding:10px 18px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;max-width:1200px;margin:auto;padding:100px 32px 90px;display:grid}.badge,.section-label{color:#8f95ff;letter-spacing:.08em;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.05em;margin:18px 0 24px;font-size:clamp(48px,6vw,78px);line-height:1.02}.hero-content>p{color:#9fa8ba;max-width:700px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.primary-button,.secondary-button{border-radius:12px;align-items:center;gap:8px;padding:14px 20px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#6c63ff}.secondary-button{color:#c8d0df;border:1px solid #31394d}.hero-card{background:#0d1320;border:1px solid #283145;border-radius:18px;padding:24px;box-shadow:0 30px 80px #00000059}.card-header,.metric-row{justify-content:space-between;align-items:center;display:flex}.card-header{border-bottom:1px solid #242c3e;padding-bottom:18px}.metric-row{color:#9ea7b8;border-bottom:1px solid #1c2432;padding:16px 0}.metric-row strong{color:#fff}.status-critical{color:#ff6868;background:#ff68681a;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.ai-box{color:#dce0ff;background:#6c63ff14;border-radius:12px;gap:12px;margin-top:20px;padding:16px;display:flex}.ai-box p{color:#aab3c7;margin-bottom:0;line-height:1.5}.section{max-width:1200px;margin:auto;padding:90px 32px}.section h2{margin-top:10px;font-size:42px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.feature-card{background:#0a101c;border:1px solid #252e42;border-radius:16px;padding:28px}.feature-card h3{margin:20px 0 10px}.feature-card p{color:#929caf;line-height:1.6}.how-section{border-top:1px solid #171f2d}.flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:45px;display:grid}.flow-step{background:#0a101c;border:1px solid #252e42;border-radius:14px;min-height:170px;padding:22px}.flow-step span{color:#777fff;font-weight:800}.flow-step p{color:#929caf;line-height:1.5}.flow-arrow{color:#606b7f;font-size:24px}footer{color:#778196;border-top:1px solid #171f2d;justify-content:space-between;max-width:1200px;margin:auto;padding:40px 32px;display:flex}.dashboard-placeholder{text-align:center;place-content:center;min-height:100vh;display:grid}.dashboard-placeholder a{color:#8f95ff}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:60px}.feature-grid,.flow{grid-template-columns:1fr}.flow-arrow{text-align:center;transform:rotate(90deg)}.navbar nav a:not(.nav-button){display:none}}.dashboard-page{color:#fff;background:#050914;grid-template-columns:260px 1fr;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:grid}.sidebar{background:#070c18;border-right:1px solid #182033;min-height:100vh;padding:24px 18px}.sidebar-logo{border-bottom:1px solid #172033;align-items:center;gap:12px;padding:0 8px 26px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#665dff,#8f61ff);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.sidebar-logo strong,.sidebar-logo span{display:block}.sidebar-logo span{color:#6f7a91;margin-top:3px;font-size:10px}.sidebar-nav{flex-direction:column;gap:8px;margin-top:28px;display:flex}.sidebar-nav a{color:#7f8ba1;border-radius:10px;padding:12px 14px;font-size:14px;transition:all .2s}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:#695cff1f}.dashboard-main{padding:38px;overflow-x:hidden}.dashboard-top{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.dashboard-label,.panel-label{color:#8077ff;letter-spacing:1.4px;font-size:10px;font-weight:800}.dashboard-top h1{letter-spacing:-1.4px;margin:10px 0 8px;font-size:34px}.dashboard-top p{color:#7f8ba1}.system-badge,.healthy-badge{color:#67e8a4;background:#2ac87817;border:1px solid #2ac87826;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.green-dot{background:#46d88c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #46d88cb3}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.stat-card{background:#0a101e;border:1px solid #1d2637;border-radius:14px;padding:22px}.stat-card span,.stat-card small{display:block}.stat-card span{color:#778399;font-size:12px}.stat-card strong{margin:12px 0 7px;font-size:28px;display:block}.stat-card small{color:#5f6b81;font-size:10px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;display:grid}.panel{background:#0a101e;border:1px solid #1d2637;border-radius:16px;padding:24px}.panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-header h2{margin-top:7px;font-size:20px}.panel-header a{color:#8077ff;font-size:12px}.service-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.service-metrics>div{background:#0d1424;border:1px solid #192337;border-radius:12px;padding:16px}.service-metrics span,.service-metrics strong{display:block}.service-metrics span{color:#707c92;font-size:11px}.service-metrics strong{margin-top:8px;font-size:18px}.ai-status-box{margin-top:22px}.ai-row{border-top:1px solid #182235;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.ai-row span{color:#7f8ba1;font-size:12px}.ai-row strong{color:#a89fff;font-size:12px}.recent-incidents{margin-top:18px}.incident-row{border-top:1px solid #182235;grid-template-columns:1fr 100px 80px;align-items:center;gap:18px;min-height:68px;display:grid}.incident-info{align-items:center;gap:12px;display:flex}.incident-info strong,.incident-info small{display:block}.incident-info strong{font-size:13px}.incident-info small{color:#657189;margin-top:4px;font-size:10px}.incident-dot{border-radius:50%;width:9px;height:9px}.critical-dot{background:#ff5365;box-shadow:0 0 12px #ff5365b3}.warning-dot{background:#ff9c47}.severity{border-radius:7px;width:fit-content;padding:6px 9px;font-size:9px;font-weight:800}.severity.high{color:#ffad66;background:#ffad661a}.severity.critical{color:#ff6577;background:#ff65771a}.incident-status{color:#8792a8;font-size:10px;font-weight:700}@media (width<=1050px){.dashboard-page{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #182033;border-right:none;min-height:auto}.sidebar-nav{flex-flow:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-main{padding:22px}.dashboard-top{flex-direction:column}.stats-grid{grid-template-columns:1fr}.service-metrics{grid-template-columns:repeat(2,1fr)}.incident-row{grid-template-columns:1fr}}