@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;font-family:IBM Plex Sans,sans-serif;color:#eef4ff;background:radial-gradient(circle at top left,rgba(25,72,145,.55),transparent 28%),radial-gradient(circle at top right,rgba(8,162,132,.2),transparent 24%),radial-gradient(circle at 50% 0%,rgba(126,200,255,.08),transparent 34%),linear-gradient(180deg,#06101d,#0a1524 40%,#0f1c2d);background-color:#07111f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #07111f;--bg-elevated: #0b1728;--bg-panel: rgba(10, 20, 36, .82);--bg-panel-strong: rgba(15, 28, 48, .92);--bg-soft: rgba(255, 255, 255, .045);--bg-softer: rgba(255, 255, 255, .025);--surface-1: rgba(9, 18, 32, .8);--surface-2: rgba(14, 26, 45, .9);--surface-3: rgba(18, 34, 58, .95);--border: rgba(160, 187, 230, .16);--border-strong: rgba(141, 188, 255, .28);--border-accent: rgba(126, 200, 255, .34);--text: #eef4ff;--text-soft: #a7b5cb;--text-muted: #7e90ab;--accent: #7ec8ff;--accent-strong: #39a8ff;--accent-soft: rgba(126, 200, 255, .14);--accent-mint: #74f2c8;--accent-mint-soft: rgba(116, 242, 200, .14);--success: #57d29d;--warning: #ffb35a;--danger: #ff7f81;--info: #9ab8ff;--gradient-brand: linear-gradient(135deg, #7ec8ff 0%, #74f2c8 100%);--gradient-panel: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(126, 200, 255, .06));--gradient-panel-strong: linear-gradient(180deg, rgba(126, 200, 255, .12), rgba(116, 242, 200, .08));--shadow-sm: 0 18px 36px rgba(0, 0, 0, .2);--shadow: 0 30px 70px rgba(0, 0, 0, .34);--shadow-xl: 0 42px 90px rgba(0, 0, 0, .42);--ring: 0 0 0 4px rgba(126, 200, 255, .12);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 36px;--space-9: 48px;--motion-fast: .16s ease;--motion-base: .22s ease;--motion-slow: .38s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background-attachment:fixed}a{color:inherit;text-decoration:none}::selection{color:#04101d;background:#7ec8ffe0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--ring)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;margin:0}p{margin:0}.marketing-page,.auth-page{position:relative;min-height:100vh;padding:28px clamp(18px,3vw,42px)}.marketing-page:before,.auth-page:before,.shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(126,200,255,.08),transparent 28%),radial-gradient(circle at 100% 12%,rgba(116,242,200,.07),transparent 24%),linear-gradient(transparent,#ffffff04);z-index:0}.marketing-page>*,.auth-page>*,.shell>*{position:relative;z-index:1}.marketing-page{display:grid;gap:var(--space-7);width:min(1440px,100%);margin:0 auto}.marketing-page--puck{gap:var(--space-6)}.marketing-header,.hero-panel,.auth-card,.panel-card,.shell__sidebar,.topbar,.sidebar-plan-card,.stat-card,.feature-card,.server-row,.server-card,.plan-card,.upgrade-panel,.update-card,.admin-row,.marketing-hero__panel,.fixed-infrastructure,.auth-form-panel,.auth-benefit-card,.sidebar-nav__link,.toggle-field,.mod-row,.segmented-control,.topbar__meta,.marketing-highlight-chip,.marketing-activation-note,.landing-note,.success-panel,.trust-pill,.product-preview,.product-preview__window,.product-preview__stat,.product-preview__status-row,.update-card__icon,.status-badge{position:relative;overflow:hidden}.marketing-header:after,.hero-panel:after,.auth-card:after,.panel-card:after,.shell__sidebar:after,.topbar:after,.sidebar-plan-card:after,.stat-card:after,.feature-card:after,.server-row:after,.server-card:after,.plan-card:after,.upgrade-panel:after,.update-card:after,.admin-row:after,.marketing-hero__panel:after,.auth-form-panel:after,.auth-benefit-card:after,.success-panel:after,.product-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff0a,#fff0);pointer-events:none}.marketing-header,.hero-panel,.auth-card,.panel-card,.shell__sidebar,.topbar,.sidebar-plan-card,.stat-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow)}.feature-card,.server-row,.server-card,.plan-card,.upgrade-panel,.admin-row,.marketing-hero__panel,.fixed-infrastructure,.auth-form-panel,.auth-benefit-card,.update-card,.success-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.marketing-header,.hero-panel,.auth-card,.panel-card,.shell__sidebar,.topbar{border-radius:var(--radius-xl)}.feature-card,.server-row,.server-card,.plan-card,.upgrade-panel,.admin-row,.marketing-hero__panel,.fixed-infrastructure,.auth-form-panel,.auth-benefit-card,.update-card,.success-panel,.sidebar-plan-card,.topbar__meta,.toggle-field,.mod-row,.segmented-control,.landing-note,.marketing-activation-note,.product-preview,.product-preview__window,.product-preview__stat,.product-preview__status-row{border-radius:var(--radius-md)}.marketing-header,.hero-panel,.auth-card,.panel-card{padding:clamp(22px,3vw,38px)}.auth-card--wide{width:min(1180px,100%)}.panel-card,.shell__sidebar,.topbar,.sidebar-plan-card,.stat-card,.feature-card,.server-row,.server-card,.plan-card,.upgrade-panel,.admin-row,.update-card,.success-panel,.marketing-hero__panel,.fixed-infrastructure,.auth-form-panel,.auth-benefit-card,.product-preview,.sidebar-nav__link,.trust-pill,.marketing-highlight-chip,.icon-button{transition:transform var(--motion-base),border-color var(--motion-base),box-shadow var(--motion-base),background var(--motion-base),opacity var(--motion-base)}.feature-card:hover,.server-card:hover,.stat-card:hover,.server-row:hover,.admin-row:hover,.plan-card:hover,.auth-benefit-card:hover,.update-card:hover,.marketing-hero__panel:hover,.sidebar-nav__link:hover,.trust-pill:hover,.product-preview:hover{transform:translateY(-2px);border-color:#7ec8ff4d;box-shadow:0 24px 50px #00000047}.marketing-nav,.marketing-hero,.marketing-hero__copy,.marketing-hero__panel,.marketing-scope-intro,.marketing-scope-list,.marketing-plan-grid,.stack-grid,.landing-grid,.audience-grid,.faq-grid,.dashboard-guidance-grid,.page-grid,.page-content,.admin-grid,.admin-users,.admin-fleet,.plan-comparison-grid,.plan-card__list,.upgrade-panel,.upgrade-panel__highlights,.upgrade-panel__step-list,.auth-layout,.auth-benefits,.updates-page,.updates-feed,.update-card,.update-card__copy,.update-card__content,.server-list,.details-grid,.inline-metrics,.action-row,.advanced-config,.advanced-config__section,.mods-list,.attribution-report-grid,.marketing-kpis,.marketing-highlight-row,.product-preview,.product-preview__grid,.product-preview__status-list,.site-footer,.site-footer__grid,.trust-strip,.dashboard-hero__copy,.checklist-card,.auth-marketing,.fixed-infrastructure,.success-panel__actions,.form-grid,.upgrade-panel__note,.upgrade-panel__steps{display:grid;gap:var(--space-4)}.marketing-actions,.marketing-hero__actions,.dashboard-hero__actions,.plan-card__cta,.upgrade-panel__actions,.site-footer__cta,.button-group,.server-card__toolbar,.toggle-inline,.mod-row,.admin-row__header,.admin-row__footer,.panel-card__header,.panel-card__header--tight,.update-card__meta,.topbar,.topbar__actions,.product-preview__header,.product-preview__status-row,.auth-card__nav{display:flex;gap:var(--space-3);flex-wrap:wrap}.marketing-nav{grid-template-columns:1fr auto;align-items:center}.marketing-actions{justify-content:flex-end}.marketing-brand{margin-top:10px;font-size:clamp(1.9rem,2.5vw,2.55rem);letter-spacing:-.03em}.brand-block{display:grid;gap:10px}.brand-block h1{margin:0;font-size:2rem;letter-spacing:-.04em}.brand-block__eyebrow,.eyebrow,.topbar__label,.stat-card__label,.pill{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem}.brand-block__eyebrow,.eyebrow{color:var(--accent)}.topbar__label,.stat-card__label{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(126,200,255,.22);background:#7ec8ff1a;color:var(--text)}.pill--accent{border-color:#57d29d47;background:#57d29d24}.marketing-header{gap:var(--space-8)}.marketing-header--puck{background:radial-gradient(circle at top right,rgba(126,200,255,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(116,242,200,.08),transparent 28%),var(--bg-panel)}.marketing-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:var(--space-7)}.marketing-hero__copy{align-content:start;gap:var(--space-5)}.marketing-hero__copy h1,.auth-marketing h1{max-width:12ch;font-size:clamp(3.1rem,5vw,5.2rem);line-height:.94;letter-spacing:-.05em}.marketing-header p,.hero-panel p,.feature-card p,.auth-card p,.panel-card p,.brand-block p,.topbar__subtitle,.stat-card__hint,.muted-copy,.update-card__content,.update-card__summary,.site-footer p,.marketing-hero__copy>p,.marketing-hero__panel p{color:var(--text-soft);line-height:1.72}.marketing-hero__copy>p{max-width:62ch;font-size:1.05rem}.marketing-highlight-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.marketing-highlight-chip,.trust-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text-soft);border-radius:999px}.trust-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trust-pill{justify-content:flex-start;gap:10px;padding-inline:18px}.trust-pill:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #7ec8ff14}.marketing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-scope-item{display:grid;gap:8px;padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}.marketing-scope-item:first-child{padding-top:0;border-top:0}.marketing-activation-note,.landing-note,.success-panel{gap:var(--space-2);border-color:#7ec8ff38;background:linear-gradient(180deg,#7ec8ff1f,#7ec8ff0a),#ffffff05}.landing-section{gap:var(--space-5)}.landing-section__header,.panel-card__header,.panel-card__header--tight,.upgrade-panel__header,.plan-card__header,.update-card__header{align-items:flex-start;justify-content:space-between}.panel-card__header{margin-bottom:var(--space-4)}.panel-card__header--tight{margin-bottom:10px}.landing-grid--three,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-grid--split,.dashboard-guidance-grid,.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.attribution-report-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.hero-panel,.panel-card--hero{gap:var(--space-6)}.panel-card--hero{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:stretch}.hero-panel__primary{align-content:start}.hero-panel__primary h2{font-size:clamp(2rem,4vw,3rem);max-width:14ch}.product-preview{gap:var(--space-4);padding:clamp(18px,2vw,24px);border:1px solid rgba(126,200,255,.18);background:radial-gradient(circle at top right,rgba(126,200,255,.14),transparent 34%),linear-gradient(180deg,#ffffff0a,#ffffff04),#060e1aad;box-shadow:var(--shadow)}.product-preview__header,.product-preview__status-row{align-items:center;justify-content:space-between}.product-preview__subheader{display:grid;gap:6px}.product-preview__window{padding:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.product-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-preview__stat{padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.product-preview__stat strong,.product-preview__status-row strong,.details-grid strong,.inline-metrics strong,.topbar__meta strong{display:block;margin-top:4px;font-size:1.05rem;color:var(--text)}.product-preview__status-list{gap:10px}.button-group--compact{align-items:center}.product-preview__status-row{padding:12px 14px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.product-preview__status-row span:first-child{display:inline-flex;align-items:center;gap:10px}.product-preview__status-row span:first-child:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #7ec8ff14}.product-preview__status-row--success span:first-child:before{background:var(--success);box-shadow:0 0 0 6px #57d29d14}.product-preview__status-row--warning span:first-child:before{background:var(--warning);box-shadow:0 0 0 6px #ffb35a14}.feature-card,.stat-card,.server-row,.server-card,.admin-row,.plan-card,.upgrade-panel__highlight,.upgrade-panel__step,.auth-benefit-card,.marketing-plan-grid .feature-card,.sidebar-plan-card,.topbar__meta{padding:20px}.feature-card h3,.feature-card h4,.plan-card h4,.server-card h4,.server-row h4,.panel-card h3,.update-card h3,.auth-form-panel h2{letter-spacing:-.03em}.feature-card--glow,.feature-card--pro-callout,.server-card--onboarding,.plan-card--pro,.upgrade-panel,.update-card--latest{background:radial-gradient(circle at top right,rgba(126,200,255,.12),transparent 32%),linear-gradient(180deg,#ffffff0a,#7ec8ff0f)}.server-card--empty{min-height:180px;align-content:center}.server-card--onboarding{border-color:#7ec8ff38}.feature-card--pro-callout,.plan-card--pro,.upgrade-panel,.plan-card--current{border-color:#7ec8ff47}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text);background:#ffffff08;cursor:pointer;overflow:hidden;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast),opacity var(--motion-fast)}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.16) 50%,transparent 100%);transform:translate(-110%);transition:transform var(--motion-slow)}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#7ec8ff5c;box-shadow:0 18px 30px #05111e3d}.button:hover:not(:disabled):before{transform:translate(110%)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.58;cursor:not-allowed}.button--primary{color:#04101d;border-color:transparent;background:var(--gradient-brand)}.button--ghost{background:#ffffff08}.button--small{min-height:40px;padding-inline:14px}.button--full{width:100%}.form-grid label,.server-card__config label,.advanced-config__section label,.admin-row label{display:grid;gap:8px}.form-grid input,.form-grid select,.server-card__config input:not([type=checkbox]),.server-card__config select,.advanced-config__section input:not([type=checkbox]),.advanced-config__section select,.mod-row input[type=text],.admin-row select{width:100%;min-height:48px;padding:0 14px;border-radius:16px;border:1px solid var(--border);background:#ffffff09;color:var(--text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.form-grid input::placeholder,.server-card__config input::placeholder,.advanced-config__section input::placeholder,.mod-row input::placeholder{color:#a7b5cb94}.form-grid input:hover,.form-grid select:hover,.server-card__config input:not([type=checkbox]):hover,.server-card__config select:hover,.advanced-config__section input:not([type=checkbox]):hover,.advanced-config__section select:hover,.mod-row input[type=text]:hover,.admin-row select:hover{border-color:#7ec8ff3d}.form-grid input:focus,.form-grid select:focus,.server-card__config input:not([type=checkbox]):focus,.server-card__config select:focus,.advanced-config__section input:not([type=checkbox]):focus,.advanced-config__section select:focus,.mod-row input[type=text]:focus,.admin-row select:focus{outline:none;border-color:#7ec8ff75;box-shadow:var(--ring);background:#ffffff0d}.form-grid input:disabled,.server-card__config input:disabled,.advanced-config__section input:disabled{opacity:.66}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input,.toggle-inline input,.toggle-field input,.server-card__config input[type=checkbox],.advanced-config__section input[type=checkbox],.mod-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-height:auto;margin:0;border-radius:5px;border:1px solid rgba(126,200,255,.34);background:#ffffff08;box-shadow:inset 0 1px #ffffff0a;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);cursor:pointer}.checkbox-row input:checked,.toggle-inline input:checked,.toggle-field input:checked,.server-card__config input[type=checkbox]:checked,.advanced-config__section input[type=checkbox]:checked,.mod-row input[type=checkbox]:checked{border-color:#74f2c873;background:linear-gradient(135deg,#7ec8ffe6,#74f2c8e6);box-shadow:0 0 0 3px #74f2c81f}.checkbox-row input:hover,.toggle-inline input:hover,.toggle-field input:hover,.server-card__config input[type=checkbox]:hover,.advanced-config__section input[type=checkbox]:hover,.mod-row input[type=checkbox]:hover{transform:translateY(-1px)}.auth-page{display:grid;place-items:center}.auth-card{width:min(1160px,100%)}.auth-card--compact{width:min(460px,100%)}.auth-marketing{align-content:start;padding-right:var(--space-4)}.auth-form-panel{padding:26px;align-content:start;background:radial-gradient(circle at top right,rgba(126,200,255,.08),transparent 30%),#ffffff08}.shell{position:relative;min-height:100vh;display:grid;grid-template-columns:296px 1fr;gap:18px;padding:18px}.shell__sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-7);padding:24px;background:radial-gradient(circle at top left,rgba(126,200,255,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(116,242,200,.08),transparent 28%),var(--bg-panel)}.brand-block p{color:var(--text-soft)}.sidebar-nav{display:grid;gap:10px;margin-top:var(--space-6)}.sidebar-nav__link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;color:var(--text-soft);border:1px solid transparent;background:#ffffff05}.sidebar-nav__icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;color:var(--accent)}.sidebar-nav__text{min-width:0}.sidebar-nav__badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;border:1px solid rgba(126,200,255,.24);background:#7ec8ff1f;color:var(--text);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav__link--active{color:var(--text);border-color:#7ec8ff3d;background:linear-gradient(135deg,#7ec8ff1f,#74f2c812),#ffffff08}.sidebar-plan-card{padding:22px;background:linear-gradient(180deg,#ffffff0d,#7ec8ff0f),#ffffff08}.sidebar-plan-card h2{margin:10px 0 6px}.shell__main{display:grid;gap:18px}.topbar{align-items:flex-end;justify-content:space-between;padding:22px 24px}.topbar h2{margin:8px 0 6px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}.topbar__actions{align-items:stretch;justify-content:flex-end}.topbar__meta{min-width:280px}.topbar__meta>div+div{padding-top:10px;margin-top:10px;border-top:1px solid rgba(255,255,255,.06)}.page-content,.page-grid{gap:18px}.page-grid--two-columns{grid-template-columns:minmax(0,1.2fr) minmax(320px,.88fr)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:22px}.stat-card__value{margin:12px 0 10px;font-size:clamp(1.85rem,3vw,2.5rem);letter-spacing:-.05em}.plan-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card,.upgrade-panel{padding:20px}.plan-card{gap:16px}.plan-card__price{display:grid;justify-items:end;text-align:right}.plan-card__price strong{font-size:1.7rem;line-height:1}.plan-card__price span{margin-top:4px;color:var(--text-soft)}.plan-card__list>div{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.plan-card__list>div:first-child{padding-top:0;border-top:0}.upgrade-panel__highlight,.upgrade-panel__step{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.upgrade-panel__highlight strong,.upgrade-panel__step strong{display:block;margin-bottom:6px}.server-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.server-row{align-items:center;justify-content:space-between}.server-row--empty{justify-content:flex-start}.inline-metrics{grid-template-columns:repeat(2,minmax(170px,1fr))}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-grid--compact{gap:12px}.details-grid--stacked{grid-template-columns:1fr}.action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.action-row--compact{gap:12px}.server-card__toolbar{justify-content:flex-end}.server-card__config{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.advanced-config{gap:18px}.advanced-config__section{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.toggle-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.toggle-field{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff05}.toggle-inline{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px}.toggle-inline__label,.toggle-field__label{color:var(--text);font-size:.9rem}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.segmented-control__button{min-height:42px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.segmented-control__button:hover{color:var(--text)}.segmented-control__button--active{background:linear-gradient(135deg,#7ec8ff3d,#74f2c82e);color:var(--text)}.mod-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;padding:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);cursor:pointer}.icon-button:hover:not(:disabled){transform:translateY(-1px)}.icon-button:disabled{opacity:.58;cursor:not-allowed}.icon-button--danger{border-color:#ff7f813d;color:#ff9c9d;background:#ff7f8114}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff09,#ffffff05)}.switch-field__copy{display:grid;gap:4px}.switch-field__label{font-size:.92rem;font-weight:600;color:var(--text)}.switch-field__hint{margin:0;font-size:.8rem;color:var(--text-muted)}.switch-field__control{position:relative;display:inline-flex;align-items:center;width:54px;height:32px;padding:4px;border:1px solid rgba(126,200,255,.2);border-radius:999px;background:#ffffff0a;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.switch-field__control:hover{transform:translateY(-1px)}.switch-field__control--active{border-color:#74f2c857;background:linear-gradient(135deg,#7ec8ff4d,#74f2c842);box-shadow:0 0 0 4px #74f2c814}.switch-field__thumb{display:block;width:22px;height:22px;border-radius:999px;background:#f2fbff;box-shadow:0 6px 14px #00000047;transition:transform var(--motion-fast)}.switch-field__control--active .switch-field__thumb{transform:translate(22px)}.toast-stack{position:fixed;top:24px;right:24px;z-index:220;display:grid;gap:12px;pointer-events:none}.toast{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;min-width:320px;max-width:420px;padding:14px 16px;border-radius:16px;border:1px solid rgba(87,210,157,.24);background:linear-gradient(180deg,#57d29d29,#11221ff0);box-shadow:0 18px 38px #00000047,0 0 0 1px #57d29d0f;animation:toast-slide-out 4.2s ease forwards}.toast__icon{color:var(--success);line-height:1.2}.toast strong{display:block;margin-bottom:4px;color:var(--text)}.toast p{margin:0;color:var(--text-soft)}@keyframes toast-slide-out{0%{opacity:0;transform:translateY(-12px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.updates-page,.updates-feed{gap:18px}.update-card{padding:24px;border-radius:26px}.update-card--latest{border-color:#7ec8ff52;box-shadow:0 28px 64px #00000052,0 0 0 1px #7ec8ff14}.upgrade-panel__note,.upgrade-panel__steps{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.dashboard-hero__details{align-self:stretch}.attribution-report-card{min-height:100%}.puck-landing-panel{background:radial-gradient(circle at top right,rgba(126,200,255,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(116,242,200,.08),transparent 28%),linear-gradient(180deg,#ffffff0a,#ffffff04),#060e1aad}.update-card__header{display:grid;grid-template-columns:auto 1fr;gap:16px}.update-card__icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(126,200,255,.22);background:#7ec8ff14;font-size:1.5rem}.update-card__tag,.update-card__badge,.update-card__date{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.update-card__tag{border:1px solid rgba(87,210,157,.24);background:#57d29d1f;color:#d9fff0}.update-card__badge{border:1px solid rgba(126,200,255,.24);background:#7ec8ff24}.update-card__date{border:1px solid rgba(255,255,255,.08);background:#ffffff08}.update-card__copy h3{margin-top:4px;font-size:clamp(1.3rem,2vw,1.7rem)}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0a;text-transform:capitalize;font-size:.82rem;font-weight:600;letter-spacing:.02em}.status-badge__dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent)}.status-badge--running{color:var(--success);border-color:#57d29d47;background:linear-gradient(180deg,#57d29d29,#57d29d17);box-shadow:inset 0 1px #ffffff08,0 0 0 1px #57d29d0d,0 10px 26px #57d29d14}.status-badge--stopped,.status-badge--error{color:var(--danger);border-color:#ff7f813d;background:linear-gradient(180deg,#ff7f8129,#ff7f8114)}.status-badge--restarting,.status-badge--starting,.status-badge--activating{color:var(--warning);border-color:#ffb35a42;background:linear-gradient(180deg,#ffb35a2e,#ffb35a14)}.status-badge--starting .status-badge__dot,.status-badge--activating .status-badge__dot,.status-badge--restarting .status-badge__dot{animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent)}50%{transform:scale(1.14);box-shadow:0 0 0 8px color-mix(in srgb,currentColor 8%,transparent)}}.admin-grid{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:#060e1eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s ease}.modal{width:min(600px,100%);max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl);border:1px solid var(--border-accent);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--bg-panel-strong);box-shadow:var(--shadow-xl);animation:modal-rise .2s ease}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 28px 18px;border-bottom:1px solid var(--border-soft)}.modal__header h2{margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.03em}.modal__subtitle{margin:8px 0 4px;color:var(--text);font-size:.88rem;font-weight:600}.modal__close{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:999px;border:1px solid var(--border-soft);background:transparent;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;transition:background .14s,color .14s}.modal__close:hover{background:var(--border-soft);color:var(--text-base)}.modal__body{padding:24px 28px 32px;display:flex;flex-direction:column;gap:22px}.modal__body--notice{gap:16px}.modal__section{display:flex;flex-direction:column;gap:16px}.modal__section+.modal__section{padding-top:2px}.modal__section-header{display:flex;flex-direction:column;gap:4px}.modal__section-header h3{margin:0;font-size:.98rem}.modal__section-header p{margin:0;color:var(--text-muted);font-size:.84rem}.modal__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal__stack{display:flex;flex-direction:column;gap:16px}.modal__field{display:grid;gap:8px}.modal__field>span:first-child{font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--text-soft)}.modal__body input:not([type=checkbox]){min-height:46px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0c1626d1;color:var(--text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast),transform var(--motion-fast)}.modal__body input:not([type=checkbox])::placeholder{color:#a7b5cb80}.modal__body input:not([type=checkbox]):hover{border-color:#7ec8ff3d}.modal__body input:not([type=checkbox]):focus{outline:none;border-color:#7ec8ff6b;box-shadow:0 0 0 1px #7ec8ff24,0 0 0 6px #7ec8ff14;background:#101c2ff0}.modal__infra{padding:14px 16px;border-radius:var(--radius-m);background:#7ec8ff0f;border:1px solid var(--border-soft);font-size:.82rem;color:var(--text-muted)}.modal__infra strong{display:block;font-size:.92rem;color:var(--text-base);margin-top:2px}.modal__field-note{display:block;font-size:.8rem;color:var(--text-muted);margin:8px 0 0}.modal__readonly{color:var(--text-soft);background:#ffffff08}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:4px}@media (max-width: 600px){.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal__row{grid-template-columns:1fr}}.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-overview-card{display:flex;flex-direction:column;gap:18px;min-height:100%}.account-overview-card--primary{background:radial-gradient(circle at top right,rgba(126,200,255,.12),transparent 34%),linear-gradient(180deg,#ffffff0b,#ffffff05),#07111fb8}.account-overview-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.account-overview-card__header h3{margin:6px 0 0}.account-overview-card__summary{margin:0;color:var(--text-soft)}.account-plan-meta,.account-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-plan-meta>div,.account-usage-stat{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.account-usage-stat{display:flex;flex-direction:column;gap:6px}.account-usage-stat__label{font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.account-usage-stat__value{font-size:clamp(1.05rem,2vw,1.35rem);letter-spacing:-.03em}.account-limit-list{display:flex;flex-direction:column;border:1px solid var(--border-soft);border-radius:20px;overflow:hidden}.account-limit-list__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.account-limit-list__row:last-child{border-bottom:none}.account-limit-list__row span{color:var(--text-muted)}.account-limit-list__row strong{color:var(--text-base)}@media (max-width: 700px){.account-overview-grid,.account-plan-meta,.account-usage-grid{grid-template-columns:1fr}}.servers-sidebar{display:flex;flex-direction:column;gap:16px;align-self:start}.plan-limits-card{border:1px solid var(--border-soft);border-radius:var(--radius-m);overflow:hidden}.plan-limits-card__row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;border-bottom:1px solid var(--border-soft)}.plan-limits-card__row:last-child{border-bottom:none}.plan-limits-card__row span{color:var(--text-muted)}.plan-limits-card__row strong{color:var(--text-base);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:52px 24px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-soft);border-radius:var(--radius-m)}.empty-state--servers{gap:16px;padding:64px 28px;background:radial-gradient(circle at top center,rgba(126,200,255,.08),transparent 40%),#ffffff03}.empty-state__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid rgba(126,200,255,.22);background:#7ec8ff14;color:#b9e9ff}.empty-state h4{font-size:1rem;color:var(--text-base);margin:0}.empty-state p{max-width:340px;font-size:.88rem;margin:0}.success-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-m);background:#57d29d1a;border:1px solid rgba(87,210,157,.3);font-size:.85rem;color:var(--success)}.button-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.servers-counter{min-width:72px;justify-content:center}.button--small{padding:6px 16px;font-size:.82rem}.topbar-home-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-soft);font-size:.85rem;text-decoration:none}.topbar-home-link:hover{color:var(--text)}.topbar-home-link svg{flex-shrink:0}.admin-row{gap:12px}.admin-row__meta{display:grid;gap:6px}.admin-row__meta span{color:var(--text-soft)}.site-footer{gap:var(--space-5);padding:24px clamp(18px,3vw,34px);border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#7ec8ff0a),#07111fb3}.site-footer__grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center}.success-copy{color:var(--success)}.error-copy{color:var(--danger)}.success-copy,.error-copy{font-weight:500}.sidebar-nav__link,.panel-card,.topbar,.auth-card,.marketing-header,.hero-panel,.sidebar-plan-card,.shell__sidebar,.stat-card,.feature-card,.server-card,.plan-card,.upgrade-panel,.update-card,.admin-row{animation:rise-in .48s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.marketing-hero,.page-grid--two-columns,.admin-grid,.auth-layout,.panel-card--hero,.site-footer__grid,.shell{grid-template-columns:1fr}.topbar,.server-row{flex-direction:column;align-items:flex-start}.marketing-kpis,.stats-grid,.plan-comparison-grid,.landing-grid--three,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar__actions{width:100%;justify-content:flex-start}.topbar__meta{min-width:0;width:100%}}@media (max-width: 880px){.marketing-page,.auth-page,.shell{padding:16px}.marketing-nav{grid-template-columns:1fr}.marketing-actions{justify-content:flex-start}.marketing-kpis,.marketing-plan-grid,.plan-comparison-grid,.stats-grid,.landing-grid--three,.faq-grid,.details-grid,.inline-metrics,.action-row,.toggle-grid,.trust-strip,.product-preview__grid,.site-footer__grid{grid-template-columns:1fr}.topbar__actions,.dashboard-hero__actions,.marketing-hero__actions,.plan-card__cta,.upgrade-panel__actions,.site-footer__cta,.dashboard-hero__actions .button,.marketing-hero__actions .button,.plan-card__cta .button,.upgrade-panel__actions .button,.site-footer__cta .button{width:100%}.auth-card,.marketing-header,.hero-panel,.panel-card,.shell__sidebar,.topbar{padding:20px}}@media (max-width: 640px){.marketing-hero__copy h1,.auth-marketing h1{font-size:clamp(2.5rem,10vw,3.6rem)}.marketing-header,.hero-panel,.auth-card,.panel-card,.shell__sidebar,.topbar{border-radius:var(--radius-lg)}.mod-row,.server-card__toolbar,.topbar__actions,.panel-card__header,.panel-card__header--tight,.admin-row__header,.admin-row__footer,.site-footer__cta{align-items:flex-start}.mod-row,.update-card__header{grid-template-columns:1fr}.modal__header,.modal__body,.modal__footer{padding-left:20px;padding-right:20px}.modal__footer{justify-content:stretch}.modal__footer .button{width:100%}}