:root{--bg:#18181d;--surface:#202126;--surface2:#2a2b34;--line:#33343d;--text:#f3f3f6;--muted:#92939f;--green:#52c7a5;--teal:#b6a0ff;--danger:#ff8c9c;--pink:#f45395;--purple:#ac96ff;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}body{background:var(--bg)}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}button:focus-visible,a:focus-visible{outline:2px solid var(--pink)}button:disabled{cursor:not-allowed}.sidebar{z-index:30;width:258px;padding:29px 18px 0;background:#19191f;border-right:1px solid #303039;overflow-y:auto}.brand{gap:12px;font-size:27px;padding-left:9px;letter-spacing:-1.4px}.brand-mark{border-radius:12px;background:var(--pink);color:#19191f;width:39px;height:39px;transform:none;font-size:28px;font-weight:800}.brand-dot{color:var(--pink)}.brand-cloud{display:block;font-size:8px;letter-spacing:3.8px;color:#8b8c99;margin-top:2px;margin-left:1px}.workspace{margin:30px 0 26px;background:#222229;border-color:#34343e;padding:12px 11px;border-radius:10px}.workspace strong{font-size:12px;font-weight:600}.workspace small{font-size:10px;color:#8d8e9d}.workspace-icon{background:#35333e;border:0;color:#c8c2df;font-weight:700;font-family:inherit}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#6e6f7e;margin-bottom:10px}.nav-item{font-size:12px;padding:12px 13px;gap:11px;color:#a0a1ad;font-weight:500;margin:3px 0;border-radius:8px;min-height:43px}.nav-item>span{font-size:18px;color:#92939f}.nav-item.active{background:#f4539516;color:#fb76ad}.nav-item.active>span{color:#fb76ad}.nav-item:hover{background:#292930}.nav-item b{background:#37323d;color:#b4a7c2;font-size:9px;border-radius:5px}.nav-group{margin-top:9px}.nav-children{padding-left:14px;margin:4px 0 14px 20px;border-left:1px solid #363640}.nav-child{display:flex;width:100%;gap:10px;align-items:center;text-align:left;padding:10px 9px;background:none;border-radius:6px;color:#9798a6;font-size:11px;min-height:35px;line-height:1.4}.nav-child:hover{background:#292932;color:#ececf1}.nav-child.selected{background:#f4539510;color:#fb76ad}.nav-state{display:block;width:6px;height:6px;border-radius:50%;background:#666673;flex-shrink:0}.nav-state.online{background:var(--green);box-shadow:0 0 6px #52c7a530}.nav-server-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{height:1px;background:#2e2e37;margin:20px 11px 14px}.nav-chevron{margin-left:auto}.nav-external{margin-left:auto;color:#626371}.tiny-logo{height:21px;width:21px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700}.pink{background:#f453951c;color:#fb76ad}.purple{background:#ac96ff1c;color:var(--purple)}.sidebar-bottom{padding-top:20px}.discovery{font-size:10px;color:#b3b3bf;padding:18px 9px}.discovery small{color:#757683}.user-block{margin-top:3px;padding:18px 22px;border-color:#30303a}.avatar{background:#34313d;color:#c5b8e3;font-weight:600}.user-block strong{font-weight:600}.user-block small{color:#767786}main{margin-left:258px}.topbar{height:80px;background:#19191f;padding:0 34px;gap:24px;position:sticky;top:0;z-index:20;border-color:#303039}.topbar>div:first-of-type{display:none}.topbar-right{margin-left:auto;gap:24px}.topbar-right .text-button{color:#bcbcc6;border:1px solid #444450;border-radius:7px;padding:8px 13px}.topbar .live-label{font-size:10px;color:#a4a4b2}.topbar #clock{font-size:11px}#global-search{width:320px;background:#272730;border-color:#272730;border-radius:8px;padding:11px 15px;font-size:12px}#global-search::placeholder{color:#848594}#mobile-menu{display:none}.content{max-width:1680px;padding:36px 34px 0}.page-heading{align-items:center;margin-bottom:31px;gap:20px}.environment-badge{display:flex;align-items:center;gap:8px;color:#a0a0ac;font-size:9px;letter-spacing:1.8px;margin-bottom:16px}.environment-badge .status-dot{width:5px;height:5px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:31px;letter-spacing:-1px;font-weight:600;margin-bottom:10px}.page-heading .muted{font-size:12px;color:#898a98}.primary{background:var(--pink);color:#fff;border-radius:8px;padding:11px 17px;font-weight:600;font-size:12px;box-shadow:0 4px 20px #f4539510}.primary:hover{background:#fc69a6;transform:translateY(-1px)}.secondary{background:#30313b;border-color:#3c3d48;color:#d0d0da;border-radius:8px;font-size:11px}.secondary:hover{background:#3a3b47;border-color:#545563}.text-button{color:#c0b2ef}.stats-grid{gap:17px;margin-bottom:30px}.stat-card{border-radius:13px;background:#202126;border:1px solid #363740;padding:23px 23px 20px;overflow:hidden;min-height:265px}.stat-card>span{font-size:12px;color:#e4e3eb;font-weight:600;align-items:center}.stat-card>span i{height:33px;width:33px;border-radius:9px;background:#34353f;display:grid;place-items:center;font-size:16px;color:#b8b6c8;order:-1;margin-right:12px}.stat-card>span{justify-content:flex-start}.stat-value{margin:23px 0 6px;gap:6px}.stat-value strong{font-size:31px;letter-spacing:-1px;font-weight:600;line-height:1}.stat-value small{font-size:10px;color:#828390}.stat-card>small{font-size:9px;color:#8a8b99}.stat-card .meter{display:none}.accent-card{background:#202126;border-color:#363740}.accent-card .stat-value strong{color:#f2f2f6}.stat-visual{height:89px;display:flex;align-items:center;margin:13px 0 8px}.cpu-visual{margin-left:-23px;margin-right:-23px;align-items:flex-end}.cpu-visual svg{width:100%;height:83px;display:block}.collecting{font-size:10px;color:#777987;margin:auto}.memory-visual{justify-content:center}.ram-gauge{width:150px;height:80px;position:relative;overflow:hidden}.ram-gauge::before{content:"";position:absolute;width:150px;height:150px;inset:0;border-radius:50%;background:conic-gradient(from 270deg,var(--purple) 0%,var(--purple) calc(var(--usage)/2),#363740 calc(var(--usage)/2),#363740 50%,transparent 50%);mask:radial-gradient(transparent 51%,#000 52%);-webkit-mask:radial-gradient(transparent 51%,#000 52%)}.ram-gauge span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:22px;font-weight:600}.ram-gauge small{display:block;font-size:8px;font-weight:400;color:#8f90a0;margin-top:3px}.disk-visual{display:block;padding-top:12px}.disk-blocks{display:flex;gap:4px;height:34px}.disk-blocks i{flex:1;border-radius:3px;background:#373842}.disk-blocks i.used{background:#ff927d}.disk-label{display:flex;justify-content:space-between;font-size:8px;color:#90919e;margin-top:14px;gap:5px}.legend{display:inline-block;width:5px;height:8px;background:#484955;margin-right:3px}.legend.coral{background:#ff927d}.service-visual{flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.service-visual>.muted{font-size:9px}.service-dots{display:flex;gap:9px}.service-dots span{display:block;height:23px;width:23px;border-radius:7px;background:#383943;border:1px solid #50515c}.service-dots span.online{background:#52c7a51c;border-color:#52c7a540;position:relative}.service-dots span.online:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--green)}.type-summary{display:none}.section-heading{margin-bottom:19px}.section-heading h2{font-size:16px;font-weight:600}.counter{background:#2c2d36;color:#aaa8ba;border-color:#3b3c47}.server-grid{gap:17px}.server-card{background:#202126;border-color:#353640;border-radius:12px;padding:21px;transition:border-color .2s,transform .2s}.server-card:hover{border-color:#5a4a60;transform:translateY(-2px)}.server-icon{width:43px;height:43px;border-radius:11px;font-size:20px}.server-icon.fivem{background:#fb8a7020;color:#ffad89}.server-icon.nodejs{background:#ac96ff18;color:#b5a1f6}.server-card h3{font-size:13px;font-weight:600}.server-card .server-type{font-size:9px}.server-card-top{gap:11px;margin-bottom:20px}.server-status{font-size:9px;padding:5px 8px;border-radius:5px;background:#32333c}.server-status.active{background:#52c7a516;color:#52c7a5}.server-status.failed{background:#ff8c9c15;color:#ff9cab}.server-details{gap:12px;font-size:9px}.server-details strong{font-family:inherit;font-size:10px;color:#d1d0db}.server-details>div:nth-child(n+7){display:none}.server-path{font-size:9px;color:#6c6d7d;margin:17px 0}.server-warning{font-size:9px;color:#c4a18b}.server-card-actions{gap:6px;border-color:#363640;padding-top:16px}.server-card-actions button{background:#30313b;color:#c4c2d1;border-radius:6px;padding:8px 9px;font-size:9px}.server-card-actions .start{background:#f453951b;color:#fb7bb0}.server-card-actions .stop{color:#c9c6d4}.server-card-actions .detail{color:#9d9aaf;padding-left:5px;padding-right:0}.panel{border-radius:12px;border-color:#353640;background:#202126}.metrics-stats-extra{margin:23px 0}.network-summary{padding:20px 23px;gap:20px}.network-summary span,.network-summary small{font-size:9px}.network-summary strong{font-size:21px;font-weight:550}.network-summary>div:not(:first-child){border-left:1px solid #34353f;padding-left:23px}.metric-chart{background:#1b1c22;border-color:#353640;border-radius:9px}.metric-chart-heading{font-size:10px}.host-charts{margin-top:24px}.host-charts>.metric-note{font-size:9px;color:#737584}.host-charts .pill{font-size:7px}.metric-chart small{font-size:8px}.getting-started{background:#232129}.getting-started .small-icon{color:#fb76ad}.info-list>div{border-color:#34343f;font-size:10px;padding:12px 0}.info-list dt{color:#8d8c9c}.pill{border-color:#3d3c49;color:#9692a7}.bottom-grid{gap:17px}.getting-started p{font-size:11px}.login-screen{background:#18181d}.login-card{width:390px}.login-card .brand{margin-bottom:54px}.login-card h1{font-size:43px;line-height:1.17;font-weight:550}.login-card .eyebrow{color:#b4a4c0;font-size:9px}.login-card input{background:#22222a;border-color:#3a3946;padding:13px}.login-card label{font-size:11px;color:#b8b4c5}.login-card .primary{padding:14px 17px;margin-top:23px}.login-art{background:radial-gradient(ellipse at 50% 42%,#402435,#251d2c 44%,#19191f 80%);border-left-color:#36303e}.orbit{border-color:#fb76ad25}.art-core{color:var(--pink);text-shadow:0 0 90px #f4539540;font-size:145px}.art-core span{color:#b793b5;font-size:8px;letter-spacing:4px}.art-tag{background:#2b2230;border-color:#5a4059;color:#d5adc8;border-radius:8px}.art-caption{color:#ddbdd1;font-size:36px;letter-spacing:-1.3px}.login-footer{color:#7f7c8e;font-size:10px}.login-screen .status-dot{background:#f45395}.login-card .error{font-size:11px}input,textarea,select{background:#191a21;border-color:#3b3b48;border-radius:7px}input:focus,textarea:focus,select:focus{outline:1px solid #ae77a5;border-color:#ae77a5}.code-editor{color:#c9b8e9}.filter.active{background:#f4539510;border-color:#f4539540;color:#f984b4}.filter:hover{background:#292a33}.db-table-button{color:#b3afc2;border-color:#363640}.db-table-button span{color:#858096}.log-output{background:#17181d;border-color:#373740;color:#c1bacc}dialog{background:#202126;border-color:#484452;border-radius:15px}.tab.active{color:#f77eaf;border-color:#f45395}.tabs{border-color:#393641}.toast{background:#2b2532;border-color:#765572;color:#f7d8ea}.toast.bad{background:#3a242f;border-color:#946077}.website-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1060px}.website-card{border:1px solid #373640;border-radius:13px;background:#202126;padding:26px}.website-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.website-logo{width:54px;height:54px;display:grid;place-items:center;font-size:28px;font-weight:700;border-radius:14px}.website-card h2{font-size:20px;font-weight:600;margin-bottom:8px}.website-card p{font-size:12px;color:#92909f;margin-bottom:29px}.website-card-bottom{border-top:1px solid #36353f;display:flex;justify-content:space-between;align-items:center;padding-top:19px;gap:12px}.website-card-bottom>span{font-size:10px;color:#838092}.website-browser{border:1px solid #383740;border-radius:12px;overflow:hidden;background:#fff}.website-browser>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;background:#23232b}.website-identity{display:flex;align-items:center;gap:12px}.website-identity strong{display:block;font-size:12px;font-weight:600}.website-identity small{display:block;font-size:9px;color:#91909f;margin-top:4px}.website-identity .tiny-logo{height:32px;width:32px;border-radius:8px;font-size:18px}.website-controls{display:flex;gap:7px}.website-controls .secondary{font-size:10px;padding:8px 11px}.website-browser iframe{border:0;width:100%;height:calc(100vh - 310px);min-height:650px;display:block;background:#f5f5f7}footer{border-color:#34323d;color:#b5afc1;font-size:9px}.hint{font-size:10px;color:#827e90}.website-grid:empty{display:none}#view-websites{margin-bottom:28px}#view-servers .toolbar input{font-size:11px}.topbar+.content>.page-heading{min-height:103px}.server-card-actions .stop:disabled{opacity:.3}.status-dot{background:#52c7a5;box-shadow:none}
@media(min-width:1650px){.content{padding:45px 48px 0}.topbar{padding:0 48px}.stat-card{padding:26px;min-height:292px}.stat-value{margin-top:30px}.stat-value strong{font-size:38px}.stat-visual{height:100px}.cpu-visual{margin-left:-26px;margin-right:-26px}.server-card{padding:25px}.server-card h3{font-size:15px}.server-details{font-size:10px}.server-details strong{font-size:11px}}
@media(max-width:1250px){.sidebar{width:235px}main{margin-left:235px}.content{padding-left:25px;padding-right:25px}.topbar{padding-left:25px;padding-right:25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:240px}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card>small{font-size:10px}.stat-value strong{font-size:34px}.website-grid{grid-template-columns:1fr}.website-card{max-width:700px}}
@media(max-width:800px){.shell{display:flex}.sidebar{position:fixed;display:flex;top:0;bottom:0;width:255px;transform:translateX(-100%);padding:24px 18px 0;border-bottom:0;transition:transform .2s;box-shadow:12px 0 50px #0005}.sidebar.mobile-open{transform:translateX(0)}.sidebar nav{display:block;overflow:visible;margin:0}.sidebar .workspace{display:flex}.sidebar .nav-caption{display:block}.sidebar-bottom{display:block}.sidebar .nav-item{width:100%}.sidebar .nav-item>span{display:block}.sidebar .brand{font-size:27px}.sidebar .nav-item b{margin-left:auto}main{margin-left:0;width:100%}.topbar{height:66px;padding:0 20px;gap:13px}#mobile-menu{display:flex;padding:9px 11px}#global-search{width:min(280px,45vw);font-size:11px}.topbar-right{gap:10px}.topbar-right .live-label{display:none}.topbar-right .text-button{font-size:10px}.content{padding:27px 20px 0}.page-heading h1{font-size:26px}.page-heading .muted{font-size:11px}.stats-grid{gap:13px}.stat-card{padding:20px;min-height:245px}.cpu-visual{margin-left:-20px;margin-right:-20px}.stat-value strong{font-size:31px}.network-summary>div:not(:first-child){border-left:0;padding-left:0}.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.login-screen{display:block}.login-card{padding:65px 0}.login-art{display:none}.website-browser>header{flex-wrap:wrap}.website-browser iframe{min-height:620px}.page-heading{gap:13px}.page-heading .primary{white-space:nowrap;font-size:10px;padding:10px 12px}}
@media(max-width:540px){.content{padding:24px 15px 0}.topbar{padding:0 15px}.page-heading h1{font-size:24px}.page-heading .muted{max-width:230px}.environment-badge{font-size:8px;margin-bottom:13px}.stat-card{padding:16px 14px;min-height:239px}.stat-card>span{font-size:10px}.stat-card>span i{width:27px;height:27px;margin-right:7px;font-size:14px}.stat-value strong{font-size:27px}.stat-value{flex-wrap:wrap;gap:3px;margin-top:20px}.stat-value small{font-size:9px}.stat-card>small{font-size:8px}.cpu-visual{margin-left:-14px;margin-right:-14px}.stat-visual{height:81px}.ram-gauge{width:125px;height:69px}.ram-gauge::before{width:125px;height:125px}.ram-gauge span{font-size:20px}.disk-blocks{gap:3px;height:28px}.disk-label{font-size:7px;flex-wrap:wrap;gap:6px}.service-dots{gap:6px}.service-dots span{height:19px;width:19px;border-radius:6px}.service-dots span.online:after{inset:6px}.service-visual>.muted{font-size:8px}.server-grid{grid-template-columns:1fr}.server-card{padding:22px}.server-card h3{font-size:14px}.server-details{font-size:10px}.server-details strong{font-size:11px}.server-card-actions button{font-size:10px;padding:9px 12px}.network-summary{padding:19px;gap:23px 14px}.network-summary strong{font-size:18px}.network-summary span,.network-summary small{font-size:8px}.network-summary>div{gap:8px}.host-charts{padding:18px}.host-charts>.section-heading{flex-wrap:wrap;gap:10px}.metric-chart-grid{grid-template-columns:1fr}.website-card{padding:23px}.website-card-bottom{flex-wrap:wrap}.website-controls .secondary{padding:7px 9px;font-size:9px}.website-browser iframe{min-height:580px}.login-card h1{font-size:38px}.login-card{max-width:84%}.login-card .brand{margin-bottom:42px}.website-card h2{font-size:20px}.service-dots{flex-wrap:wrap}.table-scroll{font-size:10px}.topbar #global-search{width:43vw}}
@media(min-width:641px) and (max-width:800px){.sidebar{width:210px;transform:none;box-shadow:none;padding:24px 13px 0}.sidebar .brand{font-size:24px;padding-left:4px}.sidebar .brand-mark{width:33px;height:33px;font-size:24px}.sidebar .workspace{margin-top:25px}.workspace strong{font-size:10px}.workspace small{font-size:9px}.nav-item{font-size:11px;padding:11px 9px;gap:9px}.nav-child{font-size:10px;padding:9px 5px;gap:8px}.nav-children{padding-left:10px;margin-left:16px}.nav-item>span{font-size:16px}.sidebar .user-block{padding:16px 18px;width:calc(100% + 26px);margin-left:-13px}.sidebar .discovery{font-size:9px}main{margin-left:210px;width:calc(100% - 210px)}#mobile-menu{display:none}.topbar{gap:12px;padding:0 21px}#global-search{width:min(250px,27vw);font-size:10px}.topbar-right{gap:9px}.content{padding:27px 21px 0}.page-heading{flex-wrap:wrap;gap:19px;margin-bottom:23px}.page-heading h1{font-size:26px}.page-heading .muted{font-size:10px}.page-heading .primary{padding:10px 13px}.stats-grid{gap:11px}.stat-card{padding:17px 13px;min-height:235px}.stat-card>span{font-size:10px}.stat-card>span i{height:27px;width:27px;font-size:13px;margin-right:9px}.stat-value strong{font-size:27px}.stat-value{flex-wrap:wrap;gap:4px}.stat-value small{font-size:9px}.stat-card>small{font-size:8px}.cpu-visual{margin-left:-13px;margin-right:-13px}.ram-gauge{width:130px;height:71px}.ram-gauge::before{width:130px;height:130px}.disk-label{font-size:7px;flex-wrap:wrap;gap:5px}.disk-blocks{gap:3px}.service-visual>.muted{font-size:8px}.service-dots{gap:6px}.service-dots span{width:20px;height:20px}.service-dots span.online:after{inset:6px}.server-grid,.metric-chart-grid{grid-template-columns:1fr}.network-summary{gap:22px 12px;padding:20px 17px}.network-summary strong{font-size:17px}.network-summary span,.network-summary small{font-size:8px}.host-charts .section-heading{flex-wrap:wrap}.website-card{padding:22px}.website-card-bottom{flex-wrap:wrap}.website-browser>header{padding:13px}.website-controls{gap:5px}.website-controls .secondary{font-size:9px;padding:7px 9px}.info-list>div{font-size:9px}.section-heading .text-button{font-size:10px}.database-layout{grid-template-columns:1fr}.file-layout{grid-template-columns:1fr}.toolbar{flex-direction:column}footer{font-size:8px;flex-wrap:wrap}}