:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce7fa;background:#07111d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 68% 0,#10243b 0,transparent 32%),#07111d}button,input{font:inherit}button{cursor:pointer}.splash,.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,calc(100vw - 32px));padding:34px;background:#0c1929;border:1px solid #283d57;border-radius:15px;box-shadow:0 30px 90px #0008}.logo{height:54px;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:.2px}.mark{width:27px;height:32px;display:inline-block;background:linear-gradient(140deg,#42d8ff,#3474ff);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}.mark:after{content:"";position:absolute;inset:5px;background:#122238;clip-path:inherit}.login-card h1{margin:31px 0 7px}.login-card p{margin:0 0 26px;color:#94a7bf;line-height:1.5}.login-card label{display:grid;gap:7px;margin:16px 0;font-size:14px}.login-card input{height:46px;border:1px solid #324964;background:#081523;color:#fff;border-radius:8px;padding:0 12px}.login-card .primary{width:100%;margin-top:15px}.error{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #6e3344;background:#321a29;color:#ffb2bd;border-radius:8px}.app{min-height:100vh;display:grid;grid-template-columns:205px 1fr}.rail{position:fixed;inset:0 auto 0 0;width:205px;background:linear-gradient(180deg,#0b1828,#0b1725);border-right:1px solid #1d3045;padding:0 12px 19px;display:flex;flex-direction:column}.rail .logo{padding:0 8px}.rail nav{display:grid;gap:5px;margin-top:13px}.rail nav button{height:46px;border:0;background:transparent;color:#b8c7dd;border-radius:7px;display:flex;align-items:center;gap:14px;padding:0 15px;text-align:left}.rail nav svg{width:20px}.rail nav .active{color:#fff;background:linear-gradient(90deg,#12386b,#173c68);box-shadow:inset 3px 0 #2b90ff}.rail small{margin-top:auto;border-top:1px solid #314156;padding:22px 10px 0;color:#7e91aa}.app>main{grid-column:2;min-width:0}.app>main>header{height:55px;border-bottom:1px solid #1d3149;background:#0a1624cc;display:flex;align-items:center;padding:0 19px;gap:22px}.search{height:36px;width:min(370px,36vw);border:1px solid #2b415d;border-radius:7px;background:#111f32;display:flex;align-items:center;gap:10px;padding:0 12px;color:#8092ab}.search svg{width:17px}.global{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px}.account{padding-left:21px;border-left:1px solid #344359;font-size:13px}.icon{border:0;background:none;color:#aebed4}.icon svg{width:18px}.ok{color:#48e69a!important}.warn{color:#ffd05a!important}.bad{color:#ff7888!important}.ok i,.warn i,.bad i,.global i{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor}.page{padding:14px 16px 24px 22px;display:grid;grid-template-columns:minmax(690px,1fr) 378px;gap:16px}.overview{min-width:0}.hero{min-height:68px;display:flex;align-items:flex-start;justify-content:space-between}.hero h1{font-size:31px;margin:2px 0 6px;letter-spacing:-.8px}.hero p{margin:0;display:flex;align-items:center;gap:9px}.hero p i{width:14px;height:14px}.hero>small{text-align:right;color:#8ea0b9;line-height:1.5;margin-top:8px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:11px}.status-card,.panel,.inspector{background:linear-gradient(150deg,#0d1c2d,#0b1725);border:1px solid #273c55;border-radius:9px}.status-card{padding:15px;min-height:146px}.card-title{display:flex;gap:11px;align-items:center;color:#d5e0ef;font-weight:700}.card-title svg{color:#9fb2ce}.status-card strong{display:flex;gap:10px;align-items:center;color:#49e49a;margin:20px 0 12px}.status-card p{margin:0;color:#a8b7ca;font-size:13px;line-height:1.5}.panel{margin-top:12px;overflow:hidden}.panel-title{height:46px;padding:0 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #273b53;font-weight:750}.panel-title svg{width:20px;color:#afbfda}.panel-title span{font-weight:400}.panel-title button{margin-left:auto;background:#101e30;color:#d3deec;border:1px solid #2a405c;border-radius:7px;padding:7px 11px;display:flex;align-items:center;gap:9px}.panel-title button svg{width:14px}.server-row{display:grid;grid-template-columns:1.25fr .75fr 1.3fr .55fr .55fr .85fr .9fr;gap:10px;align-items:center;margin:8px;padding:10px 12px;font-size:13px}.server-row.headings{color:#9eafc5;margin-top:0;margin-bottom:0;border-bottom:1px solid #21344b;border-radius:0}.server-row.selected{border:1px solid #2387ff;background:linear-gradient(90deg,#153d71,#123158);border-radius:7px}.server-row .ok{display:flex;align-items:center;gap:7px}.resource{padding-bottom:12px}.resource>svg{display:block;width:calc(100% - 32px);height:145px;margin:12px 16px 5px;overflow:visible}.resource>svg path,.resource>svg polyline{vector-effect:non-scaling-stroke}.grid path{stroke:#273c54;stroke-width:.4;fill:none}.resource>svg polyline{fill:none;stroke-width:2}.resource .cpu{stroke:#2990ff}.resource .memory{stroke:#3fe18f}.resource .disk{stroke:#2fd0e5}.legend{display:flex;gap:23px;padding:5px 23px;font-size:12px}.legend span:before{content:"";display:inline-block;width:16px;height:2px;background:currentColor;margin:0 7px 3px 0}.blue{color:#3e9aff}.green{color:#47e493}.cyan{color:#36d2e9}.events{padding-bottom:7px}.event{display:grid;grid-template-columns:180px 105px 1fr 150px;gap:10px;padding:8px 14px;border-bottom:1px solid #1f3147;font-size:12px;color:#becbe0}.event .info{color:#47c9f4}.event .info:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:8px}.inspector{align-self:start;position:sticky;top:69px;overflow:hidden}.inspect-head{height:59px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.inspect-head h2{font-size:19px}.inspect-head span{display:flex;align-items:center;gap:8px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);height:44px;border-bottom:1px solid #2b4059}.tabs>*{display:grid;place-items:center;font-size:13px}.tabs b{color:#44a3ff;border-bottom:2px solid #2f93ff}dl{margin:0 16px}dl>div{display:grid;grid-template-columns:145px 1fr;gap:5px;align-items:center;min-height:50px;border-bottom:1px solid #283a50;font-size:13px}dt{display:flex;align-items:center;gap:10px;color:#9fb0c8}dt svg{width:19px}dd{margin:0;color:#e0e8f4}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:16px}.service-list span{display:grid;grid-template-columns:13px 1fr auto;gap:6px;align-items:center;color:#c7d4e5;font-size:12px}.service-list small{color:#70849f}.service-list i{width:8px;height:8px}.inspect-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 16px 14px}.inspect-actions button,.primary{height:44px;border:1px solid #748baa;border-radius:7px;background:transparent;color:#e3ecf9;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.inspect-actions button:disabled{opacity:.55;cursor:not-allowed}.inspect-actions .primary,.primary{border:0;background:#2589f5;color:#fff}.readonly{margin:0;padding:14px 16px 18px;border-top:1px solid #273a52;color:#8396af;font-size:12px;line-height:1.5;display:flex;gap:9px}.readonly svg{width:26px;flex:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,input:focus-visible{outline:3px solid #4ca8ff;outline-offset:2px}@media(max-width:1280px){.page{grid-template-columns:1fr}.inspector{position:static}.status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app{grid-template-columns:72px 1fr}.rail{width:72px}.rail .logo{font-size:0}.rail nav button{font-size:0;justify-content:center;padding:0}.rail small{display:none}.app>main{grid-column:2}.page{padding:13px}.status-grid{grid-template-columns:1fr 1fr}.server-row{grid-template-columns:1fr .7fr .8fr}.server-row>*:nth-child(3),.server-row>*:nth-child(6),.server-row>*:nth-child(7){display:none}.event{grid-template-columns:135px 70px 1fr}.event>*:last-child{display:none}}@media(max-width:590px){.app{display:block}.rail{position:static;width:100%;height:58px;display:flex;flex-direction:row;padding:0 12px}.rail .logo{font-size:18px}.rail nav{margin:0 0 0 auto}.rail nav button{display:none}.rail nav button.active{display:flex}.app>main{display:block}.app>main>header{padding:0 12px}.search,.account{display:none}.page{display:block}.hero>small{display:none}.hero h1{font-size:27px}.status-grid{grid-template-columns:1fr}.server-row{grid-template-columns:1fr .7fr}.server-row>*:nth-child(n+3){display:none}.resource>svg{height:110px}.event{grid-template-columns:110px 1fr}.event>*:nth-child(2){display:none}.inspector{margin-top:12px}.global{font-size:0}.global i{width:11px;height:11px}}.view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.detail-panel{font-size:13px}.detail-row{display:grid;grid-template-columns:70px 110px 1fr 130px;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #203249}.detail-row em{font-style:normal;display:flex;align-items:center;gap:7px}.chip-list{display:flex;flex-wrap:wrap;gap:10px;padding:18px}.chip-list span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #304761;background:#101f31;border-radius:8px;color:#cdd9e9}.chip-list svg{width:16px}.panel-note{color:#91a3ba;padding:0 18px 18px;margin:0;line-height:1.55}.service-view{margin-top:11px}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.service-cards article{min-height:82px;border:1px solid #2b415b;background:#0d1b2b;border-radius:8px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.service-cards article>svg{color:#7fa7d3}.service-cards article div{display:grid;gap:7px}.service-cards article span{display:flex;gap:7px;align-items:center;font-size:12px}.service-cards article small{color:#8093aa}.empty-view{margin-top:11px;min-height:380px;border:1px solid #273c55;border-radius:9px;background:linear-gradient(150deg,#0d1c2d,#0b1725);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px}.empty-view>svg{width:55px;height:55px;color:#45a7ff}.empty-view h2{margin:20px 0 8px}.empty-view p,.empty-view span{max-width:570px;color:#9db0c6;line-height:1.6}.empty-view span{font-size:13px}.ai-view p{display:flex;align-items:center;gap:8px}.ai-view p i{width:10px;height:10px;border-radius:50%;background:currentColor}.ai-view strong{font-size:22px;margin:5px 0 13px}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.security-grid article{min-height:112px;border:1px solid #2b415b;background:linear-gradient(150deg,#0d1c2d,#0b1725);border-radius:9px;padding:16px;display:grid;grid-template-columns:34px 1fr 24px;gap:10px}.security-grid article>svg:first-child{color:#69aeea}.security-grid b{font-size:15px}.security-grid p{margin:8px 0 0;color:#9bacc2;font-size:13px;line-height:1.45}.settings-view{margin-top:11px;padding-bottom:10px}.settings-view dl>div{grid-template-columns:180px 1fr}.settings-view dl{max-width:760px}.settings-view dd{color:#cddaea}@media(max-width:850px){.view-grid,.security-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:55px 90px 1fr}.detail-row>*:last-child{display:none}}@media(max-width:590px){.rail nav{display:flex;max-width:calc(100vw - 190px);overflow-x:auto}.rail nav button{display:none}.rail nav button.active{display:flex;min-width:52px}.service-cards{grid-template-columns:1fr}.detail-row{grid-template-columns:48px 75px 1fr}.empty-view{min-height:310px;padding:26px}.settings-view dl>div{grid-template-columns:120px 1fr}}@media(max-width:590px){.rail nav{display:flex;max-width:calc(100vw - 190px);overflow-x:auto}.rail nav button,.rail nav button.active{display:flex;min-width:44px;font-size:0;padding:0}.rail nav button svg{width:19px}}@media(max-width:590px){body{overflow-x:hidden;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app{display:block}.rail{position:sticky;inset:0 auto auto;z-index:30;width:100%;height:56px;padding:0 13px;display:flex;flex-direction:row;align-items:center;background:#0b1828f2;-webkit-backdrop-filter:none;backdrop-filter:none;border-right:0;border-bottom:1px solid #1d3045}.rail .logo{height:56px;padding:0;font-size:19px;white-space:nowrap}.rail .mark{width:23px;height:27px}.rail small{display:none}.rail nav{position:fixed;inset:auto 0 0;z-index:40;height:calc(68px + env(safe-area-inset-bottom));display:flex;gap:3px;max-width:none;margin:0;padding:6px 7px calc(6px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;background:#0b1828f8;border-top:1px solid #294059;box-shadow:0 -8px 28px #020914aa;scrollbar-width:none;overscroll-behavior-inline:contain}.rail nav::-webkit-scrollbar{display:none}.rail nav button,.rail nav button.active{display:flex;flex:0 0 70px;min-width:70px;height:56px;padding:5px 4px;flex-direction:column;justify-content:center;gap:3px;border-radius:8px;font-size:10px;line-height:1.1;color:#9eb1c9}.rail nav button svg{width:20px;height:20px;flex:none}.rail nav button.active{color:#fff;background:#15375f;box-shadow:inset 0 3px #3a9bff}.app>main{display:block}.app>main>header{position:sticky;top:56px;z-index:25;height:48px;padding:0 12px;background:#091522ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search,.account{display:none}.global{margin:0 auto 0 0;font-size:12px;line-height:1.2}.global i{width:10px;height:10px}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px}.page{display:block;padding:14px 12px 20px}.hero{min-height:62px;align-items:flex-start}.hero h1{font-size:28px;line-height:1.12;margin-top:0}.hero p{font-size:13px;line-height:1.35}.hero>small{display:none}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:8px}.status-card{min-height:128px;padding:14px}.card-title{gap:8px;font-size:13px;line-height:1.25}.card-title svg{width:18px;flex:none}.status-card strong{gap:8px;margin:15px 0 9px;font-size:15px;line-height:1.25}.status-card strong svg{width:20px;flex:none}.status-card p{font-size:12px;line-height:1.45}.panel{margin-top:10px;border-radius:9px}.panel-title{min-height:48px;height:auto;padding:10px 13px;font-size:14px}.panel-title button{min-height:36px}.server-row.headings{display:none}.server-row,.server-row.selected{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:48px;margin:6px;padding:11px;font-size:13px}.server-row>*:nth-child(n+3){display:none}.resource>svg{width:calc(100% - 24px);height:108px;margin:10px 12px 4px}.legend{gap:13px;padding:6px 13px 12px;flex-wrap:wrap;font-size:11px}.event{grid-template-columns:104px minmax(0,1fr);gap:8px;padding:10px 12px;font-size:11px;line-height:1.35}.event>*:nth-child(2),.event>*:last-child{display:none}.inspector{position:static;margin-top:10px;border-radius:9px}.inspect-head{height:52px;padding:0 13px}.inspect-head h2{font-size:17px}.tabs{height:42px;gap:0;margin:0;overflow:visible}.tabs>*{font-size:12px}.inspector dl{margin:0 12px}.inspector dl>div{grid-template-columns:128px minmax(0,1fr);min-height:44px;font-size:12px}.inspector dt{gap:8px}.inspector dt svg{width:17px}.service-list{gap:7px;padding:12px}.inspect-actions{gap:8px;padding:5px 12px 12px}.inspect-actions button{height:44px;font-size:13px}.readonly{padding:12px 13px 15px}.view-grid,.security-grid{grid-template-columns:1fr;gap:10px}.detail-row{grid-template-columns:48px 70px minmax(0,1fr);gap:8px;padding:12px;font-size:12px}.detail-row>*:last-child{display:none}.chip-list{gap:8px;padding:13px}.chip-list span{padding:8px 10px;font-size:12px}.panel-note{padding:0 13px 14px;font-size:12px}.service-cards{grid-template-columns:1fr;gap:8px;padding:10px}.service-cards article{grid-template-columns:30px minmax(0,1fr) auto;padding:12px}.empty-view{min-height:300px;padding:24px 18px}.security-grid article{min-height:96px;padding:14px}.settings-view dl{margin-inline:12px}.settings-view dl>div{grid-template-columns:112px minmax(0,1fr);font-size:12px}.login-card{padding:25px 21px;border-radius:13px}.login-card input{font-size:16px}}@media(max-width:350px){.status-grid{grid-template-columns:1fr}.rail nav button,.rail nav button.active{flex-basis:66px;min-width:66px}.page{padding-inline:10px}}