:root{color-scheme:dark;--bg:#06100d;--sidebar:#081511;--panel:#0d1d18;--panel2:#112720;--line:rgba(222,255,236,.13);--line2:rgba(222,255,236,.22);--text:#f3f8f5;--muted:#92a79f;--lime:#caff4d;--mint:#42dfb9;--orange:#ffb65b;--red:#ff7373;--ink:#07100d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;gap:3px;align-items:end;width:28px;height:28px;transform:skew(-12deg)}.brand-mark i{display:block;width:7px;border-radius:1px;background:var(--lime)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:22px}.brand-mark i:nth-child(3){height:28px;background:var(--mint)}.brand>span:last-child{display:grid;line-height:1;letter-spacing:.04em}.brand b{font-size:13px}.brand em{margin-top:4px;color:var(--lime);font-size:9px;font-style:normal;letter-spacing:.26em}.eyebrow{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* sign in */
.login-view{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:clamp(48px,8vw,130px);align-items:center;padding:120px max(28px,calc((100vw - 1220px)/2));overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(69,228,191,.16),transparent 28rem),radial-gradient(circle at 8% 88%,rgba(202,255,77,.08),transparent 30rem),linear-gradient(145deg,#07110f,#081713 65%,#06100d)}.login-view:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(66,223,185,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(66,223,185,.12) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(120deg,transparent,#000 45%,transparent)}.login-view>*{position:relative}.login-brand{position:absolute;top:34px;left:max(28px,calc((100vw - 1220px)/2))}.login-copy h1{max-width:760px;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.06em;margin:18px 0 26px}.login-copy h1 em{display:block;color:var(--lime);font-style:normal}.login-copy>p{max-width:660px;color:#bacac4;font-size:19px}.login-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.login-facts span{padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--muted);font-size:12px}.login-facts b{display:block;color:var(--text);font-size:18px}.login-card,.card,.metric-grid article,.table-card,.server-card,.subscription-card,.team-metrics article,.empty-state,.tutorial-grid article,.faq-list details{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));box-shadow:0 24px 70px rgba(0,0,0,.22)}.login-card{padding:36px;border-radius:24px}.secure-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--lime);color:var(--ink);font-weight:950;letter-spacing:-.04em}.login-card>span{display:block;margin-top:23px;color:var(--mint);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.login-card h2{margin:5px 0 6px;font-size:34px;letter-spacing:-.04em}.login-card>p{margin:0 0 22px;color:var(--muted)}.login-card label{display:grid;gap:8px;color:#c7d5cf;font-weight:700}.login-card input{width:100%;height:54px;padding:0 16px;border:1px solid var(--line2);border-radius:11px;color:var(--text);background:#07110f;outline:none}.login-card input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(202,255,77,.1)}.login-card>button{width:100%;height:54px;margin-top:16px;border:0;border-radius:11px;background:var(--lime);color:var(--ink);font-weight:850;cursor:pointer}.login-card>button:disabled{opacity:.65}.login-card small{display:block;margin-top:18px;color:var(--muted)}.error{padding:11px 13px!important;margin:14px 0 0!important;border:1px solid rgba(255,111,111,.3);border-radius:10px;background:rgba(255,111,111,.08);color:#ffabab!important}

/* app shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:30;display:flex;flex-direction:column;border-right:1px solid var(--line);background:linear-gradient(180deg,#081612,#07110f)}.sidebar-top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.close-menu,.menu-button{display:none}.primary-nav{display:grid;gap:4px;padding:18px 12px;overflow:auto}.primary-nav button,.logout{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:45px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.primary-nav button:hover,.primary-nav button.active{color:var(--text);background:rgba(255,255,255,.055)}.primary-nav button.active:before{content:"";position:absolute;left:-12px;width:3px;height:24px;border-radius:4px;background:var(--lime)}.nav-icon{width:27px;color:#b7c8c1;font:700 14px/1 ui-monospace,monospace;text-align:center}.primary-nav button.active .nav-icon{color:var(--lime)}.primary-nav button>b{margin-left:auto;padding:2px 6px;border-radius:10px;background:var(--red);color:#180606;font-size:11px}.nav-divider{height:1px;margin:9px 12px;background:var(--line)}.sidebar-foot{margin-top:auto;padding:14px;border-top:1px solid var(--line)}.mini-usage{padding:13px;border-radius:12px;background:rgba(255,255,255,.035)}.mini-usage>div{display:flex;justify-content:space-between;font-size:12px}.mini-usage span,.mini-usage small{color:var(--muted)}.mini-usage>i{display:block;height:5px;margin:10px 0 8px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.mini-usage>i>b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--lime));transition:.3s}.logout{margin-top:8px}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(6,16,13,.9);backdrop-filter:blur(18px)}.crumb{display:grid}.crumb span{color:var(--muted);font-size:11px}.crumb b{font-size:16px}.topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.status-chip,.quick-button,.profile-button,.icon-button{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.035);cursor:pointer}.status-chip{display:flex;align-items:center;gap:8px;padding:9px 12px;color:var(--muted);font-size:12px}.status-chip i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(66,223,185,.75)}.quick-button{height:42px;padding:0 14px;color:var(--text)}.profile-button{height:50px;display:flex;align-items:center;gap:10px;padding:5px 11px 5px 6px;text-align:left}.profile-button>span,.profile-avatar,.large-avatar,.member-avatar{display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-weight:900}.profile-button>span{width:36px;height:36px}.profile-button div{display:grid}.profile-button small{color:var(--muted)}.page-wrap{width:min(1320px,calc(100% - 56px));margin:auto;padding:50px 0 100px}.page{display:none}.page.active{display:block;animation:pageIn .2s ease}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.page-head h1{margin:6px 0 5px;font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.055em}.page-head p{margin:0;color:var(--muted)}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;border-radius:10px;font-weight:800;cursor:pointer}.primary-action{border:0;background:var(--lime);color:var(--ink)}.secondary-action{border:1px solid var(--line);background:rgba(255,255,255,.04)}.secondary-action:disabled{opacity:.5;cursor:not-allowed}

/* cards and dashboard */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid article{min-height:145px;padding:23px;border-radius:18px;display:flex;flex-direction:column}.metric-grid span,.card-head span,.profile-card>div>span,.subscription-card span,.tutorial-grid article>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.metric-grid strong{margin:auto 0 3px;font-size:29px;letter-spacing:-.04em}.metric-grid small{color:var(--muted)}.dashboard-grid,.api-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.card{padding:27px;border-radius:18px}.card.full{grid-column:1/-1}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}.card-head>b{font-size:27px}.card-head button{border:1px solid var(--line);border-radius:8px;padding:7px 11px;color:var(--text);background:rgba(255,255,255,.035);cursor:pointer}.card-head small{color:var(--muted)}.progress{height:10px;margin:27px 0 17px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--lime));transition:width .4s ease}.usage-legend{display:flex;gap:26px;color:var(--muted);font-size:13px}.usage-legend span{display:flex;align-items:center;gap:7px}.usage-legend i{width:8px;height:8px;border-radius:50%;background:var(--mint)}.usage-legend i.remaining{background:#40534b}.usage-legend b{color:var(--text)}.quota-note{margin-top:21px;padding:11px 13px;border-radius:10px;background:rgba(66,223,185,.07);color:#a7bcb4;font-size:12px}.chip-list,.league-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.chip-list span,.league-list code{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.03);color:#d6e1dc;font-size:12px}.league-list code{color:var(--lime)}.activity-bars{height:120px;display:flex;align-items:flex-end;gap:5px;margin-top:23px}.activity-bars i{flex:1;min-height:6%;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--mint),rgba(66,223,185,.2));opacity:.9}.activity-legend{display:flex;justify-content:space-between;margin-top:9px;color:var(--muted);font-size:11px}

/* overlays */
.profile-panel,.quick-panel{position:fixed;right:22px;top:88px;z-index:50;border:1px solid var(--line2);border-radius:18px;background:#10211c;box-shadow:0 30px 80px rgba(0,0,0,.55)}.profile-panel{width:min(390px,calc(100vw - 32px));padding:28px}.panel-close{position:absolute;right:15px;top:13px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.profile-avatar{width:56px;height:56px}.profile-panel h2{margin:16px 0 2px}.profile-panel>p{margin:0 0 21px;color:var(--muted)}.profile-links{display:grid;border-top:1px solid var(--line)}.profile-links button{display:grid;gap:1px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.profile-links small{color:var(--muted)}.quick-panel{width:240px;padding:8px;right:220px}.quick-panel button,.quick-panel a{display:block;width:100%;padding:11px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.quick-panel button:hover,.quick-panel a:hover{background:rgba(255,255,255,.05)}

/* detail pages */
.server-list{display:grid;gap:14px}.server-card{padding:25px;border-radius:18px}.server-card>div:first-child{display:flex;align-items:center;gap:12px}.server-card>div:first-child div{display:grid}.server-card>div:first-child small{color:var(--muted)}.server-card>strong{float:right;margin-top:-34px;color:var(--mint)}.uptime-grid{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin:26px 0 10px}.uptime-grid i{height:34px;border-radius:3px;background:#1cac77}.server-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.server-card footer b{color:var(--text)}.quickstart-card>p{color:var(--muted)}.quickstart-card pre{margin:19px 0;padding:19px;border:1px solid var(--line);border-radius:12px;overflow:auto;background:#030806;color:#d8f3e6;font:13px/1.8 "SFMono-Regular",Consolas,monospace}.quick-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-tips span{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.quick-tips b{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(202,255,77,.1);color:var(--lime)}.data-table{display:grid;margin-top:20px}.data-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 1fr 1fr auto;gap:18px;align-items:center;min-height:66px;padding:12px 3px;border-top:1px solid var(--line)}.data-row>div{display:grid}.data-row small,.data-row>span{color:var(--muted);font-size:12px}.data-row code{color:var(--lime)}.status-label{padding:5px 8px;border-radius:8px;background:rgba(66,223,185,.08);color:var(--mint)!important}.status-label.awaiting_payment{background:rgba(255,182,91,.08);color:var(--orange)!important}.empty{padding:24px 0;color:var(--muted)}.profile-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-radius:20px}.large-avatar{width:78px;height:78px;font-size:27px}.profile-card h2{margin:4px 0 0;font-size:30px}.profile-card p{margin:0;color:var(--muted)}.account-facts{display:flex;gap:26px}.account-facts span{display:grid;gap:3px;color:var(--muted);font-size:11px;text-transform:uppercase}.account-facts b{max-width:170px;color:var(--text);font-size:13px;text-transform:none;overflow:hidden;text-overflow:ellipsis}.active-text{color:var(--mint)!important}.subscription-card{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:32px;border-radius:20px}.subscription-card h2{margin:8px 0 4px;font-size:42px}.subscription-card p,.subscription-card small{color:var(--muted)}.subscription-quota{display:grid;align-content:center}.subscription-quota b{font-size:28px}.subscription-badge{position:absolute;right:25px;top:25px;padding:6px 10px;border-radius:9px;background:rgba(66,223,185,.09);color:var(--mint)!important}.table-card{border-radius:18px;overflow:hidden}.table-toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.table-toolbar span,.table-note{color:var(--muted);font-size:12px}.table-card .data-table{margin:0;padding:0 24px}.team-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.team-metrics article{display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:15px}.team-metrics span{color:var(--muted)}.team-metrics b{font-size:21px}.member-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:22px 24px}.member-avatar{width:42px;height:42px}.member-row div{display:grid}.member-row small{color:var(--muted)}.table-note{margin:0;padding:14px 24px;border-top:1px solid var(--line)}.empty-state{max-width:780px;padding:70px 40px;border-radius:20px;text-align:center}.empty-state>span{font-size:45px;color:var(--lime)}.empty-state h2{font-size:28px}.empty-state p{max-width:590px;margin:0 auto 25px;color:var(--muted)}.empty-state button{border:0;border-radius:9px;padding:11px 16px;background:var(--lime);color:var(--ink);font-weight:800;cursor:pointer}.tutorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tutorial-grid article{padding:27px;border-radius:18px}.tutorial-grid article>span{color:var(--lime)}.tutorial-grid h2{margin:10px 0 8px}.tutorial-grid p{margin:0;color:var(--muted)}code{font:13px/1.5 "SFMono-Regular",Consolas,monospace;color:var(--lime)}.faq-list{display:grid;gap:10px;max-width:900px}.faq-list details{border-radius:14px;padding:0 20px}.faq-list summary{padding:18px 0;font-weight:800;cursor:pointer}.faq-list p{margin:0;padding:0 0 18px;color:var(--muted)}.notification-list{display:grid;gap:10px}.notification{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:start;padding:19px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.notification>i{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--mint)}.notification.warning>i{background:var(--orange)}.notification div{display:grid}.notification small,.notification>span{color:var(--muted);font-size:12px}.notification.read{opacity:.55}.toast{position:fixed;right:24px;bottom:24px;z-index:80;transform:translateY(20px);opacity:0;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#152720;transition:.2s}.toast.visible{transform:none;opacity:1}

@media(max-width:1050px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{width:82px}.sidebar .brand>span:last-child,.primary-nav button>span:nth-child(2),.primary-nav button>b,.sidebar-foot .mini-usage,.logout:not(:hover){font-size:0}.sidebar-top{justify-content:center;padding:0}.primary-nav button{justify-content:center}.primary-nav button.active:before{left:-12px}.sidebar-foot{padding:12px}.logout{justify-content:center}.workspace{grid-column:2}.metric-grid{grid-template-columns:1fr 1fr}.profile-button div{display:none}}
@media(max-width:760px){.login-view{grid-template-columns:1fr;gap:36px;padding:110px 22px 50px}.login-copy h1{font-size:48px}.login-facts{grid-template-columns:1fr}.app-shell{display:block}.sidebar{width:min(300px,86vw);transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.sidebar .brand>span:last-child,.primary-nav button>span:nth-child(2),.logout{font-size:initial}.sidebar-top{justify-content:space-between;padding:0 22px}.primary-nav button{justify-content:flex-start}.sidebar-foot .mini-usage{display:block}.close-menu,.menu-button{display:grid;place-items:center}.sidebar-backdrop{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.2s}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.workspace{width:100%}.topbar{padding:0 16px}.menu-button{width:40px;height:40px;margin-right:12px}.status-chip,.quick-button{display:none}.profile-button div{display:grid}.page-wrap{width:min(100% - 30px,1320px);padding-top:34px}.page-head{align-items:flex-start;flex-direction:column}.metric-grid,.dashboard-grid,.api-layout,.tutorial-grid,.subscription-card{grid-template-columns:1fr}.card.full{grid-column:auto}.profile-card{grid-template-columns:auto 1fr}.account-facts{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.team-metrics{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:1fr 1fr}.quick-tips{grid-template-columns:1fr}.profile-panel,.quick-panel{right:16px;top:82px}.quick-panel{width:min(260px,calc(100vw - 32px))}}
@media(max-width:480px){.login-copy h1{font-size:40px}.login-card{padding:25px}.metric-grid,.team-metrics{grid-template-columns:1fr}.page-head h1{font-size:39px}.profile-button div{display:none}.data-row{grid-template-columns:1fr}.account-facts{grid-template-columns:1fr}.member-row{grid-template-columns:auto 1fr}.member-row>span:last-child{display:none}.uptime-grid{gap:2px}.uptime-grid i{height:26px}}

/* One-time API secret: visually separate the value from its actions. */
.api-layout,.api-layout>.card,.data-row>*{min-width:0}.data-row code{white-space:normal;overflow-wrap:anywhere}.new-key-panel{display:grid;box-sizing:border-box;gap:12px;width:100%;min-width:0;margin-top:18px;padding:16px;border:1px solid rgba(202,255,77,.28);border-radius:14px;background:linear-gradient(135deg,rgba(202,255,77,.07),rgba(66,223,185,.035))}.new-key-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.new-key-heading span{color:var(--text);font-size:12px;font-weight:800}.new-key-heading b{padding:5px 8px;border-radius:7px;background:rgba(202,255,77,.1);color:var(--lime);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.new-key-value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;align-items:stretch}.new-key-value code{display:flex;align-items:center;min-width:0;min-height:48px;padding:0 14px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#050c09;color:var(--lime);font-size:14px;letter-spacing:.045em;white-space:nowrap;text-overflow:ellipsis}.new-key-actions{display:flex;gap:8px;min-width:0}.key-action{min-width:104px;min-height:48px;padding:0 15px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);font-weight:800;cursor:pointer;transition:.18s}.key-action:hover{border-color:rgba(202,255,77,.55);background:rgba(255,255,255,.06)}.key-action-primary{border-color:var(--lime);background:var(--lime);color:var(--ink)}.key-action-primary:hover{background:#d6ff73}.new-key-panel>small{color:var(--muted);font-size:11px}
@media(max-width:760px){.new-key-heading{align-items:flex-start;flex-direction:column}.new-key-value{grid-template-columns:minmax(0,1fr)}.new-key-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.key-action{width:100%;min-width:0;padding-inline:10px}}
@media(max-width:420px){.new-key-actions{grid-template-columns:1fr}}

/* In-place plan upgrades keep the client's account and API keys. */
.upgrade-section,.upgrade-payment{margin-top:16px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 24px 70px rgba(0,0,0,.2)}.upgrade-section,.upgrade-payment,.upgrade-heading>div,.upgrade-option>div,.subscription-card>*{min-width:0}.upgrade-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.upgrade-heading h2{margin:5px 0 4px;font-size:28px}.upgrade-heading p,.upgrade-payment>p{margin:0;color:var(--muted);overflow-wrap:anywhere}.billing-cycle{display:flex;padding:4px;border:1px solid var(--line);border-radius:11px;background:#07110f}.billing-cycle button{min-height:38px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer}.billing-cycle button.active{background:var(--lime);color:var(--ink)}.upgrade-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.upgrade-option{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:21px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.upgrade-option h3{margin:0 0 3px;font-size:24px}.upgrade-option p{margin:0;color:var(--muted);font-size:12px}.upgrade-option-price{text-align:right}.upgrade-option-price b{display:block;color:var(--lime);font-size:21px}.upgrade-option-price small{display:block;color:var(--muted);margin-bottom:10px}.upgrade-option button{min-height:40px}.upgrade-complete{padding:20px;border:1px solid rgba(66,223,185,.25);border-radius:14px;color:var(--mint);background:rgba(66,223,185,.055)}.upgrade-payment{border-color:rgba(202,255,77,.26)}.upgrade-payment-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.upgrade-payment-head>div{display:grid}.upgrade-payment-head span:first-child{color:var(--mint);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.upgrade-payment-head h2{margin:5px 0 0;font-size:28px}.upgrade-invoice-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:12px;margin:22px 0}.upgrade-invoice-grid>div{display:grid;align-content:center;min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:#07110f}.upgrade-invoice-grid small{color:var(--muted)}.upgrade-invoice-grid strong{color:var(--lime);font-size:27px}.upgrade-invoice-grid span{color:var(--muted);font-size:12px}.upgrade-invoice-grid code{margin:7px 0 12px;overflow-wrap:anywhere}.upgrade-invoice-grid button{justify-self:start}.upgrade-txid-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:21px}.upgrade-txid-form label{display:grid;gap:7px;color:#c7d5cf;font-weight:700}.upgrade-txid-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:10px;background:#07110f;color:var(--text);font:13px/1.5 "SFMono-Regular",Consolas,monospace;outline:none}.upgrade-txid-form input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(202,255,77,.1)}.upgrade-message{display:block;min-height:20px;margin-top:12px;color:var(--muted)}.upgrade-message.error{padding:0!important;margin-top:12px!important;border:0;background:transparent;color:var(--red)!important}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.upgrade-section,.upgrade-payment{padding:24px}.upgrade-heading{align-items:flex-start;flex-direction:column}.billing-cycle{width:100%}.billing-cycle button{flex:1}.upgrade-options,.upgrade-invoice-grid,.upgrade-txid-form{grid-template-columns:1fr}.upgrade-option{grid-template-columns:1fr}.upgrade-option-price{text-align:left}.upgrade-payment-head{align-items:flex-start;flex-direction:column}.subscription-quota b{font-size:clamp(21px,7vw,28px)}.page-head p{overflow-wrap:anywhere}.crumb{min-width:0}.profile-button{flex:none}}