:root{--bg:#f4f7fb;--surface:#fff;--ink:#162337;--muted:#718096;--line:#e7edf4;--nav:#101827;--nav-soft:#1b283a;--blue:#3678f6;--blue-dark:#2362de;--cyan:#43c9c7;--green:#19a879;--red:#d85b62;--shadow:0 18px 48px rgba(18,39,68,.07);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:fixed;z-index:50;top:0;left:0;right:0;backdrop-filter:blur(16px)}.topbar-inner{height:100%;display:flex;align-items:center;padding:0 30px 0 24px;gap:22px}.brand{display:flex;align-items:center;gap:11px;font:700 19px 'Space Grotesk',sans-serif;letter-spacing:-.5px;line-height:1.1}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#3678f6,#36c4c2);color:#fff;font-size:22px;box-shadow:0 7px 17px #3678f64a}.brand-accent{color:var(--blue)}.brand small{display:block;color:#91a0b5;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.55px;margin-top:4px}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}.top-user{color:#53647b;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center}.status-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#1eb887;display:inline-block;box-shadow:0 0 0 4px #1eb8871c}.inline-form{display:inline-flex;margin:0}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.icon-button span{width:16px;height:2px;border-radius:3px;background:#53647b;transition:.2s}.menu-toggle{margin-right:2px}.sidebar{position:fixed;z-index:40;top:76px;bottom:0;left:0;width:254px;background:var(--nav);padding:28px 16px 18px;display:flex;flex-direction:column;overflow-y:auto;color:#c2cede;transition:transform .28s ease}.sidebar-heading{font-size:9px;font-weight:800;letter-spacing:1.65px;color:#64748b;padding:0 14px;margin-bottom:11px}.sidebar-gap{margin-top:26px}.nav-link{height:45px;display:flex;align-items:center;gap:13px;padding:0 14px;margin:2px 0;border-radius:10px;color:#9eacc0;font-size:13px;font-weight:600;transition:.2s}.nav-link:hover{background:#ffffff0c;color:#fff}.nav-link.active{background:linear-gradient(100deg,#3678f62b,#41c7c51a);color:#fff;box-shadow:inset 2px 0 #4a92ff}.nav-icon{width:20px;text-align:center;font-size:18px;color:#7e96b7}.nav-link.active .nav-icon{color:#5aa1ff}.sidebar-bottom{margin-top:auto;padding:22px 10px 0}.sidebar-status{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #ffffff12;background:#ffffff08;border-radius:12px;margin-bottom:12px}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:11px;color:#e6edf6}.sidebar-status small{font-size:10px;color:#7f91aa}.sidebar-status .status-dot{flex:none}.sidebar-bottom>.muted{font-size:10px;padding-left:12px;color:#687b94}.main-content{min-height:calc(100vh - 76px);margin-left:254px;padding:111px 34px 60px;max-width:1800px}.nav-shade{display:none}.site-footer{margin:0 0 0 254px;background:#fff;border-top:1px solid var(--line);padding:20px 34px;display:flex;justify-content:space-between;align-items:center;color:#98a5b6;font-size:11px}.site-footer>div{display:flex;gap:18px;align-items:center}.footer-brand{font:700 13px 'Space Grotesk',sans-serif;color:#4c6079}.site-footer>a{font-weight:700;color:#5a7aab}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;font-size:12px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(105deg,#3678f6,#2869e9);box-shadow:0 7px 17px #3678f629}.btn-primary:hover{box-shadow:0 9px 22px #3678f63d}.btn-outline{border-color:#dce5ef;background:#fff;color:#3d587b}.btn-outline:hover,.btn-ghost:hover{border-color:#b8cbe3;background:#f7faff}.btn-ghost{background:transparent;color:#64748b;border-color:transparent}.btn-soft{background:#eff5ff;color:#3674d8;border-color:#e3edfb}.btn-danger-soft{background:#fff1f1;border-color:#ffe0e0;color:#ca555c}.btn-light{background:#fff;color:#2465d7}.btn-sm{padding:8px 12px;font-size:11px}.btn-xs{padding:6px 9px;border-radius:8px;font-size:10px}.btn-lg{padding:13px 19px;font-size:13px}.btn-block{width:100%}.is-loading{opacity:.75;pointer-events:none}.is-loading:after{content:'';width:12px;height:12px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.page-loader{position:fixed;z-index:100;inset:0;background:rgba(248,251,255,.93);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;visibility:hidden;transition:.2s}.page-loader.is-visible{opacity:1;visibility:visible}.page-loader p{font-weight:700;font-size:12px;color:#76869c}.loader-orbit{height:52px;width:52px;border:3px solid #dce9fa;border-top-color:#3678f6;border-right-color:#3fc7c0;border-radius:50%;animation:spin .8s linear infinite;position:relative}.loader-orbit span{position:absolute;left:8px;top:8px;width:8px;height:8px;background:#3678f6;border-radius:50%;box-shadow:0 0 12px #3678f6}@keyframes spin{to{transform:rotate(360deg)}}.flash{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:12px;margin:0 0 22px;font-size:12px;font-weight:600;box-shadow:0 5px 16px #152b4610}.flash>span{font-weight:900}.flash-success{background:#e9f9f1;color:#167d5a;border:1px solid #c9efdc}.flash-error{background:#fff0f0;color:#b6464d;border:1px solid #f9d9da}.flash-close{margin-left:auto;border:0;background:transparent;color:inherit;font-size:18px;line-height:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#5381c2;margin-bottom:12px}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:26px 12px 48px;min-height:530px}.hero-copy h1,.auth-aside h1{font:700 clamp(42px,5.3vw,68px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:0 0 22px;color:#15243a}.hero-copy h1 span,.auth-aside h1 span{background:linear-gradient(95deg,#3476f2,#39bfc0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:540px;font-size:15px;line-height:1.9;color:#718198;margin:0 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:31px;color:#8190a3;font-size:11px;font-weight:600}.proof-avatars{display:flex;padding-left:4px}.proof-avatars i{width:26px;height:26px;border:2px solid var(--bg);border-radius:50%;background:#dce9fc;color:#326bd1;display:grid;place-items:center;margin-left:-4px;font-size:11px;font-style:normal;font-weight:800}.proof-avatars i:nth-child(2){background:#d8f4ed;color:#189a79}.proof-avatars i:nth-child(3){background:#ece5ff;color:#765ad3}.proof-separator{color:#c0cad6}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(1px)}.glow-one{width:330px;height:330px;background:radial-gradient(circle,#66b8ff26,transparent 70%);top:5px;right:5px}.glow-two{width:240px;height:240px;background:radial-gradient(circle,#32c7b522,transparent 72%);bottom:0;left:0}.terminal-card{z-index:2;width:min(100%,470px);background:#121e30;border:1px solid #2c405b;border-radius:18px;box-shadow:0 28px 65px #132b4d38;overflow:hidden;transform:rotate(-1.2deg)}.terminal-top{height:47px;border-bottom:1px solid #293a51;display:flex;align-items:center;gap:14px;padding:0 17px;color:#8498b4;font:11px 'DM Sans',sans-serif}.traffic{display:flex;gap:5px}.traffic i{height:7px;width:7px;border-radius:50%;background:#ff6e73}.traffic i:nth-child(2){background:#ffc45f}.traffic i:nth-child(3){background:#36c99b}.terminal-live{margin-left:auto;color:#4cd5a8;font-size:9px;font-weight:800}.terminal-body{padding:23px}.terminal-label{color:#7d92af;font-size:9px;letter-spacing:1.2px;font-weight:800;display:flex;justify-content:space-between}.terminal-label span{color:#51c99f;font-size:8px}.terminal-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.terminal-metrics>div{border:1px solid #293b53;background:#18273c;border-radius:10px;padding:12px}.terminal-metrics small,.terminal-metrics strong,.terminal-metrics em{display:block}.terminal-metrics small{font-size:8px;letter-spacing:1px;color:#7d91ad}.terminal-metrics strong{font:700 22px 'Space Grotesk',sans-serif;color:#edf5ff;margin:4px 0}.terminal-metrics em{font-size:9px;color:#7d92ac;font-style:normal}.terminal-line{display:flex;align-items:center;gap:10px;height:30px;border-bottom:1px solid #ffffff0b;color:#9aacc3;font-size:10px}.line-check{color:#55d6a5;font-size:13px}.terminal-line code{font-family:monospace}.terminal-line b{margin-left:auto;color:#52c99e;font-size:9px}.terminal-chart{margin-top:19px}.chart-heading{display:flex;justify-content:space-between;color:#8298b5;font-size:8px;letter-spacing:1px;font-weight:800}.chart-heading small{font-size:8px;color:#5c7394}.chart-bars{height:67px;display:flex;align-items:flex-end;gap:8px;margin-top:8px;border-bottom:1px solid #293c55;background:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,#ffffff09 22px)}.chart-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#267be6,#3ac7c1);opacity:.9}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6edf5;padding:10px 14px;border-radius:13px;box-shadow:0 12px 30px #1d395b1a;animation:float 4s ease-in-out infinite}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:10px;color:#31445d}.floating-chip small{font-size:9px;color:#8997aa}.chip-icon{display:grid;place-items:center;width:31px;height:31px;background:#eaf2ff;color:#3478e9;border-radius:9px;font-size:17px}.chip-green{background:#e8f9f3;color:#1b9b75}.chip-top{right:-2px;top:46px}.chip-bottom{left:-5px;bottom:48px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-7px)}}.trust-strip{border-block:1px solid var(--line);padding:22px 12px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:#9ba8b8;font-size:9px;letter-spacing:1.4px;font-weight:800}.trust-strip div{display:flex;justify-content:space-around;gap:35px;flex-wrap:wrap;color:#7f91a8;font-size:11px;letter-spacing:1px}.section-block{padding:70px 12px 28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.section-heading h2{font:700 35px/1.18 'Space Grotesk',sans-serif;letter-spacing:-1.4px;margin:0}.section-heading>p{max-width:390px;color:#8291a5;font-size:12px;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{padding:24px 21px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{height:42px;width:42px;display:grid;place-items:center;color:#3478ed;font-size:20px;background:#edf4ff;border-radius:12px;margin-bottom:18px}.feature-card h3{font:700 15px 'Space Grotesk',sans-serif;margin:0 0 8px}.feature-card p{font-size:11px;color:#8190a3;line-height:1.8;margin:0}.packages-preview{padding-bottom:75px}.text-link{color:#3476e9;font-size:11px;font-weight:800}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.package-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;position:relative;overflow:hidden}.package-card.package-featured{border-color:#8eb4fa;box-shadow:0 15px 35px #3678f618}.package-kicker{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#6c8fc7}.package-card h3{font:700 23px 'Space Grotesk',sans-serif;margin:10px 0 5px}.package-description{color:#8795a7;font-size:11px;min-height:37px}.package-price{display:flex;align-items:baseline;gap:6px;margin:18px 0 19px}.package-price strong{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.package-price span{color:#96a2b2;font-size:10px}.package-card ul{list-style:none;padding:17px 0 7px;margin:0 0 13px;border-top:1px solid var(--line)}.package-card li{font-size:11px;color:#8290a3;padding:5px 0}.package-card li:before{content:'✓';color:#23ac83;margin-right:9px;font-weight:900}.package-card li b{color:#506178}.cta-band{margin:5px 12px 65px;padding:35px 40px;border-radius:20px;background:linear-gradient(110deg,#1c4d97,#277fe9 56%,#2db8bc);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 17px 35px #286dcb25}.cta-band .eyebrow{color:#b7d8ff}.cta-band h2{font:700 26px/1.25 'Space Grotesk',sans-serif;margin:0;letter-spacing:-.7px}.empty-state{padding:55px 20px;text-align:center;border:1px dashed #d8e2ef;border-radius:15px;background:#fbfdff}.empty-state h3{font:700 16px 'Space Grotesk',sans-serif;margin:10px 0 5px}.empty-state p{color:#8a98aa;font-size:11px;margin:0 0 16px}.empty-icon{font-size:25px;color:#5f8fcb}.page-heading{padding:30px 10px 38px}.page-heading h1,.dashboard-head h1{font:700 34px 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:0 0 6px}.page-heading p,.dashboard-head p{margin:0;color:#8593a5;font-size:12px}.package-grid-page{padding:0 8px 60px}.package-grid-page .package-card{padding:30px}.faq-list{max-width:850px;margin:0 10px 65px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:0 20px}.faq-list summary{padding:17px 0;cursor:pointer;font-weight:700;font-size:13px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:#3478e9;font-size:20px}.faq-list details[open] summary:after{content:'−'}.faq-list p{padding:0 0 17px;margin:0;color:#7d8ca0;font-size:12px;line-height:1.8}.auth-layout{display:grid;grid-template-columns:1fr minmax(360px,470px);gap:40px;align-items:center;max-width:1050px;margin:12px auto 55px;min-height:590px;padding:20px}.auth-aside{padding:25px}.auth-aside h1{font-size:53px}.auth-aside p{max-width:400px;color:#7e8da1;line-height:1.9}.auth-aside-line{margin-top:28px;color:#6c83a4;font-size:11px;font-weight:700}.auth-aside-line span{color:#3b8ae9;margin-right:7px}.auth-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.auth-card-top{display:flex;align-items:center;gap:14px;margin-bottom:23px}.auth-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#edf4ff;color:#3678eb;font-size:22px}.auth-card h2{font:700 21px 'Space Grotesk',sans-serif;margin:0}.auth-card-top p{font-size:11px;color:#8a97a8;margin:3px 0 0}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form label,.domain-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#53647b}.stack-form input,.stack-form select,.stack-form textarea,.domain-form input,.inline-assign select,.form-panel input,.form-panel select,.form-panel textarea{width:100%;border:1px solid #dfe7f0;background:#fbfcfe;border-radius:9px;padding:11px 12px;color:#31445d;outline:0;font-size:12px;transition:.2s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.domain-form input:focus,.form-panel input:focus,.form-panel textarea:focus{border-color:#76a5ef;box-shadow:0 0 0 3px #3678f615;background:#fff}.stack-form small,.form-panel small{font-size:9px;color:#9aa7b7;font-weight:500}.auth-switch{text-align:center;font-size:11px;color:#8a98aa;margin:20px 0 0}.auth-switch a{color:#3476e9;font-weight:800}.form-alert{margin-bottom:15px;padding:11px 13px;border:1px solid #f6d8d9;color:#b44d55;background:#fff1f1;border-radius:9px;font-size:11px}.optional{color:#9ba8b7;font-weight:500}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px 21px;transition:.2s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;color:#7d8ca0;font-size:11px;font-weight:700}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4ff;color:#387ce8;font-size:17px}.stat-card>strong{display:block;font:700 28px 'Space Grotesk',sans-serif;margin:11px 0 1px}.stat-card>small{color:#9aa7b6;font-size:10px}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel-card,.form-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panel-heading h2{font:700 16px 'Space Grotesk',sans-serif;margin:0}.panel-heading p{color:#94a0af;font-size:10px;margin:4px 0 0}.quick-actions{display:flex;flex-direction:column}.quick-actions>a{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #f0f3f7}.quick-actions>a:first-child{border-top:0}.quick-icon{height:36px;width:36px;display:grid;place-items:center;background:#eef5ff;color:#3a7bea;border-radius:10px;font-size:17px;flex:none}.quick-actions b,.quick-actions small{display:block}.quick-actions b{font-size:11px;color:#465970}.quick-actions small{font-size:9px;color:#9aa7b6}.quick-actions>a>span:last-child{margin-left:auto;color:#8ba6c9;font-size:16px}.admin-note{background:linear-gradient(145deg,#fff,#f6faff)}.admin-note h3{font:700 15px 'Space Grotesk',sans-serif;margin:5px 0}.admin-note p{color:#8392a5;font-size:11px;line-height:1.8}.form-panel{max-width:900px}.narrow-panel{max-width:650px;margin:0 auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-panel .stack-form{gap:17px}.form-panel label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#53647b}.form-actions{display:flex;gap:10px;align-items:center;margin-top:7px}.notice{padding:12px 14px;border-radius:10px;font-size:10px;line-height:1.7}.notice-warning{background:#fff7e9;border:1px solid #f8e4bf;color:#92713d}.notice-info{background:#eef6ff;border:1px solid #d8e9ff;color:#4f709d}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:730px;text-align:left}th{padding:11px 13px;background:#f8fafd;color:#8b99aa;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--line)}td{padding:13px;border-bottom:1px solid #f0f3f7;font-size:11px;color:#64758b;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td b{color:#40546d;font-size:11px}.table-sub{display:block;color:#9ba7b7;font-size:9px;margin-top:3px}.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.table-actions form{display:inline-flex;margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;background:#f0f3f7;color:#8492a3;font-size:9px;font-weight:800;text-transform:uppercase}.status-pill i{height:6px;width:6px;border-radius:50%;background:currentColor}.status-online,.status-running{background:#e9f8f1;color:#1d9b70}.status-offline,.status-error{background:#fff0f0;color:#d45a60}.status-unknown,.status-provisioning{background:#fff7e9;color:#bd8a35}.mini-tag{display:inline-block;padding:4px 7px;border-radius:6px;background:#f0f4f9;color:#75869d;font-size:9px;font-weight:700}.table-empty{text-align:center;color:#9ba7b5;padding:30px}.package-admin-grid{grid-template-columns: minmax(260px,.8fr) minmax(420px,1.5fr)}.admin-package-list{display:flex;flex-direction:column;gap:13px}.package-edit-row{padding:14px;background:#fbfcfe;border:1px solid #edf1f6;border-radius:11px}.package-edit-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.package-edit-title b{font:700 13px 'Space Grotesk',sans-serif}.package-edit-row .form-grid{gap:9px}.package-edit-row label{font-size:9px}.package-edit-row input{padding:8px 9px;font-size:10px}.checkbox-line{display:flex!important;align-items:center!important;flex-direction:row!important;gap:8px!important;color:#8593a5!important;font-size:10px!important;font-weight:600!important}.checkbox-line input{width:14px!important;height:14px!important;accent-color:#3678f6}.package-edit-row .checkbox-line{margin:10px 0}.inline-assign{display:flex;gap:7px;align-items:center}.inline-assign select{width:auto;min-width:120px;padding:7px 8px;font-size:10px}.plan-banner{display:flex;align-items:center;gap:16px;padding:20px 23px;background:linear-gradient(110deg,#eaf3ff,#eefafa);border:1px solid #d9e9fb;border-radius:16px;margin-bottom:29px}.plan-mark{width:45px;height:45px;border-radius:13px;background:#fff;color:#3478ea;display:grid;place-items:center;font-size:22px;box-shadow:0 6px 15px #3678f618}.plan-info{flex:1}.plan-info small{font-size:8px;font-weight:800;letter-spacing:1.4px;color:#6c8dbd}.plan-info h2{font:700 18px 'Space Grotesk',sans-serif;margin:2px 0}.plan-info p{font-size:10px;color:#8798ad;margin:0}.plan-quotas{display:flex;gap:25px}.plan-quotas strong,.plan-quotas small{display:block}.plan-quotas strong{font:700 17px 'Space Grotesk',sans-serif;color:#3c5879}.plan-quotas small{font-size:8px;letter-spacing:.9px;color:#8b9bb1}.section-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-subhead h2{font:700 17px 'Space Grotesk',sans-serif;margin:0}.section-subhead p{font-size:10px;color:#91a0b2;margin:3px 0 0}.count-chip{padding:6px 9px;border-radius:7px;background:#eaf2ff;color:#4b78bb;font-size:9px;font-weight:800;letter-spacing:.7px}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.server-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.server-card-head{display:flex;align-items:center;justify-content:space-between}.server-avatar{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:#3478ed;font:700 12px 'Space Grotesk',sans-serif}.server-card h3{font:700 16px 'Space Grotesk',sans-serif;margin:15px 0 2px}.server-card>p{font-size:10px;color:#9aa6b5;margin:0 0 18px}.server-card>p span{padding:0 4px}.resource-row{margin:11px 0}.resource-row>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#929fb0;margin-bottom:6px}.resource-row b{color:#5d6f85;font-size:9px}.progress{height:5px;border-radius:5px;background:#edf1f6;overflow:hidden}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3678f6,#42c5c2)}.progress-blue i{background:linear-gradient(90deg,#7c8cf5,#4ea9e7)}.server-card .btn{margin-top:10px}.server-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 16px;margin-bottom:16px}.server-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.metric-card>small{font-size:8px;letter-spacing:1.1px;color:#8c9bad;font-weight:800}.metric-card>strong{display:block;font:700 24px 'Space Grotesk',sans-serif;margin:8px 0}.metric-card>strong span{font:500 11px 'DM Sans',sans-serif;color:#98a6b5}.metric-card p{margin:8px 0 0;font-size:9px;color:#96a3b2;overflow-wrap:anywhere}.metric-environment{font-size:17px!important;color:#3478ec}.detail-grid{grid-template-columns:1.25fr 1fr;align-items:start}.domain-panel{margin-top:16px}.domain-form{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:end;gap:12px}.domain-form input{padding:9px}.ssl-check{padding-bottom:11px;white-space:nowrap}.domain-list{margin-top:16px;border-top:1px solid var(--line)}.domain-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f7}.domain-row>div{flex:1}.domain-row b,.domain-row small{display:block}.domain-row b{font-size:11px;color:#50627a}.domain-row small{font-size:9px;color:#98a5b5}.empty-inline{padding:20px 0 0;font-size:10px;color:#9ba7b6}.file-panel{padding:18px}.file-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 15px}.breadcrumbs{font-size:11px;color:#8b9ab0}.breadcrumbs a{font-weight:800;color:#3678ed}.breadcrumbs span{padding:0 6px}.file-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.upload-box,.new-file-box{display:flex;flex-direction:column;gap:9px;padding:15px;background:#f9fbfe;border:1px dashed #d8e3f0;border-radius:12px}.upload-box>div:nth-child(2) b,.upload-box>div:nth-child(2) small,.new-file-box>div:nth-child(2) b,.new-file-box>div:nth-child(2) small{display:block}.upload-box b,.new-file-box b{font-size:11px;color:#53677f}.upload-box small,.new-file-box small{font-size:9px;color:#9aa7b6}.upload-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#eaf2ff;color:#3678ed;font-size:19px}.upload-icon-alt{background:#e8f8f2;color:#1b9f77}.upload-box input[type=file]{font-size:10px;color:#8291a4;max-width:100%}.upload-box .checkbox-line{margin:0}.new-file-box input,.new-file-box textarea{background:#fff;border:1px solid #dfe7f0;border-radius:8px;padding:8px 10px;font-size:10px;color:#50627a}.file-table-wrap table{min-width:650px}.file-type-icon{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#eef4fc;color:#4a83d3;margin-right:8px}.file-name{font-weight:700;color:#51647d;font-size:10px}.file-footnote{padding:13px 2px 0;color:#96a2b1;font-size:9px}.file-footnote code{color:#657c99}.code-editor{font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace!important;background:#101d2e!important;color:#d6e4f4!important;border-color:#273a54!important;min-height:420px;tab-size:2;white-space:pre}.editor-panel{max-width:1000px}.site-footer{position:relative}.muted{color:#9aa7b6}.compact{padding:30px}.table-actions .btn{min-height:28px}
@media(max-width:1180px){.main-content{padding-inline:25px}.hero-section{gap:20px}.hero-copy h1{font-size:56px}.feature-grid{grid-template-columns:repeat(2,1fr)}.server-grid{grid-template-columns:repeat(2,1fr)}.domain-form{grid-template-columns:1fr 1fr}.domain-form .btn{justify-self:start}.package-admin-grid{grid-template-columns:1fr 1.3fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);top:76px}.nav-open .sidebar{transform:translateX(0)}.nav-shade{position:fixed;inset:76px 0 0;background:#0b1627a8;z-index:35;display:block;opacity:0;visibility:hidden;transition:.25s}.nav-open .nav-shade{opacity:1;visibility:visible}.main-content{margin-left:0;padding-top:103px}.site-footer{margin-left:0}.hero-section{grid-template-columns:1fr;padding-top:15px}.hero-copy{max-width:650px}.hero-visual{min-height:405px}.hero-section{padding-bottom:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.detail-grid{grid-template-columns:1fr}.package-admin-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;max-width:560px;gap:5px}.auth-aside{padding:10px 25px}.auth-aside h1{font-size:44px}.auth-card{margin-bottom:30px}}
@media(max-width:620px){.topbar{height:66px}.topbar-inner{padding:0 14px;gap:12px}.brand{font-size:16px}.brand-mark{width:35px;height:35px}.brand small{font-size:7px}.menu-toggle{width:35px;height:35px}.sidebar{top:66px;width:min(285px,86vw)}.nav-shade{inset:66px 0 0}.main-content{padding:88px 14px 42px}.site-footer{padding:18px 15px;display:block}.site-footer>div{display:block}.site-footer>div span{display:block;margin-top:4px}.site-footer>a{display:inline-block;margin-top:10px}.top-user{display:none}.topbar-right{gap:7px}.btn-sm{padding:7px 9px}.hero-section{padding:14px 0 28px;min-height:0}.hero-copy h1{font-size:44px;letter-spacing:-2px}.hero-lead{font-size:13px}.hero-actions .btn{width:100%}.hero-proof{font-size:9px;gap:7px}.hero-visual{min-height:345px;margin:0 -4px}.terminal-card{width:100%;transform:none}.terminal-body{padding:15px}.terminal-top{height:40px}.terminal-label{font-size:8px}.terminal-metrics{margin:14px 0}.terminal-metrics>div{padding:9px}.terminal-metrics strong{font-size:18px}.chip-top{right:0;top:10px}.chip-bottom{left:0;bottom:8px}.floating-chip{padding:7px 9px}.floating-chip b{font-size:9px}.floating-chip small{font-size:8px}.chip-icon{height:27px;width:27px}.trust-strip{display:block;padding:18px 3px}.trust-strip div{justify-content:flex-start;gap:18px;margin-top:12px;font-size:9px}.section-block{padding:46px 0 20px}.section-heading{display:block}.section-heading h2{font-size:29px}.section-heading>p{margin-top:14px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:16px 13px}.feature-card h3{font-size:12px}.feature-card p{font-size:10px}.feature-icon{width:35px;height:35px;margin-bottom:12px}.package-grid,.package-grid-page{grid-template-columns:1fr}.package-card{padding:20px}.cta-band{margin:5px 0 35px;padding:25px 20px;display:block}.cta-band h2{font-size:21px}.cta-band .btn{margin-top:20px;width:100%}.page-heading{padding:15px 0 25px}.page-heading h1,.dashboard-head h1{font-size:27px}.dashboard-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.dashboard-head>.btn{width:100%}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-card>strong{font-size:23px}.stat-card>small{font-size:9px}.panel-card,.form-panel{padding:16px}.panel-heading h2{font-size:14px}.form-grid{grid-template-columns:1fr}.auth-layout{padding:0;margin:0 auto 30px;gap:0;min-height:0}.auth-aside{padding:7px 4px 20px}.auth-aside h1{font-size:38px}.auth-aside p{font-size:12px}.auth-card{padding:22px 17px}.plan-banner{align-items:flex-start;flex-wrap:wrap;padding:15px}.plan-info{min-width:calc(100% - 65px)}.plan-quotas{width:100%;justify-content:space-around;border-top:1px solid #dceafa;padding-top:12px}.server-grid{grid-template-columns:1fr}.server-toolbar{align-items:flex-start;flex-direction:column}.server-toolbar .table-actions{width:100%}.server-toolbar .table-actions form{flex:1}.server-toolbar .table-actions button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{padding:14px}.domain-form{grid-template-columns:1fr}.domain-form .btn{width:100%}.file-actions-grid{grid-template-columns:1fr}.file-panel{padding:12px}.file-toolbar{align-items:flex-start;gap:8px;flex-direction:column}.file-footnote{overflow-wrap:anywhere}.package-admin-grid{grid-template-columns:1fr}.package-edit-row .form-grid{grid-template-columns:1fr 1fr}.package-edit-row .table-actions{justify-content:flex-start}.inline-assign{align-items:stretch;flex-direction:column}.inline-assign select{width:100%}.section-subhead h2{font-size:15px}.section-subhead p{font-size:9px}.faq-list{margin-inline:0}.auth-card .btn{font-size:12px}.site-footer{font-size:10px}}