/* NIMBUS — общая таблица стилей. Комментарии и пояснения проекта — на русском языке. */
:root{color-scheme:dark;--bg:#0e1420;--side:#111a28;--panel:#172233;--panel2:#1c2a3e;--line:#2a3a50;--text:#edf3fc;--muted:#91a0b5;--blue:#83a0ff;--green:#5cddb0;--violet:#b29aff;--amber:#ffc17e}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 75% -20%,#1c3150 0,transparent 42%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#111a28;border-right:1px solid #253348;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 39px;font-weight:850;font-size:17px;letter-spacing:1.6px}.brand small{display:block;color:#7f91aa;font-size:9px;letter-spacing:2px}.mark{display:flex;align-items:center;gap:3px;transform:skew(-14deg)}.mark i{display:block;width:6px;border-radius:6px;background:#9bb0ff}.mark i:nth-child(1){height:14px;opacity:.65}.mark i:nth-child(2){height:25px}.mark i:nth-child(3){height:19px;opacity:.8}.side-label,.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#8191a8}.side-label{padding:0 10px 12px}.nav{display:grid;gap:5px}.nav a{height:43px;padding:0 11px;display:flex;align-items:center;gap:12px;color:#9eacc0;border-radius:8px;font-size:12px;font-weight:650}.nav a:hover,.nav a.active{background:#26364d;color:#f5f7ff}.nav a.active{box-shadow:inset 2px 0 #8ea6ff}.nav-icon{width:18px;text-align:center;font-size:16px;color:#9aabca}.count{margin-left:auto;background:#34445d;padding:2px 7px;border-radius:20px;font-size:9px}.side-bottom{margin-top:auto}.node{padding:14px;background:#1a293a;border:1px solid #2d4058;border-radius:10px;margin-bottom:15px}.node small{display:block;color:#899bb2;font-size:10px}.node b{display:block;margin:7px 0 2px;font-size:13px}.node-top{display:flex;align-items:center;gap:7px;color:#aab9ce;font-size:9px;letter-spacing:1px}.dot,.state i,.footer-state i,.pill i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #5cddb055}.uptime{border-top:1px solid #304258;margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;color:#91a1b6;font-size:9px}.uptime b{color:#dce5f2}.profile{border-top:1px solid #29384b;padding:16px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#354d76;color:#dce5ff;font-size:11px;font-weight:800}.profile b{font-size:10px}.profile small{display:block;color:#8292a8;font-size:9px}.main{margin-left:248px;padding:0 38px;max-width:1700px}.topbar{height:70px;border-bottom:1px solid #263448;display:flex;align-items:center;justify-content:space-between}.crumb{color:#8796ac;font-size:10px}.crumb span{padding:0 9px;color:#566780}.crumb b{color:#e2eaf5}.top-right{display:flex;align-items:center;gap:18px}.pill{display:flex;align-items:center;gap:7px;color:#a8b6ca;font-size:9px;letter-spacing:1px}.pill i{width:6px;height:6px}.date{font-size:9px;letter-spacing:1px;color:#7f8ea4}.top-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#354d76;font-size:10px;font-weight:800}.welcome{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 23px}.welcome h1,.page-head h1{font-size:28px;letter-spacing:-.8px;line-height:1.15;margin:7px 0 0}.welcome p,.page-head p{color:var(--muted);font-size:11px;margin:8px 0 0}.eyebrow{color:#91a4c0}.button{height:39px;padding:0 15px;border-radius:7px;background:#8ba3ff;color:#10192b;display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800}.button:hover{background:#a3b5ff}.banner{min-height:66px;padding:13px 17px;border:1px solid #285749;background:linear-gradient(100deg,#17382f,#1a2d35);border-radius:9px;display:flex;align-items:center;gap:12px}.check{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#245b49;color:#83e8bd;font-weight:900}.banner b{display:block;font-size:11px;color:#dff9ee}.banner small{display:block;color:#a2c3b7;font-size:9px;margin-top:2px}.banner-status{margin-left:auto;color:#9ce1c4;font-size:8px;letter-spacing:1px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 12px}.section-head h2,.panel-head h2{font-size:13px;margin:0}.section-head p,.panel-head p{font-size:9px;color:#8797ad;margin:3px 0 0}.demo{font-size:8px;color:#94a4bb;letter-spacing:1px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric,.panel,.app-card{background:linear-gradient(145deg,#192638,#151f2e);border:1px solid #2a3a50;border-radius:9px}.metric{padding:14px 15px;min-height:157px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#a5b2c5;font-size:9px}.metric-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:15px}.purple{background:#3b315d;color:#c5b7ff}.blue{background:#293f62;color:#a6c7ff}.orange{background:#513d2e;color:#ffd09c}.green{background:#244a41;color:#8ce7c2}.value{font-size:27px;font-weight:750;letter-spacing:-1px;margin-top:7px}.value small{font-size:12px;color:#aab8cb;font-weight:500;letter-spacing:0}.hint{font-size:9px;color:#8797ad;margin-top:2px}.good{color:#68dfb1}.bars{height:24px;display:flex;align-items:flex-end;gap:4px;margin-top:9px}.bars i{flex:1;background:#a18bff;border-radius:2px 2px 0 0;opacity:.8}.track{height:5px;background:#344359;border-radius:8px;margin-top:16px;overflow:hidden}.track i{height:100%;display:block;border-radius:8px;background:#83a0ff}.track.warm i{background:linear-gradient(90deg,#5cddb0,#ffc17e)}.metric-foot{display:flex;justify-content:space-between;color:#708199;font-size:8px;margin-top:6px}.traffic{display:flex;gap:10px;font-size:9px;color:#a5b4c8;margin-top:7px}.wave{color:#75dfb8;font-size:15px;letter-spacing:1px;margin-top:7px;white-space:nowrap}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;margin-top:15px}.panel{padding:17px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.link{font-size:9px;color:#a8baff;font-weight:700}.service{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #29394d}.service:last-child{border:0}.service-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:16px;font-weight:800;flex:none}.s-blue{background:#264b75;color:#9bcaff}.s-violet{background:#453365;color:#d0b6ff}.s-green{background:#285347;color:#94e7c5}.s-amber{background:#59432f;color:#ffd398}.s-pink{background:#583b59;color:#f4b9ec}.s-cyan{background:#27525d;color:#9ce5e9}.service-info{min-width:0}.service-info b{display:block;font-size:10px}.service-info small{display:block;color:#8495ab;font-size:9px}.state{margin-left:auto;display:flex;align-items:center;gap:6px;color:#85dfb9;font-size:9px;white-space:nowrap}.state i{width:6px;height:6px}.arrow{color:#7588a2;margin-left:3px}.all-link{display:block;border-top:1px solid #29394d;padding-top:12px;margin-top:3px;text-align:center;color:#a9bbff;font-size:9px;font-weight:700}.storage-flex{display:flex;align-items:center;gap:20px;padding:21px 2px 17px}.donut{width:108px;height:108px;flex:none;border-radius:50%;background:conic-gradient(#83a0ff 0 68%,#3b4b61 68%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:9px;background:#192638;border-radius:50%}.donut>div{position:relative;text-align:center}.donut b{display:block;font-size:24px;line-height:1.1}.donut small{color:#91a0b5;font-size:8px}.legend{display:grid;gap:11px;flex:1}.legend div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;color:#91a0b5;font-size:9px}.legend i{width:7px;height:7px;border-radius:2px;background:#83a0ff}.legend div:nth-child(2) i{background:#53647c}.legend div:nth-child(3) i{background:#b29aff}.legend b{color:#e3eaf4;font-size:9px}.disk-caption{display:flex;justify-content:space-between;color:#8292a8;font-size:8px;margin-top:6px}.footer{display:flex;justify-content:space-between;border-top:1px solid #263448;margin-top:26px;padding:16px 0 20px;color:#718199;font-size:8px;letter-spacing:.4px}.footer-state{display:flex;align-items:center;gap:6px;color:#85cdb0}.footer-state i{width:5px;height:5px}
.page-head{padding:37px 0 24px}.summary{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 19px;background:#192638;border:1px solid #2a3a50;border-radius:9px;margin-bottom:25px}.summary div{border-right:1px solid #304158;padding-left:18px}.summary div:first-child{padding-left:0}.summary div:last-child{border:0}.summary b{display:block;font-size:20px}.summary span{font-size:9px;color:#8c9bb0}.green-text{color:#67dfb0}.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-card{padding:16px;min-height:204px;display:flex;flex-direction:column}.app-top{display:flex;align-items:center;justify-content:space-between}.app-card h3{font-size:12px;margin:12px 0 4px}.app-card p{font-size:9px;color:#91a0b5;line-height:1.65;margin:0 0 12px;min-height:45px}.app-meta{display:flex;justify-content:space-between;border-top:1px solid #2a3a50;padding-top:9px;margin-top:auto;color:#8797ad;font-size:8px}.app-meta b{color:#bdc9d9;font-weight:500}.app-open{display:flex;justify-content:space-between;color:#a8baff;font-size:9px;font-weight:700;margin-top:10px}.storage-overview{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:25px;padding:25px 30px}.storage-overview .donut{width:150px;height:150px}.storage-overview .donut:before{inset:12px}.storage-overview .donut b{font-size:35px}.big-number{font-size:36px;font-weight:800;letter-spacing:-1px;margin:5px 0}.big-number small{font-size:15px;color:#9eacc0}.storage-legend{display:flex;gap:20px;font-size:9px;color:#9ba9bd;margin-top:15px}.storage-legend span{display:flex;align-items:center;gap:6px}.storage-legend i{width:7px;height:7px;border-radius:2px;background:#83a0ff}.storage-legend span:nth-child(2) i{background:#53647c}.table{padding:0;overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr 1.1fr .8fr .7fr;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #2a3a50;color:#a4b2c5;font-size:9px}.table-row.head{border:0;background:#1c2a3e;color:#7e90a8;font-size:8px;letter-spacing:1px}.table-row strong{color:#e0e8f4;font-size:9px}.table-row small{display:block;color:#8292a8;font-size:8px}.healthy{color:#7cddb5;font-size:9px}.drive{display:flex;align-items:center;gap:9px}.drive-icon{width:26px;height:26px;border-radius:6px;background:#2a3e5a;color:#a8bbff;display:grid;place-items:center}.backup{padding:0 17px}.backup-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #2a3a50}.backup-row:last-child{border:0}.backup-row>div{flex:1}.backup-row b{display:block;font-size:10px}.backup-row small{font-size:8px;color:#8999af}.success{color:#7cddb5;font-size:9px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.host{display:flex;align-items:center;gap:12px;padding:19px 0 14px;border-bottom:1px solid #2a3a50}.server-icon{width:43px;height:43px;border-radius:9px;background:#293e5e;padding:9px;display:grid;gap:4px;align-content:center}.server-icon i{height:5px;background:#91adff;border-radius:2px}.host b{display:block;font-size:11px}.host small{font-size:9px;color:#8c9bb0}.details{display:grid}.details div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #26364a;font-size:9px;color:#8e9eb3}.details b{color:#e0e8f4;font-weight:500}.hardware{display:grid}.hardware-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #2a3a50}.hardware-row:last-child{border:0}.hardware-row>i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#2b3e59;color:#a9bdff;font-style:normal}.hardware-row b{display:block;font-size:10px}.hardware-row small{font-size:8px;color:#8999af}.software{padding:2px 17px}.software-row{display:grid;grid-template-columns:1fr 1.1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #29394d;font-size:9px;color:#91a0b5}.software-row:last-child{border:0}.software-row b{color:#e2eaf5;font-weight:500}.tag{font-size:8px;background:#2b3c55;padding:3px 7px;border-radius:4px;color:#b6c5dc}.notice{display:flex;gap:11px;padding:13px 15px;margin-top:14px;border:1px solid #48405e;background:#252238;border-radius:8px}.notice strong{font-size:10px;color:#d9ccff}.notice p{font-size:9px;color:#a69dbb;margin:3px 0 0;line-height:1.6}.notice-icon{color:#c3aaff;font-size:17px}
.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#243653 0,transparent 55%),var(--bg)}.error-content{width:min(540px,90vw);text-align:center;padding:40px 0}.error-brand{justify-content:center;padding:0 0 38px}.error-code{font-size:112px;line-height:1;font-weight:850;letter-spacing:-8px;color:#8ba3ff;text-shadow:0 12px 70px #83a0ff44}.error-content .eyebrow{margin-top:22px}.error-content h1{font-size:29px;line-height:1.2;margin:9px 0 12px}.error-content p{max-width:390px;margin:0 auto 23px;color:#9ba9bd;font-size:11px;line-height:1.7}.error-foot{margin-top:52px;color:#708199;font-size:8px;letter-spacing:1.3px}
@media(max-width:1100px){.sidebar{width:220px}.main{margin-left:220px;padding:0 24px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.apps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:relative;width:auto;height:auto;padding:14px 15px;border:0;border-bottom:1px solid #29394d}.brand{padding:0 4px 13px}.side-label,.side-bottom{display:none}.nav{display:flex;overflow-x:auto}.nav a{height:35px;white-space:nowrap;padding:0 9px;font-size:10px}.count{display:none}.main{margin:0;padding:0 15px}.topbar{height:53px}.top-right{gap:10px}.date{display:none}.welcome{padding:25px 0 17px;align-items:flex-start;flex-direction:column;gap:14px}.welcome h1,.page-head h1{font-size:23px}.banner-status{display:none}.banner{align-items:flex-start}.two-col,.system-grid{grid-template-columns:1fr}.grid4{gap:8px}.metric{padding:11px;min-height:150px}.value{font-size:24px}.apps{grid-template-columns:1fr 1fr;gap:8px}.app-card{padding:12px;min-height:225px}.summary{padding:13px;gap:10px}.summary div{padding-left:9px}.summary b{font-size:17px}.storage-overview{grid-template-columns:1fr;padding:20px;gap:15px}.storage-overview>.storage-visual{justify-content:center}.storage-legend{flex-wrap:wrap;gap:10px}.table-row{grid-template-columns:1fr .9fr .65fr;gap:8px;padding:12px;font-size:8px}.table-row>*:nth-child(2){display:none}.table-row.head>*:nth-child(2){display:none}.footer{gap:8px;flex-wrap:wrap}.footer span:nth-child(2){display:none}.section-head{margin-top:22px}.page-head{padding:27px 0 18px}}
@media(max-width:420px){.grid4{grid-template-columns:1fr 1fr}.apps{grid-template-columns:1fr}.app-card{min-height:190px}.app-card p{min-height:0}.top-right .pill{font-size:0}.summary{grid-template-columns:repeat(2,1fr)}.summary div:nth-child(2){border:0}.summary div:nth-child(3){padding-left:0}.table-row{grid-template-columns:1fr .7fr .7fr}}


/* Главная страница в стиле семейной панели из предоставленного примера. */
.home-main{max-width:1280px;margin:0 auto;padding:30px 34px 24px}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.home-brand h1{margin:0;font-size:clamp(25px,4vw,36px);letter-spacing:-1.4px}
.home-brand h1 span{color:#83a0ff}
.home-brand p{margin:5px 0 0;color:var(--muted);font-size:12px}
.home-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.home-date{color:var(--muted);font-size:11px}
.home-status{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:30px;background:#342b25;color:#ffc17e;font-size:10px;font-weight:800;letter-spacing:.4px}
.home-status i{width:7px;height:7px;border-radius:50%;background:#ffc17e;display:inline-block}
.home-search{max-width:640px;margin:23px auto 26px;padding:13px 17px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#8e9eb4;font-size:12px}
.home-search span{float:right;color:#71839b;font-size:10px}
.home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.home-metric{padding:17px;background:linear-gradient(145deg,#192638,#151f2e);border:1px solid var(--line);border-radius:12px}
.home-metric-head{display:flex;justify-content:space-between;color:#a5b2c5;font-size:11px}
.home-metric-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#293f62;color:#a6c7ff;font-size:16px}
.home-metric-value{font-size:31px;font-weight:800;letter-spacing:-1px;margin:9px 0 3px}
.home-metric-value small{font-size:13px;color:#9eacc0;font-weight:500}
.home-metric-note{font-size:10px;color:#8797ad}
.home-track{height:6px;background:#344359;border-radius:8px;margin-top:15px;overflow:hidden}
.home-track i{display:block;height:100%;border-radius:8px;background:#83a0ff}
.home-net{display:flex;justify-content:space-between;gap:15px;margin-top:13px;padding:13px 17px;background:#172333;border:1px solid var(--line);border-radius:10px;color:#9eacc0;font-size:11px}
.home-net b{color:#edf3fc;margin-left:6px}
.home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:25px}
.home-category{padding:19px;background:#172333;border:1px solid var(--line);border-radius:13px}
.home-category h2{margin:0 0 14px;color:#9eb2ff;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.home-link{display:flex;align-items:center;gap:12px;padding:12px;background:#1c2a3e;border:1px solid #29394d;border-radius:9px;margin-top:9px;transition:background .2s,transform .2s}
.home-link:hover{background:#26384f;transform:translateY(-2px)}
.home-link-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#293f62;font-size:18px;flex:none}
.home-link b{display:block;font-size:11px}
.home-link small{display:block;color:#8797ad;font-size:9px;margin-top:3px}
.home-link .link-arrow{margin-left:auto;color:#8ea6ff}
.home-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:27px 0 4px;color:#718199;font-size:10px}
@media(max-width:850px){.home-main{padding:22px 18px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-header{align-items:flex-start;flex-direction:column}.home-header-meta{justify-content:space-between;width:100%}.home-metrics,.home-categories{grid-template-columns:1fr}.home-net{flex-direction:column}.home-search span{float:none;display:block;margin-top:5px}}