:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#080b12;--panel:#10151f;--panel2:#151c29;--text:#f1f5fd;--muted:#92a0b8;--line:#232d40;--blue:#70adff;--accent:#347cff;--soft:#162743;--green:#59d3b2;--shadow:0 18px 60px #0003;font-size:16px}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7fc;--panel:#fff;--panel2:#edf2fa;--text:#17243b;--muted:#586a86;--line:#dfe6f1;--blue:#2168df;--accent:#286ce8;--soft:#e6efff;--green:#147d66;--shadow:0 18px 60px #233c5910}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{transition:background .18s,border-color .18s,transform .18s}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 17px;font-weight:550}button:hover,a.btn:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:1px solid var(--line);border-radius:10px;font-weight:600}.primary{background:var(--accent);color:white;border-color:var(--accent)}.ghost{background:transparent}.quiet{color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand img{width:55px;height:55px;object-fit:contain;animation:logoGlow 5s ease-in-out infinite}.brand em{font-style:normal;color:var(--blue);font-weight:650}.brand small{display:block;letter-spacing:3px;font-size:8px;font-weight:600;color:var(--muted);margin-top:4px}.nav{height:100px;max-width:1400px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.navlinks{display:flex;gap:35px;font-size:14px;color:var(--muted)}.tools{display:flex;align-items:center;gap:9px}.tools button{padding:8px 12px;font-size:14px}.hero{max-width:1400px;margin:auto;padding:60px 60px 75px;min-height:650px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:650px;height:650px;right:-40px;top:0;background:radial-gradient(ellipse,#2469c826,transparent 68%);pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--blue);font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.06;letter-spacing:-3px;max-width:650px;margin:26px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:480px;margin-bottom:28px}.hero-art{position:relative;min-width:0}.hero-art img{width:115%;margin-left:-5%;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 20px 55px #1359ca38)}.hero-foot{display:flex;gap:28px;margin-top:30px;font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:6px 10px;border-radius:6px;font-size:12px;letter-spacing:.2px;background:var(--panel)}.pill.blue{color:var(--blue);background:var(--soft);border-color:transparent}.section{max-width:1280px;margin:0 auto;padding:35px 30px 60px}.section h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.card h3{margin:20px 0 8px;font-size:22px}.card p{color:var(--muted);line-height:1.6;font-size:14px}.card .price{font-size:29px;letter-spacing:-1px;margin:25px 0}.price small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.product-icon{width:46px;height:46px;display:grid;place-items:center;font-size:24px;background:var(--soft);color:var(--blue);border-radius:12px}.featured{border-color:#367ae8}.footer{padding:30px 44px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:22px 18px;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:20px}.sidebar .brand img{width:44px}.side-group{display:grid;gap:5px}.side-label{font-size:11px;color:var(--muted);letter-spacing:1.7px;padding:12px 14px}.side-link{padding:13px 14px;border-radius:9px;display:flex;gap:14px;font-size:14px;color:var(--muted)}.side-link.active{color:var(--blue);background:var(--soft)}.side-link:hover{background:var(--panel2)}.side-profile{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.avatar{width:36px;height:36px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-weight:700}.workspace{min-width:0}.topbar{height:78px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:14px;color:var(--muted)}.crumb strong{color:var(--text);font-weight:500}.content{max-width:1450px;margin:auto;padding:36px 40px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.pagehead h1{font-size:29px;letter-spacing:-.9px;margin:0 0 8px}.pagehead p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{padding:22px}.stat span{font-size:14px;color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:13px;font-weight:600;letter-spacing:-1px}.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.empty{text-align:center;padding:45px 25px;color:var(--muted);font-size:14px;line-height:1.7}.empty .product-icon{margin:auto auto 18px}.empty strong{display:block;color:var(--text);font-size:17px}.panel-title{font-size:16px;margin:0;padding-bottom:19px;border-bottom:1px solid var(--line)}.welcome{position:relative;overflow:hidden;min-height:190px;background:linear-gradient(115deg,var(--panel),var(--soft));display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.welcome img{width:170px;margin:-25px 0}.welcome h2{font-size:23px;line-height:1.3;max-width:420px;margin:8px 0 12px}.welcome p{color:var(--muted);font-size:14px;max-width:430px;line-height:1.6}.news{margin-top:28px}.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.news-card{text-align:left;width:100%;padding:22px;background:var(--panel)}.news-card h3{font-size:17px;margin:13px 0 9px}.news-card p{font-weight:400;color:var(--muted);font-size:14px;line-height:1.6}.news-card time{font-size:12px;color:var(--muted)}.deploy-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.step{margin-bottom:18px}.step h2{display:flex;align-items:center;gap:12px;font-size:17px;margin:0 0 20px}.step h2 span{font:12px ui-monospace,monospace;color:var(--muted)}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.option{text-align:left;padding:16px;background:var(--bg);border-radius:10px;min-width:0}.option.selected{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.option strong{display:block;font-size:14px}.option small{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;margin-top:6px}.option .amount{color:var(--text);font-size:19px;margin-top:12px}.tabs{display:flex;gap:7px;background:var(--panel2);padding:5px;border-radius:11px;width:fit-content;margin-bottom:24px}.tabs button{background:transparent;border:0;color:var(--muted)}.tabs button.selected{background:var(--panel);color:var(--text);box-shadow:0 2px 5px #0001}.summary{position:sticky;top:24px}.summary h3{font-size:17px;margin:0 0 24px}.summary dl{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;font-size:13px;line-height:1.5}.summary dt{color:var(--muted)}.summary dd{text-align:right;margin:0;overflow-wrap:anywhere}.summary .total{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.summary .total strong{font-size:30px}.summary button{width:100%;margin-top:20px}.note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}.banner{background:var(--soft);color:var(--blue);padding:13px 18px;border-radius:10px;font-size:13px;line-height:1.6;margin-bottom:24px}.field{display:grid;gap:8px;margin:18px 0;font-size:14px}.field input,.field select,.field textarea,select,input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px;width:100%;min-width:0}.field textarea{min-height:130px;resize:vertical}.full{width:100%}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:30px;max-width:550px;width:calc(100% - 36px);box-shadow:0 30px 120px #0008}dialog::backdrop{background:#020615ae;backdrop-filter:blur(7px)}dialog h2{font-size:24px;margin:0 0 15px}dialog p{color:var(--muted);line-height:1.7}dialog .close{float:right;border:0;background:transparent;padding:4px 10px}.paircode{font:36px ui-monospace,monospace;letter-spacing:9px;text-align:center;padding:25px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:20px 0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:500;padding:15px 13px;background:var(--panel2)}td{padding:17px 13px;border-bottom:1px solid var(--line)}td button{padding:7px 10px;font-size:12px}td small{display:block;color:var(--muted);margin-top:6px}.positive{color:var(--green)}.negative{color:#ed8b88}.admin-tabs{margin-bottom:22px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.search{max-width:290px}.radio-row{display:flex;gap:14px}.radio-row label{display:flex;gap:6px}.radio-row input{width:auto}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--line);padding:14px 23px;box-shadow:var(--shadow);border-radius:12px;display:none;z-index:9;max-width:90%;font-size:14px}.mobile-title{display:none}.inline-error{color:#ec9995;font-size:14px;line-height:1.6}.news-body{white-space:pre-wrap}.loading{padding:80px 20px;text-align:center;color:var(--muted)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 2px #4c9dff20)}50%{filter:drop-shadow(0 0 6px #4c9dff80)}}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:100px;min-height:740px}}
@media(max-width:1100px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:20px 10px}.content{padding:28px 24px}.topbar{padding:0 24px}.deploy-layout{grid-template-columns:1fr 270px}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:40px}.hero h1{font-size:48px}.hero-foot{gap:15px}.brand small{display:none}}
@media(max-width:800px){.nav{padding:0 20px;height:80px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding:35px 24px;min-height:0}.hero h1{font-size:49px}.hero-art{max-width:420px;margin:auto}.hero-art img{width:100%;margin:0}.hero-foot{font-size:12px}.cards{grid-template-columns:1fr}.section{padding:30px 24px}.shell{display:block}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line);padding:12px 15px;gap:8px}.sidebar>.brand,.side-label,.side-profile{display:none}.side-group{display:flex;overflow-x:auto}.side-link{white-space:nowrap;padding:10px}.sidebar .side-group+.side-group{display:none}.topbar{height:65px;padding:0 17px}.content{padding:24px 17px}.grid2,.deploy-layout,.admin-grid{grid-template-columns:1fr}.summary{position:static}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:24px}.stat span{font-size:12px}.pagehead h1{font-size:24px}.pagehead{align-items:flex-start}.pagehead .btn{padding:10px;font-size:12px}.news-list{grid-template-columns:1fr}.card{padding:20px}.footer{padding:25px;gap:20px}.welcome img{width:120px}.welcome h2{font-size:21px}.tools button{padding:8px}.crumb{font-size:12px}.hero p{font-size:16px}.hero .row{flex-wrap:wrap}.tabs{max-width:100%;overflow:auto}.tabs button{white-space:nowrap;font-size:14px}.hero h1{letter-spacing:-2px}}
.logo-mark{display:flex;align-items:flex-end;width:68px;height:53px;flex-shrink:0;position:relative;filter:drop-shadow(0 4px 8px #2987ff45)}.logo-mark i{display:block;width:25px;height:43px;background-image:url('/logo-sheet.png');background-size:75px 75px;background-repeat:no-repeat;background-position:0 -22px;animation:rackBob 3.8s ease-in-out infinite}.logo-mark i:nth-child(2){background-position:-25px -22px;animation-delay:-1.3s;margin-left:-3px}.logo-mark i:nth-child(3){background-position:-50px -22px;animation-delay:-2.6s;margin-left:-3px}.hero-art img{width:118%;margin-left:-7%;mask-image:radial-gradient(ellipse,black 56%,transparent 74%);filter:drop-shadow(0 20px 40px #2765c526);animation:float 9s ease-in-out infinite}.hero-art{isolation:isolate}.hero-art:after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#2b8bfa16,transparent 65%);mix-blend-mode:screen;pointer-events:none;animation:logoGlow 6s ease-in-out infinite}.profile-row{margin-top:24px}.checkbox{width:auto}.flex{flex:1;min-width:140px}.card .price{font-size:29px;margin:20px 0}#toast.visible{display:block}.welcome img{mask-image:radial-gradient(ellipse,black 55%,transparent 75%)}
@keyframes rackBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@media(max-width:600px){.nav{gap:8px;padding:0 15px}.nav .brand{font-size:18px;gap:0}.nav .logo-mark{transform:scale(.72);transform-origin:left center;margin-right:-17px}.nav>.row{gap:5px}.nav .tools{gap:4px}.nav button{padding:8px 7px;font-size:12px;white-space:nowrap}.footer{flex-wrap:wrap}.hero-art{width:100%}.hero-foot{flex-wrap:wrap}.topbar .row{gap:6px}.brand small{display:none}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{flex-wrap:wrap}.summary .total strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.global-category-switches{display:flex;flex-wrap:wrap;gap:18px;grid-column:1/-1}.global-category-switches>div{display:flex;align-items:center;gap:20px;padding:12px 16px;border:1px solid var(--border);border-radius:10px}.expiry-notice{border-left:3px solid #e4a53b}.expiry-notice .btn{margin-right:8px}

.admin-plan-prices{display:flex;flex-wrap:wrap;gap:12px 26px;margin:10px 0}.admin-plan-prices>span{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted)}.admin-plan-prices strong{font-size:15px;color:var(--text)}.admin-plan-prices [data-price-preview] strong{color:#818cf8}.admin-plan-prices [hidden]{display:none}

.direct-plan-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.direct-plan-choices .plan-choice-price{font-size:12px;font-weight:600;margin-top:3px}

.term-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.term-settings .field{margin:0}.renew-toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border,#303035);border-radius:9px;padding:10px 12px;min-height:42px}.renew-toggle-row input{appearance:none;width:32px;height:18px;border-radius:12px;background:#34343c;padding:2px;margin:0;cursor:pointer}.renew-toggle-row input:before{content:'';display:block;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s}.renew-toggle-row input:checked{background:#555bff}.renew-toggle-row input:checked:before{transform:translateX(14px)}@media(max-width:600px){.term-settings{grid-template-columns:1fr}}

.order-addon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.order-addon{display:flex;align-items:center;gap:12px;border:1px solid var(--border,#303035);border-radius:12px;padding:14px}.addon-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--border,#303035);border-radius:9px}.addon-copy{flex:1}.addon-copy strong,.addon-copy small{display:block}.addon-copy strong{font-size:13px}.addon-copy small{font-size:12px;color:var(--muted,#8991a3);margin-top:3px}.addon-counter{display:flex;align-items:center;gap:12px}.addon-counter button{padding:0;width:30px;height:30px;border-radius:9px}.addon-counter strong{font-size:12px}

.term-card{padding:18px!important}.term-card h2{margin-bottom:12px}.term-card .billing-cycles{gap:8px}.term-card .billing-cycles .option{padding:10px 12px;min-height:58px;gap:3px}.term-card .billing-cycles .option strong{font-size:13px}.term-card .billing-cycles .option small{font-size:11px}.term-card .term-settings{margin-top:14px;gap:12px}.term-field-label{display:flex;align-items:center;gap:6px;font-size:12px}.term-field-label svg{color:var(--muted,#8991a3)}.new-feature{font-size:9px;line-height:15px;letter-spacing:.03em;padding:0 5px;border-radius:4px;color:#95a4ff;background:rgba(100,115,240,.12)}.term-card .term-settings input:not([type=checkbox]),.term-card .renew-toggle-row{height:38px;min-height:38px;padding:8px 11px;font-size:12px}.renew-toggle-row input[type=checkbox]{position:relative;display:block;box-sizing:border-box;flex:0 0 34px;width:34px;height:20px;min-height:20px;border:0;padding:0;border-radius:20px;transition:background-color .22s ease;outline-offset:3px}.renew-toggle-row input[type=checkbox]:before{position:absolute;top:3px;left:3px;width:14px;height:14px;margin:0;transform:translateX(0);transition:transform .22s ease}.renew-toggle-row input[type=checkbox]:checked:before{transform:translateX(14px)}@media(prefers-reduced-motion:reduce){.renew-toggle-row input[type=checkbox],.renew-toggle-row input[type=checkbox]:before{transition:none}}

.term-discount,.term-card .billing-cycles .term-discount{display:inline-block!important;width:fit-content;color:#38d98a!important;background:rgba(30,190,110,.12);padding:2px 6px;border-radius:5px;font-size:11px!important;font-weight:700!important;line-height:1.3}.summary-auto-renew{display:inline;font-size:10px;font-weight:400;color:var(--muted,#8991a3);margin-left:6px;white-space:nowrap}

.term-card .billing-cycles[hidden]{display:none!important}.term-card .billing-cycles[hidden]+.term-settings{margin-top:0}.term-card .billing-cycles .option{min-height:54px!important;display:flex;flex-direction:column;justify-content:center;gap:4px!important}.term-price-line{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:400;color:var(--muted,#8991a3)}

.billing-summary-line{display:inline-flex;align-items:center;justify-content:flex-end;vertical-align:middle;gap:0}.billing-summary-line>.term-discount{margin-left:6px}.billing-summary-line .summary-auto-renew{display:inline-block;overflow:hidden;max-width:0;opacity:0;margin:0;white-space:nowrap;font-size:10px;font-weight:400;transition:max-width .22s ease,opacity .22s ease,margin-right .22s ease}.billing-summary-line .summary-auto-renew.is-on{max-width:110px;opacity:1;margin-right:6px}.deploy-layout button.option,.deploy-layout .direct-plan-choices button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}@media(prefers-reduced-motion:reduce){.billing-summary-line .summary-auto-renew,.deploy-layout button.option,.deploy-layout .direct-plan-choices button{transition:none}}