:root{--bg-0:#02060b;--bg-1:#07111d;--panel-0:#091421f5;--panel-1:#0d1b28e6;--line:#88b0d61f;--text:#f3f7fb;--muted:#8ca6bf;--green:#71ef93;--blue:#4ec3ff;--violet:#b07bff;--amber:#f6be59;--rose:#ff7aa4}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top left,#3d91ff2e,transparent 24%),radial-gradient(circle at top right,#3ed67a24,transparent 20%),linear-gradient(180deg,var(--bg-0),var(--bg-1));font-family:Segoe UI,Inter,system-ui,sans-serif}.page{max-width:1420px;margin:0 auto;padding:16px}.shell{background:radial-gradient(circle at top,#4a76ff1a,#0000 34%),linear-gradient(#060e18fa,#040910fc);border:1px solid #ffffff0d;border-radius:30px;grid-template-columns:190px minmax(0,1fr);gap:16px;min-height:calc(100vh - 32px);padding:14px;display:grid;box-shadow:0 28px 80px #00000073}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-0),var(--panel-1));border-radius:24px;box-shadow:inset 0 1px #ffffff08}.sidebar{flex-direction:column;padding:16px;display:flex}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding-bottom:16px;display:flex}.brand-badge{color:#10210d;background:radial-gradient(circle at 32% 28%,#bef264,#4ade80 46%,#0f172a);border-radius:18px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:900;display:grid}.brand-title{letter-spacing:-.03em;margin:0;font-size:24px;font-weight:900}.brand-subtitle{letter-spacing:.28em;text-transform:uppercase;color:#7e97ae;margin:2px 0 0;font-size:11px}.nav{gap:6px;margin-top:16px;display:grid}.nav-item{color:#c2d0de;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.nav-item.active{color:#7bf39b;background:#52d97b14;border-color:#71ef9329}.nav-icon{opacity:.85;background:currentColor;border-radius:99px;width:16px;height:16px}.profile{background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;margin-top:auto;padding:14px}.profile-head{align-items:center;gap:12px;display:flex}.profile-eye{color:#111827;background:radial-gradient(circle at 35% 30%,#fef3c7,#a16207 48%,#111827);border-radius:18px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.profile button{color:#d3deea;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;width:100%;margin-top:12px;padding:10px 14px}.sidebar-foot{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.sidebar-foot strong{color:#a3e635;letter-spacing:-.03em;font-size:26px;display:block}.sidebar-foot span{color:#63798e;letter-spacing:.28em;text-transform:uppercase;font-size:11px;display:block}.content{gap:16px;min-width:0;display:grid}.hero{padding:20px}.hero-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}h1{letter-spacing:-.04em;margin:0;font-size:38px}.hero-copy p{color:var(--muted);margin:8px 0 0}.live-strip{color:#a9bbcc;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:13px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:10px;height:10px;box-shadow:0 0 14px #71ef93d9}.live-dot-pulse{animation:1s ease-in-out infinite pulse}.refresh-button{color:#dff9e5;cursor:pointer;background:#71ef9314;border:1px solid #71ef932e;border-radius:999px;margin-left:4px;padding:8px 12px}.hero-meta{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px;padding:12px;display:grid}.meta-label{color:#6d8296;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.meta-value{margin-top:8px;font-size:14px;font-weight:600}.online{color:var(--green)}.warning{color:var(--amber)}.offline{color:#fda4af}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.metric{border-radius:20px;padding:1px}.metric.green{background:linear-gradient(135deg,#71ef933d,#71ef930a)}.metric.blue{background:linear-gradient(135deg,#4ec3ff38,#4ec3ff0a)}.metric.violet{background:linear-gradient(135deg,#b07bff38,#b07bff0a)}.metric.amber{background:linear-gradient(135deg,#f6be5938,#f6be590a)}.metric.rose{background:linear-gradient(135deg,#ff7aa438,#ff7aa40a)}.metric-inner{background:linear-gradient(#0e1b2afa,#0a141feb);border-radius:19px;height:100%;padding:16px}.metric-head{justify-content:space-between;gap:12px;display:flex}.metric-label{letter-spacing:.16em;text-transform:uppercase;color:#7d94ab;font-size:11px}.metric-value{margin-top:14px;font-size:42px;font-weight:900;line-height:.95}.metric-detail{color:var(--muted);margin-top:10px;font-size:14px}.metric-icon{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;width:38px;height:38px}.line{opacity:.9;background-position:0 100%;background-repeat:no-repeat;background-size:100% 100%;border-radius:999px;height:40px;margin-top:14px}.line.green{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cpath d='M0 34 C15 28 20 30 34 27 S50 14 64 16 S85 24 96 19 S122 8 134 9 S150 8 160 5' fill='none' stroke='rgba(113,239,147,0.25)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 34 C15 28 20 30 34 27 S50 14 64 16 S85 24 96 19 S122 8 134 9 S150 8 160 5' fill='none' stroke='%2371ef93' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.line.blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cpath d='M0 31 C12 32 20 28 35 29 S52 26 64 23 S86 18 96 20 S118 14 132 12 S150 15 160 10' fill='none' stroke='rgba(78,195,255,0.25)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 31 C12 32 20 28 35 29 S52 26 64 23 S86 18 96 20 S118 14 132 12 S150 15 160 10' fill='none' stroke='%234ec3ff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.line.violet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cpath d='M0 35 C14 34 24 32 38 30 S56 31 68 28 S90 19 102 18 S126 19 138 16 S152 12 160 11' fill='none' stroke='rgba(176,123,255,0.24)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 35 C14 34 24 32 38 30 S56 31 68 28 S90 19 102 18 S126 19 138 16 S152 12 160 11' fill='none' stroke='%23b07bff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.line.amber{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cpath d='M0 33 C16 33 25 26 37 28 S53 17 66 20 S82 26 97 24 S119 10 133 13 S149 8 160 14' fill='none' stroke='rgba(246,190,89,0.25)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 33 C16 33 25 26 37 28 S53 17 66 20 S82 26 97 24 S119 10 133 13 S149 8 160 14' fill='none' stroke='%23f6be59' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.line.rose{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40'%3E%3Cpath d='M0 34 C14 35 22 33 38 31 S55 30 68 29 S90 23 104 20 S126 17 139 18 S151 14 160 13' fill='none' stroke='rgba(255,122,164,0.24)' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 34 C14 35 22 33 38 31 S55 30 68 29 S90 23 104 20 S126 17 139 18 S151 14 160 13' fill='none' stroke='%23ff7aa4' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.split{grid-template-columns:minmax(0,1fr) 290px;gap:16px;display:grid}.stack{gap:16px;display:grid}.section{padding:16px 18px 18px}.section-title{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:800;display:flex}.accent{border-radius:999px;width:4px;height:24px}.accent.green{background:#34d399}.accent.violet{background:#a855f7}.accent.blue{background:#38bdf8}.accent.amber{background:#f59e0b}.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.service{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:14px}.service-clickable,.quick-link{text-decoration:none}.service-clickable:hover,.quick-link:hover{background:#ffffff0d;transform:translateY(-1px)}.service-top{align-items:flex-start;gap:12px;display:flex}.service-badge{color:#0f172a;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.service-badge.amber{background:linear-gradient(135deg,#fde68a,#f59e0b)}.service-badge.green{background:linear-gradient(135deg,#86efac,#22c55e)}.service-badge.violet{background:linear-gradient(135deg,#c4b5fd,#6366f1)}.service-badge.blue{background:linear-gradient(135deg,#bae6fd,#0ea5e9)}.service-badge.slate{background:linear-gradient(135deg,#f8fafc,#64748b)}.service-badge.cyan{background:linear-gradient(135deg,#bae6fd,#06b6d4)}.service-badge.yellow{background:linear-gradient(135deg,#fef08a,#eab308)}.service-badge.lime{background:linear-gradient(135deg,#bbf7d0,#84cc16)}.service-badge.sky{background:linear-gradient(135deg,#bae6fd,#3b82f6)}.service-badge.purple{background:linear-gradient(135deg,#e9d5ff,#9333ea)}.service-name{margin:0;font-weight:700}.service-sub{color:var(--muted);margin:4px 0 0;font-size:12px}.service-status{align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.service-link-row{color:#8fa7bc;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #71ef93d9}.dot-off{background:#fb7185;box-shadow:0 0 12px #fb718580}.storage-card,.quick-link{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:14px}.storage-head,.storage-row{justify-content:space-between;gap:12px;display:flex}.storage-name{align-items:center;gap:10px;display:flex}.mini-icon{background:#ffffff47;border-radius:5px;width:16px;height:16px}.storage-ip,.small-muted{color:var(--muted);font-size:12px}.storage-value{justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;display:flex}.progress{background:#ffffff0f;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.bar{background:linear-gradient(90deg,#39b7ff,#2c6aff);border-radius:999px;height:100%}.space{height:12px}.quick-link{color:#dce6f0;background:#f6be5908;border-color:#f6be591f;justify-content:space-between;align-items:center;gap:14px;display:flex}.quick-left{align-items:center;gap:10px;display:flex}.folder{background:linear-gradient(#f6be59,#9f6a14);border-radius:4px;width:16px;height:12px}.quick-arrow{color:#f6be59}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.footer{color:#7c91a6;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:12px;display:flex}@media (max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.shell,.split{grid-template-columns:1fr}.hero-top{flex-direction:column}}@media (max-width:720px){.page{padding:10px}.shell{border-radius:22px;min-height:auto;padding:10px}h1{font-size:28px}.hero-meta,.metric-grid,.services{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column}}