:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#e9eef5;background:#0a1019;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 45% at 100% -10%,#17334a66,transparent 75%),radial-gradient(ellipse 50% 35% at -10% 45%,#15383144,transparent 75%),#0a1019}button,input,select{font:inherit}button,a,select,input{outline-offset:3px}button{cursor:pointer}a{color:inherit;text-decoration:none}
.site-header{border-bottom:1px solid #ffffff16;background:#0c141fbb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:sticky;top:0;z-index:10}.header-inner{max-width:1440px;min-height:78px;margin:auto;padding:0 38px;display:flex;align-items:center;gap:58px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-mark{width:28px;height:28px;display:flex;align-items:end;gap:3px;transform:skewX(-13deg)}.brand-mark i{width:7px;border-radius:2px;background:#99dac5;box-shadow:0 0 15px #8ad5bd55}.brand-mark i:nth-child(1){height:13px;opacity:.6}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:17px;opacity:.8}.brand-slash{color:#4b6875;margin:0 7px;font-weight:400}.brand em{font-style:normal;font-weight:500;color:#93a8b6}.main-nav{display:flex;align-self:stretch;gap:28px;margin-left:12px}.main-nav a{display:flex;align-items:center;border-bottom:2px solid transparent;padding:2px 3px 0;color:#93a4b3;font-size:13px;font-weight:700;letter-spacing:.02em}.main-nav a:hover,.main-nav a.active{color:#e7f6f0}.main-nav a.active{border-color:#8edec0}.signout{margin-left:auto;border:1px solid #ffffff22;background:#ffffff08;color:#b9c7d2;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.signout:hover{background:#ffffff16;color:#fff}.signout span{margin-left:7px;color:#8fdabb}.container{max-width:1440px;margin:auto;padding:48px 38px 80px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#88bda9;font-size:11px;font-weight:700;margin:0 0 12px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.06em;margin:0 0 9px;font-weight:700}h2{font-size:17px;line-height:1.3;margin:0;font-weight:650}.subtitle{color:#8fa1b1;font-size:14px;margin:0;line-height:1.5}.head-side{color:#92aab7;font-size:12px;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;background:#8ee3bb;border-radius:50%;box-shadow:0 0 0 4px #8ee3bb22;margin-right:10px}
.glass,.card,.panel{background:linear-gradient(135deg,#ffffff0e,#ffffff07 70%);border:1px solid #ffffff1b;box-shadow:0 16px 46px #00000020,inset 0 1px #ffffff0c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:17px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 28px}.card{padding:22px 23px;min-height:125px;position:relative;overflow:hidden}.card:after{content:'';position:absolute;right:-24px;top:-40px;width:130px;height:130px;background:radial-gradient(circle,#8bdbbb19,transparent 70%)}.card .label{display:block;font-size:12px;color:#9baebc;font-weight:600}.card b{display:block;margin-top:15px;font-size:34px;letter-spacing:-.06em;color:#edf7f2}.card:first-child b{color:#a5e4ca}.section-title{display:flex;justify-content:space-between;align-items:center;margin:31px 0 16px}.section-title span{color:#788f9f;font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:28px}.panel{padding:23px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head p{color:#7f94a4;font-size:12px;margin:5px 0 0}.panel-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#93b8ab;border:1px solid #90dabb33;background:#7ad8ad12;padding:6px 8px;border-radius:6px;white-space:nowrap}.muted{color:#91a4b2}.empty{color:#8296a5;padding:26px 0;font-size:13px}
.chart{display:block;width:100%;height:auto;min-height:190px;overflow:visible}.chart .gridline{stroke:#ffffff16;stroke-dasharray:3 5}.chart .baseline{stroke:#ffffff25}.chart .area{fill:#70cfad18}.chart .series{fill:none;stroke:#91dec0;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #70cfad55)}.chart .point{fill:#aaf1d0;opacity:0;stroke:#12231e;stroke-width:3}.chart .point:hover,.chart .point:focus,.chart .point.single{opacity:1}.chart text{fill:#748b9b;font:11px Arial,sans-serif}.product-card{display:block;transition:transform .18s,border-color .18s,background .18s}.product-card:hover{transform:translateY(-3px);border-color:#a1dec04a;background:#ffffff13}.product-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#a0e2c522;border:1px solid #b2ecc944;color:#b6efd5;font-weight:700}.product-card h2{font-size:22px;margin:0 0 6px}.product-card p{font-size:12px;color:#879aa9;margin:0 0 19px}.product-stats{display:flex;gap:24px;border-top:1px solid #ffffff14;padding-top:17px}.product-stats span{display:block;color:#8297a6;font-size:11px;margin-bottom:5px}.product-stats b{font-size:17px}.arrow{font-size:19px;color:#91d9bb}.bars{display:grid;gap:10px}.bar{display:grid;grid-template-columns:minmax(85px,145px) minmax(30px,1fr) 38px;align-items:center;gap:12px;font-size:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7c7d2}.bar-track{height:7px;background:#ffffff13;border-radius:10px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#5f9f9b,#9de2bd);border-radius:10px}.bar-count{text-align:right;color:#d4e4de;font-variant-numeric:tabular-nums}.back-link{display:inline-flex;color:#9fcbb9;font-size:12px;font-weight:700;margin-bottom:21px}.back-link:hover{color:#d5f8e7}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0}input,select{height:39px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff0a;color:#dce9ed;padding:0 11px;font-size:12px;min-width:0}input::placeholder{color:#758b9b}input:focus,select:focus{border-color:#88d5b4;outline:2px solid #88d5b426}select option{background:#14202c;color:#e9eef5}.filters input{width:137px}.filters .search-wide{width:168px}.button{height:39px;border:1px solid #b1ebd54a;background:#a6e7c7;color:#0c211b;border-radius:8px;padding:0 15px;font-size:12px;font-weight:800}.button:hover{background:#c2f1da}.button:disabled{opacity:.45;cursor:default}.button.secondary{background:#ffffff0a;color:#c4d2dc;border-color:#ffffff20}.button.secondary:hover{background:#ffffff17}
.list-shell{padding:0;overflow:hidden}.server-header,.server-row{display:grid;grid-template-columns:minmax(100px,1.15fr) minmax(95px,1.05fr) minmax(110px,1.25fr) minmax(125px,1.45fr) minmax(80px,.85fr) minmax(100px,1.1fr) 82px;gap:12px;align-items:center}.server-header{padding:17px 22px;background:#ffffff09;border-bottom:1px solid #ffffff16;text-transform:uppercase;color:#8296a5;letter-spacing:.1em;font-size:10px;font-weight:800}.server-row{padding:19px 22px;border-bottom:1px solid #ffffff12;min-width:0}.server-row:last-child{border-bottom:0}.server-row:hover{background:#ffffff08}.server-row>div{min-width:0}.cell-main{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e4edf2;font-size:13px;font-weight:600}.cell-sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8399a8;font-size:11px;margin-top:5px}.server-id{color:#b0e8d1;font-size:15px}.server-id:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #7bd4a849;border-radius:99px;background:#68d7a514;color:#a7e4c0;font-size:10px;font-weight:800;white-space:nowrap}.pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.pill.off{background:#e2a69611;border-color:#e2a69635;color:#d8a69c}.pagination{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:20px 0;color:#91a5b3;font-size:12px}.page-actions{display:flex;align-items:center;gap:8px}.pagination select{width:72px}.page-info{margin-right:7px}.empty-list{padding:42px 22px;text-align:center;color:#91a5b3;font-size:13px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.detail-grid dt{color:#8297a6;font-size:11px;margin-bottom:7px}.detail-grid dd{margin:0;font-size:13px;overflow-wrap:anywhere}.history-row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr .6fr;gap:12px;border-top:1px solid #ffffff14;padding:12px 0;font-size:12px;color:#b8c9d3}.history-row strong{color:#e1edea;font-weight:600}.history-row:first-child{border-top:0}.login{max-width:420px;margin:10vh auto;padding:34px}.login h1{font-size:30px}.login p{color:#90a4b2;font-size:13px;line-height:1.6}.login form{display:grid;gap:12px;margin-top:24px}.login input{width:100%;height:44px}.login .button{height:44px}.error{color:#f0aaa8;font-size:13px}.error-panel{padding:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.server-header,.server-row{grid-template-columns:minmax(95px,1fr) minmax(95px,1fr) minmax(105px,1.1fr) minmax(115px,1.2fr) minmax(75px,.75fr) 82px}.server-header>:nth-child(6),.server-row>:nth-child(6){display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.header-inner{padding:0 18px;gap:17px;min-height:68px}.brand{font-size:18px}.main-nav{margin:0;gap:15px}.signout{font-size:0;padding:8px}.signout span{font-size:18px;margin:0}.container{padding:30px 18px 65px}.cards{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.filters input{flex:1;min-width:120px}.server-header{display:none}.server-row{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.server-row>div:nth-child(6){display:block}.server-row>div:nth-child(3),.server-row>div:nth-child(4){grid-column:1 / 3}.pagination{flex-wrap:wrap}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-row{grid-template-columns:1.5fr 1fr 1fr}.history-row>*:nth-child(3),.history-row>*:nth-child(4),.history-row>*:nth-child(5){display:none}}@media(max-width:440px){.brand em,.brand-slash{display:none}.main-nav{gap:10px}.grid{gap:9px}.card{padding:16px;min-height:107px}.card b{font-size:27px}.head-side{display:none}.detail-grid{grid-template-columns:1fr}.filters input{width:100%!important}.filters select,.filters button{flex:1}}
