:root{color-scheme:dark;--bg:#07111f;--surface:#0d1a2b;--surface2:#12233a;--line:#213650;--text:#f4f8fc;--muted:#8ea3bc;--accent:#57e3bd;--accent2:#58a6ff;--danger:#ff727d;--warning:#ffca69;--shadow:0 24px 70px #0005;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% -10%,#173f67 0,transparent 34%),radial-gradient(circle at 0 40%,#0d3c3b 0,transparent 26%),var(--bg);color:var(--text)}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:#07111fd9;backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;font-weight:850;font-size:21px;margin:0 8px 30px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#03131b}.nav{display:grid;gap:6px}.nav button{display:flex;gap:12px;align-items:center;width:100%;padding:12px 14px;border:0;border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.nav button:hover,.nav button.active{color:var(--text);background:var(--surface2)}.nav .admin-only{margin-top:18px}.sidebar-foot{position:absolute;bottom:24px;left:18px;right:18px}.content{width:100%;max-width:1320px;margin:0 auto;padding:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:6px 0}h2{margin:0 0 14px;font-size:20px}.muted{color:var(--muted)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#215e91,#175f51);font-weight:800}.grid{display:grid;gap:16px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.metric,.card{border:1px solid var(--line);background:linear-gradient(145deg,#102038e8,#0c192be8);border-radius:20px;box-shadow:var(--shadow)}.metric{padding:19px}.metric strong{display:block;font-size:27px;margin-top:5px}.card{padding:21px}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:24px}.hero .card:first-child{padding:28px;background:linear-gradient(135deg,#122b47,#0d3d38)}.balance{font-size:34px;font-weight:850;margin:9px 0}.keys,.stack{display:grid;gap:12px}.key{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(170px,.8fr) auto;gap:20px;align-items:center}.key h3{margin:5px 0;font-size:19px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#143c35;color:var(--accent);font-size:12px;font-weight:750}.badge.bad{color:var(--danger);background:#431c27}.badge.warn{color:var(--warning);background:#45371d}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.button{border:1px solid var(--line);border-radius:12px;padding:10px 13px;color:var(--text);background:#14263d;text-decoration:none;cursor:pointer}.button.primary{border-color:transparent;background:linear-gradient(135deg,#2385d8,#1a9d7a)}.button.ghost{background:transparent}.split{grid-template-columns:1fr 1fr;margin-top:18px}.list-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border:0}.server{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.progress{height:7px;border-radius:99px;background:#1a2d44;overflow:hidden;margin-top:10px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#081525;color:var(--text);padding:12px;margin:7px 0;outline:none}input:focus,textarea:focus{border-color:var(--accent2)}textarea{min-height:96px;resize:vertical}.empty{padding:42px;text-align:center}.boot,.login{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px}.login .card{max-width:560px}.loader{width:34px;height:34px;margin:auto;border:3px solid #ffffff22;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;right:20px;bottom:20px;z-index:5;padding:12px 16px;border-radius:12px;background:#15283f;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}.mobile-head{display:none}@media(max-width:900px){.shell{display:block}.sidebar{position:fixed;z-index:4;top:auto;bottom:0;width:100%;height:auto;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid var(--line)}.brand,.sidebar-foot,.nav button span:last-child{display:none}.nav{grid-template-columns:repeat(5,1fr)}.nav button{justify-content:center;font-size:21px;padding:10px}.nav .admin-only{margin:0}.content{padding:22px 15px 100px}.metrics{grid-template-columns:1fr 1fr}.hero,.split{grid-template-columns:1fr}.key{grid-template-columns:1fr}.key>div:last-child{text-align:left}.topbar{margin-bottom:22px}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:22px}.card{border-radius:17px;padding:17px}}
:root{--sale-ready:1}.choice-grid{display:grid;gap:9px}.choice{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:#12352f}.choice input{width:auto;margin:0}.choice span{display:grid}.choice small{color:var(--muted)}.wide{width:100%;margin-top:16px}.success{margin-top:15px;padding:15px;border:1px solid #286b5c;border-radius:14px;background:#0c302a}.public{max-width:1240px;margin:auto;padding:0 22px}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.public-nav .brand{margin:0}.public main{min-height:70vh}.public-hero{display:grid;grid-template-columns:1.45fr .75fr;gap:35px;align-items:center;padding:80px 0 100px}.public-hero h1{font-size:clamp(46px,7vw,82px);letter-spacing:-.055em}.public-hero h1 span{color:var(--accent)}.public-hero>div>p{max-width:670px;color:var(--muted);font-size:19px}.public-stat{padding:28px}.public-section{padding:50px 0}.public-section>h2{font-size:34px}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan.featured{border-color:#2b8f78;background:linear-gradient(145deg,#153a36,#10243a)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public footer{text-align:center;color:var(--muted);padding:50px 0}@media(max-width:900px){.public-hero{grid-template-columns:1fr;padding:50px 0}.plan-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.public .brand{display:flex}.nav{grid-template-columns:repeat(6,1fr)}}@media(max-width:520px){.plan-grid{grid-template-columns:1fr}.public{padding:0 15px}.public-hero h1{font-size:44px}}
.admin-title,.server-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.compact{display:flex;align-items:center;gap:8px;color:var(--muted)}.compact select{width:auto;margin:0;padding:8px;border-radius:10px;background:#081525;color:var(--text);border:1px solid var(--line)}.server-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-admin{padding:16px;border:1px solid var(--line);border-radius:16px;background:#091727}.server-admin.archived{opacity:.72}.server-meta{font-size:13px;margin-top:9px}.button.danger{color:var(--danger);border-color:#6b2a35}@media(max-width:900px){.server-admin-list{grid-template-columns:1fr}.admin-title{display:block}.compact{margin:12px 0}}

/* Premium dashboard with optional dark mode. */
:root{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--surface2:#f0f2f7;--line:#e4e7ee;--text:#252833;--muted:#858b98;--accent:#1fb778;--accent2:#4d6bff;--danger:#d94b58;--warning:#b98116;--shadow:0 16px 45px #22304a0d}
:root[data-theme="dark"]{color-scheme:dark;--bg:#07111f;--surface:#0d1a2b;--surface2:#12233a;--line:#213650;--text:#f4f8fc;--muted:#8ea3bc;--accent:#57e3bd;--accent2:#58a6ff;--danger:#ff727d;--warning:#ffca69;--shadow:0 24px 70px #0005}
body{background:var(--bg)}.sidebar{padding:24px 16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:8px 0 30px #22304a08}.brand{margin-bottom:20px}.logo{background:linear-gradient(135deg,#222631,#434958);color:#fff}.account-card{display:flex;gap:11px;align-items:center;margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.account-card small{display:block;color:var(--muted);margin-top:2px}.side-balance{display:grid;gap:4px;padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.side-balance small{color:var(--muted)}.side-balance strong{font-size:22px}.metric,.card{background:var(--surface);box-shadow:var(--shadow)}.hero .card:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 7%,var(--surface)),color-mix(in srgb,var(--accent) 8%,var(--surface)))}.button{background:var(--surface2)}input,textarea{background:var(--surface);color:var(--text)}.top-actions{display:flex;align-items:center;gap:12px}.system-ok{color:var(--accent);font-size:13px;font-weight:700}.theme-toggle,.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;font-size:20px}.notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 19px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));border-left:4px solid var(--warning);border-radius:16px;background:color-mix(in srgb,var(--warning) 7%,var(--surface))}.notice p{margin:4px 0 0;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.key-tools{display:grid;gap:12px;margin-bottom:18px}.key-tools input{margin:0;padding:14px 16px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:8px 13px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);cursor:pointer}.filter.active{background:var(--text);border-color:var(--text);color:var(--surface)}
.button.primary{color:#fff}@media(max-width:900px){.account-card,.side-balance,.system-ok{display:none}.top-actions{gap:7px}.notice{align-items:flex-start;flex-direction:column}.sidebar{background:var(--surface)}.nav{grid-template-columns:repeat(6,1fr)}}

/* Public storefront and responsive account refinements. */
.public-nav{position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.public-nav .brand{text-decoration:none;color:var(--text)}.public-links{display:flex;gap:26px}.public-links a{color:var(--muted);text-decoration:none;font-size:14px}.public-links a:hover{color:var(--text)}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:13px}.feature-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface2);color:var(--accent);font-weight:850}.feature-grid h3{font-size:19px;margin:18px 0 8px}.section-copy{max-width:650px;margin-top:-7px;margin-bottom:24px}.plans-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.access-section{display:flex;align-items:center;justify-content:space-between;gap:32px}.access-section>div{max-width:760px}.faq{max-width:860px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{padding:19px 0;font-weight:750;cursor:pointer}.faq details p{margin:0 0 19px;color:var(--muted)}.public-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:50px 0;padding:34px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#222631,#374159)}.public-cta h2{font-size:30px}.public-cta p{margin:0;color:#d8dbe2}.public footer{display:flex;justify-content:space-between;border-top:1px solid var(--line)}.seo-copy{max-width:850px}.noscript{padding:16px;text-align:center}.login-card{width:min(100%,520px);padding:32px}.login-card .eyebrow{margin-top:18px}.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.login-note{font-size:12px;color:var(--muted);margin-top:20px}.login .text-button{margin-top:12px}.seo-fallback{min-height:100vh}
@media(min-width:901px) and (max-width:1180px){.shell{grid-template-columns:210px minmax(0,1fr)}.content{padding:26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.key{grid-template-columns:minmax(0,1.4fr) minmax(150px,.7fr)}.key>div:last-child{grid-column:2}.plan-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.public-links{display:none}.public-hero{gap:20px;padding:44px 0 66px}.public-section{padding:38px 0}.access-section,.public-cta{align-items:flex-start;flex-direction:column}.public-cta{padding:26px}.public footer{gap:12px;flex-direction:column}.topbar h1{font-size:30px}.content{max-width:720px}.key .actions .button{flex:1;text-align:center}.login-card{padding:24px}}
@media(max-width:520px){.public-nav{padding:16px 0}.public-nav .button{padding:9px 11px}.public-hero{padding-top:36px}.public-hero h1{font-size:40px}.public-hero>div>p{font-size:17px}.trust-row{display:grid;gap:8px}.public-section>h2{font-size:28px}.public-cta h2{font-size:25px}.topbar{align-items:flex-start}.top-actions .avatar{display:none}.key .actions{display:grid;grid-template-columns:1fr 1fr}.key .actions .rename-key{grid-column:1/-1}.metrics{gap:10px}.metric{min-width:0}.metric .muted{font-size:12px}.login{padding:14px}}
.subpage{min-height:72vh;padding:90px 0}.subpage h1{max-width:820px;font-size:clamp(42px,7vw,76px)}.sublead{max-width:760px;color:var(--muted);font-size:20px}.status-metrics{margin-top:36px;grid-template-columns:repeat(3,1fr)}.public footer a{color:var(--muted);text-decoration:none}@media(max-width:700px){.subpage{padding:50px 0}.status-metrics{grid-template-columns:1fr}.sublead{font-size:17px}}
.key-problem{border-left:4px solid var(--danger)}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#11182799;backdrop-filter:blur(6px)}.modal{width:min(760px,100%);max-height:90vh;overflow:auto}.key-detail-metrics{grid-template-columns:repeat(3,1fr);margin:22px 0}.traffic-chart{height:220px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}.traffic-chart svg{width:100%;height:100%;overflow:visible}.traffic-chart polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.traffic-chart .empty{display:grid;height:100%;place-items:center}@media(max-width:620px){.modal-backdrop{padding:0;align-items:end}.modal{max-height:92vh;border-radius:24px 24px 0 0}.key-detail-metrics{grid-template-columns:1fr}.traffic-chart{height:170px}}
.crm .section-head{gap:18px}.crm .section-head input{width:min(390px,100%);margin:0}.crm-list{display:grid;gap:6px;max-height:620px;overflow:auto}.crm-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.crm-row small{display:block;color:var(--muted);margin-top:3px}.crm-row[hidden]{display:none}@media(max-width:760px){.crm .section-head{align-items:stretch;flex-direction:column}.crm .section-head input{width:100%}.crm-row{grid-template-columns:1fr}.crm-row>.button{width:100%}}
.inline-form,.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.inline-form input,.copy-field input{margin:0}.choice s{color:var(--muted);font-size:12px}@media(max-width:480px){.inline-form,.copy-field{grid-template-columns:1fr}.inline-form .button,.copy-field .button{width:100%}}
.transfer-box{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:14px}.transfer-box summary{font-weight:750;cursor:pointer}.transfer-notice{margin-bottom:18px;border-left:4px solid var(--accent2)}
:root:not([data-theme="dark"]) .choice:has(input:checked){border-color:var(--accent);background:#e6f7ef;color:var(--text)}:root:not([data-theme="dark"]) .choice:has(input:checked) small{color:#48665b}
.folder-box{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.folder-box>label{display:block;margin-bottom:8px;font-weight:750}.notification{display:flex;align-items:center;justify-content:space-between;gap:18px}.notification h3{margin:10px 0 4px}.notification p{margin:0 0 8px}.notification.unread{border-left:4px solid var(--accent2);background:color-mix(in srgb,var(--accent2) 5%,var(--surface))}@media(max-width:620px){.notification{align-items:stretch;flex-direction:column}.notification .button{text-align:center}}
.support-messages{display:grid;gap:10px;margin:20px 0;max-height:50vh;overflow:auto}.support-message{max-width:82%;padding:12px 14px;border-radius:15px;background:var(--surface2)}.support-message.admin{margin-left:auto;background:color-mix(in srgb,var(--accent2) 10%,var(--surface))}.support-message p{margin:5px 0}.support-message small{color:var(--muted)}
.modal-open{overflow:hidden}.support-dialog{display:flex;flex-direction:column;width:min(780px,100%);max-height:min(90vh,900px);max-height:min(90dvh,900px);padding:0;overflow:hidden}.support-dialog-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 21px 14px;border-bottom:1px solid var(--line)}.support-dialog-head h2{margin:5px 0 0}.support-dialog-close{flex:0 0 44px;width:44px;height:44px;font-size:25px}.support-dialog-body{min-height:0;padding:0 21px 18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.support-dialog .support-messages{max-height:none;overflow:visible}.support-dialog-actions{display:flex;flex:0 0 auto;gap:9px;flex-wrap:wrap;padding:14px 21px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.support-dialog-actions .button{margin:0}.support-closed{padding:13px;border-radius:12px;background:var(--surface2);color:var(--muted);text-align:center}
@media(max-width:900px){.support-dialog-backdrop{padding:16px}.support-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.support-dialog-actions .button{min-height:44px}}
@media(max-width:620px){.support-dialog-backdrop{padding:0}.support-dialog{max-height:94vh;max-height:94dvh}.support-dialog-actions{display:grid}.support-dialog-actions .button{width:100%}}

/* v1.93: page-based interactions. No fixed overlays, browser prompts or trapped scroll. */
.detail-page{margin:0 0 20px;padding:clamp(18px,3vw,30px);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 18px 55px #1118270d}
.detail-page>.section-head{align-items:flex-start}.detail-page .text-button{margin:0 0 14px;padding:0}.detail-page .support-messages{max-height:none;margin:18px 0;overflow:visible}.detail-page textarea{min-height:120px}.folder-box,.transfer-box,.inline-action-form{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.inline-action-form{margin:0 0 20px;border-left:4px solid var(--accent)}.inline-action-form h2{margin:.25rem 0}.inline-action-form>label,.form-grid label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.inline-action-form>.actions{margin-top:16px}
.admin-profile-page .stack{margin-bottom:24px}.content{min-width:0}.card,.list-row,.crm-row,.operation-row{min-width:0}.list-row>*,.crm-row>*,.operation-row>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.detail-page{padding:20px}.form-grid{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.operation-row,.crm-row{align-items:flex-start}}
@media(max-width:620px){.detail-page{margin-inline:-4px;padding:16px;border-radius:18px}.detail-page .actions,.inline-action-form .actions,.inline-action-form .inline-form{display:grid;grid-template-columns:1fr}.detail-page .button,.inline-action-form .button{width:100%}.key-detail-metrics{grid-template-columns:1fr}.topbar{align-items:flex-start}.system-ok{display:none}.content{padding-inline:14px}.list-row{align-items:flex-start;gap:10px}.list-row>.actions{width:100%}}
.auth-label{display:block;margin:20px 0 2px;text-align:left;color:var(--muted);font-size:13px;font-weight:700}.auth-status{min-height:20px;margin:10px 0 16px;color:var(--muted);font-size:13px}.email-code{text-align:center;font-size:30px;font-weight:800;letter-spacing:.28em;font-variant-numeric:tabular-nums;padding-left:calc(12px + .28em)}.email-login-card strong{color:var(--text)}.login-card .button+.button{margin-top:9px}.login-card button:disabled{cursor:not-allowed;opacity:.58}
.client-overview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:18px;margin-bottom:20px}.welcome-card{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:center;padding:28px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);color:var(--text);text-align:left;cursor:pointer}.quick-action>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--surface);color:var(--accent);font-size:20px}.quick-action strong,.quick-action small{display:block}.quick-action small{color:var(--muted)}.quick-action.primary{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface2))}.health-card{display:flex;align-items:center;gap:20px}.health-card.has-problem{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.health-orb{display:grid;place-items:center;align-content:center;flex:0 0 96px;height:96px;border:8px solid color-mix(in srgb,var(--accent) 42%,var(--surface2));border-radius:50%}.has-problem .health-orb{border-color:color-mix(in srgb,var(--danger) 42%,var(--surface2))}.health-orb strong{font-size:28px}.health-orb small{color:var(--muted)}.danger-notice{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.admin-tabs{display:flex;gap:6px;margin:0 0 22px;padding:5px;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow-x:auto}.admin-tabs button{flex:1;min-width:max-content;padding:10px 18px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.admin-tabs button.active{background:var(--surface2);color:var(--text);box-shadow:0 4px 15px #0002}.admin-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.7fr);gap:18px;margin-bottom:20px}.admin-hero>.card:first-child{padding:28px}.admin-health{display:grid;place-content:center;gap:7px;border-left:4px solid var(--accent)}.admin-health.warn{border-left-color:var(--warning)}.admin-health strong{font-size:24px}.admin-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.priority-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:var(--text);text-align:left;cursor:pointer}.priority-card:hover{border-color:var(--accent2);transform:translateY(-1px)}.priority-card strong,.priority-card small{display:block}.priority-card small{color:var(--muted)}.priority-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface2);color:var(--accent);font-size:20px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.operation-list{display:grid;gap:10px}.operation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.operation-row>div:first-child{display:grid;gap:4px}.operation-row small{color:var(--muted)}.operation-row .actions{grid-column:1/-1;margin:0}.admin-search-head input{max-width:360px;margin:0}.crm-row>.actions{margin:0;justify-content:flex-end}.badge.warn{color:var(--warning);background:#45371d}#app:not([data-admin-tab-page="operations"]) #adminPromos,#app:not([data-admin-tab-page="operations"]) #adminWithdrawals{display:none}
@media(max-width:1050px){.client-overview,.admin-hero{grid-template-columns:1fr}.welcome-card{grid-template-columns:1fr}.admin-priorities{grid-template-columns:1fr 1fr}.admin-columns{grid-template-columns:1fr}}
@media(max-width:700px){.quick-actions,.admin-priorities{grid-template-columns:1fr}.health-card{align-items:flex-start}.client-metrics{grid-template-columns:1fr 1fr}.admin-tabs{position:sticky;top:0;z-index:3}.admin-search-head{align-items:stretch;flex-direction:column}.admin-search-head input{max-width:none}.operation-row{grid-template-columns:1fr}.operation-row>strong{justify-self:start}.crm-row{grid-template-columns:1fr}.crm-row>.actions{justify-content:flex-start}.welcome-card{padding:20px}}
.finance-queue,.finance-withdrawals,.legacy-billing{margin-top:18px}.bulk-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:18px;margin:0 -4px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}.bulk-toolbar .actions{margin:0 0 0 auto}.select-all,.request-check{display:flex;align-items:center;gap:8px;cursor:pointer}.select-all input,.request-check input{width:18px;height:18px;margin:0;accent-color:var(--accent2)}.finance-request{grid-template-columns:auto minmax(0,1fr) auto}.finance-request .request-check{align-self:start;padding-top:3px}.finance-request .actions{grid-column:2/-1}.button:disabled{opacity:.45;cursor:not-allowed}.finance-withdrawals small{max-width:720px;overflow-wrap:anywhere}
@media(max-width:700px){.finance-metrics{grid-template-columns:1fr 1fr}.bulk-toolbar{align-items:flex-start;flex-wrap:wrap}.bulk-toolbar .actions{width:100%;margin-left:0}.finance-request{grid-template-columns:auto minmax(0,1fr)}.finance-request>strong{grid-column:2}.finance-request .actions{grid-column:2}}
.ticket-row{cursor:pointer;border-radius:10px;padding-left:8px;padding-right:8px}.ticket-row:hover{background:var(--surface2)}
.key-folder{display:grid;gap:12px}.folder-heading{display:flex;align-items:center;gap:10px;margin-top:8px}.folder-heading h2{margin:0}.content>section.keys:has(.key-folder){gap:26px}
.legacy-note{margin-top:9px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--warning) 10%,var(--surface2));color:var(--warning);font-size:13px;font-weight:700}.legacy-note.free{background:color-mix(in srgb,var(--accent) 10%,var(--surface2));color:var(--accent)}.legacy-billing{margin-top:18px}.legacy-billing-row{border-top:1px solid var(--line)}.legacy-billing-row summary{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px 0;cursor:pointer}.legacy-billing-row summary span{display:grid}.legacy-billing-row small,.legacy-key-list small{display:block;color:var(--muted);font-weight:400}.legacy-key-list{padding:0 0 8px 18px}.legacy-key-list .list-row>span:first-child{min-width:0}@media(max-width:620px){.legacy-billing-row summary{grid-template-columns:1fr}.legacy-key-list{padding-left:0}}
@media(max-width:900px){.nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(48px,1fr);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain}.nav button{min-width:48px}.content{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}
.verified-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.verified-contact strong{overflow-wrap:anywhere}.card hr{height:1px;margin:24px 0;border:0;background:var(--line)}
@media(max-width:620px){.verified-contact{align-items:flex-start;flex-direction:column}.verified-contact .text-button{padding:8px 0}}

/* v1.95: routed, responsive account shell. */
.content{max-width:1440px;padding:36px clamp(22px,3vw,48px)}
.sidebar{width:260px;padding:28px 18px}.shell{grid-template-columns:260px minmax(0,1fr)}
.topbar{padding-bottom:20px;border-bottom:1px solid var(--line)}
.topbar h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em}
.card,.metric{border-color:color-mix(in srgb,var(--line) 82%,transparent);box-shadow:0 12px 35px #1f29370a}
.card{padding:clamp(18px,2.2vw,28px)}
.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;transition:border-color .15s,background .15s,transform .15s}
.button:hover{border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));transform:translateY(-1px)}
select{width:100%;min-height:44px;margin:7px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
.key{grid-template-columns:minmax(0,1.65fr) minmax(180px,.7fr) minmax(150px,.55fr);border-left:4px solid var(--accent)}
.key.key-problem{border-left-color:var(--danger)}
.detail-page{max-width:1080px;margin-inline:auto}.detail-page .traffic-chart{min-height:260px}
.support-thread{max-width:920px}.support-thread textarea{min-height:140px}
.legal-links{position:fixed;z-index:10;right:14px;bottom:14px;display:flex;gap:12px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);font-size:12px}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--text)}.legal-page{max-width:900px}.legal-page article{line-height:1.65}.legal-page article h2{margin-top:28px}.legal-page article p{color:var(--muted)}
@media(max-width:620px){.legal-links{right:8px;bottom:8px;left:8px;justify-content:center;gap:16px}}
.crm-row{border:1px solid transparent;border-radius:13px}.crm-row:hover{border-color:var(--line);background:var(--surface2)}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.content{padding:28px 24px}.key{grid-template-columns:1fr 1fr}.key>div:first-child{grid-column:1/-1}}
@media(max-width:900px){.shell{display:block}.sidebar{width:100%;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.content{padding:22px 18px calc(104px + env(safe-area-inset-bottom))}.nav{grid-auto-columns:minmax(62px,1fr)}.nav button{display:grid;gap:2px;padding:7px 4px;font-size:18px}.nav button span:last-child{display:block;font-size:10px;white-space:nowrap}.topbar{position:sticky;top:0;z-index:2;margin:-22px -18px 22px;padding:18px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}}
@media(max-width:680px){.content{padding-inline:13px}.topbar{margin-inline:-13px;padding-inline:13px}.topbar h1{font-size:28px}.key{grid-template-columns:1fr;gap:14px}.key>div:first-child{grid-column:auto}.key .actions{display:grid;grid-template-columns:1fr 1fr}.key .actions .button{width:100%}.detail-page .traffic-chart{min-height:190px}.section-head{align-items:flex-start;gap:10px}.metrics{grid-template-columns:1fr 1fr}.client-overview{display:block}.client-overview>.card+ .card{margin-top:12px}}
@media(max-width:420px){.metrics{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.nav button span:last-child{font-size:9px}.key .actions{grid-template-columns:1fr}}

/* v1.96: focused connection list and height-safe desktop navigation. */
@media(min-width:901px){.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar>.brand,.sidebar>.account-card,.sidebar>.side-balance{flex:0 0 auto}.sidebar>.nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar>.nav::-webkit-scrollbar{width:6px}.sidebar>.nav::-webkit-scrollbar-thumb{border-radius:99px;background:var(--line)}.sidebar-foot{position:static;flex:0 0 auto;padding-top:12px;border-top:1px solid var(--line)}}
.key-tools{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.key-tools-head{display:grid;grid-template-columns:auto minmax(260px,520px);justify-content:space-between;align-items:end;gap:20px}.key-tools-head h2{margin:3px 0 0}.key-tools-head input{align-self:center}.connection-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.connection-card{display:flex;min-width:0;height:100%;flex-direction:column;gap:18px;border-left:4px solid var(--accent)}.connection-card.key-problem{border-left-color:var(--danger)}.connection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.connection-identity{display:flex;min-width:0;align-items:center;gap:12px}.connection-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent2) 12%,var(--surface2));color:var(--accent2);font-size:24px;font-weight:800}.connection-head h3{margin:0 0 2px;font-size:19px}.connection-code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-tags{display:flex;gap:7px;flex-wrap:wrap}.connection-tags span{padding:5px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px}.connection-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.connection-stats>div{min-width:0;padding:12px;border-radius:13px;background:var(--surface2)}.connection-stats small,.connection-stats strong{display:block}.connection-stats small{margin-bottom:5px;color:var(--muted);font-size:11px}.connection-stats strong{overflow-wrap:anywhere;font-size:13px}.connection-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}.connection-actions .primary{margin-right:auto}
@media(max-width:1180px){.connection-list{grid-template-columns:1fr}}
@media(max-width:680px){.key-tools{padding:14px}.key-tools-head{grid-template-columns:1fr;gap:10px}.connection-head{align-items:flex-start;flex-direction:column}.connection-stats{grid-template-columns:1fr}.connection-actions{display:grid;grid-template-columns:1fr 1fr}.connection-actions .primary{grid-column:1/-1;margin:0}.connection-actions .button{width:100%}}
