:root{--bg:#050b16;--panel:#0a1325;--panel2:#0d1930;--border:#182644;--text:#e9f0ff;--muted:#7f91b2;--accent:#5146ff;--accent2:#4b8cff;--green:#16d99b;--red:#ff4f69;--yellow:#f6b84b;--pink:#e95bbd;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 74% -10%,#4057ff2b,transparent 34%),var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{color:#a7b9dd;word-break:break-all;font-size:12px}.muted{color:var(--muted)}.eyebrow{letter-spacing:.14em;color:#7387ad;font-size:10px;font-weight:800}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;background:#030913f5;border-right:1px solid #25375c94;flex-direction:column;width:216px;padding:18px 10px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand-row{border-bottom:1px solid #25375c99;align-items:center;gap:11px;padding:3px 10px 21px;display:flex}.brand-avatar{background:linear-gradient(145deg,#17366a,#102446);border:1px solid #28416e;border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.brand-name{font-size:15px;font-weight:800}.brand-sub{color:#6f82a9;margin-top:3px;font-size:10px}.nav-stack{padding-top:14px;overflow:auto}.nav-group{margin-bottom:16px}.nav-label{color:#445676;letter-spacing:.12em;padding:0 11px 7px;font-size:9px;font-weight:800}.nav-item{color:#8c9dbd;border-radius:9px;align-items:center;gap:10px;margin:2px 0;padding:10px;font-size:12px;transition:all .15s;display:flex}.nav-item:hover{color:#dce6fb;background:#0c1730}.nav-item.active{color:#fff;background:linear-gradient(90deg,#3831d3,#5146ff);box-shadow:0 7px 20px #5046ff40}.nav-icon{text-align:center;width:18px;font-size:15px}.nav-live-dot{color:#34e3ab;background:#18d99b21;border-radius:5px;margin-left:auto;padding:2px 4px;font-size:7px}.sidebar-bottom{border-top:1px solid #25375c8c;margin-top:auto;padding:13px 9px 0}.mini-status{color:#9cb0d3;align-items:center;gap:7px;font-size:10px;display:flex}.online-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #16d99bbf}.quote{color:#657896;margin-top:9px;font-size:9px;line-height:1.5}.version{color:#33425e;margin-top:11px;font-size:8px}.main-area{width:calc(100% - 216px);min-height:100vh;margin-left:216px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#050b16b8;border-bottom:1px solid #203254a6;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.top-status{color:#34e3ab;align-items:center;gap:6px;font-size:11px;display:flex}.separator{color:#2f4267}.server-chip,.user-chip{background:#0a1427;border:1px solid #172645;border-radius:10px;align-items:center;gap:9px;padding:7px 10px;font-size:10px;display:flex}.server-icon{color:#6aa0ff;background:#153c89;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.user-chip img,.avatar-fallback{object-fit:cover;border-radius:9px;width:30px;height:30px}.avatar-fallback{color:#b7c9ed;background:#20345b;place-items:center;font-weight:800;display:grid}.user-name{font-size:10px;font-weight:700}.user-role{color:#667da5;margin-top:2px;font-size:8px}.icon-button{color:#9db0d3;background:0 0;border:0;padding:4px;font-size:18px}.icon-button:hover{color:#fff}.page-slot{padding:24px}.page{max-width:1640px;margin:0 auto}.page-titlebar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:21px;display:flex}h1{letter-spacing:-.03em;margin:4px 0 6px;font-size:26px}h2{margin:0;font-size:13px;font-weight:800}h3{margin:5px 0 0;font-size:14px}p{line-height:1.55}.title-actions{align-items:center;gap:10px;display:flex}.last-sync{color:#607598;font-size:10px}.metrics-grid{gap:12px;margin-bottom:13px;display:grid}.metrics-grid.six{grid-template-columns:repeat(6,1fr)}.metrics-grid.four{grid-template-columns:repeat(4,1fr)}.metric-card{background:linear-gradient(145deg,#0b182ef7,#081223f7);border:1px solid #152645;border-radius:11px;min-height:128px;padding:13px 14px;box-shadow:0 9px 24px #0000002b}.metric-icon{color:#9dbbff;background:#1a2850;border-radius:9px;place-items:center;width:29px;height:29px;margin-bottom:10px;display:grid}.metric-icon.green{color:#39e2ab;background:#16d99b21}.metric-icon.blue{color:#61a8ff;background:#3089ff21}.metric-icon.purple{color:#a891ff;background:#7c54ff21}.metric-icon.red{color:#ff6c83;background:#ff4f6921}.metric-icon.yellow{color:#ffd279;background:#f6b84b21}.metric-icon.pink{color:#ef77c7;background:#e95bbd21}.metric-label{color:#8092b1;font-size:9px}.metric-value{margin:3px 0;font-size:23px;font-weight:800}.metric-sub{color:#546885;font-size:8px}.grid-2{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.grid-2.wide-left{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.panel{box-shadow:var(--shadow);background:linear-gradient(145deg,#0a1427fa,#081121fa);border:1px solid #152544;border-radius:11px;margin-bottom:13px;padding:13px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-action{color:#6e89c0;font-size:9px}.chart{width:100%;height:245px}.donut-wrap{align-items:center;gap:24px;min-height:245px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:166px;height:166px;display:grid;position:relative}.donut:before{content:"";background:#0a1325;border-radius:50%;position:absolute;inset:18px}.donut>div{z-index:1;text-align:center;position:relative}.donut strong{font-size:25px;display:block}.donut span{color:#7387a8;font-size:9px}.legend-list{flex-direction:column;gap:8px;width:100%;display:flex}.legend-row{color:#b8c6de;align-items:center;gap:8px;font-size:9px;display:flex}.legend-row b{margin-left:auto}.legend-dot{border-radius:50%;width:8px;height:8px}.module-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.module-list.compact{grid-template-columns:1fr 1fr}.module-row{background:#0a162b;border:1px solid #142442;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.module-name{color:#c2cee2;font-size:9px}.status-pill{border-radius:999px;padding:3px 7px;font-size:8px}.status-pill.ok{color:#38dda8;background:#16d99b1a}.status-pill.off{color:#788aa7;background:#7184a21a}.analysis-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stat-box{background:#0a162b;border:1px solid #142442;border-radius:8px;padding:12px}.stat-box span{color:#7084a6;font-size:8px;display:block}.stat-box strong{margin-top:3px;font-size:20px;display:block}.event-list{flex-direction:column;display:flex}.event-list.dense{max-height:650px;overflow:auto}.event-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #10203c;align-items:center;gap:10px;padding:11px 5px;display:flex}.event-row:hover{background:#0a172c}.event-dot{border-radius:50%;flex:none;width:9px;height:9px}.event-dot.info{background:#5f8fff}.event-dot.warning{background:#f6b84b}.event-dot.high{background:#ff5c73}.event-dot.critical{background:#ff2c53;box-shadow:0 0 12px #ff2c538c}.event-main{flex:1;min-width:0}.event-line{align-items:center;gap:7px;font-size:10px;display:flex}.event-meta{color:#667c9f;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.event-time{color:#51647f;flex:none;font-size:8px}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:7px}.badge.info{color:#75a3ff;background:#5f8fff1f}.badge.warning{color:#ffce72;background:#f6b84b1f}.badge.high{color:#ff7b8e;background:#ff5c731f}.badge.critical{color:#ff6a81;background:#ff2c5326}.live-banner,.info-banner,.warning-box{background:#0a172ceb;border:1px solid #19315a;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;padding:12px 14px;font-size:10px;display:flex}.live-banner{border-color:#153b37}.live-banner.danger-banner{background:#300b1585;border-color:#5b2330}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 13px #16d99bb3}.live-actions,.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary-button,.secondary-button,.ghost-button,.danger-button{color:#fff;border:1px solid #0000;border-radius:8px;padding:8px 12px;font-size:10px}.primary-button{background:linear-gradient(100deg,#4438ff,#5e5bff);box-shadow:0 8px 20px #5046ff33}.primary-button:hover{filter:brightness(1.08)}.secondary-button{color:#bbcbeb;background:#102443;border-color:#1f3962}.secondary-button:hover{background:#132b50}.ghost-button{color:#91a5c9;background:0 0;border-color:#1a2c4c}.ghost-button:hover{background:#0d1b31}.danger-button{color:#ff9aaa;background:#511928;border-color:#7e2a3d}.small{padding:5px 8px;font-size:8px}button:disabled{opacity:.5;cursor:not-allowed}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-bar input,.filter-bar select{min-height:36px}.filter-bar input{flex:1;min-width:170px}.event-filters input[type=datetime-local]{flex:0 170px;min-width:160px}input,select,textarea{color:#dbe7ff;background:#071225;border:1px solid #1a2c4b;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:10px}input:focus,select:focus,textarea:focus{border-color:#4b5fff;box-shadow:0 0 0 3px #4b5fff1c}textarea{resize:vertical;min-height:110px}.large-textarea{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.55}.count-chip,.chip{color:#8da4cc;background:#0e1c34;border:1px solid #193050;border-radius:999px;padding:5px 8px;font-size:8px}.chip-row{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.bars{border-bottom:1px solid #172844;align-items:end;gap:9px;height:230px;padding:12px 6px 4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:4px;min-width:16px;display:flex}.bar-value{color:#8398ba;font-size:8px}.bar-column{background:linear-gradient(#5f6bff,#2f8cff);border-radius:6px 6px 2px 2px;width:100%;max-width:34px;min-height:5px}.bar-col span{color:#5d7092;font-size:7px}.bar-list{flex-direction:column;gap:11px;display:flex}.bar-item{color:#91a5c7;grid-template-columns:70px 1fr 24px;align-items:center;gap:8px;font-size:8px;display:grid}.bar-track{background:#0c1930;border-radius:999px;height:7px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#4c45ff,#55a3ff);border-radius:999px;height:100%}.member-table{overflow:auto}.table-head,.table-row{grid-template-columns:1.35fr 1fr .45fr 1.35fr .5fr;align-items:center;gap:10px;display:grid}.table-head{color:#566987;border-bottom:1px solid #152540;padding:9px 5px;font-size:8px}.table-row{border-bottom:1px solid #10203a;padding:10px 5px;font-size:9px}.member-ident{align-items:center;gap:9px;min-width:0;display:flex}.member-ident img{object-fit:cover;border-radius:8px;width:30px;height:30px}.member-ident strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-ident small{color:#576c8e;margin-top:3px;font-size:7px;display:block}.roles-cell{flex-wrap:wrap;gap:4px;display:flex}.incident-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.incident-card{text-align:left;color:inherit;background:#09162a;border:1px solid #172945;border-radius:9px;padding:12px}.incident-card:hover{background:#0b1a32;border-color:#2e4875}.incident-head{color:#5f7497;justify-content:space-between;font-size:8px;display:flex}.incident-card strong{margin-top:9px;font-size:11px;display:block}.incident-card p{color:#7589a9;margin:6px 0;font-size:9px}.config-stack{flex-direction:column;gap:0;display:flex}.form-grid{gap:10px;display:grid}.form-grid.one{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{flex-direction:column;gap:6px;display:flex}.field>span,.toggle-field>span{color:#8ca0c1;font-size:9px;font-weight:700}.field small,.toggle-row small{color:#536986;font-size:8px}.toggle-row{background:#09172b;border:1px solid #132542;border-radius:9px;justify-content:space-between;align-items:center;margin:13px 0;padding:10px 11px;display:flex}.toggle-row strong{margin-bottom:2px;font-size:9px;display:block}.toggle{background:#13213a;border:1px solid #26395a;border-radius:999px;width:38px;height:21px;padding:2px;position:relative}.toggle span{background:#6f82a6;border-radius:50%;width:15px;height:15px;transition:all .15s;display:block}.toggle.on{background:#103f3c;border-color:#1a7868}.toggle.on span{background:#29d8a4;transform:translate(15px)}.toggle-field{background:#09172b;border:1px solid #132542;border-radius:9px;flex-direction:row;justify-content:space-between;align-items:center;padding:9px 10px}.warning-box{color:#d2b26b;background:#6f480d1f;border-color:#4a371b;justify-content:flex-start}.info-banner{justify-content:flex-start}.sticky-save{pointer-events:none;justify-content:flex-end;display:flex;position:sticky;bottom:10px}.sticky-save>*{pointer-events:auto}.module-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.module-card{background:linear-gradient(145deg,#0a162a,#081326);border:1px solid #152643;border-radius:10px;padding:14px}.module-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.module-card p{color:#677d9f;min-height:38px;margin:10px 0 2px;font-size:8px}.directory-list{max-height:360px;margin-top:8px;overflow:auto}.directory-row{border-bottom:1px solid #101f39;grid-template-columns:12px 1fr 1fr auto;align-items:center;gap:8px;padding:8px 3px;font-size:9px;display:grid}.directory-row code{max-width:180px}.role-color{background:#638bff;border-radius:50%;width:8px;height:8px}.loading-line{background:linear-gradient(90deg,#0000,#5366ff,#0000);height:2px;margin:-8px 0 12px;animation:1.3s infinite scan}@keyframes scan{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.toast{z-index:100;box-shadow:var(--shadow);background:#0f203d;border:1px solid #2c4c79;border-radius:9px;padding:10px 13px;font-size:10px;position:fixed;bottom:20px;right:24px}.empty-state{color:#778ba9;text-align:center;padding:30px}.modal-backdrop,.member-drawer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#01050cc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.member-drawer{place-items:stretch end}.modal-card,.drawer-card{background:#081426;border:1px solid #203659;border-radius:13px;width:min(860px,96vw);max-height:90vh;padding:18px;overflow:auto;box-shadow:0 24px 80px #0000008c}.drawer-card{border-radius:15px 0 0 15px;width:min(620px,94vw);height:100%;max-height:none}.modal-head{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.modal-head h2{margin-top:5px;font-size:18px}.detail-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;display:grid}.detail-grid>div{background:#09182c;border:1px solid #132742;border-radius:8px;padding:9px}.detail-grid span{color:#607598;margin-bottom:3px;font-size:8px;display:block}.detail-grid strong,.detail-grid code{font-size:9px}.analysis-box,.conversation-box,.raw-details{background:#071225;border:1px solid #152844;border-radius:9px;margin-top:10px;padding:11px}.box-title{color:#9cb0d3;font-size:9px;font-weight:800}.analysis-box p{color:#91a4c4;font-size:9px}.conversation{flex-direction:column;gap:7px;margin-top:8px;display:flex}.message-card{color:#bdc9dc;background:#0a172b;border:1px solid #12233e;border-radius:8px;padding:8px;font-size:9px}.message-head{color:#7489aa;justify-content:space-between;margin-bottom:4px;display:flex}.message-head strong{color:#cbd7ea}.raw-details summary{color:#8196ba;cursor:pointer;font-size:9px}.raw-details pre{white-space:pre-wrap;word-break:break-word;color:#8097bc;max-height:260px;font-size:8px;overflow:auto}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.drawer-profile{align-items:center;gap:11px;margin-bottom:16px;display:flex}.drawer-profile img{border-radius:12px;width:46px;height:46px}.drawer-profile h2{margin:0 0 4px;font-size:16px}.drawer-profile small{color:#627796;font-size:8px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-glow{background:radial-gradient(circle,#4851ff2e,#0000 67%);width:520px;height:520px;position:absolute;top:-160px;right:-120px}.login-card{z-index:1;background:#071222f0;border:1px solid #1a2d4d;border-radius:17px;width:min(420px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #00000073}.brand-mark{background:#12284a;border:1px solid #27426f;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:18px;font-size:26px;display:grid}.login-card h1{margin:7px 0;font-size:30px}.login-card p{color:#7186a8;font-size:11px}.login-button{text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:17px;display:flex}.login-foot{color:#526987;border-top:1px solid #162744;margin-top:16px;padding-top:13px;font-size:8px;line-height:1.55}.alert{border-radius:8px;margin:11px 0;padding:9px 10px;font-size:9px}.alert.danger{color:#ff9aaa;background:#ff4f691a;border:1px solid #5a2633}@media (max-width:1200px){.metrics-grid.six{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:860px){.sidebar{width:70px;padding:14px 7px}.brand-row{justify-content:center;padding:0 0 14px}.brand-row>div:last-child,.nav-label,.nav-item span:not(.nav-icon),.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:11px 5px}.main-area{width:calc(100% - 70px);margin-left:70px}.topbar{padding:0 13px}.topbar-left{display:none}.page-slot{padding:14px}.metrics-grid.six,.metrics-grid.four,.form-grid.three,.module-grid{grid-template-columns:1fr 1fr}.incident-grid{grid-template-columns:1fr}}@media (max-width:560px){.metrics-grid.six,.metrics-grid.four,.form-grid.two,.form-grid.three,.module-grid{grid-template-columns:1fr}.page-titlebar{flex-direction:column}.server-chip{display:none}.user-chip{padding:5px}.user-chip>div:nth-child(2){display:none}.grid-2.wide-left{grid-template-columns:1fr}.donut-wrap{flex-direction:column;align-items:flex-start}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.table-row>span:nth-child(2),.table-row>span:nth-child(4){display:none}.detail-grid{grid-template-columns:1fr}}.danger-text{color:#ff7b8a}.local-login-form{gap:12px;margin-top:4px;display:grid}.login-divider{color:var(--muted,#8590a5);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff14;flex:1;height:1px}