:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f8ff;background:#030712;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at 75% 15%,rgba(30,94,255,.13),transparent 34%),radial-gradient(circle at 25% 90%,rgba(0,163,255,.08),transparent 35%),#030712;color:#f4f8ff}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.shell{max-width:1280px;margin:0 auto;padding:36px}.card{position:relative;background:linear-gradient(145deg,rgba(12,29,51,.96),rgba(7,20,37,.96));border:1px solid rgba(74,144,226,.22);border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 18px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;background:linear-gradient(135deg,#168fff,#0067ff);color:white;border:1px solid rgba(97,178,255,.4);border-radius:11px;padding:11px 17px;font-weight:750;cursor:pointer;text-decoration:none;box-shadow:0 8px 22px rgba(0,103,255,.18);transition:.18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.secondary{background:#12253c;border-color:#23486f;box-shadow:none}.btn.danger,.danger{background:#7f1d1d;color:#fff}.input{width:100%;box-sizing:border-box;background:#061220;border:1px solid #24486c;color:#fff;border-radius:11px;padding:11px 12px;margin-top:6px;outline:none}.input:focus{border-color:#168fff;box-shadow:0 0 0 3px rgba(22,143,255,.12)}.label{font-size:13px;color:#94abc1}.nav{display:flex;gap:14px;justify-content:space-between}.nav,.pill{align-items:center}.pill{display:inline-flex;padding:5px 11px;border-radius:999px;background:rgba(15,108,184,.22);border:1px solid rgba(64,167,255,.2);color:#7dd3fc;font-size:12px;font-weight:700}.muted{color:#8fa6bd}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}h1,h2,h3{margin:.3em 0}code{background:#030b15;border:1px solid #152b43;padding:3px 7px;border-radius:7px}.ok{color:#6ee7a8}.hub{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh;overflow:hidden}.hub:before{width:min(850px,70vw);aspect-ratio:1;right:-110px;bottom:-190px;background-image:url(/devhelper-logo.png);background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:.055;filter:saturate(1.25) contrast(1.1)}.hub:after,.hub:before{content:"";position:fixed;pointer-events:none;z-index:0}.hub:after{inset:0;background:linear-gradient(90deg,rgba(3,7,18,.1),transparent 45%),radial-gradient(circle at 85% 25%,rgba(30,102,255,.08),transparent 30%)}.hub-sidebar{position:relative;z-index:2;min-height:100vh;padding:24px 18px;border-right:1px solid rgba(80,142,215,.14);background:rgba(3,10,22,.88);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:flex;flex-direction:column}.hub-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 24px}.hub-brand-logo{width:48px;height:48px;border-radius:14px;object-fit:cover;border:1px solid rgba(78,157,255,.4);box-shadow:0 0 25px rgba(31,111,255,.2)}.hub-brand-title{font-size:17px;font-weight:850;letter-spacing:.3px}.hub-brand-sub{color:#659cd5;font-size:11px;font-weight:700}.hub-brand-sub,.sidebar-label{letter-spacing:1.4px;text-transform:uppercase}.sidebar-label{margin:20px 10px 8px;color:#526d89;font-size:10px;font-weight:800}.sidebar-link{display:flex;align-items:center;gap:11px;color:#9fb2c8;text-decoration:none;font-weight:650;padding:11px 12px;margin:3px 0;border-radius:11px;transition:.16s ease}.sidebar-link:hover{background:rgba(24,95,165,.14);color:#eaf5ff}.sidebar-link.active{background:linear-gradient(90deg,rgba(0,112,255,.22),rgba(0,112,255,.06));color:#fff;border:1px solid rgba(47,136,255,.2)}.sidebar-icon{width:25px;text-align:center;font-size:16px}.sidebar-spacer{flex:1 1}.sidebar-account{padding:14px;margin-top:20px;border:1px solid rgba(54,117,180,.18);border-radius:14px;background:rgba(12,30,50,.58)}.sidebar-account-name{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-role{font-size:11px;color:#60a5fa;margin-top:3px}.hub-main{position:relative;z-index:1;width:100%;min-width:0;padding:28px 32px 50px}.hub-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.hub-welcome-label{color:#5e91c8;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:800}.hub-title{margin:5px 0 4px;font-size:31px;letter-spacing:-.8px}.hub-subtitle{color:#879db4;margin:0;font-size:14px}.online-chip{display:flex;align-items:center;gap:8px;background:rgba(6,61,42,.44);border:1px solid rgba(61,213,151,.22);color:#8ff0bd;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:750}.online-dot{width:8px;height:8px;border-radius:50%;background:#43e6a1;box-shadow:0 0 12px #43e6a1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:26px}.stat-card{position:relative;overflow:hidden;padding:18px;border-radius:17px;background:linear-gradient(145deg,rgba(12,31,53,.9),rgba(6,18,34,.9));border:1px solid rgba(52,110,169,.2);box-shadow:0 14px 35px rgba(0,0,0,.16)}.stat-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-38px;top:-38px;background:rgba(20,112,255,.08)}.stat-label{color:#718aa4;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.stat-value{font-size:27px;font-weight:850;margin-top:5px}.stat-note{margin-top:4px;color:#64809c;font-size:11px}.hub-panel{padding:22px;margin-bottom:20px;border-radius:20px;border:1px solid rgba(49,110,174,.2);background:linear-gradient(145deg,rgba(9,25,44,.88),rgba(5,16,30,.88));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.18)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.panel-title{margin:0;font-size:19px}.panel-subtitle{margin:4px 0 0;color:#7891aa;font-size:12px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:13px;gap:13px}.server-card{min-height:152px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;padding:17px;text-decoration:none;border:1px solid rgba(51,108,166,.18);background:linear-gradient(145deg,rgba(13,34,57,.88),rgba(7,21,39,.88));transition:.18s ease;position:relative;overflow:hidden}.server-card:hover{transform:translateY(-3px);border-color:rgba(47,139,255,.48);box-shadow:0 16px 35px rgba(0,75,180,.12)}.server-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-50px;bottom:-50px;background:rgba(23,111,255,.07)}.server-name{font-size:15px;font-weight:800;margin-bottom:7px}.server-status{font-size:12px;display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4b6075}.status-dot.active{background:#51e3a2;box-shadow:0 0 10px rgba(81,227,162,.8)}.server-action{margin-top:17px;color:#62b6ff;font-size:12px;font-weight:750}.owner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.owner-tool{text-decoration:none;padding:17px;min-height:112px;border-radius:15px;background:rgba(9,27,47,.78);border:1px solid rgba(54,116,184,.17);transition:.16s ease}.owner-tool:hover{background:rgba(13,37,64,.9);border-color:rgba(58,145,255,.4);transform:translateY(-2px)}.owner-tool-icon{font-size:20px;margin-bottom:12px}.owner-tool-title{font-weight:800;font-size:14px}.owner-tool-desc{margin-top:4px;color:#708ba5;font-size:11px;line-height:1.45}.owner-tool.disabled{opacity:.38;cursor:default;pointer-events:none}.error-banner{padding:15px 17px;margin-bottom:20px;border-radius:13px;color:#ffd8d8;background:rgba(107,27,27,.32);border:1px solid rgba(255,88,88,.22)}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hub{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:760px){.hub{display:block}.hub-sidebar{min-height:auto;border-right:0;border-bottom:1px solid rgba(80,142,215,.14)}.hub-sidebar .sidebar-label,.hub-sidebar .sidebar-link,.sidebar-account,.sidebar-spacer{display:none}.hub-brand{padding-bottom:8px}.hub-main{padding:22px 16px 40px}.hub-topbar{align-items:flex-start;flex-direction:column}.hub-title{font-size:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:1fr}.shell{padding:18px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}}.server-card-top{display:flex;align-items:center;gap:14px}.server-info{min-width:0;flex:1 1}.server-icon,.server-icon-fallback{width:48px;height:48px;flex:0 0 48px;border-radius:15px;border:1px solid rgba(80,170,255,.28);box-shadow:0 8px 22px rgba(0,0,0,.28),0 0 0 3px rgba(33,150,243,.04)}.server-icon{object-fit:cover;background:#071525}.server-icon-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(15,95,170,.55),rgba(5,24,46,.95));color:#8dd8ff;font-weight:800;font-size:15px;letter-spacing:.5px}.server-card:hover .server-icon,.server-card:hover .server-icon-fallback{transform:scale(1.04);border-color:rgba(72,190,255,.6);box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 20px rgba(0,153,255,.12)}.server-icon,.server-icon-fallback{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.server-name-with-icon{display:flex;align-items:center;gap:10px}.server-mini-icon{width:34px;height:34px;min-width:34px;border-radius:10px;object-fit:cover;border:1px solid rgba(86,185,255,.3);background:#071525}.server-mini-fallback{display:flex;align-items:center;justify-content:center;color:#8edaff;font-size:11px;font-weight:800;background:linear-gradient(145deg,#123b63,#071525)}.billing-list{display:grid;grid-gap:16px;gap:16px}.billing-license{margin:0}.billing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.billing-due{text-align:right;min-width:220px}.billing-overdue{color:#fca5a5;font-weight:800}.billing-history{margin-top:18px;border-top:1px solid rgba(120,170,220,.18);padding-top:14px}.billing-history summary{cursor:pointer;font-weight:800}.billing-payment{display:grid;grid-template-columns:1.2fr 1fr .6fr 1.4fr;grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid rgba(120,170,220,.12);font-size:13px}.billing-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:14px;border:1px solid rgba(120,170,220,.2);border-radius:12px}.billing-toggle input{margin-top:4px}.billing-toggle span{display:flex;flex-direction:column;gap:4px}.billing-toggle small{color:#9fb5ca;line-height:1.5}@media(max-width:700px){.billing-due{text-align:left;min-width:0}.billing-payment{grid-template-columns:1fr 1fr}}.sm-server-picker{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.sm-server-picker>div:first-child{min-width:min(100%,420px)}.sm-server-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sm-server-meta span{font-size:12px;color:#7f94aa;font-family:monospace}.sm-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.sm-module-card{display:block;text-decoration:none;color:inherit;padding:20px;border-radius:18px;background:linear-gradient(145deg,rgba(17,31,48,.96),rgba(9,18,30,.98));border:1px solid rgba(88,166,255,.18);box-shadow:0 12px 36px rgba(0,0,0,.18);transition:transform .18s,border-color .18s,box-shadow .18s}.sm-module-card:hover{transform:translateY(-3px);border-color:rgba(74,162,255,.6);box-shadow:0 16px 42px rgba(0,80,180,.18)}.sm-module-card h2{margin:12px 0 6px}.sm-module-card p{color:#96abc0;line-height:1.45;min-height:42px}.sm-module-top{display:flex;align-items:center;justify-content:space-between}.sm-icon{font-size:27px}.sm-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 14px currentColor}.sm-dot.on{background:#34d399;color:#34d399}.sm-dot.off{background:#64748b;color:#64748b}.sm-module-foot{border-top:1px solid rgba(120,170,220,.12);padding-top:14px;margin-top:16px;display:flex;justify-content:space-between;align-items:end;gap:12px;color:#9db2c7;font-size:13px}.sm-module-foot b{font-size:20px;color:#e8f3ff;text-align:right}.sm-module-foot small{display:block;font-size:10px;color:#7f94aa;font-weight:500}.sm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.sm-stat{display:flex;flex-direction:column;gap:8px}.sm-stat span{text-transform:capitalize;color:#8fa5ba;font-size:12px}.sm-stat b{font-size:25px}.sm-detail-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:16px;gap:16px}.sm-config-list{display:grid;grid-gap:2px;gap:2px}.sm-config-row{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid rgba(120,170,220,.1)}.sm-config-row span{color:#93a9be}.sm-config-row code{white-space:normal;word-break:break-word;color:#d8eaff}.sm-command-list{display:flex;flex-wrap:wrap;gap:8px}.sm-command-list code{padding:9px 11px;border-radius:10px;background:rgba(33,87,145,.18);border:1px solid rgba(80,160,240,.2)}.sm-section-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.sm-records{display:grid;grid-gap:10px;gap:10px}.sm-record{padding:14px;border-radius:12px;border:1px solid rgba(120,170,220,.12);background:rgba(4,12,22,.35)}.sm-record-title{font-weight:800;margin-bottom:9px}.sm-record-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:#94a9bd;font-size:12px}.sm-record-meta b{color:#c6d9eb}@media(max-width:1050px){.sm-module-grid,.sm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.sm-config-row,.sm-detail-grid,.sm-module-grid,.sm-stats{grid-template-columns:1fr}.sm-server-meta{align-items:flex-start}}.sm-editor{display:grid;grid-gap:18px;gap:18px}.sm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.sm-field{display:flex;flex-direction:column;gap:7px}.sm-field>span{font-weight:700;font-size:13px;color:#b9cee1}.sm-textarea{min-height:110px;resize:vertical}.sm-toggle{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid rgba(100,160,220,.15);border-radius:12px;background:rgba(5,18,31,.32)}.sm-toggle input{margin-top:4px;transform:scale(1.15)}.sm-toggle span{display:flex;flex-direction:column;gap:3px}.sm-toggle small{color:#8299af}.sm-inline-editor{margin-top:16px;padding:16px;border:1px solid rgba(66,153,225,.22);border-radius:14px;background:rgba(4,13,24,.45)}.sm-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.sm-form-grid{grid-template-columns:1fr}}.sm-myservers-grid{display:grid;grid-gap:16px;gap:16px}.sm-myserver{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:18px;gap:18px}.sm-myserver-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-weight:900;background:rgba(42,120,220,.16);border:1px solid rgba(80,160,255,.28)}.sm-myserver-copy h2{margin:0 0 3px}.sm-myserver-copy p{margin:0 0 7px}.sm-license-live{font-size:12px;color:#6ee7b7;font-weight:800}@media(max-width:700px){.sm-myserver{grid-template-columns:auto 1fr}.sm-myserver>a{grid-column:1/-1;text-align:center}}.sm-event-slot-form{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:12px;gap:12px;align-items:end;margin:16px 0 20px}.sm-event-slots{display:grid;grid-gap:10px;gap:10px}.sm-event-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:12px;border:1px solid rgba(100,160,220,.16);background:rgba(5,18,31,.35)}.sm-event-slot>div{display:flex;flex-direction:column;gap:4px}.sm-event-slot span{color:#8fa6bb;font-size:13px}@media(max-width:850px){.sm-event-slot-form{grid-template-columns:1fr}.sm-event-slot{align-items:flex-start;flex-direction:column}}