:root{--bg:#07111c;--sidebar:#091723;--panel:#0e2030;--panel-2:#102638;--line:#20384b;--text:#eef6f8;--muted:#8da5b5;--teal:#3de4cc;--teal-2:#21a995;--amber:#ffbd5a;--red:#ff6b67;--blue:#67a9ff;font-family:"IBM Plex Sans SC","Microsoft YaHei",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#123b4b 0,transparent 33%),var(--bg);color:var(--text);min-height:100vh}.app-shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 22px;background:linear-gradient(180deg,#0a1a28 0%,#07131e 100%);border-right:1px solid #153044;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3de4cc88;border-radius:11px;color:var(--teal);font-family:Manrope;font-weight:700;background:#3de4cc0e;box-shadow:0 0 24px #3de4cc18}.brand strong{display:block;font-size:16px}.brand small{font:9px/1 Manrope;letter-spacing:1.4px;color:#5f7f91}.project-chip{display:flex;gap:10px;align-items:center;margin:0 4px 22px;padding:12px;background:#102536;border:1px solid #203b4e;border-radius:12px}.project-chip small{display:block;color:var(--muted);font-size:10px}.project-chip strong{font-size:12px;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #3de4cc16}nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#88a1b2;text-align:left;padding:11px 12px;border-radius:9px;font:500 14px inherit;cursor:pointer;display:flex;align-items:center;gap:11px}.nav-item span{width:18px;color:#6f8da0}.nav-item b{margin-left:auto;background:#ff6b6720;color:#ff817e;border:1px solid #ff6b6730;border-radius:10px;padding:1px 7px;font-size:11px}.nav-item:hover,.nav-item.active{color:white;background:#173044}.nav-item.active{box-shadow:inset 3px 0 var(--teal)}.nav-item.active span{color:var(--teal)}.sidebar-foot{margin-top:auto;border-top:1px solid #193247;padding:20px 8px 0}.sidebar-foot small{display:block;color:#718b9c;font-size:11px}.sidebar-foot strong{display:block;font:600 12px Manrope;margin:6px 0 12px}.service-progress{height:3px;background:#1c3547;border-radius:3px}.service-progress i{display:block;width:75%;height:100%;background:var(--teal)}.sidebar-foot>span{font-size:10px;color:#6f899a;margin-top:8px;display:block}.topbar{height:94px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #173044;background:#07131dcc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.topbar p{font-size:11px;color:#6f8b9d;margin:0 0 4px}.topbar h1{font-size:22px;margin:0;letter-spacing:.03em}.top-actions{display:flex;align-items:center;gap:10px}.ghost-btn,.primary-btn{height:38px;border-radius:8px;padding:0 14px;font:500 13px inherit;cursor:pointer}.ghost-btn{border:1px solid #29465a;color:#b9cbd5;background:#0c1e2c}.primary-btn{border:1px solid #3de4cc;background:var(--teal);color:#06211d;font-weight:600}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#284a61;color:#dff}.mobile-menu{display:none}.content{padding:26px 34px 40px}.overview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-card,.panel{background:linear-gradient(145deg,#102536,#0b1c2a);border:1px solid #1e384b;border-radius:14px}.metric-card{padding:18px 20px;min-height:130px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -25px -45px auto;width:100px;height:100px;border:1px solid #3de4cc14;border-radius:50%}.metric-head{display:flex;align-items:center;justify-content:space-between}.metric-head>span{color:#a2b5c1;font-size:13px}.tag{font-style:normal;font-size:10px;padding:3px 7px;border-radius:5px;border:1px solid}.tag.stable{color:#64e8cf;border-color:#3de4cc44;background:#3de4cc0e}.tag.warning{color:#ffc66f;border-color:#ffbd5a55;background:#ffbd5a10}.tag.info{color:#8dbcff;border-color:#67a9ff44;background:#67a9ff10}.metric-card>strong{display:block;font:600 31px Manrope;margin:12px 0 4px}.metric-card p{margin:0;color:#718c9d;font-size:11px}.metric-card p b{color:#59d9c7}.alert-metric{border-color:#6d4734}.alert-metric>strong,.alert-metric p b{color:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:14px}.panel{padding:21px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.eyebrow{font:600 9px Manrope;letter-spacing:1.8px;color:#4e788f}.panel-title h2,.ai-brief h2{margin:4px 0 0;font-size:16px}.text-btn{border:0;background:none;color:#6fb4c3;font:12px inherit;cursor:pointer}.health-content{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center}.health-score{text-align:center}.ring{width:132px;height:132px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 92%,#1d394b 92%);position:relative}.ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0d2130}.ring span{z-index:1}.ring strong{display:block;font:700 33px Manrope}.ring small{display:block;color:#6f899b;font-size:10px}.health-score p{font-size:11px;color:var(--teal);margin:10px 0 0}.system-bars{display:flex;flex-direction:column;gap:14px}.system-bars>div{display:grid;grid-template-columns:135px 1fr 45px;align-items:center;gap:12px}.system-bars span b,.system-bars span small{display:block}.system-bars span b{font-size:12px}.system-bars span small{font-size:10px;color:#668294;margin-top:2px}.system-bars i{height:5px;background:#1e384a;border-radius:5px;overflow:hidden}.system-bars i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#279c8d,var(--teal));border-radius:5px}.system-bars em{font:500 11px Manrope;color:#9eb1bd;font-style:normal}.ai-brief{background:linear-gradient(155deg,#12353c,#0c2130 62%);border-color:#24605e;position:relative;overflow:hidden}.ai-brief:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #3de4cc22;border-radius:50%;top:-93px;right:-50px}.ai-orbit{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#3de4cc18;color:var(--teal);margin-bottom:18px}.ai-brief p{font-size:12px;line-height:1.8;color:#a9c1c9}.ai-brief p b{color:var(--teal)}.ai-btn{width:100%;border:1px solid #2a6767;background:#133a40;color:#dff9f6;border-radius:8px;height:38px;text-align:left;padding:0 12px;font:12px inherit;cursor:pointer}.ai-btn span{float:right}.ai-meta{display:flex;justify-content:space-between;margin-top:12px;color:#557783;font-size:9px}.events-panel{padding-bottom:8px}.segmented{display:flex;background:#091b28;border:1px solid #1d3648;padding:3px;border-radius:8px}.segmented button{border:0;background:transparent;color:#6d8798;padding:5px 10px;font:10px inherit;border-radius:5px;cursor:pointer}.segmented button.active{background:#1c3a4d;color:white}.event-row{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-top:1px solid #173044}.event-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffbd5a15;color:var(--amber);font-weight:700}.critical .event-icon{background:#ff6b6715;color:var(--red)}.ticket .event-icon{background:#67a9ff15;color:var(--blue)}.event-main>div{display:flex;gap:8px;align-items:center}.event-main strong{font-size:12px}.event-main em{font-style:normal;font-size:9px;color:#ff7b76;border:1px solid #ff6b6744;padding:2px 5px;border-radius:4px}.event-main .medium{color:#ffc66d;border-color:#ffbd5a44}.event-main .ticket-tag{color:#80b6ff;border-color:#67a9ff44}.event-main p{font-size:10px;color:#668394;margin:4px 0 0}.event-side{text-align:right;min-width:74px}.event-side time{display:block;color:#5f7e91;font:10px Manrope;margin-bottom:5px}.event-side button{border:0;background:transparent;color:var(--teal);font:10px inherit;cursor:pointer}.event-side span{font-size:10px}.status-ok{color:#f6c66f}.status-working{color:#75b2ff}.sla-panel{padding-bottom:12px}.sla-item{display:flex;align-items:flex-end;justify-content:space-between;padding:13px 0;border-top:1px solid #183145}.sla-item span b,.sla-item span small{display:block}.sla-item span b{font-size:11px}.sla-item span small{color:#668294;font-size:9px;margin-top:4px}.sla-item>strong{font:600 19px Manrope;color:var(--teal)}.sla-item>strong small{font:9px inherit;color:#7994a4;margin-left:3px}.completion{margin-top:14px}.completion div{display:flex;justify-content:space-between;font-size:10px;color:#89a0ae}.completion i{display:block;height:4px;background:#1a3547;margin-top:8px;border-radius:4px}.completion i em{display:block;height:100%;background:var(--teal);border-radius:4px}.completion b{font:500 10px Manrope;color:#b9cbd4}@media(max-width:1100px){.overview-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:220px 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;width:246px;transform:translateX(-102%);transition:.25s}.sidebar.open{transform:none}.topbar{height:78px;padding:0 18px}.mobile-menu{display:block;background:transparent;border:0;color:#fff;font-size:20px}.topbar>div:first-of-type p{display:none}.top-actions .ghost-btn{display:none}.content{padding:18px}.overview-row{grid-template-columns:1fr 1fr}.health-content{grid-template-columns:1fr}.system-bars>div{grid-template-columns:125px 1fr 42px}.event-row{grid-template-columns:32px 1fr}.event-side{grid-column:2;text-align:left;display:flex;gap:10px}.metric-card{padding:15px}.topbar h1{font-size:18px}}@media(max-width:480px){.overview-row{grid-template-columns:1fr}.primary-btn{font-size:0;width:38px;padding:0}.primary-btn:first-letter{font-size:18px}.health-panel,.events-panel{padding:16px}.system-bars>div{grid-template-columns:112px 1fr 38px}}
:root{}