@charset "UTF-8";.react-dashboard-host:not(:empty)+.blade-dashboard-fallback{display:none}.react-dashboard-host[data-react-ready="1"]{display:block}.react-dashboard{display:grid;gap:20px;color:#f5f7fb}.react-dashboard .MuiButton-containedPrimary{background:linear-gradient(135deg,#38d7c8,#7db7ff 58%,#8b5cf6);box-shadow:0 16px 36px #38d7c82e}.react-dashboard .MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#5eead4,#93c5fd 52%,#a78bfa)}.react-dashboard .MuiButton-outlined{border-color:#7db7ff38;color:#cfe8ff;background:#0c1524ad}.react-dashboard .MuiButton-outlined:hover{border-color:#38d7c8;background:#38d7c817}.react-dashboard .MuiCard-root{border-radius:24px;background:linear-gradient(180deg,#101b2edb,#080d1aeb)!important;border-color:#7db7ff1f!important;box-shadow:0 24px 70px #00000047!important}.react-dashboard .MuiChip-root{border-radius:999px;font-weight:800}.react-hero{overflow:hidden;position:relative;background:radial-gradient(680px 240px at 80% 4%,rgba(56,215,200,.2),transparent 62%),radial-gradient(520px 260px at 12% 80%,rgba(139,92,246,.14),transparent 66%),linear-gradient(135deg,#121f36f5,#070d1afa 58%,#030712fa)}.react-hero:after{content:"";position:absolute;inset:auto 24px 0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,215,200,.7),rgba(125,183,255,.55),transparent)}.react-section-title{margin-bottom:16px}.react-metric{height:100%;background:linear-gradient(180deg,#101b2eeb,#080d1af0)}.react-metric__icon{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:15px;color:#090c11;background:linear-gradient(135deg,#38d7c8,#7db7ff);box-shadow:0 14px 30px #38d7c833}.react-metric__icon svg{width:22px;height:22px}.react-metric__icon--success{color:#04210f;background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:0 10px 24px #22c55e2e}.react-metric__icon--secondary{color:#06141c;background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 10px 24px #38bdf82e}.react-metric__icon--warning{color:#261606;background:linear-gradient(135deg,#fbbf24,#fb923c);box-shadow:0 10px 24px #fb923c2e}.react-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.react-alert{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:82px;padding:14px;color:#f5f7fb;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0c1524b3;transition:transform .16s ease,border-color .16s ease,background .16s ease}.react-alert:hover{color:#fff;transform:translateY(-1px);border-color:#38d7c86b;background:#101b2ef5}.react-alert span{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:13px;color:#0b0f15;background:#5eead4}.react-alert strong{font-size:13.5px;line-height:1.2}.react-alert small{color:#9aa6b6;line-height:1.35}.react-alert--danger span{background:#f87171}.react-alert--warn span{background:#fbbf24}.react-alert--ok span{background:#4ade80}.react-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;height:280px;padding-top:12px}.react-chart__bar{display:grid;grid-template-rows:1fr auto auto;gap:8px;min-width:0;height:100%;color:#9aa6b6;text-align:center}.react-chart__bar span{align-self:end;display:block;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#7db7ff,#38d7c8 44%,#38d7c829);box-shadow:inset 0 1px #ffffff47}.react-chart__bar strong{color:#f5f7fb;font-size:12px}.react-chart__bar small{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.react-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:#0308127a;transition:transform .16s ease,border-color .16s ease,background .16s ease}.react-list-row:hover{transform:translate(2px);border-color:#38d7c84d;background:#38d7c80e}.react-empty{padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;color:#9aa6b6;text-align:center}.react-table-wrap{overflow:hidden;background:#080c128c!important}@media(max-width:720px){.react-dashboard{gap:12px}.react-chart{gap:8px;height:220px}.react-list-row{align-items:flex-start;flex-direction:column}}.react-login-shell{position:relative;display:grid;place-items:center;min-height:100vh;padding:clamp(18px,4vw,54px);overflow:hidden;background:radial-gradient(820px 520px at 50% 10%,rgba(56,215,200,.16),transparent 62%),radial-gradient(760px 520px at 18% 84%,rgba(139,92,246,.12),transparent 66%),radial-gradient(680px 460px at 84% 72%,rgba(96,165,250,.1),transparent 62%),linear-gradient(180deg,#070a12,#05070d 54%,#03050a)}.react-login-shell:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(760px 520px at 28% 16%,#000,transparent 76%);mask-image:radial-gradient(760px 520px at 28% 16%,#000,transparent 76%);pointer-events:none}.react-login-scene{position:absolute;inset:0;z-index:0;display:grid;place-items:center;min-height:100vh;opacity:.28;perspective:1100px;pointer-events:none}.react-login-card-logo{margin-bottom:6px;color:#f5f7fb}.react-login-card-logo span{font-size:21px;font-weight:900;letter-spacing:-.025em}.react-login-card-logo strong{color:#5eead4}.react-login-brandmark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#5eead4,#60a5fa 58%,#8b5cf6);box-shadow:0 16px 34px #5eead43d}.react-login-brandmark svg{width:33px;height:33px}.react-login-brandmark--small{width:42px;height:42px;border-radius:12px}.react-login-brandmark--small svg{width:24px;height:24px}.react-login-orbit{position:relative;width:clamp(360px,42vw,620px);aspect-ratio:1;transform:translate(clamp(180px,22vw,340px));transform-style:preserve-3d;filter:blur(.1px)}.react-login-cube{position:absolute;inset:50% auto auto 50%;width:138px;height:138px;transform-style:preserve-3d;animation:react-login-cube 10s linear infinite}.react-login-cube .face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(94,234,212,.28);border-radius:24px;color:#d9fff8;background:linear-gradient(145deg,#5eead429,#14192bb8),#0d121ab3;box-shadow:inset 0 1px #ffffff2e,0 22px 60px #00000052;font-size:18px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.react-login-cube .face-front{transform:translateZ(69px)}.react-login-cube .face-back{transform:rotateY(180deg) translateZ(69px)}.react-login-cube .face-right{transform:rotateY(90deg) translateZ(69px)}.react-login-cube .face-left{transform:rotateY(-90deg) translateZ(69px)}.react-login-cube .face-top{transform:rotateX(90deg) translateZ(69px)}.react-login-cube .face-bottom{transform:rotateX(-90deg) translateZ(69px)}@keyframes react-login-cube{0%{transform:translate(-50%,-50%) rotateX(-16deg) rotateY(0)}to{transform:translate(-50%,-50%) rotateX(-16deg) rotateY(360deg)}}.react-login-ring{position:absolute;inset:14%;border:1px solid rgba(94,234,212,.22);border-radius:50%;transform-style:preserve-3d;animation:react-login-ring 8s linear infinite}.react-login-ring--two{inset:24%;border-color:#8b5cf633;animation-direction:reverse;transform:rotateX(72deg) rotate(18deg)}@keyframes react-login-ring{0%{transform:rotateX(68deg) rotate(0)}to{transform:rotateX(68deg) rotate(360deg)}}.react-login-card3d{position:absolute;width:130px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#f5f7fb;background:linear-gradient(145deg,#0f172ab8,#080c1885);box-shadow:0 22px 50px #00000047;font-size:13px;font-weight:850;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.react-login-card3d--a{top:16%;left:4%;animation:react-login-float 4.8s ease-in-out infinite}.react-login-card3d--b{right:0;top:30%;animation:react-login-float 5.4s ease-in-out .4s infinite}.react-login-card3d--c{left:24%;bottom:10%;animation:react-login-float 5.1s ease-in-out .8s infinite}@keyframes react-login-float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-12px) rotateX(7deg)}}.react-login-form-area{position:relative;z-index:1;display:grid;place-items:center;width:100%;min-height:calc(100vh - clamp(36px,8vw,108px));padding:0}.react-login-form{display:grid;gap:18px;width:min(100%,430px);padding:clamp(28px,4vw,40px);border:1px solid rgba(125,183,255,.18);border-radius:28px;background:linear-gradient(180deg,#0f172afa,#080d1afa);box-shadow:0 34px 90px #00000080,0 0 80px #38d7c814;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:react-login-form-in .45s cubic-bezier(.2,.72,.25,1) both}.react-login-form .MuiOutlinedInput-root{min-height:56px;background:#070c18db}.react-login-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#38d7c8;box-shadow:0 0 0 3px #38d7c81f}.react-login-form .MuiButton-containedPrimary{min-height:52px;background:linear-gradient(135deg,#38d7c8,#7db7ff 55%,#8b5cf6)}.react-login-form .MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#5eead4,#93c5fd 48%,#a78bfa)}.react-login-shell.react-login-shell--centered{isolation:isolate;min-height:100dvh;padding:clamp(18px,4vw,48px);overflow:hidden;background:#02050a}.react-login-shell.react-login-shell--centered:before,.react-login-shell.react-login-shell--centered:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.react-login-shell.react-login-shell--centered:before{background:radial-gradient(circle at center,transparent 26%,rgba(0,0,0,.18) 66%,rgba(0,0,0,.68) 100%)}.react-login-shell.react-login-shell--centered:after{background:linear-gradient(180deg,rgba(2,5,10,.05),transparent 28%,transparent 70%,rgba(2,5,10,.36));-webkit-mask-image:none;mask-image:none}.react-login-mesh{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.react-login-shell--centered .react-login-form-area{position:relative;z-index:2;min-height:calc(100dvh - clamp(36px,8vw,96px))}.react-login-shell--centered .react-login-form{gap:15px;width:min(100%,408px);padding:30px;border:1px solid rgba(108,169,255,.28);border-radius:8px;background:linear-gradient(180deg,#080d16f0,#04080ff5);box-shadow:0 28px 80px #0000009e,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}.react-login-shell--centered .react-login-form .react-login-card-logo{margin-bottom:4px}.react-login-shell--centered .react-login-form .react-login-card-logo>span:last-child{font-size:20px;font-weight:760;letter-spacing:0}.react-login-shell--centered .react-login-form .react-login-card-logo strong{color:#f5f7fb;font-weight:760}.react-login-shell--centered .react-login-form .react-login-brandmark--small{width:40px;height:40px;border:1px solid rgba(92,178,255,.52);border-radius:8px;background:linear-gradient(145deg,#0898ffeb,#5444e8eb);box-shadow:0 12px 30px #2c6cee38}.react-login-shell--centered .react-login-form .MuiTypography-h5{margin-top:5px;font-size:23px;font-weight:760;line-height:1.18;letter-spacing:0}.react-login-shell--centered .react-login-form .MuiTypography-body2{margin-top:-7px;color:#8995a7;font-size:13px;line-height:1.45}.react-login-shell--centered .react-login-form .MuiTextField-root{margin-top:1px}.react-login-shell--centered .react-login-form .MuiInputLabel-root{color:#8d99aa;font-size:13px}.react-login-shell--centered .react-login-form .MuiInputLabel-root.Mui-focused{color:#72b7ff}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root{min-height:50px;border-radius:8px;color:#f4f7fb;background:#0b111be6;transition:background-color .18s ease,box-shadow .18s ease}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#8fa4c33d;transition:border-color .18s ease,box-shadow .18s ease}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root:hover{background:#0d1522f5}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6fadff6b}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root.Mui-focused{background:#0c1421fa}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5caeff;border-width:1px;box-shadow:0 0 0 3px #458bff1a}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root .MuiInputAdornment-root,.react-login-shell--centered .react-login-form .MuiOutlinedInput-root .MuiIconButton-root{color:#7f8da2}.react-login-shell--centered .react-login-form .MuiOutlinedInput-root input:-webkit-autofill,.react-login-shell--centered .react-login-form .MuiOutlinedInput-root input:-webkit-autofill:hover,.react-login-shell--centered .react-login-form .MuiOutlinedInput-root input:-webkit-autofill:focus,.react-login-shell--centered .react-login-form .MuiOutlinedInput-root input:-webkit-autofill:active{-webkit-text-fill-color:#f4f7fb;-webkit-box-shadow:0 0 0 1000px #0b111b inset;caret-color:#f4f7fb;transition:background-color 9999s ease-out 0s}.react-login-shell--centered .react-login-form .MuiFormControlLabel-root{width:fit-content;margin:-3px 0 0 -7px}.react-login-shell--centered .react-login-form .MuiFormControlLabel-root .MuiCheckbox-root{color:#647187;padding:7px}.react-login-shell--centered .react-login-form .MuiFormControlLabel-root .MuiCheckbox-root.Mui-checked{color:#5caeff}.react-login-shell--centered .react-login-form .MuiFormControlLabel-root .MuiFormControlLabel-label{color:#b8c0cc;font-size:13px}.react-login-shell--centered .react-login-form .MuiButton-containedPrimary{min-height:49px;border-radius:8px;color:#fff;background:linear-gradient(100deg,#168bff,#475cff 52%,#7134e8);box-shadow:0 12px 28px #245be83d;font-size:14px;font-weight:760;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.react-login-shell--centered .react-login-form .MuiButton-containedPrimary:hover{background:linear-gradient(100deg,#299aff,#566bff 52%,#8145f0);box-shadow:0 15px 34px #245be852;transform:translateY(-1px)}.react-login-shell--centered .react-login-form .MuiButton-containedPrimary:active{transform:translateY(0)}.react-login-shell--centered .react-login-error{border-radius:8px;font-size:12.5px}.react-login-shell--centered .react-login-foot{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:4px;color:#667286;font-size:12px}.react-login-shell--centered .react-login-foot svg{width:14px;height:14px}@media(max-width:640px){.react-login-shell.react-login-shell--centered{padding:14px}.react-login-shell--centered .react-login-form-area{min-height:calc(100dvh - 28px)}.react-login-shell--centered .react-login-form{width:100%;padding:26px 20px;border-radius:8px;-webkit-backdrop-filter:blur(14px) saturate(112%);backdrop-filter:blur(14px) saturate(112%)}.react-login-mesh{opacity:.82}}@media(prefers-reduced-motion:reduce){.react-login-shell--centered .react-login-form,.react-login-shell--centered .MuiButton-containedPrimary{animation:none;transition:none}}@keyframes react-login-form-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.react-login-error{padding:12px 14px;border:1px solid rgba(248,113,113,.34);border-radius:12px;color:#fca5a5;background:#f871711a;font-size:13px}.react-login-foot{padding-top:2px;color:#768294;font-size:12.5px;text-align:center}@media(prefers-reduced-motion:reduce){.react-login-cube,.react-login-ring,.react-login-card3d{animation:none}}@media(max-width:1080px){.react-login-scene{opacity:.16;transform:scale(.86)}.react-login-orbit{transform:translate(160px)}}@media(max-width:640px){.react-login-shell{padding:16px}.react-login-scene{display:none}.react-login-form{width:100%;border-radius:20px;padding:26px 20px}.react-login-card3d{display:none}}@media(min-width:1600px){.react-login-form{width:470px}.react-login-form-area{min-height:900px}}.react-dashboard{gap:24px;color:#f5f7fb}.react-dashboard .MuiCard-root{border:1px solid rgba(125,151,194,.15)!important;border-radius:14px!important;background:#151d2c!important;box-shadow:none!important}.react-dashboard .MuiCardContent-root{padding:24px}.react-dashboard .MuiButton-containedPrimary{color:#fff;background:#3b82f6;box-shadow:none}.react-dashboard .MuiButton-containedPrimary:hover{background:#4b8df8}.react-dashboard .MuiButton-outlined{color:#b8c8df;border-color:#7d97c238;background:transparent}.react-dashboard .MuiButton-outlined:hover{color:#fff;border-color:#3b82f6a6;background:#3b82f612}.react-dashboard .MuiChip-root{border-radius:8px;font-size:11px;font-weight:700}.react-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.react-server-status{border-color:#3b82f638!important;background:linear-gradient(135deg,#0e182af5,#0a101df0),radial-gradient(520px 180px at 100% 0%,rgba(59,130,246,.16),transparent 70%)!important}.react-server-status--warn{border-color:#f0b94e4d!important}.react-server-status--danger{border-color:#ef6b7357!important}.react-server-status__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#0b111a;background:linear-gradient(135deg,#38d7c8,#7db7ff)}.react-server-status__icon svg{width:22px;height:22px}.react-server-cost{min-width:190px;padding:10px 14px;border:1px solid rgba(125,151,194,.14);border-radius:12px;background:#0308126b}.react-server-cost p{color:#f5f7fb;font-size:18px;font-weight:800;line-height:1.1}.react-server-cost small{display:block;margin-top:4px;color:#8ea0b8;font-size:10.5px}.react-server-pills{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:10px;min-width:min(100%,430px)}.react-server-pill{display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 8px;align-items:center;min-height:54px;padding:9px 10px;border:1px solid rgba(125,151,194,.13);border-radius:12px;background:#ffffff05}.react-server-pill svg{grid-row:span 2;width:18px;height:18px;color:#7db7ff}.react-server-pill span{overflow:hidden;color:#91a1b7;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.react-server-pill strong{color:#f5f7fb;font-size:13px;line-height:1}.react-metric{min-height:188px}.react-metric .MuiCardContent-root{display:flex;flex-direction:column;height:100%}.react-metric__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;min-width:0}.react-metric__head .react-metric__icon{margin-left:auto;flex:none}.react-metric__label{color:#96a4b8;font-size:13px!important;font-weight:650!important}.react-metric__value{margin-top:24px!important;color:#f7f9fc;font-size:clamp(28px,2.3vw,36px)!important;font-weight:800!important;line-height:1!important}.react-metric__detail{margin-top:auto!important;padding-top:17px;color:#20c997;font-size:11px!important;font-weight:650!important}.react-metric__icon{width:48px;height:48px;border-radius:12px;color:#6ea4ff;background:#3b82f61f;box-shadow:none}.react-metric__icon svg{width:23px;height:23px}.react-metric__icon--purple{color:#9a83ef;background:#7c5ce721;box-shadow:none}.react-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:22px}.react-access-card,.react-activity-card{min-height:355px}.react-section-title{margin-bottom:18px}.react-section-title h6{color:#f5f7fb;font-size:15px}.react-section-title p{margin-top:2px;color:#7f8da2;font-size:11px}.react-access-chart{min-height:250px}.react-access-chart svg{display:block;width:100%;height:260px;overflow:visible}.react-access-chart__grid{stroke:#7d97c21f;stroke-width:1}.react-access-chart__line{fill:none;stroke:#3b82f6;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.react-access-chart__point{fill:#3b82f6;stroke:#151d2c;stroke-width:3}.react-access-chart__label{fill:#8290a5;font-size:10px}.react-activity{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:8px 0;color:inherit;border-bottom:1px solid rgba(125,151,194,.09)}a.react-activity:hover{color:inherit;background:transparent}.react-activity:last-child{border-bottom:0}.react-activity__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#6ea4ff;background:#3b82f61f}.react-activity__icon svg{width:18px;height:18px}.react-activity__icon--success{color:#20c997;background:#20c9971c}.react-activity__icon--warning{color:#f0b94e;background:#f0b94e1c}.react-activity__icon--error{color:#ef6b73;background:#ef6b731c}.react-activity__copy{min-width:0}.react-activity__copy p{overflow:hidden;color:#f5f7fb;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.react-activity__copy small{display:block;overflow:hidden;margin-top:2px;color:#85a1c7;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.react-activity time{color:#7f8da2;font-size:9px;white-space:nowrap}.react-status-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.react-management-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px}.react-service-list{display:grid;gap:10px}.react-service-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:0 14px;border:1px solid rgba(125,151,194,.12);border-radius:10px;background:#ffffff03}.react-service-row span{display:flex;align-items:center;gap:8px;color:#f5f7fb;font-size:11px;font-weight:700}.react-service-row svg{width:15px;height:15px;color:#6ea4ff}.react-service-row strong{padding:4px 10px;border-radius:6px;font-size:9px;letter-spacing:.03em}.react-service-row strong.ok{color:#20c997;border:1px solid rgba(32,201,151,.25);background:#20c9971a}.react-service-row strong.warn{color:#f0b94e;border:1px solid rgba(240,185,78,.25);background:#f0b94e1a}.react-tmdb-value{margin-top:22px!important;font-size:34px!important;font-weight:800!important}.react-tmdb-progress{height:7px!important;margin-top:25px;border-radius:999px;background:#3b82f61f!important}.react-tmdb-progress .MuiLinearProgress-bar{border-radius:999px;background:#3b82f6}.react-tmdb-percent{margin-top:8px!important;color:#7f8da2;font-size:11px!important;text-align:right}.react-sync-state{display:flex;align-items:center;gap:12px;min-height:94px;margin:8px 0 18px}.react-sync-state>div:first-child{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#6ea4ff;background:#3b82f61f}.react-sync-state svg{width:23px;height:23px}.react-sync-state p{color:#f5f7fb;font-size:13px;font-weight:700}.react-sync-state small{display:block;margin-top:3px;color:#7f8da2;font-size:10px}.react-list-row{min-height:56px;padding:10px 12px;border:1px solid rgba(125,151,194,.11);border-radius:10px;background:#111925;box-shadow:none}.react-list-row:hover{transform:none;border-color:#3b82f657;background:#121c2b}.react-table-wrap{border-color:#7d97c21f!important;border-radius:10px!important;background:#111925!important}.react-empty{border-color:#7d97c229;border-radius:10px;color:#7f8da2}@media(max-width:1280px){.react-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.react-overview-grid{grid-template-columns:1fr}.react-status-grid{grid-template-columns:1fr 1fr}.react-status-grid>:first-child{grid-column:1/-1}.react-management-grid{grid-template-columns:1fr}}@media(max-width:720px){.react-dashboard{gap:14px}.react-metric-grid,.react-status-grid,.react-management-grid{grid-template-columns:1fr;gap:12px}.react-server-pills{grid-template-columns:1fr;min-width:0}.react-server-cost{min-width:0}.react-status-grid>:first-child{grid-column:auto}.react-overview-grid{gap:12px}.react-metric{min-height:154px}.react-dashboard .MuiCardContent-root{padding:18px}.react-access-chart svg{height:220px}.react-activity{grid-template-columns:36px minmax(0,1fr)}.react-activity time{display:none}}html[data-theme=light] .react-dashboard{color:#16213d}html[data-theme=light] .react-dashboard .MuiCard-root,html[data-theme=light] .react-dashboard .MuiPaper-root,html[data-theme=light] .react-dashboard .MuiTableContainer-root{border-color:#435b9124!important;background:linear-gradient(155deg,#fff,#f6f9ff)!important;box-shadow:0 14px 32px #2e4a841a!important}html[data-theme=light] .react-dashboard .MuiTableCell-root,html[data-theme=light] .react-dashboard .MuiTypography-root{color:#16213d}html[data-theme=light] .react-dashboard .MuiTableCell-head,html[data-theme=light] .react-dashboard .MuiTypography-colorTextSecondary{color:#71809d!important}html[data-theme=light] .react-dashboard .react-server-status,html[data-theme=light] .react-dashboard .react-list-row,html[data-theme=light] .react-dashboard .react-table-wrap,html[data-theme=light] .react-dashboard .react-service-row,html[data-theme=light] .react-dashboard .react-empty{border-color:#435b9124!important;background:#ffffffc2!important}html[data-theme=light] .react-dashboard .react-server-cost,html[data-theme=light] .react-dashboard .react-server-pill,html[data-theme=light] .react-dashboard .react-alert,html[data-theme=light] .react-dashboard .react-sync-state>div:first-child{border-color:#3875e029;background:#3679eb14}html[data-theme=light] .react-dashboard .react-metric__label,html[data-theme=light] .react-dashboard .react-metric__detail,html[data-theme=light] .react-dashboard .react-tmdb-percent,html[data-theme=light] .react-dashboard .react-sync-state small,html[data-theme=light] .react-dashboard .react-activity time,html[data-theme=light] .react-dashboard .react-activity__copy small{color:#71809d}html[data-theme=light] .react-dashboard .react-metric__value,html[data-theme=light] .react-dashboard .react-sync-state p,html[data-theme=light] .react-dashboard .react-service-row span,html[data-theme=light] .react-dashboard .react-activity__copy p{color:#16213d}html[data-theme=light] .react-dashboard .react-activity,html[data-theme=light] .react-dashboard .react-list-row:hover{border-color:#377bed33;background:#3379ee11!important}html[data-theme=light] .react-dashboard .react-access-chart__grid{stroke:#435b9124}html[data-theme=light] .react-dashboard .react-access-chart__label{fill:#71809d}.react-dashboard{--dash-card: #0f172a;--dash-card-strong: #0b1220;--dash-row: #111c2d;--dash-border: rgba(148, 163, 184, .14);--dash-shadow: 0 1px 3px rgba(0, 0, 0, .28), 0 12px 32px rgba(0, 0, 0, .08);gap:24px}.react-dashboard.react-dashboard .MuiCard-root{overflow:hidden;border:1px solid var(--dash-border)!important;border-radius:16px!important;background:var(--dash-card)!important;box-shadow:var(--dash-shadow)!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.react-dashboard.react-dashboard .MuiCardContent-root{padding:24px}.react-server-status{position:relative;border-left-color:var(--dash-border)!important;background:var(--dash-card-strong)!important}.react-server-status:after{content:"";position:absolute;top:0;right:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#28b99d 35%,#3b82f6 70%,transparent);opacity:.7}.react-server-status--warn:after{background:linear-gradient(90deg,transparent,#f59e0b,transparent)}.react-server-status--danger:after{background:linear-gradient(90deg,transparent,#ef4444,transparent)}.react-server-status__icon{width:42px;height:42px;border:1px solid rgba(40,185,157,.28);border-radius:12px;color:#56d8bd;background:#28b99d1a;box-shadow:none}.react-server-live{display:flex;align-items:center;gap:6px;margin-bottom:2px;color:#66d9c1;font-size:10px;font-weight:800;text-transform:uppercase}.react-server-live span{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d3991f}.react-server-cost{border-radius:12px;border-color:var(--dash-border);background:#171d24}.react-server-pill{min-height:50px;border-radius:12px;border-color:var(--dash-border);background:var(--dash-row)}.react-server-pill--1 svg{color:#68a3ff}.react-server-pill--2 svg{color:#a98cff}.react-server-pill--3 svg{color:#f0b33d}.react-metric-grid{gap:14px}.react-metric{--metric-accent: #4d8dff;--metric-soft: rgba(77, 141, 255, .12);position:relative;min-height:154px}.react-metric:before{content:"";position:absolute;top:0;left:20px;width:54px;height:3px;border-radius:0 0 3px 3px;background:var(--metric-accent)}.react-metric--violet{--metric-accent: #9a7cf0;--metric-soft: rgba(154, 124, 240, .13)}.react-metric--teal{--metric-accent: #2ec4b6;--metric-soft: rgba(46, 196, 182, .13)}.react-metric--orange{--metric-accent: #f39a4a;--metric-soft: rgba(243, 154, 74, .13)}.react-dashboard .react-metric__icon,.react-dashboard .react-metric:nth-child(n) .react-metric__icon{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--metric-accent) 26%,transparent);border-radius:12px;color:var(--metric-accent);background:var(--metric-soft);box-shadow:none}.react-metric__label{color:#9da9b8;font-size:12px!important;font-weight:750!important}.react-metric__value{margin-top:19px!important;font-size:34px!important;font-variant-numeric:tabular-nums}.react-metric__detail{padding-top:13px;color:#8d9aaa;font-size:10.5px!important;text-transform:uppercase}.react-overview-grid,.react-status-grid,.react-management-grid{gap:14px}.react-overview-grid{grid-template-columns:minmax(0,1fr) 360px}.react-access-card,.react-activity-card{min-height:338px}.react-access-chart{min-height:228px}.react-access-chart svg{height:236px}.react-access-chart__line{stroke:#4d8dff}.react-access-chart__point{fill:#4d8dff;stroke:var(--dash-card)}.react-activity{min-height:52px}.react-activity__icon{border-radius:10px}.react-service-row,.react-list-row,.react-table-wrap,.react-empty{border-color:var(--dash-border)!important;border-radius:12px!important;background:var(--dash-row)!important}.react-list-row:hover{border-color:#4d8dff52!important;background:#192432!important}html[data-theme=light] .react-dashboard{--dash-card: #ffffff;--dash-card-strong: #ffffff;--dash-row: #f6f8fc;--dash-border: rgba(66, 89, 133, .14);--dash-shadow: 0 12px 28px rgba(37, 58, 96, .09)}html[data-theme=light] .react-dashboard strong,html[data-theme=light] .react-dashboard b,html[data-theme=light] .react-dashboard .react-metric__value,html[data-theme=light] .react-dashboard .react-section-title h6,html[data-theme=light] .react-dashboard .react-sync-state strong{color:#16213d!important}html[data-theme=light] .react-dashboard .react-server-pill span,html[data-theme=light] .react-dashboard .react-server-cost span,html[data-theme=light] .react-dashboard .react-activity__copy span,html[data-theme=light] .react-dashboard .react-service-row span:not(.MuiChip-label),html[data-theme=light] .react-dashboard .react-sync-state span:not(.MuiChip-label),html[data-theme=light] .react-dashboard .react-list-row span:not(.MuiChip-label){color:#71809d!important}html[data-theme=light] .react-dashboard .react-list-row:hover{border-color:#2d7cf557!important;background:#eef4ff!important}html[data-theme=light] .react-dashboard .react-server-cost,html[data-theme=light] .react-dashboard .react-server-pill{background:#f6f8fc}html[data-theme=light] .react-dashboard .react-metric__label,html[data-theme=light] .react-dashboard .react-metric__detail{color:#6f7d92}.react-login-shell.react-login-shell--studio{isolation:isolate;min-height:100dvh;padding:clamp(24px,4vw,64px);overflow:hidden;background:#050505}.react-login-shell.react-login-shell--studio:before,.react-login-shell.react-login-shell--studio:after{content:none}.react-login-backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(135deg,#000,#100202 52%,#2a0505);pointer-events:none}.react-login-shell--studio .react-login-form-area{position:relative;z-index:2;width:min(1120px,100%);min-height:calc(100dvh - clamp(48px,8vw,128px));margin:0 auto;place-items:center}.react-login-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:clamp(70px,9vw,140px);width:100%}.react-login-context{display:flex;flex-direction:column;justify-content:center;gap:clamp(46px,8vh,84px);min-height:560px;padding:16px 0}.react-login-context__brand{display:flex;align-items:center;gap:13px;color:#fecaca;font-size:11px;font-weight:850;letter-spacing:.17em}.react-login-context__mark{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(248,113,113,.3);border-radius:13px;color:#fee2e2;background:linear-gradient(145deg,#dc26265c,#7f1d1d2e);box-shadow:0 16px 40px #dc26262e}.react-login-context__mark svg{font-size:23px}.react-login-context__hero{max-width:590px}.react-login-context__eyebrow{display:block;margin-bottom:18px;color:#f87171;font-size:11px;font-weight:850;letter-spacing:.18em}.react-login-context .MuiTypography-h2{margin:0;color:#fafafa;font-size:clamp(42px,5vw,66px);font-weight:720;line-height:1.02;letter-spacing:-.055em}.react-login-context .MuiTypography-h2 strong{color:#f87171;font-weight:720}.react-login-context .MuiTypography-body1{max-width:510px;margin-top:24px;color:#a6a0b4;font-size:16px;line-height:1.7}.react-login-context__security{display:flex;align-items:center;gap:9px;width:fit-content;padding:9px 13px;border:1px solid rgba(248,113,113,.12);border-radius:999px;color:#aaa3b8;background:#1408085c;font-size:11.5px;line-height:1.4}.react-login-context__security svg{width:16px;height:16px;color:#f87171}.react-login-shell--studio .react-login-form{display:grid;gap:17px;width:100%;box-sizing:border-box;padding:42px 40px 34px;border:1px solid rgba(248,113,113,.15);border-radius:28px;background:linear-gradient(155deg,#180d0df0,#0a0a0af5);box-shadow:0 42px 110px #0000008c,inset 0 1px #ffffff0e;-webkit-backdrop-filter:blur(28px) saturate(118%);backdrop-filter:blur(28px) saturate(118%);animation:react-login-form-in .42s cubic-bezier(.2,.72,.25,1) both}.react-login-heading{display:flex;align-items:center;gap:11px;justify-content:space-between;margin-bottom:12px}.react-login-heading__identity{display:flex;align-items:center;gap:11px}.react-login-heading__mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(248,113,113,.18);border-radius:12px;color:#fca5a5;background:#dc26261f}.react-login-heading__mark svg{width:19px;height:19px}.react-login-access-label{color:#fca5a5;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.react-login-copy{margin-bottom:5px}.react-login-copy .MuiTypography-h4{color:#faf7ff;font-size:30px;letter-spacing:-.025em;line-height:1.2}.react-login-copy p{margin-top:5px;color:#9e97ab;font-size:14px}.react-login-shell--studio .MuiInputLabel-root{color:#938ca0;font-size:13px}.react-login-shell--studio .MuiInputLabel-root.Mui-focused{color:#f87171}.react-login-shell--studio .MuiOutlinedInput-root{min-height:51px;border-radius:13px;color:#f5f7ff;background:#08060d9e}.react-login-shell--studio input:-webkit-autofill,.react-login-shell--studio input:-webkit-autofill:hover,.react-login-shell--studio input:-webkit-autofill:focus,.react-login-shell--studio input:-webkit-autofill:active{-webkit-text-fill-color:#fafafa;-webkit-box-shadow:0 0 0 1000px #0d0909 inset;caret-color:#fafafa;border-radius:inherit;transition:background-color 9999s ease-out 0s}.react-login-shell--studio .MuiOutlinedInput-notchedOutline{border-color:#f8717129}.react-login-shell--studio .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f8717175}.react-login-shell--studio .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#dc2626;border-width:1px;box-shadow:0 0 0 3px #dc262626}.react-login-shell--studio .MuiInputAdornment-root,.react-login-shell--studio .MuiIconButton-root{color:#827b8d}.react-login-shell--studio .MuiFormControlLabel-root{width:fit-content;margin:-4px 0 0 -8px}.react-login-shell--studio .MuiFormControlLabel-label{color:#aaa3b4;font-size:13px}.react-login-shell--studio .MuiButton-containedPrimary{min-height:50px;border-radius:13px;color:#fff;background:linear-gradient(110deg,#991b1b,#dc2626 56%,#b91c1c);box-shadow:0 16px 34px #dc262642}.react-login-shell--studio .MuiButton-containedPrimary:hover{background:linear-gradient(110deg,#b91c1c,#ef4444 56%,#dc2626);box-shadow:0 19px 40px #dc262657;transform:translateY(-1px)}.react-login-shell--studio .react-login-foot{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:3px;color:#7f788a;font-size:11.5px}.react-login-shell--studio .react-login-foot svg{width:13px;height:13px}.react-login-shell--studio .react-login-theme-toggle{width:38px;height:38px;border:1px solid rgba(248,113,113,.16);color:#fca5a5;background:#dc262614}.react-login-shell--studio .react-login-theme-toggle:hover{background:#dc262629}.react-login-shell.react-login-shell--light{background:#fff}.react-login-shell--light .react-login-backdrop{background:linear-gradient(135deg,#fff,#f0f9ff 55%,#dff4ff)}.react-login-shell--light .react-login-context__brand{color:#075985}.react-login-shell--light .react-login-context__mark{border-color:#0284c738;color:#0369a1;background:#bae6fdb3;box-shadow:0 16px 40px #0ea5e924}.react-login-shell--light .react-login-context__eyebrow,.react-login-shell--light .react-login-context .MuiTypography-h2 strong{color:#0284c7}.react-login-shell--light .react-login-context .MuiTypography-h2{color:#0f172a}.react-login-shell--light .react-login-context .MuiTypography-body1{color:#526174}.react-login-shell--light .react-login-context__security{border-color:#0284c724;color:#536273;background:#ffffff85}.react-login-shell--light .react-login-context__security svg{color:#0284c7}.react-login-shell--light .react-login-form{border-color:#0284c726;background:linear-gradient(155deg,#fffffff0,#f0f9ffe6);box-shadow:0 42px 110px #0e749029,inset 0 1px #ffffffeb}.react-login-shell--light .react-login-heading__mark{border-color:#0284c729;color:#0284c7;background:#bae6fd85}.react-login-shell--light .react-login-access-label{color:#0369a1}.react-login-shell--light .react-login-copy .MuiTypography-h4{color:#0f172a}.react-login-shell--light .react-login-copy p,.react-login-shell--light .MuiInputLabel-root{color:#64748b}.react-login-shell--light .MuiInputLabel-root.Mui-focused{color:#0284c7}.react-login-shell--light .MuiOutlinedInput-root{color:#0f172a;background:#ffffffbd}.react-login-shell--light input:-webkit-autofill,.react-login-shell--light input:-webkit-autofill:hover,.react-login-shell--light input:-webkit-autofill:focus,.react-login-shell--light input:-webkit-autofill:active{-webkit-text-fill-color:#0f172a;-webkit-box-shadow:0 0 0 1000px #ffffff inset;caret-color:#0f172a}.react-login-shell--light .MuiOutlinedInput-notchedOutline{border-color:#0284c72e}.react-login-shell--light .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0284c775}.react-login-shell--light .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e921}.react-login-shell--light .MuiInputAdornment-root,.react-login-shell--light .MuiIconButton-root{color:#64748b}.react-login-shell--light .MuiFormControlLabel-label{color:#526174}.react-login-shell--light .MuiButton-containedPrimary{background:linear-gradient(110deg,#0284c7,#38bdf8 58%,#0ea5e9);box-shadow:0 16px 34px #0ea5e93b}.react-login-shell--light .MuiButton-containedPrimary:hover{background:linear-gradient(110deg,#0369a1,#0ea5e9 58%,#0284c7);box-shadow:0 19px 40px #0ea5e94d}.react-login-shell--light .react-login-foot{color:#718096}.react-login-shell--light .react-login-theme-toggle{border-color:#0284c729;color:#0369a1;background:#bae6fd7a}.react-login-shell--light .react-login-theme-toggle:hover{background:#7dd3fc80}@media(max-width:1280px){.react-overview-grid{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:900px){.react-login-shell--studio .react-login-form-area{place-items:center}.react-login-layout{display:block;width:min(100%,460px)}.react-login-context{display:none}}@media(max-width:720px){.react-dashboard{gap:12px}.react-dashboard.react-dashboard .MuiCardContent-root{padding:16px}.react-overview-grid{grid-template-columns:1fr}.react-metric{min-height:142px}.react-metric__value{font-size:30px!important}.react-access-card,.react-activity-card{min-height:0}.react-login-shell.react-login-shell--studio{padding:14px}.react-login-shell--studio .react-login-form-area{min-height:calc(100dvh - 28px)}.react-login-shell--studio .react-login-form{width:100%;min-height:0;padding:32px 24px 28px;border-radius:22px}.react-login-heading{align-items:center;flex-direction:row}.react-login-copy .MuiTypography-h4{font-size:27px}}@media(prefers-reduced-motion:reduce){.react-login-shell--studio .react-login-form{animation:none}}.dashboard-loading{display:flex;min-height:320px;align-items:center;justify-content:center;gap:12px;color:var(--muted, #94a3b8);font-size:14px;font-weight:700}.dashboard-loading span{width:10px;height:10px;border-radius:50%;background:#2f80ed;box-shadow:0 0 #2f80ed80;animation:dashboard-loading-pulse 1.4s infinite}@keyframes dashboard-loading-pulse{70%{box-shadow:0 0 0 12px #2f80ed00}to{box-shadow:0 0 #2f80ed00}}.server-dashboard{--dash-card: rgba(17, 24, 39, .82);--dash-card-strong: #111827;--dash-border: rgba(148, 163, 184, .14);--dash-text: #f8fafc;--dash-muted: #94a3b8;--dash-blue: #3b82f6;--dash-violet: #8b5cf6;--dash-cyan: #22d3ee;--dash-green: #22c55e;display:grid;width:100%;min-width:0;gap:24px;color:var(--dash-text)}.server-dashboard,.server-dashboard *{box-sizing:border-box}.vps-monitor{position:relative;min-width:0;overflow:hidden;padding:28px;border:1px solid rgba(96,165,250,.18);border-radius:24px;isolation:isolate;background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.24),transparent 30%),radial-gradient(circle at 82% 8%,rgba(124,58,237,.15),transparent 32%),linear-gradient(145deg,#0c1423,#080d17,#0a101d);box-shadow:0 28px 70px #00000047,inset 0 1px #ffffff0b}.vps-monitor:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 28%,transparent 75%,rgba(59,130,246,.05));content:"";pointer-events:none}.vps-monitor__grid{position:absolute;z-index:-2;right:-10%;bottom:-58%;width:82%;height:110%;opacity:.22;transform:perspective(520px) rotateX(64deg);transform-origin:bottom;background-image:linear-gradient(rgba(59,130,246,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.23) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to top,#000,transparent 82%);mask-image:linear-gradient(to top,#000,transparent 82%)}.vps-monitor__header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(148,163,184,.12)}.vps-monitor__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#7db7ff;font-size:10px;font-weight:900;letter-spacing:.15em}.vps-monitor__eyebrow>span{width:6px;height:6px;border-radius:50%;background:#3b82f6;box-shadow:0 0 14px #3b82f6e6}.vps-monitor__header h2{margin:0;color:#f8fafc;font-size:clamp(23px,2vw,30px);font-weight:850;letter-spacing:-.035em}.vps-monitor__header p{margin:5px 0 0;color:#8290a6;font-size:12px}.vps-live-status{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-width:154px;padding:10px 13px;border:1px solid rgba(34,197,94,.2);border-radius:13px;background:#22c55e13}.vps-live-status[data-tone=warn]{border-color:#f59e0b3d;background:#f59e0b14}.vps-live-status[data-tone=danger]{border-color:#ef44443d;background:#ef444414}.vps-live-status__dot{position:relative;width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ed9}.vps-live-status__dot:after{position:absolute;inset:-5px;border:1px solid rgba(34,197,94,.42);border-radius:inherit;content:"";animation:vps-live-pulse 1.8s ease-out infinite}.vps-live-status[data-tone=warn] .vps-live-status__dot{background:#f59e0b;box-shadow:0 0 12px #f59e0bcc}.vps-live-status[data-tone=danger] .vps-live-status__dot{background:#ef4444;box-shadow:0 0 12px #ef4444cc}.vps-live-status[data-tone=warn] .vps-live-status__dot:after{border-color:#f59e0b6b}.vps-live-status[data-tone=danger] .vps-live-status__dot:after{border-color:#ef44446b}@keyframes vps-live-pulse{0%{opacity:.8;transform:scale(.65)}to{opacity:0;transform:scale(1.35)}}.vps-live-status strong,.vps-live-status small{display:block}.vps-live-status strong{color:#e8eef8;font-size:11px;font-weight:850}.vps-live-status small{margin-top:2px;color:#748196;font-size:9px;white-space:nowrap}.vps-monitor__body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,235px) minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,52px);padding-top:25px}.vps-rack-stage{position:relative;display:grid;min-height:298px;place-items:center;perspective:900px}.vps-rack-halo{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.23),transparent 66%);filter:blur(6px)}.vps-rack{--rack-scale: 1;position:relative;z-index:2;width:154px;height:226px;transform:scale(var(--rack-scale)) rotateY(-18deg) rotateX(2deg);transform-style:preserve-3d;animation:vps-rack-float 5s ease-in-out infinite}@keyframes vps-rack-float{0%,to{transform:scale(var(--rack-scale)) rotateY(-18deg) rotateX(2deg) translateY(0)}50%{transform:scale(var(--rack-scale)) rotateY(-14deg) rotateX(1deg) translateY(-6px)}}.vps-rack__face{position:absolute;inset:0;display:grid;grid-template-rows:34px repeat(4,1fr) 25px;gap:7px;padding:12px 13px;border:1px solid rgba(148,163,184,.26);border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 12%,transparent 88%,rgba(0,0,0,.3)),linear-gradient(165deg,#263347,#121a29 60%,#0b111c);box-shadow:inset 0 0 0 3px #02061770,22px 28px 38px #00000061;transform:translateZ(14px)}.vps-rack__top{position:absolute;top:-14px;left:0;width:154px;height:28px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(90deg,#253247,#0d1523);transform:rotateX(90deg) translateZ(-14px)}.vps-rack__side{position:absolute;top:0;right:-28px;width:28px;height:226px;border:1px solid rgba(148,163,184,.14);background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(0,0,0,.3) 8px 9px),linear-gradient(90deg,#111a29,#080e18);transform:rotateY(90deg) translateZ(-14px);transform-origin:left}.vps-rack__brand{display:flex;align-items:center;gap:7px;color:#a9cfff;font-size:7px;font-weight:900;letter-spacing:.12em}.vps-rack__brand svg{width:15px;height:15px;padding:3px;border-radius:4px;color:#fff;background:#2f80ed;box-shadow:0 0 13px #2f80ed8c}.vps-rack__slot{display:grid;grid-template-columns:5px 5px 1fr 1fr 16px;align-items:center;gap:5px;padding:0 7px;border:1px solid rgba(148,163,184,.11);border-radius:4px;background:linear-gradient(180deg,#020617c7,#0f172ae0);box-shadow:inset 0 1px #ffffff06}.vps-rack__slot>span{width:4px;height:4px;border-radius:50%;background:#334155}.vps-rack__slot>span.is-on{background:#22c55e;box-shadow:0 0 7px #22c55ee6}.vps-rack__slot>span:nth-child(2){background:#3b82f6;box-shadow:0 0 7px #3b82f6b3}.vps-rack__slot i{height:2px;border-radius:2px;background:#263246}.vps-rack__slot b{height:8px;border-radius:2px;background:repeating-linear-gradient(90deg,#334155 0 2px,transparent 2px 4px)}.vps-rack__hostname{overflow:hidden;align-self:center;color:#66758b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vps-rack-floor{position:absolute;z-index:1;bottom:19px;width:205px;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(30,64,175,.31),rgba(0,0,0,.35) 48%,transparent 72%);filter:blur(2px);transform:rotateX(70deg)}.vps-monitor__metrics{min-width:0}.vps-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vps-gauge-card{min-width:0;padding:15px 14px 13px;border:1px solid rgba(148,163,184,.12);border-radius:16px;color:#4f9cff;background:#0b121fb0;box-shadow:inset 0 1px #ffffff06}.vps-gauge-card[data-tone=ok]{color:#4f9cff}.vps-gauge-card[data-tone=warn]{color:#f59e0b}.vps-gauge-card[data-tone=danger]{color:#ef4444}.vps-gauge-card[data-tone=neutral]{color:#64748b}.vps-gauge-card>header{display:flex;align-items:center;gap:7px;color:#9aa8bc;font-size:10px;font-weight:800;letter-spacing:.035em}.vps-gauge-card__icon{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.vps-gauge-card__icon svg{width:14px;height:14px}.vps-gauge{position:relative;max-width:180px;margin:3px auto -2px;color:inherit}.vps-gauge svg{display:block;width:100%;overflow:visible}.vps-gauge__track,.vps-gauge__progress{fill:none;stroke-linecap:round;stroke-width:10}.vps-gauge__track{stroke:#64748b29}.vps-gauge__progress{transition:stroke-dasharray .7s cubic-bezier(.22,1,.36,1)}.vps-gauge__ticks line{stroke:#94a3b83d;stroke-width:1}.vps-gauge strong{position:absolute;left:50%;bottom:14px;color:#f8fafc;font-size:clamp(20px,2.1vw,28px);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.045em;transform:translate(-50%)}.vps-gauge>span{position:absolute;bottom:9px;color:#4d5a6f;font-size:7px;font-weight:700}.vps-gauge>span:nth-of-type(1){left:6px}.vps-gauge>span:nth-of-type(2){right:4px}.vps-gauge-card>p{overflow:hidden;margin:0;color:#64748b;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vps-monitor__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding:12px 2px 0;border-top:1px solid rgba(148,163,184,.09)}.vps-monitor__footer span{display:inline-flex;align-items:center;gap:6px;color:#738197;font-size:9px;font-weight:700}.vps-monitor__footer span[data-status=ok]{color:#65bd82}.vps-monitor__footer span[data-status=danger]{color:#ef7777}.vps-monitor__footer svg{width:13px;height:13px}.vps-monitor__footer .is-spinning{animation:dashboard-spin 1s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-section{min-width:0}.dashboard-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px;padding:0 2px}.dashboard-section__header span{display:block;margin-bottom:3px;color:#4f9cff;font-size:9px;font-weight:900;letter-spacing:.15em}.dashboard-section__header h2{margin:0;color:var(--dash-text);font-size:20px;font-weight:850;letter-spacing:-.025em}.dashboard-section__header small{color:var(--dash-muted);font-size:10px}.dashboard-section__actions{display:flex;align-items:center;gap:10px}.dashboard-section__link,.dashboard-values-toggle{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid var(--dash-border);border-radius:10px;color:#8fbfff;background:#3b82f612;font-size:10px;font-weight:800;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.dashboard-values-toggle{cursor:pointer}.dashboard-values-toggle svg{width:16px;height:16px}.dashboard-section__link:hover,.dashboard-values-toggle:hover{border-color:#4f9cff73;color:#b8d8ff;background:#3b82f621}.dashboard-capacity-panel{margin-bottom:13px;padding:22px;border:1px solid var(--dash-border);border-radius:18px;background:radial-gradient(circle at 86% 0,rgba(34,197,94,.11),transparent 36%),var(--dash-card);box-shadow:0 12px 30px #0000001a}.dashboard-capacity-panel__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dashboard-capacity-panel__summary>div{min-width:0}.dashboard-capacity-panel__summary small,.dashboard-capacity-panel__summary strong{display:block}.dashboard-capacity-panel__summary small{color:var(--dash-muted);font-size:8px;font-weight:900;letter-spacing:.1em}.dashboard-capacity-panel__summary strong{margin-top:4px;color:var(--dash-text);font-size:clamp(24px,3vw,36px);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.045em}.dashboard-capacity-progress{height:9px;margin:20px 0 10px;overflow:hidden;border-radius:999px;background:#64748b29}.dashboard-capacity-progress>span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#22c55e);box-shadow:0 0 18px #22c55e47;transition:width .7s cubic-bezier(.22,1,.36,1)}.dashboard-capacity-panel>footer{display:flex;justify-content:space-between;gap:16px;color:var(--dash-muted);font-size:9px}.dashboard-capacity-cards{margin-top:0}.dashboard-traffic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dashboard-traffic-card{position:relative;display:grid;min-width:0;min-height:136px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:13px;padding:20px;overflow:hidden;border:1px solid var(--dash-border);border-radius:17px;background:var(--dash-card);box-shadow:0 12px 30px #0000001f}.dashboard-traffic-card:after{position:absolute;right:-30px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:currentColor;content:"";opacity:.045;filter:blur(3px)}.dashboard-traffic-card[data-tone=blue]{color:var(--dash-blue)}.dashboard-traffic-card[data-tone=violet]{color:var(--dash-violet)}.dashboard-traffic-card[data-tone=cyan]{color:var(--dash-cyan)}.dashboard-traffic-card[data-tone=green]{color:var(--dash-green)}.dashboard-traffic-card[data-tone=red]{color:#ef4444}.dashboard-traffic-card__icon{display:grid;width:39px;height:39px;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;background:color-mix(in srgb,currentColor 10%,transparent)}.dashboard-traffic-card__icon svg{width:19px;height:19px}.dashboard-traffic-card small,.dashboard-traffic-card strong,.dashboard-traffic-card p{display:block}.dashboard-traffic-card small{overflow:hidden;color:var(--dash-muted);font-size:8px;font-weight:850;letter-spacing:.095em;text-overflow:ellipsis;white-space:nowrap}.dashboard-traffic-card strong{margin-top:5px;overflow:hidden;color:var(--dash-text);font-size:clamp(22px,2vw,30px);font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.04em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.dashboard-traffic-card p{margin:8px 0 0;color:var(--dash-muted);font-size:9px;line-height:1.4}.dashboard-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dashboard-catalog-card{display:grid;min-width:0;min-height:120px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px 22px;border:1px solid var(--dash-border);border-radius:17px;color:var(--dash-blue);background:var(--dash-card);box-shadow:0 12px 30px #0000001a;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.dashboard-catalog-card:hover{border-color:color-mix(in srgb,currentColor 32%,transparent);background:color-mix(in srgb,var(--dash-card-strong) 94%,currentColor 6%);transform:translateY(-2px)}.dashboard-catalog-card[data-tone=blue]{color:var(--dash-blue)}.dashboard-catalog-card[data-tone=violet]{color:var(--dash-violet)}.dashboard-catalog-card[data-tone=cyan]{color:var(--dash-cyan)}.dashboard-catalog-card__icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px;background:color-mix(in srgb,currentColor 10%,transparent)}.dashboard-catalog-card__icon svg{width:24px;height:24px}.dashboard-catalog-card__content{min-width:0}.dashboard-catalog-card__content small,.dashboard-catalog-card__content strong,.dashboard-catalog-card__content>span{display:block}.dashboard-catalog-card__content small{color:var(--dash-muted);font-size:8px;font-weight:900;letter-spacing:.13em}.dashboard-catalog-card__content strong{margin:2px 0;color:var(--dash-text);font-size:28px;font-variant-numeric:tabular-nums;font-weight:850;letter-spacing:-.04em;line-height:1.08}.dashboard-catalog-card__content>span{color:var(--dash-muted);font-size:9px}.dashboard-catalog-card__arrow{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--dash-muted);background:#94a3b812;font-size:15px;transition:color .2s ease,transform .2s ease}.dashboard-catalog-card:hover .dashboard-catalog-card__arrow{color:currentColor;transform:translate(2px)}html[data-theme=light] .server-dashboard{--dash-card: rgba(255, 255, 255, .92);--dash-card-strong: #ffffff;--dash-border: rgba(100, 116, 139, .18);--dash-text: #172033;--dash-muted: #69768a}html[data-theme=light] .dashboard-traffic-card,html[data-theme=light] .dashboard-catalog-card{box-shadow:0 12px 30px #27354d12}@media(max-width:1180px){.vps-monitor__body{grid-template-columns:170px minmax(0,1fr);gap:22px}.vps-rack-stage{min-height:265px}.vps-rack{--rack-scale: .86}.dashboard-traffic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.vps-monitor{padding:22px}.vps-monitor__body{grid-template-columns:1fr}.vps-rack-stage{min-height:178px;overflow:hidden}.vps-rack{--rack-scale: .72;top:35px}.vps-rack-floor{bottom:-1px}}@media(max-width:720px){.server-dashboard{gap:21px}.vps-monitor{padding:18px;border-radius:19px}.vps-monitor__header{align-items:stretch;flex-direction:column;gap:14px}.vps-live-status{width:100%;min-width:0}.vps-live-status small{white-space:normal}.vps-monitor__body{padding-top:16px}.vps-rack-stage{display:none}.vps-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-gauge-card:last-child{grid-column:1/-1}.vps-gauge-card:last-child .vps-gauge{max-width:230px}.dashboard-section__header{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-section__actions{width:100%;flex-wrap:wrap}.dashboard-capacity-panel__summary{grid-template-columns:1fr;gap:10px}.dashboard-capacity-panel>footer{align-items:flex-start;flex-direction:column;gap:4px}.dashboard-traffic-card{min-height:128px;padding:17px}.dashboard-catalog-grid{grid-template-columns:1fr}.dashboard-catalog-card{min-height:105px}}@media(max-width:480px){.vps-monitor{padding:16px 14px}.vps-monitor__header h2{font-size:23px}.vps-monitor__header p{line-height:1.45}.vps-gauges{grid-template-columns:1fr}.vps-gauge-card:last-child{grid-column:auto}.vps-gauge{max-width:210px}.vps-gauge-card:last-child .vps-gauge{max-width:210px}.vps-gauge strong{font-size:28px}.vps-monitor__footer{align-items:flex-start;flex-direction:column}.dashboard-traffic-grid{grid-template-columns:1fr}.dashboard-traffic-card{min-height:112px;align-items:center}.dashboard-catalog-card{padding:18px}}@media(prefers-reduced-motion:reduce){.vps-rack,.vps-live-status__dot:after,.dashboard-loading span{animation:none}.vps-gauge__progress,.dashboard-catalog-card,.dashboard-catalog-card__arrow{transition:none}}
