:root{
  --bg:#f6f7f9;
  --surface:#ffffff;
  --surface-subtle:#fafbfc;
  --sidebar:#0e1420;
  --sidebar-soft:#151d2b;
  --sidebar-text:#cbd5e1;
  --text:#151922;
  --muted:#667085;
  --muted-2:#98a2b3;
  --line:#e6e8ec;
  --line-strong:#d7dbe2;
  --primary:#3157d5;
  --primary-hover:#2848b7;
  --primary-soft:#eef2ff;
  --danger:#b42318;
  --danger-soft:#fff5f4;
  --success:#11734b;
  --warning:#9a6700;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow-md:0 12px 30px rgba(16,24,40,.08);
  --radius:10px;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:light}
body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
.mobile-only{display:none!important}

/* auth */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:48px 20px 80px;background:var(--surface);position:relative}
.auth-card{width:100%;max-width:420px}
.auth-wordmark{display:inline-flex;align-items:center;gap:10px;margin-bottom:44px;font-size:14px;font-weight:700;letter-spacing:.08em;color:#111827;text-decoration:none}
.auth-wordmark b{font-weight:500;color:#6b7280}
.wordmark-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#111827;color:#fff;font-size:15px;font-weight:800;letter-spacing:0}
.wordmark-symbol-small{width:30px;height:30px;border-radius:7px;font-size:13px}
.auth-heading{margin-bottom:26px}
.auth-heading h1{margin:0 0 8px;font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:650;color:#111827}
.auth-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.form-stack{display:grid;gap:14px;margin-top:16px}
.field{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:600}
.field input,.field select,input,select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#111827;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input::placeholder{color:#a0a7b4}
input:hover,select:hover{border-color:#c6cbd4}
input:focus,select:focus{border-color:#6d83dc;box-shadow:0 0 0 3px rgba(49,87,213,.10)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(49,87,213,.65);outline-offset:2px}
.button{min-height:40px;border-radius:8px;border:1px solid transparent;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}
.button:not(:disabled):active{transform:translateY(1px)}
.button-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.button-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.button-secondary{background:#fff;border-color:var(--line-strong);color:#344054}
.button-secondary:hover{background:#f8f9fb;border-color:#c8cdd5}
.button-danger{background:#fff;border-color:#efc6c3;color:var(--danger)}
.button-danger:hover{background:var(--danger-soft)}
.button-block{width:100%}
.button-compact{min-height:36px;padding:7px 11px;font-size:13px}
.auth-status{min-height:20px;margin:14px 0 0;color:#475467;font-size:13px}
.otp-context{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:#667085;font-size:12px}
.otp-context strong{color:#344054;font-weight:600}
.auth-back{justify-self:center;border:0;background:transparent;color:#667085;padding:5px 8px;font-size:12px;font-weight:600}
.auth-back:hover{color:#344054;text-decoration:underline}
.auth-divider{height:1px;background:var(--line);margin:26px 0 18px}
.auth-divider span{display:none}
.auth-footnote{margin:0;color:#7b8494;font-size:12px;line-height:1.55}
.auth-footer{position:absolute;left:0;right:0;bottom:24px;text-align:center;color:#98a2b3;font-size:12px}

/* app frame */
.app-shell{min-height:100vh;background:var(--bg)}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:70;border-right:1px solid rgba(255,255,255,.05)}
.sidebar-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sidebar-brand-copy{font-size:13px;font-weight:700;letter-spacing:.075em}
.sidebar-brand-copy b{font-weight:500;color:#94a3b8}
.workspace-card{margin:16px 14px 8px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:10px}
.workspace-dot{width:8px;height:8px;border-radius:50%;background:#55c98d;box-shadow:0 0 0 3px rgba(85,201,141,.12)}
.workspace-card div{display:grid;min-width:0}
.workspace-card strong{font-size:12px;color:#f8fafc;font-weight:600}
.workspace-card span{font-size:11px;color:#8491a3}
.sidebar-nav{padding:14px 10px;display:flex;flex-direction:column;gap:3px;overflow:auto}
.nav-section-label{margin:4px 10px 8px;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.nav-section-secondary{margin-top:20px}
.nav-item{width:100%;min-height:42px;border:0;border-radius:7px;background:transparent;color:#aeb8c6;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:13px;font-weight:500;transition:background .15s ease,color .15s ease}
.nav-item svg{width:17px;height:17px;stroke-width:1.8}
.nav-item:hover{background:rgba(255,255,255,.055);color:#f8fafc}
.nav-item.active{background:#1e2a3a;color:#fff}
.nav-item:disabled{opacity:.4}
.sidebar-foot{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.07)}
.sidebar-profile{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px}
.account-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#273345;color:#fff;font-size:12px;font-weight:700}
.sidebar-profile-copy{display:grid;min-width:0}
.sidebar-profile-copy strong{font-size:12px;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-profile-copy span{margin-top:2px;font-size:10px;color:#7e8b9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475467;display:grid;place-items:center;padding:0}
.icon-button:hover{background:#f8f9fb}
.subtle-icon{width:30px;height:30px;border:0;background:transparent;color:#8090a4}
.subtle-icon:hover{background:rgba(255,255,255,.05);color:#fff}
.subtle-icon svg{width:15px;height:15px}
.app-frame{margin-left:252px;min-height:100vh}
.topbar{height:68px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}
.breadcrumb{display:flex;align-items:center;gap:8px;color:#7a8494;font-size:13px}
.breadcrumb strong{color:#202631;font-weight:600}
.breadcrumb-separator{color:#c2c7cf}
.topbar-actions .button svg{width:15px;height:15px}
.app-content{width:100%;max-width:1360px;margin:0 auto;padding:34px 36px 72px}
.view-panel{display:none}
.view-panel.active{display:block;animation:view-in .18s ease-out}
@keyframes view-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.page-heading h1{margin:0 0 4px;font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:650;color:#161b24}
.page-description{margin:0;color:var(--muted);font-size:13px}
.toast{position:fixed;top:82px;right:24px;z-index:100;max-width:min(420px,calc(100vw - 32px));padding:11px 13px;border:1px solid #c9d2f6;border-radius:9px;background:#fff;color:#334155;box-shadow:var(--shadow-md);font-size:13px}

/* onboarding */
.onboarding-card{margin-bottom:18px;padding:20px 22px;border:1px solid #d5dcf7;background:#f7f9ff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.onboarding-copy{max-width:760px}
.onboarding-badge{margin-bottom:6px;color:#4a5fae;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.onboarding-copy h2{margin:0 0 4px;font-size:16px;color:#1f2a44}
.onboarding-copy p{margin:0;color:#667085;font-size:13px;line-height:1.55}

/* stats */
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}
.stat-cell{min-height:116px;padding:18px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line)}
.stat-cell:last-child{border-right:0}
.stat-label{font-size:12px;color:#667085;font-weight:500}
.stat-cell strong{margin-top:auto;font-size:25px;line-height:1.15;letter-spacing:-.03em;color:#151922;font-variant-numeric:tabular-nums}
.stat-cell small{margin-top:5px;color:#98a2b3;font-size:11px}

/* generic surfaces */
.surface{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}
.surface-heading{min-height:66px;padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.surface-heading h2{margin:0 0 3px;font-size:14px;color:#1c2230;font-weight:650}
.surface-heading p{margin:0;color:#7b8494;font-size:12px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px}
.surface-main,.surface-side{min-height:280px}
.overview-billing-surface{margin-bottom:18px}
.link-button{border:0;background:transparent;color:var(--primary);padding:2px 0;font-size:12px;font-weight:600;white-space:nowrap}
.link-button:hover{text-decoration:underline}

/* quick access */
.quick-menu{padding:5px 0}
.quick-menu button{width:100%;min-height:64px;border:0;border-bottom:1px solid #f0f1f3;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:10px 16px;text-align:left;color:#344054;transition:background .14s ease}
.quick-menu button:last-child{border-bottom:0}
.quick-menu button:hover{background:#fafbfc}
.quick-menu-icon{width:34px;height:34px;border:1px solid #e2e5e9;border-radius:8px;display:grid;place-items:center;color:#475467;background:#fff}
.quick-menu-icon svg{width:16px;height:16px}
.quick-menu button>span:nth-child(2){display:grid;gap:1px}
.quick-menu strong{font-size:12px;color:#222938}
.quick-menu small{font-size:11px;color:#8b94a3}
.quick-chevron{width:14px;height:14px;color:#a2a9b4}

/* overview previews */
.overview-list{min-height:120px}
.overview-row{min-height:64px;padding:12px 18px;border-bottom:1px solid #f1f2f4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
.overview-row:last-child{border-bottom:0}
.overview-row-main{display:grid;gap:2px;min-width:0}
.overview-row-main strong{font-size:12px;color:#222938;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-row-main span{font-size:11px;color:#858e9d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-row-side{text-align:right;display:grid;gap:3px;justify-items:end}
.overview-row-side strong{font-size:12px;color:#344054;font-variant-numeric:tabular-nums}

/* badges */
.status-badge,.payment-badge,.warning-badge,.owner-badge{display:inline-flex;align-items:center;width:max-content;gap:5px;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}
.status-badge{background:#f2f4f7;color:#475467}
.status-badge.status-success{background:#edf9f2;color:#13734c}
.status-badge.status-warning{background:#fff8e8;color:#8b6508}
.status-badge.status-danger{background:#fff1f0;color:#a9342a}
.status-badge.status-info{background:#eef3ff;color:#3157b7}
.payment-badge{background:#eef3ff;color:#405bb7}
.warning-badge{background:#fff8e8;color:#8b6508}
.owner-badge{background:#f1efff;color:#6650b8}

/* shop */
.shop-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}
.checkout-surface{position:sticky;top:88px}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.plan-card{border:1px solid var(--line);border-radius:9px;padding:16px;background:#fff;display:grid;gap:12px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.plan-card:hover{border-color:#cfd5df;box-shadow:0 8px 20px rgba(16,24,40,.06);transform:translateY(-1px)}
.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.plan-card-title{display:grid;gap:3px}
.plan-card-title strong{font-size:13px;color:#1f2633}
.plan-card-title small{font-size:11px;color:#8a94a4}
.plan-price{font-size:18px;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}
.plan-meta{display:flex;gap:6px;flex-wrap:wrap}
.plan-meta span{padding:4px 7px;border:1px solid #e7e9ed;border-radius:6px;background:#fafbfc;color:#687386;font-size:10px}
.plan-card .button{justify-self:start}
.checkout-form{padding:16px 18px 18px;display:grid;gap:13px}
.checkout-title-row{align-items:center}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.checkout-result{margin:0 18px 18px;padding:14px;border:1px solid #e3e6eb;border-radius:8px;background:#fafbfc}
.checkout-result dl{margin:0;display:grid;gap:9px}
.checkout-result dl div{display:flex;justify-content:space-between;gap:18px}
.checkout-result dt{color:#7a8493;font-size:11px}
.checkout-result dd{margin:0;color:#2b3340;font-size:11px;font-weight:600;overflow-wrap:anywhere;text-align:right}
.checkout-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.inline-status{margin:0 18px 18px;color:#667085;font-size:12px;min-height:18px}

/* data lists */
.section-gap{margin-top:18px}
.data-list{min-height:112px}
.list-row{min-height:70px;padding:13px 18px;border-bottom:1px solid #f0f1f3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff}
.list-row:last-child{border-bottom:0;border-radius:0 0 10px 10px}
.list-row:hover{background:#fcfcfd}
.list-body{display:grid;gap:3px;min-width:0}
.list-body strong{font-size:12px;color:#202734;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-body span{font-size:11px;color:#606b7a}
.list-body small{font-size:10px;color:#98a2b3;overflow-wrap:anywhere}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.small-button,.secondary,.danger{min-height:32px;border-radius:7px;padding:5px 9px;background:#fff;font-size:11px;font-weight:600}
.small-button,.secondary{border:1px solid var(--line-strong);color:#3d4756}
.small-button:hover,.secondary:hover{background:#f8f9fb}
.danger{border:1px solid #efc6c3;color:var(--danger)}
.danger:hover{background:var(--danger-soft)}
.empty-state{min-height:112px;display:flex;align-items:center;justify-content:center;padding:24px;color:#8a94a4;font-size:12px;text-align:center;background:#fff}
.service-action-form{display:grid;grid-template-columns:58px 58px auto;gap:6px;align-items:end}
.service-action-form label{display:grid;gap:3px;font-size:9px;font-weight:700;color:#8a94a4;text-transform:uppercase;letter-spacing:.04em}
.service-action-form input{height:32px;padding:0 7px;border-radius:6px;font-size:11px}

/* account */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:18px;align-items:start}
.settings-main{overflow:hidden}
.settings-section+.settings-section{border-top:1px solid var(--line)}
.settings-section-head{padding:17px 18px 11px}
.settings-section-head h2{margin:0 0 3px;font-size:14px;color:#1f2633}
.settings-section-head p{margin:0;color:#7c8696;font-size:11px}
.settings-row{min-height:72px;padding:12px 18px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.profile-settings-row{justify-content:flex-start}
.profile-avatar-large{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:#475467;font-weight:700;flex:0 0 auto}
.profile-card-copy{min-width:0;flex:1}
.profile-card-copy h3{margin:0 0 2px;font-size:13px;color:#222938}
.profile-card-copy p{margin:0;color:#7d8796;font-size:10px;overflow-wrap:anywhere}
.settings-row-actions{display:flex;gap:7px}
.settings-label{display:block;margin-bottom:3px;color:#818b9a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.connection-state{color:#344054;font-size:12px}
.settings-side{padding-bottom:10px}
.status-list{padding:0 18px 8px}
.status-list>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f1f3;font-size:11px}
.status-list>div:last-child{border-bottom:0}
.status-list span{color:#7a8494}
.status-list strong{display:flex;align-items:center;gap:6px;color:#344054;font-size:11px;font-weight:600}
.status-dot{width:7px;height:7px;border-radius:50%;background:#c7cdd5;display:inline-block}
.status-dot-success{background:#45a875}
.credential-card{margin-top:18px;padding-bottom:18px;border-color:#e7dcae;background:#fffdf7}
.credential-value{display:block;margin:0 18px 13px;padding:12px;border:1px solid #e2d8b2;border-radius:8px;background:#fff;color:#1f2937;font-size:13px;overflow-wrap:anywhere;user-select:all}
.credential-card>.button{margin-left:18px}
.admin-grid{padding:0 18px 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.admin-grid>div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;display:grid;gap:5px}
.admin-grid span{color:#7e8897;font-size:10px}
.admin-grid strong{font-size:17px;color:#1f2633;font-variant-numeric:tabular-nums}

.nav-backdrop{display:none}

@media(max-width:1120px){
  .dashboard-grid{grid-template-columns:1fr}
  .surface-side{min-height:auto}
  .shop-layout,.settings-layout{grid-template-columns:1fr}
  .checkout-surface{position:static}
  .admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:860px){
  .mobile-only{display:grid!important}
  .sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:16px 0 40px rgba(8,15,25,.18)}
  .sidebar.open{transform:translateX(0)}
  .nav-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:60;opacity:0;pointer-events:none;display:block;transition:opacity .2s ease}
  .nav-backdrop.open{opacity:1;pointer-events:auto}
  .app-frame{margin-left:0}
  .topbar{padding:0 16px}
  .app-content{padding:26px 18px 56px}
  .stats-strip{grid-template-columns:1fr 1fr}
  .stat-cell:nth-child(2){border-right:0}
  .stat-cell:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .catalog-grid{grid-template-columns:1fr}
  .desktop-label{display:none}
}

@media(max-width:600px){
  input,select{font-size:16px}
  .button{min-height:44px}
  .icon-button{width:44px;height:44px}
  .auth-shell{place-items:start center;padding:34px 18px 72px}
  .auth-card{max-width:none}
  .auth-wordmark{margin-bottom:34px}
  .auth-heading h1{font-size:25px}
  .topbar{height:62px}
  .breadcrumb>span:first-child,.breadcrumb-separator{display:none}
  .topbar-actions .button-secondary{display:none}
  .topbar-actions .button-primary{min-height:34px;padding:6px 10px;font-size:12px}
  .app-content{padding:22px 14px 48px}
  .page-heading{margin-bottom:16px}
  .page-heading h1{font-size:21px}
  .onboarding-card{align-items:stretch;flex-direction:column;padding:16px}
  .onboarding-card .button{width:100%}
  .stats-strip{border-radius:9px}
  .stat-cell{min-height:96px;padding:14px}
  .stat-cell strong{font-size:21px}
  .surface-heading{padding:14px 15px;min-height:60px}
  .overview-row,.list-row{padding:12px 15px}
  .overview-row{grid-template-columns:minmax(0,1fr) auto}
  .shop-layout{gap:14px}
  .field-row{grid-template-columns:1fr}
  .row-actions{width:100%;justify-content:flex-start}
  .list-row{grid-template-columns:1fr;align-items:start;gap:10px}
  .service-action-form{width:100%;grid-template-columns:1fr 1fr}
  .service-action-form button{grid-column:1/-1}
  .settings-row{align-items:flex-start;flex-wrap:wrap}
  .settings-row-actions{width:100%}
  .settings-row-actions .button{flex:1}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toast{top:72px;right:12px;left:12px;max-width:none}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* =========================================================
   V5 public marketing site + modal authentication
   Conventional cloud/SaaS landing page: content-first,
   restrained motion, strong hierarchy, accessible mobile nav.
   ========================================================= */
html{scroll-behavior:smooth;scroll-padding-top:76px}
body.modal-open{overflow:hidden}
.marketing-site{background:#fff;color:#101828;min-height:100vh;overflow:hidden}
.marketing-site button,.marketing-site a{font-family:inherit}
.marketing-site a{text-decoration:none}

/* public header */
.site-header{position:sticky;top:0;z-index:120;height:72px;background:rgba(255,255,255,.94);border-bottom:1px solid #e9ecf1;backdrop-filter:blur(14px) saturate(160%)}
.site-header-inner{width:min(1180px,calc(100% - 40px));height:100%;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.site-brand{display:inline-flex;align-items:center;gap:10px;color:#111827;font-weight:760;letter-spacing:-.02em}
.site-brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#111827;color:#fff;font-size:14px;font-weight:800;letter-spacing:0;box-shadow:0 1px 2px rgba(15,23,42,.14)}
.site-brand-name{font-size:15px;white-space:nowrap}
.site-nav{justify-self:center;display:flex;align-items:center;gap:4px}
.site-nav a{padding:9px 11px;border-radius:7px;color:#475467;font-size:13px;font-weight:560;transition:color .16s ease,background .16s ease}
.site-nav a:hover{color:#101828;background:#f7f8fa}
.site-header-actions{display:flex;align-items:center;gap:8px}
.site-login-link,.site-cta-small{height:38px;border-radius:8px;padding:0 14px;font-size:13px;font-weight:650}
.site-login-link{border:0;background:transparent;color:#344054}
.site-login-link:hover{background:#f5f6f8;color:#101828}
.site-cta-small{border:1px solid #111827;background:#111827;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.12)}
.site-cta-small:hover{background:#252b36;border-color:#252b36}
.site-menu-toggle{display:none;width:40px;height:40px;border:0;background:transparent;border-radius:8px;padding:9px}
.site-menu-toggle:hover{background:#f4f5f7}
.site-menu-toggle span{display:block;height:2px;background:#344054;margin:4px 0;border-radius:1px;transition:transform .18s ease,opacity .18s ease}

/* hero */
.hero{position:relative;background:#0b1020;color:#fff;border-bottom:1px solid #182239}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,transparent 90%)}
.hero-inner{position:relative;width:min(1180px,calc(100% - 40px));min-height:660px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:64px;align-items:center;padding:72px 0 84px}
.hero-copy{max-width:610px}
.hero-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px;color:#b6c3da;font-size:12px;font-weight:650;letter-spacing:.04em}
.hero-eyebrow span{width:8px;height:8px;border-radius:50%;background:#63d69d;box-shadow:0 0 0 4px rgba(99,214,157,.1)}
.hero h1{margin:0;color:#fff;font-size:60px;line-height:1.03;letter-spacing:-.052em;font-weight:710;max-width:690px}
.hero h1 em{font-style:normal;color:#8fa8ff}
.hero-lead{margin:26px 0 0;max-width:610px;color:#aab6cb;font-size:17px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}
.hero-primary,.hero-secondary{height:46px;border-radius:8px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:680}
.hero-primary{border:1px solid #fff;background:#fff;color:#101828;box-shadow:0 7px 24px rgba(0,0,0,.18)}
.hero-primary:hover{background:#eef2f8}
.hero-primary span{font-size:18px;transition:transform .16s ease}
.hero-primary:hover span{transform:translateX(3px)}
.hero-secondary{border:1px solid #35415b;background:transparent;color:#e4e9f2}
.hero-secondary:hover{border-color:#52617f;background:#151c2f}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#7f8ca5;font-size:11px}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust i{width:5px;height:5px;border-radius:50%;background:#7286b0}

/* product mockup */
.hero-product{position:relative;min-width:0}
.product-window{border:1px solid #2b3750;border-radius:12px;background:#0f1627;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.02)}
.product-topbar{height:42px;border-bottom:1px solid #27334b;background:#121a2b;display:grid;grid-template-columns:90px 1fr 80px;align-items:center;padding:0 13px;color:#8290aa;font-size:9px}
.product-dots{display:flex;gap:5px}.product-dots span{width:7px;height:7px;border-radius:50%;background:#344158}.product-dots span:first-child{background:#6a7282}
.product-address{justify-self:center;border:1px solid #2a354c;border-radius:6px;min-width:190px;padding:4px 12px;text-align:center;background:#0c1321;color:#6f7e99}
.product-live{justify-self:end;display:flex;align-items:center;gap:5px;color:#7f8ba1}.product-live i{width:6px;height:6px;border-radius:50%;background:#48c68a}
.product-body{display:grid;grid-template-columns:54px 1fr;min-height:390px}
.product-sidebar{border-right:1px solid #253149;background:#0c1322;padding:16px 11px;display:flex;align-items:center;flex-direction:column;gap:17px}
.product-logo-mini{width:29px;height:29px;border-radius:7px;background:#fff;color:#101828;display:grid;place-items:center;font-size:10px;font-weight:800;margin-bottom:5px}
.product-sidebar>span{width:22px;height:5px;border-radius:4px;background:#25324a}.product-sidebar .product-nav-active{height:22px;background:#2b3d66;border:1px solid #3a4d77}
.product-canvas{padding:24px;min-width:0;background:#101827}
.product-canvas-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.product-canvas-head div{display:grid;gap:2px}.product-canvas-head small{color:#65738d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.product-canvas-head strong{font-size:16px;color:#eef2f8;font-weight:620}.product-canvas-head button{pointer-events:none;height:28px;border:1px solid #3e527d;border-radius:6px;background:#28418a;color:#dae4ff;padding:0 10px;font-size:9px}
.product-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #26334a;border-radius:8px;overflow:hidden;background:#111b2c;margin-bottom:15px}.product-kpis>div{padding:13px 14px;border-right:1px solid #26334a;display:grid;gap:3px}.product-kpis>div:last-child{border-right:0}.product-kpis span{color:#687791;font-size:8px}.product-kpis strong{color:#e7edf7;font-size:13px;font-weight:620}.product-kpis small{color:#4ebf89;font-size:8px}
.product-chart-card{border:1px solid #26334a;border-radius:8px;background:#0e1726;padding:14px 14px 8px}.product-chart-head{display:flex;justify-content:space-between;color:#a3aec2;font-size:9px;margin-bottom:4px}.product-chart-head small{color:#5d6c86}.product-chart{width:100%;height:154px;display:block}.chart-grid path{stroke:#27344b;stroke-width:1}.chart-area{fill:#264b92;opacity:.18;stroke:none}.chart-line{fill:none;stroke:#7194f7;stroke-width:2.2}.chart-point{fill:#9bb3ff;stroke:#0e1726;stroke-width:3}
.product-service-row{margin-top:13px;border:1px solid #26334a;border-radius:8px;background:#111b2c;padding:10px 12px;display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.service-led{width:7px;height:7px;border-radius:50%;background:#50c78d;box-shadow:0 0 0 3px rgba(80,199,141,.09)}.product-service-row div:nth-child(2){display:grid}.product-service-row strong{font-size:9px;color:#dce3ed;font-weight:600}.product-service-row small{font-size:7px;color:#63718a}.product-service-row>span{font-size:8px;color:#65d29c;background:#122a24;border:1px solid #21483c;border-radius:999px;padding:3px 7px}
.hero-float-card{position:absolute;min-width:140px;border:1px solid #313d55;border-radius:9px;background:#151d2e;color:#fff;padding:11px 36px 11px 12px;box-shadow:0 18px 45px rgba(0,0,0,.28);display:grid;gap:1px}.hero-float-card span{font-size:8px;color:#71809b;text-transform:uppercase;letter-spacing:.06em}.hero-float-card strong{font-size:11px;font-weight:620}.hero-float-card i{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1d3c32;color:#62d49c;font-style:normal;font-size:10px}.hero-float-one{right:-18px;top:68px}.hero-float-two{left:-32px;bottom:54px}

/* community proof */
.community-strip{border-bottom:1px solid #e8ebf0;background:#fff}
.community-strip-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:140px;display:grid;grid-template-columns:1.05fr 2.95fr;align-items:center;gap:40px}
.community-intro{padding-right:36px;border-right:1px solid #e6e9ef;color:#667085;font-size:13px;line-height:1.65}
.community-metrics{display:grid;grid-template-columns:repeat(4,1fr)}
.community-metrics>div{padding:0 24px;border-right:1px solid #eceef2;display:grid;gap:4px}.community-metrics>div:last-child{border-right:0}.community-metrics strong{color:#101828;font-size:28px;letter-spacing:-.04em;font-weight:720}.community-metrics span{color:#7b8493;font-size:11px}

/* shared marketing sections */
.marketing-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:112px 0}
.section-heading{max-width:760px;margin-bottom:54px}.section-heading h2,.platform-copy h2,.faq-heading h2{margin:10px 0 0;color:#101828;font-size:42px;line-height:1.12;letter-spacing:-.042em;font-weight:700}.section-heading p,.platform-copy>p,.faq-heading p{margin:18px 0 0;color:#667085;font-size:15px;line-height:1.75;max-width:690px}.section-kicker{color:#4760b8;font-size:11px;font-weight:760;letter-spacing:.13em}
.feature-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde1e7;border-bottom:1px solid #dde1e7}.feature-item{position:relative;padding:35px 34px 38px;border-right:1px solid #e3e6eb}.feature-item:last-child{border-right:0}.feature-number{position:absolute;right:24px;top:24px;color:#c6cbd4;font-size:11px;font-variant-numeric:tabular-nums}.feature-icon{width:42px;height:42px;border:1px solid #dce1e7;border-radius:10px;display:grid;place-items:center;color:#344054;background:#fbfcfd}.feature-icon svg{width:20px;height:20px}.feature-item h3{margin:26px 0 9px;color:#141b27;font-size:17px;letter-spacing:-.02em}.feature-item p{margin:0;color:#667085;font-size:13px;line-height:1.72}

/* infrastructure */
.platform-section{border-top:1px solid #eef0f3}
.platform-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.9fr);gap:82px;align-items:center}
.platform-copy>p{max-width:560px}.spec-table{margin-top:34px;border-top:1px solid #dfe3e8}.spec-table>div{min-height:53px;border-bottom:1px solid #e7eaee;display:grid;grid-template-columns:130px 1fr;align-items:center;gap:20px}.spec-table span{color:#8a94a3;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.spec-table strong{color:#283241;font-size:12px;font-weight:620}.text-cta{margin-top:28px;padding:0;border:0;background:transparent;color:#3157d5;font-size:13px;font-weight:680}.text-cta span{display:inline-block;margin-left:6px;transition:transform .15s ease}.text-cta:hover span{transform:translateX(3px)}
.platform-visual{min-width:0}.terminal-window{border:1px solid #d9dee6;border-radius:10px;background:#0c1320;box-shadow:0 20px 50px rgba(20,28,45,.13);overflow:hidden}.terminal-head{height:42px;border-bottom:1px solid #222e41;background:#111928;display:flex;align-items:center;gap:6px;padding:0 14px}.terminal-head>span{width:7px;height:7px;border-radius:50%;background:#39455a}.terminal-head strong{margin-left:9px;color:#697791;font-size:9px;font-weight:500;letter-spacing:.04em}.terminal-body{padding:22px 22px 24px}.terminal-row{min-height:44px;border-bottom:1px solid #1f2b3e;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;font-size:10px}.terminal-row>span{color:#5f6c83}.terminal-row strong{color:#cdd6e5;font-weight:550}.terminal-row em{font-style:normal;font-size:8px}.terminal-ok{color:#5ccf98}.terminal-separator{height:20px}.resource-bars{display:grid;gap:13px}.resource-bars>div{display:grid;grid-template-columns:42px 1fr 56px;align-items:center;gap:10px;color:#6b7990;font-size:8px}.resource-bars i{height:5px;border-radius:4px;background:#1d293c;overflow:hidden}.resource-bars b{display:block;height:100%;background:#647fd6;border-radius:4px}.resource-bars .bar-72{width:72%}.resource-bars .bar-58{width:58%}.resource-bars .bar-41{width:41%}.resource-bars small{text-align:right;color:#536078}

/* workflow */
.workflow-section{border-top:1px solid #eef0f3}.compact-heading{margin-bottom:42px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.workflow-grid article{position:relative;padding-top:24px;border-top:1px solid #cfd5dd}.workflow-index{position:absolute;right:0;top:24px;color:#a9b1bd;font-size:11px}.workflow-grid h3{margin:4px 0 10px;font-size:18px;letter-spacing:-.025em;color:#161e2b}.workflow-grid p{margin:0;color:#667085;font-size:13px;line-height:1.72;max-width:310px}

/* dark reliability block */
.reliability-section{padding-top:20px}.reliability-panel{border-radius:14px;background:#111827;color:#fff;padding:62px 64px;display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:start}.light-kicker{color:#93a9ee}.reliability-copy h2{margin:10px 0 0;font-size:38px;line-height:1.14;letter-spacing:-.04em;color:#fff}.reliability-copy p{margin:17px 0 0;color:#aeb8c8;line-height:1.75;font-size:14px;max-width:540px}.light-cta{margin-top:28px;height:42px;border:1px solid #fff;border-radius:8px;background:#fff;color:#111827;padding:0 15px;font-size:12px;font-weight:680}.light-cta:hover{background:#edf1f7}.reliability-list{border-top:1px solid #2d3748}.reliability-list>div{position:relative;min-height:98px;padding:22px 0 20px 50px;border-bottom:1px solid #2d3748}.reliability-list>div>span{position:absolute;left:0;top:25px;color:#59677e;font-size:10px}.reliability-list strong{display:block;font-size:13px;color:#edf2f9}.reliability-list p{margin:5px 0 0;color:#8794a8;font-size:11px;line-height:1.55}

/* faq */
.faq-section{border-top:1px solid #eef0f3}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-heading{max-width:420px}.faq-heading h2{font-size:36px}.faq-list{border-top:1px solid #dfe3e8}.faq-list details{border-bottom:1px solid #e2e5e9}.faq-list summary{min-height:72px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#202938;font-size:14px;font-weight:620}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:28px;height:28px;border-radius:50%;border:1px solid #d9dee5;display:grid;place-items:center;color:#7b8493;font-size:16px;font-weight:400;transition:transform .16s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-4px 52px 24px 0;color:#667085;font-size:13px;line-height:1.72}

/* final cta + footer */
.final-cta-section{background:#f5f7fa;border-top:1px solid #e7eaef}.final-cta-inner{width:min(1180px,calc(100% - 40px));min-height:260px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:60px}.final-cta-inner>div>span{color:#60709a;font-size:10px;font-weight:760;letter-spacing:.12em}.final-cta-inner h2{margin:8px 0 0;font-size:34px;letter-spacing:-.04em;color:#101828}.final-cta-inner p{margin:11px 0 0;color:#667085;font-size:13px}.final-cta-inner>button{height:46px;border:1px solid #111827;border-radius:8px;background:#111827;color:#fff;padding:0 18px;font-size:13px;font-weight:680;display:flex;align-items:center;gap:18px}.final-cta-inner>button:hover{background:#252b36}.final-cta-inner>button span{font-size:17px}
.site-footer{background:#fff;border-top:1px solid #e6e9ee}.site-footer-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:62px 0 52px;display:grid;grid-template-columns:1.7fr repeat(3,.75fr);gap:70px}.footer-brand{margin-bottom:17px}.footer-brand-col p{max-width:330px;margin:0;color:#778191;font-size:12px;line-height:1.65}.footer-copyright{display:block;margin-top:26px;color:#a1a8b3;font-size:10px}.footer-links-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-links-col strong{margin-bottom:5px;color:#344054;font-size:11px}.footer-links-col a,.footer-links-col button{padding:0;border:0;background:transparent;color:#7a8493;font-size:11px}.footer-links-col a:hover,.footer-links-col button:hover{color:#101828}.powered-row{width:min(1180px,calc(100% - 40px));margin:0 auto;border-top:1px solid #eceef2;min-height:58px;display:flex;align-items:center;gap:18px;color:#9aa2ae;font-size:10px}.powered-row a{color:#667085}.powered-row a:hover{color:#101828}

/* auth becomes a modal over the marketing site */
.auth-shell{position:fixed;inset:0;z-index:300;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;background:transparent}
.auth-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px);cursor:default}
.auth-card.auth-dialog{position:relative;z-index:1;width:min(440px,100%);max-width:none;border:1px solid #e0e4ea;border-radius:12px;background:#fff;padding:30px;box-shadow:0 34px 90px rgba(16,24,40,.26)}
.auth-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:7px;background:#f4f5f7;color:#667085;font-size:21px;line-height:1}.auth-close:hover{background:#e9ecf0;color:#101828}
.auth-dialog .auth-wordmark{margin-bottom:29px}.auth-dialog .auth-heading{margin-bottom:22px}.auth-dialog .auth-heading h1{font-size:25px}.auth-footer{display:none}.auth-dialog .auth-footnote{font-size:11px}.auth-dialog .auth-divider{margin:23px 0 16px}

/* reveal motion */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
.reveal.reveal-delay-1{transition-delay:.08s}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1080px){
  .site-nav{gap:0}.site-nav a{padding:8px 8px;font-size:12px}
  .hero-inner{grid-template-columns:1fr 1fr;gap:36px;min-height:610px}.hero h1{font-size:49px}.hero-product{transform:scale(.96);transform-origin:center right}
  .community-strip-inner{grid-template-columns:1fr}.community-intro{display:none}.community-metrics>div{padding:0 14px}
  .platform-layout{gap:46px;grid-template-columns:1fr 1fr}.reliability-panel{padding:50px 44px;gap:45px}
  .site-footer-main{gap:36px}
}

@media (max-width:820px){
  html{scroll-padding-top:64px}.site-header{height:64px}.site-header-inner{width:min(100% - 28px,1180px);grid-template-columns:auto 1fr auto;gap:12px}.site-brand-name{font-size:14px}.site-brand-mark{width:32px;height:32px}
  .site-nav{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e8ed;box-shadow:0 16px 30px rgba(15,23,42,.08);padding:10px 16px 14px;display:none;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:12px 10px;font-size:13px}.site-login-link{display:none}.site-cta-small{height:36px;padding:0 12px}.site-menu-toggle{display:block}
  .hero-inner{width:min(100% - 36px,1180px);min-height:auto;grid-template-columns:1fr;gap:52px;padding:64px 0 72px}.hero h1{font-size:45px;max-width:620px}.hero-lead{font-size:15px}.hero-product{transform:none;max-width:650px;width:100%;justify-self:center}.hero-float-one{right:-8px}.hero-float-two{left:-8px}.product-body{min-height:330px}.product-canvas{padding:18px}.product-chart{height:125px}
  .community-strip-inner{width:min(100% - 36px,1180px);min-height:0;padding:28px 0}.community-metrics{grid-template-columns:1fr 1fr;gap:0}.community-metrics>div{padding:18px;border-right:1px solid #eceef2;border-bottom:1px solid #eceef2}.community-metrics>div:nth-child(2n){border-right:0}.community-metrics>div:nth-child(n+3){border-bottom:0}
  .marketing-section{width:min(100% - 36px,1180px);padding:80px 0}.section-heading h2,.platform-copy h2{font-size:34px}.feature-rail{grid-template-columns:1fr}.feature-item{border-right:0;border-bottom:1px solid #e3e6eb;padding:29px 10px}.feature-item:last-child{border-bottom:0}
  .platform-layout{grid-template-columns:1fr;gap:48px}.platform-visual{max-width:650px;width:100%;justify-self:center}.workflow-grid{grid-template-columns:1fr;gap:28px}.workflow-grid article{padding-right:30px}.workflow-grid p{max-width:none}
  .reliability-panel{grid-template-columns:1fr;padding:42px 30px;gap:38px;border-radius:12px}.reliability-copy h2{font-size:32px}.faq-layout{grid-template-columns:1fr;gap:36px}.faq-heading h2{font-size:31px}.faq-heading{max-width:600px}
  .final-cta-inner{width:min(100% - 36px,1180px);min-height:300px;align-items:flex-start;justify-content:center;flex-direction:column;gap:28px}.final-cta-inner h2{font-size:30px}
  .site-footer-main{width:min(100% - 36px,1180px);grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer-brand-col{grid-column:1/-1}.powered-row{width:min(100% - 36px,1180px);flex-wrap:wrap;padding:17px 0;gap:14px}
}

@media (max-width:540px){
  .site-header-inner{width:calc(100% - 24px)}.site-cta-small{font-size:12px;padding:0 10px}.site-brand-name{font-size:13px}.site-brand-mark{width:30px;height:30px;border-radius:8px}
  .hero-inner{width:calc(100% - 28px);padding:52px 0 58px;gap:43px}.hero-eyebrow{margin-bottom:18px}.hero h1{font-size:39px;line-height:1.06;letter-spacing:-.045em}.hero-lead{margin-top:20px;font-size:14px;line-height:1.7}.hero-actions{margin-top:27px;align-items:stretch;flex-direction:column}.hero-primary,.hero-secondary{width:100%;height:45px}.hero-trust{gap:9px 14px;margin-top:22px;font-size:9px}
  .product-window{border-radius:9px}.product-topbar{height:36px;grid-template-columns:60px 1fr 45px;padding:0 9px}.product-address{min-width:0;width:100%;padding:3px 8px;font-size:7px}.product-live{font-size:7px}.product-body{grid-template-columns:39px 1fr;min-height:280px}.product-sidebar{padding:12px 7px;gap:13px}.product-logo-mini{width:24px;height:24px}.product-sidebar>span{width:17px}.product-canvas{padding:13px}.product-canvas-head{margin-bottom:12px}.product-canvas-head strong{font-size:12px}.product-canvas-head button{height:24px;font-size:7px;padding:0 7px}.product-kpis>div{padding:9px 8px}.product-kpis strong{font-size:10px}.product-kpis span,.product-kpis small{font-size:6px}.product-chart-card{padding:10px 9px 5px}.product-chart{height:95px}.product-service-row{margin-top:9px;padding:8px}.hero-float-card{display:none}
  .community-strip-inner{width:calc(100% - 28px)}.community-metrics>div{padding:15px 10px}.community-metrics strong{font-size:24px}.community-metrics span{font-size:9px}
  .marketing-section{width:calc(100% - 28px);padding:68px 0}.section-heading{margin-bottom:36px}.section-heading h2,.platform-copy h2{font-size:30px}.section-heading p,.platform-copy>p{font-size:13px}.feature-item{padding:25px 4px 27px}.feature-item h3{margin-top:20px}
  .spec-table>div{grid-template-columns:90px 1fr;min-height:50px;gap:12px}.spec-table span{font-size:9px}.spec-table strong{font-size:10px}.terminal-body{padding:16px}.terminal-row{grid-template-columns:65px 1fr auto;font-size:8px}.resource-bars>div{grid-template-columns:34px 1fr 45px}
  .reliability-section{width:100%;padding-top:0}.reliability-panel{border-radius:0;padding:42px 20px}.reliability-copy h2{font-size:28px}.faq-list summary{font-size:12px;min-height:64px}.faq-list details p{font-size:11px;margin-right:38px}
  .final-cta-inner{width:calc(100% - 28px);min-height:290px}.final-cta-inner h2{font-size:28px}.final-cta-inner>button{width:100%;justify-content:space-between}
  .site-footer-main{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:34px 22px;padding:50px 0 40px}.footer-brand-col{grid-column:1/-1}.powered-row{width:calc(100% - 28px)}
  .auth-shell{padding:12px;align-items:flex-end}.auth-card.auth-dialog{border-radius:14px 14px 8px 8px;padding:26px 20px 22px}.auth-dialog .auth-wordmark{margin-bottom:24px}.auth-dialog .auth-heading h1{font-size:23px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-primary span,.text-cta span,.faq-list summary span,.site-menu-toggle span{transition:none}
}

/* =========================================================
   V6 premium footer + Google Identity auth
   ========================================================= */
.site-footer-premium{background:#080b12;color:#fff;border-top:0}
.footer-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:58px 0 24px}
.footer-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:17px;font-weight:760;letter-spacing:.02em}
.footer-logo .site-brand-mark{background:#fff;color:#0b1020;box-shadow:none}
.footer-intro p{max-width:440px;margin:16px 0 0;color:#9aa4b2;font-size:13px;line-height:1.65}
.footer-status{display:inline-flex;align-items:center;gap:9px;color:#d6dde7;font-size:12px;font-weight:620;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.035)}
.footer-status i{width:8px;height:8px;border-radius:50%;background:#54d59a;box-shadow:0 0 0 4px rgba(84,213,154,.10)}
.footer-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px;padding:42px 0 44px}
.footer-group{border:0}
.footer-group summary{list-style:none;color:#f7f8fb;font-size:12px;font-weight:760;letter-spacing:.02em;cursor:default}
.footer-group summary::-webkit-details-marker{display:none}
.footer-group summary span{display:none}
.footer-group-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:17px}
.footer-group-links a,.footer-group-links button{border:0;background:transparent;padding:0;color:#9ba6b6;font:inherit;font-size:12px;line-height:1.45;text-align:left;cursor:pointer;transition:color .16s ease}
.footer-group-links a:hover,.footer-group-links button:hover{color:#fff}
.footer-trust-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;padding:26px 0;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.footer-social,.footer-payments{display:grid;gap:12px;align-content:start}
.footer-social>span,.footer-payments>span{color:#747f90;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.footer-social a{width:max-content;display:inline-flex;align-items:center;gap:8px;color:#e6eaf0;font-size:12px;font-weight:650}
.footer-social svg{width:20px;height:20px;fill:currentColor}
.footer-payments>div{display:flex;flex-wrap:wrap;gap:8px}
.footer-payments b{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111722;color:#dde3ec;font-size:11px;font-weight:700}
.footer-bottom{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-bottom p{margin:0;color:#717c8c;font-size:10px}
.footer-powered{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#6f7a8a;font-size:10px}
.footer-powered a{color:#aeb7c4;font-size:10px}.footer-powered a:hover{color:#fff}

.google-auth-dialog{padding:32px 30px 26px}
.google-auth-panel{display:grid;gap:18px}
.google-signin-button{width:100%;min-height:44px;display:flex;justify-content:center;align-items:center}
.google-signin-button>div{max-width:100%!important}
.google-login-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border-radius:9px;background:#f7f9fc;color:#667085;font-size:11px;line-height:1.55}
.google-lock{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eaf7ef;color:#228a55;font-size:10px;font-weight:900;margin-top:1px}
.auth-legal{margin-top:22px;padding-top:18px;border-top:1px solid #eceff3;color:#98a2b3;font-size:10px;line-height:1.6;text-align:center}
.google-auth-dialog .auth-status{min-height:18px;margin:12px 0 0;text-align:center}

@media(max-width:720px){
  .footer-shell{width:calc(100% - 36px);padding:46px 0 22px}
  .footer-intro{display:grid;gap:24px;padding-bottom:30px}
  .footer-status{width:max-content}
  .footer-directory{display:block;padding:18px 0}
  .footer-group{border-bottom:1px solid rgba(255,255,255,.12)}
  .footer-group summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px}
  .footer-group summary span{display:block;color:#9ba6b6;font-size:22px;font-weight:300;line-height:1;transition:transform .18s ease}
  .footer-group[open] summary span{transform:rotate(45deg)}
  .footer-group-links{margin:0;padding:0 0 20px;gap:13px}
  .footer-group-links a,.footer-group-links button{font-size:12px}
  .footer-trust-row{grid-template-columns:1fr;gap:28px;padding:28px 0}
  .footer-payments b{min-height:36px;padding:0 11px}
  .footer-bottom{display:grid;gap:16px;padding:24px 0 4px}
  .footer-powered{gap:12px}
  .google-auth-dialog{padding:28px 20px 22px}
}

/* =========================================================
   V7 authenticated portal refinement
   Focus: calmer density, first-run onboarding, real data hierarchy.
   Public landing styles above remain unchanged.
   ========================================================= */

.app-shell{
  --portal-bg:#f5f6f8;
  --portal-panel:#fff;
  --portal-text:#15171c;
  --portal-muted:#6f7682;
  --portal-line:#e4e7eb;
  --portal-accent:#3157d5;
  --portal-accent-soft:#eef2ff;
  --portal-sidebar:#0f141d;
  background:var(--portal-bg);
}

.app-shell .sidebar{
  width:238px;
  background:var(--portal-sidebar);
  border-right:1px solid #202630;
}
.app-shell .sidebar-head{height:64px;padding:0 16px}
.app-shell .sidebar-brand-copy{font-size:12px;letter-spacing:.085em}
.app-shell .workspace-card{
  margin:12px 10px 6px;
  padding:8px 10px;
  border:0;
  background:transparent;
  border-radius:7px;
}
.app-shell .workspace-card strong{font-size:11px}
.app-shell .workspace-card span{font-size:10px}
.app-shell .sidebar-nav{padding:12px 8px;gap:2px}
.app-shell .nav-section-label{margin:5px 11px 8px;color:#657080;font-size:9px;letter-spacing:.14em}
.app-shell .nav-item{
  min-height:40px;
  border-radius:6px;
  color:#9aa5b5;
  padding:0 10px;
  gap:10px;
  font-size:12px;
}
.app-shell .nav-item:hover{background:#171e29;color:#eef2f7}
.app-shell .nav-item.active{
  background:#1b2330;
  color:#fff;
  box-shadow:inset 2px 0 0 #6f8cff;
}
.app-shell .nav-item:disabled{opacity:.33}
.app-shell .sidebar-foot{padding:12px;border-top:1px solid #202630}
.app-shell .account-avatar{background:#273247}
.app-shell .app-frame{margin-left:238px}

.app-shell .topbar{
  height:64px;
  padding:0 26px;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #e7e9ed;
  backdrop-filter:blur(12px) saturate(160%);
}
.app-shell .breadcrumb{font-size:12px}
.app-shell .breadcrumb strong{font-weight:620}
.app-shell .topbar .button{border-radius:7px}
.app-shell .app-content{
  max-width:1240px;
  padding:30px 34px 70px;
}

.portal-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.portal-heading>div:first-child{min-width:0}
.portal-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#7b8491;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.portal-heading h1{
  margin:0 0 5px;
  color:#171a21;
  font-size:25px;
  line-height:1.18;
  letter-spacing:-.032em;
  font-weight:680;
}
.portal-heading .page-description{font-size:12px;color:#78808d}
.portal-heading-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}

/* first-run state: hide all zero-data business widgets until identity is linked */
.first-run-panel{
  overflow:hidden;
  border:1px solid #dfe3e8;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.setup-summary{
  padding:24px 26px 21px;
  border-bottom:1px solid #eceef1;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.setup-summary-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.setup-kicker{font-size:10px;font-weight:760;letter-spacing:.11em;text-transform:uppercase;color:#4d64b6}
.setup-progress-copy{font-size:11px;color:#7b8490}
.setup-summary h2{margin:0 0 7px;font-size:22px;letter-spacing:-.025em;color:#171b23;font-weight:670}
.setup-summary p{max-width:700px;margin:0;color:#6f7784;font-size:13px;line-height:1.62}
.setup-progress-track{height:4px;margin-top:18px;border-radius:999px;background:#eceff4;overflow:hidden}
.setup-progress-track span{display:block;width:50%;height:100%;background:#3157d5;border-radius:inherit}
.first-run-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)}
.setup-steps{padding:9px 24px 13px}
.setup-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:86px;
  border-bottom:1px solid #eef0f3;
}
.setup-step:last-child{border-bottom:0}
.setup-step-icon{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #d6dbe2;background:#fff;color:#697282;font-size:11px;font-weight:760;
}
.setup-step.completed .setup-step-icon{border-color:#b9dccb;background:#eff9f4;color:#16734d}
.setup-step.current .setup-step-icon{border-color:#bfcaf5;background:#f1f4ff;color:#3157d5}
.setup-step strong{display:block;margin-bottom:3px;color:#20252e;font-size:12px}
.setup-step p{margin:0;color:#838b98;font-size:11px;line-height:1.5}
.setup-step-state{font-size:10px;font-weight:700;color:#168052;text-transform:uppercase;letter-spacing:.05em}
.sync-preview{
  padding:21px 22px;
  border-left:1px solid #eceef1;
  background:#fafbfc;
}
.sync-preview-kicker{display:block;margin-bottom:12px;color:#7f8794;font-size:10px;font-weight:720;text-transform:uppercase;letter-spacing:.08em}
.sync-preview-list{display:grid;gap:4px}
.sync-preview-list>div{display:grid;grid-template-columns:9px 1fr;gap:9px;align-items:start;padding:8px 0}
.sync-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:#a8b3c3;box-shadow:0 0 0 3px #edf0f4}
.sync-preview-list strong{display:block;font-size:11px;color:#333a45}
.sync-preview-list small{display:block;margin-top:2px;font-size:10px;color:#8a929d}
.sync-preview>p{margin:13px 0 0;padding-top:13px;border-top:1px solid #e7e9ed;color:#8a929d;font-size:10px;line-height:1.5}

/* linked overview */
.linked-overview{display:grid;gap:16px}
.overview-summary{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:14px;
}
.balance-panel{
  min-height:192px;
  padding:22px 23px;
  border-radius:12px;
  background:#111722;
  color:#fff;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
}
.balance-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aeb8c7;font-size:11px}
.balance-status{display:inline-flex;align-items:center;gap:6px;color:#c9d3df}
.balance-status i{width:6px;height:6px;border-radius:50%;background:#52c98b;box-shadow:0 0 0 3px rgba(82,201,139,.12)}
.balance-panel>strong{margin-top:28px;font-size:34px;line-height:1;letter-spacing:-.04em;font-weight:680;font-variant-numeric:tabular-nums}
.balance-panel>p{margin:8px 0 0;color:#8f9aac;font-size:11px}
.balance-panel-actions{margin-top:auto;display:flex;gap:18px;align-items:center;padding-top:22px}
.balance-link{border:0;background:transparent;color:#dbe4f0;padding:0;font-size:11px;font-weight:620}
.balance-link:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.metric-panel{
  overflow:hidden;
  border:1px solid #e3e6ea;
  border-radius:12px;
  background:#fff;
}
.metric-row{
  min-height:64px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px 15px;
  border-bottom:1px solid #eef0f3;
}
.metric-row:last-child{border-bottom:0}
.metric-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f4f6f9;color:#5c6675}
.metric-icon svg{width:15px;height:15px}
.metric-row>div{display:grid;gap:1px}
.metric-row>div span{font-size:11px;color:#3f4753;font-weight:620}
.metric-row>div small{font-size:10px;color:#939aa5}
.metric-row>strong{font-size:20px;color:#1b2028;font-variant-numeric:tabular-nums}

.overview-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:14px}
.app-shell .surface{border-radius:12px;border-color:#e3e6ea;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.surface-heading-tight{min-height:62px;padding:15px 17px}
.activity-feed{min-height:214px}
.activity-row{
  min-height:67px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  padding:10px 17px;
  border-bottom:1px solid #eef0f2;
}
.activity-row:last-child{border-bottom:0}
.activity-type{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#f3f5f8;color:#596473;font-size:10px;font-weight:760}
.activity-type-invoice{background:#fff8e9;color:#936a0c}
.activity-type-order{background:#eef4ff;color:#3f61b9}
.activity-main{display:grid;gap:2px;min-width:0}
.activity-main strong{font-size:11px;color:#252b34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-main span{font-size:10px;color:#8a929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-side{display:grid;justify-items:end;gap:4px}
.activity-side>strong{font-size:11px;color:#3a424d}
.activity-side .status-badge{font-size:9px;padding:3px 6px}
.activity-empty{min-height:214px;display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;text-align:left}
.activity-empty-icon{width:36px;height:36px;border-radius:10px;background:#f4f6f9;display:grid;place-items:center;color:#7b8491;font-size:16px}
.activity-empty-copy{max-width:360px}
.activity-empty-copy strong{display:block;margin-bottom:4px;color:#48515e;font-size:12px}
.activity-empty-copy p{margin:0;color:#8b939f;font-size:11px;line-height:1.55}

.shortcut-grid{padding:7px}
.shortcut-grid button{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:8px;
  background:#fff;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  text-align:left;
  color:#3f4752;
}
.shortcut-grid button:hover{background:#f7f8fa}
.shortcut-grid button:disabled{opacity:.35}
.shortcut-grid button>span{width:32px;height:32px;border:1px solid #e5e8ec;border-radius:8px;display:grid;place-items:center;color:#606a78;background:#fff}
.shortcut-grid button>span svg{width:15px;height:15px}
.shortcut-grid button>div{display:grid;gap:1px}
.shortcut-grid button strong{font-size:11px;color:#303743}
.shortcut-grid button small{font-size:10px;color:#8a929d}

/* Account settings: fewer nested cards, more standard settings rows */
.settings-shell{
  max-width:940px;
  overflow:hidden;
  border:1px solid #e2e5e9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.settings-profile-header{
  min-height:92px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:19px 22px;
  border-bottom:1px solid #e9ebee;
}
.settings-profile-header .profile-avatar-large{width:46px;height:46px;background:#151b26;color:#fff;border-radius:12px}
.settings-profile-copy{min-width:0}
.settings-profile-copy h2{margin:0 0 2px;font-size:14px;color:#20252e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-profile-copy p{margin:0;color:#8a929e;font-size:10px;overflow-wrap:anywhere}
.account-verified-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eff8f4;color:#16734d;font-size:10px;font-weight:650}
.account-verified-badge i{width:6px;height:6px;border-radius:50%;background:#48ad79}
.settings-group{padding:20px 22px;border-bottom:1px solid #eceef1}
.settings-group:last-child{border-bottom:0}
.settings-group-title{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:28px;margin-bottom:15px}
.settings-group-title h2{margin:0;color:#272d36;font-size:12px}
.settings-group-title p{margin:0;color:#8a929e;font-size:10px;line-height:1.5}
.settings-table{border:1px solid #e8eaed;border-radius:9px;overflow:hidden}
.settings-table-row{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);gap:20px;align-items:center;padding:11px 14px;border-bottom:1px solid #eef0f2}
.settings-table-row:last-child{border-bottom:0}
.settings-table-row>div{display:grid;gap:2px}
.settings-table-row span{font-size:11px;color:#3d4550;font-weight:620}
.settings-table-row small{font-size:9px;color:#949ca7}
.settings-table-row>strong,.settings-table-row>code{justify-self:end;max-width:360px;color:#5b6572;font-size:10px;font-weight:550;overflow-wrap:anywhere;text-align:right}
.settings-table-row>code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f7f8fa;padding:4px 6px;border-radius:5px}
.integration-row{min-height:78px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e8eaed;border-radius:9px}
.integration-mark{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;background:#eaf3ff;color:#2481cc}
.integration-copy{min-width:0}
.integration-copy strong{display:block;margin-bottom:2px;font-size:11px;color:#313844}
.integration-copy p{margin:0;color:#929aa5;font-size:9px;line-height:1.45}
.integration-state-wrap{display:flex;align-items:center;gap:10px}
.integration-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#7c8592;white-space:nowrap}
.integration-status.connected{color:#16734d}
.security-list{border:1px solid #e8eaed;border-radius:9px;overflow:hidden}
.security-list>div{min-height:58px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef0f2}
.security-list>div:last-child{border-bottom:0}
.security-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#f3f5f8;color:#687281;font-size:10px;font-weight:760}
.security-icon.success{background:#eff8f4;color:#16734d}
.security-list strong{display:block;font-size:11px;color:#353d48}
.security-list p{margin:2px 0 0;color:#939ba6;font-size:9px}
.security-state{font-size:10px;font-weight:650;color:#687281}
.security-state.success{color:#16734d}
.settings-actions-row{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}

/* tighten the remaining portal pages */
.app-shell .page-heading{margin-bottom:18px}
.app-shell .page-heading h1{font-size:23px}
.app-shell .catalog-grid{gap:10px;padding:14px}
.app-shell .plan-card{border-radius:9px;box-shadow:none}
.app-shell .list-row{min-height:64px}
.app-shell .empty-state{min-height:132px;background:#fff;color:#929aa5}
.app-shell .toast{border-color:#d9dee7;box-shadow:0 10px 28px rgba(15,23,42,.08)}

@media(max-width:1120px){
  .overview-summary{grid-template-columns:1fr}
  .overview-columns{grid-template-columns:1fr}
  .metric-panel{display:grid;grid-template-columns:repeat(3,1fr)}
  .metric-row{border-bottom:0;border-right:1px solid #eef0f3}
  .metric-row:last-child{border-right:0}
}

@media(max-width:860px){
  .app-shell .sidebar{width:min(320px,84vw)}
  .app-shell .app-frame{margin-left:0}
  .app-shell .app-content{padding:24px 18px 56px}
  .portal-heading{align-items:flex-start}
  .portal-heading h1{font-size:23px}
  .first-run-grid{grid-template-columns:1fr}
  .sync-preview{border-left:0;border-top:1px solid #eceef1}
  .setup-summary{padding:21px 20px 18px}
  .setup-steps{padding:8px 18px 11px}
  .settings-group-title{grid-template-columns:1fr;gap:4px}
}

@media(max-width:600px){
  .app-shell .topbar{height:60px;padding:0 14px}
  .app-shell .app-content{padding:20px 14px 44px}
  .portal-heading{margin-bottom:16px}
  .portal-heading-overview{align-items:flex-start}
  .portal-heading h1{font-size:21px}
  .portal-eyebrow{font-size:9px}
  .portal-heading-actions{gap:6px}
  .portal-heading-actions .button{min-height:36px;padding:7px 10px;font-size:11px}
  .portal-heading-actions .button svg{width:14px;height:14px}
  .setup-summary h2{font-size:19px}
  .setup-summary p{font-size:12px}
  .setup-step{grid-template-columns:32px minmax(0,1fr);min-height:82px;padding:8px 0}
  .setup-step .button,.setup-step-state{grid-column:2;justify-self:start}
  .sync-preview{padding:18px}
  .balance-panel{min-height:170px;padding:18px;border-radius:10px}
  .balance-panel>strong{font-size:30px;margin-top:22px}
  .metric-panel{grid-template-columns:1fr;border-radius:10px}
  .metric-row{border-right:0;border-bottom:1px solid #eef0f3;min-height:60px}
  .metric-row:last-child{border-bottom:0}
  .overview-columns{gap:12px}
  .activity-row{grid-template-columns:31px minmax(0,1fr);padding:10px 13px}
  .activity-side{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start;align-items:center;gap:7px;margin-top:-1px}
  .activity-empty{min-height:178px;padding:22px 18px}
  .shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}
  .shortcut-grid button{min-height:84px;grid-template-columns:1fr;align-content:center;justify-items:start;padding:11px}
  .shortcut-grid button>span{width:30px;height:30px}
  .settings-profile-header{grid-template-columns:44px minmax(0,1fr);padding:16px}
  .settings-profile-header .profile-avatar-large{width:42px;height:42px}
  .account-verified-badge{grid-column:2;justify-self:start;margin-top:-5px}
  .settings-group{padding:17px 16px}
  .settings-table-row{grid-template-columns:1fr;gap:5px;padding:12px}
  .settings-table-row>strong,.settings-table-row>code{justify-self:start;text-align:left;max-width:100%}
  .integration-row{grid-template-columns:38px minmax(0,1fr);align-items:start}
  .integration-state-wrap{grid-column:2;display:grid;justify-items:start;gap:8px}
  .security-list>div{grid-template-columns:30px minmax(0,1fr)}
  .security-state{grid-column:2}
  .settings-actions-row{display:grid;grid-template-columns:1fr 1fr}
  .settings-actions-row .button{width:100%}
  .app-shell .topbar-actions .button-primary span{display:none}
  .app-shell .topbar-actions .button-primary{width:38px;height:38px;padding:0;min-height:38px}
}

/* =========================================================
   V8 — motion + glow polish
   Purpose: make the public site and portal feel alive without
   turning core controls into decorative UI.
   ========================================================= */
:root{
  --lynzz-blue:#5b7cff;
  --lynzz-blue-2:#7c5cff;
  --lynzz-cyan:#56d6ff;
  --lynzz-green:#55d6a0;
  --lynzz-ink:#0a1020;
}

/* global motion */
@keyframes lynzz-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes lynzz-drift-a{0%,100%{transform:translate3d(-8%,0,0) scale(1)}50%{transform:translate3d(16%,8%,0) scale(1.12)}}
@keyframes lynzz-drift-b{0%,100%{transform:translate3d(8%,0,0) scale(1.05)}50%{transform:translate3d(-18%,-8%,0) scale(.95)}}
@keyframes lynzz-pulse{0%,100%{opacity:.55;box-shadow:0 0 0 0 rgba(85,214,160,.28)}50%{opacity:1;box-shadow:0 0 0 8px rgba(85,214,160,0)}}
@keyframes lynzz-shine{0%{transform:translateX(-140%) skewX(-18deg)}60%,100%{transform:translateX(240%) skewX(-18deg)}}
@keyframes lynzz-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lynzz-scan{0%{transform:translateY(-120%);opacity:0}15%{opacity:.65}85%{opacity:.22}100%{transform:translateY(520%);opacity:0}}
@keyframes lynzz-line{from{stroke-dashoffset:820}to{stroke-dashoffset:0}}
@keyframes lynzz-rise{from{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}
@keyframes lynzz-glow-breathe{0%,100%{opacity:.4;filter:blur(58px)}50%{opacity:.78;filter:blur(74px)}}

/* landing header */
.site-header{box-shadow:0 1px 0 rgba(15,23,42,.02)}
.site-brand-mark,.wordmark-symbol{position:relative;overflow:hidden}
.site-brand-mark:after,.wordmark-symbol:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.5) 48%,transparent 64%);transform:translateX(-120%);animation:lynzz-shine 5.8s ease-in-out infinite}
.site-cta-small,.hero-primary,.button-primary{position:relative;overflow:hidden;isolation:isolate}
.site-cta-small:before,.hero-primary:before,.button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.22) 48%,transparent 74%);transform:translateX(-150%);z-index:-1}
.site-cta-small:hover:before,.hero-primary:hover:before,.button-primary:hover:before{animation:lynzz-shine .9s ease}
.site-cta-small:hover,.hero-primary:hover{box-shadow:0 10px 34px rgba(91,124,255,.24)}

/* hero ambient glow */
.hero{overflow:hidden;isolation:isolate;background:
  radial-gradient(circle at 18% 10%,rgba(75,100,255,.10),transparent 32%),
  linear-gradient(180deg,#090f1f 0%,#0a1121 60%,#0a1020 100%)}
.hero-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-orb{position:absolute;border-radius:50%;filter:blur(72px);mix-blend-mode:screen;will-change:transform}
.hero-orb-a{width:460px;height:460px;left:-160px;top:40px;background:rgba(88,112,255,.35);animation:lynzz-drift-a 11s ease-in-out infinite}
.hero-orb-b{width:420px;height:420px;right:-100px;top:150px;background:rgba(78,214,255,.18);animation:lynzz-drift-b 13s ease-in-out infinite}
.hero-beam{position:absolute;width:68%;height:1px;left:16%;top:28%;background:linear-gradient(90deg,transparent,rgba(124,151,255,.65),transparent);box-shadow:0 0 28px rgba(91,124,255,.4);transform:rotate(-12deg)}
.hero-inner{z-index:1}
.hero-eyebrow span,.product-live i,.footer-status i,.workspace-dot{animation:lynzz-pulse 2.2s ease-in-out infinite}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#83a0ff 0%,#8fe8ff 58%,#9d82ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(97,127,255,.14)}
.hero-primary{background:linear-gradient(135deg,#fff 0%,#edf4ff 100%);box-shadow:0 12px 36px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.18)}
.hero-secondary{backdrop-filter:blur(8px);background:rgba(255,255,255,.025);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.hero-secondary:hover{background:rgba(255,255,255,.07);border-color:rgba(126,151,255,.55);transform:translateY(-2px)}
.hero-trust i{background:#66e0aa;box-shadow:0 0 12px rgba(102,224,170,.55)}

/* product preview */
.hero-product{position:relative;perspective:1100px}
.product-window{position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .25s ease;box-shadow:0 32px 80px rgba(0,0,0,.42),0 0 0 1px rgba(121,153,255,.18),0 0 70px rgba(72,104,255,.13);animation:lynzz-float 7s ease-in-out infinite}
.product-window:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(105,142,255,.16),transparent 25%);mix-blend-mode:screen}
.product-window:after{content:"";position:absolute;z-index:9;left:0;right:0;height:32%;top:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(88,126,255,.08),transparent);animation:lynzz-scan 6s ease-in-out infinite}
.product-chart .chart-line{stroke-dasharray:820;stroke-dashoffset:820;animation:lynzz-line 2.5s ease forwards}
.chart-point{filter:drop-shadow(0 0 8px rgba(108,139,255,.8))}
.hero-float-card{box-shadow:0 16px 42px rgba(0,0,0,.36),0 0 26px rgba(82,116,255,.14);animation:lynzz-float 5.5s ease-in-out infinite}
.hero-float-two{animation-delay:-2.2s}

/* moving integration ribbon */
.integration-marquee{overflow:hidden;background:#0a1020;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07);padding:15px 0;color:#9ba9c4}
.marquee-track{display:flex;width:max-content;align-items:center;gap:28px;white-space:nowrap;animation:lynzz-marquee 24s linear infinite;font-size:11px;font-weight:750;letter-spacing:.16em}
.marquee-track span{color:#c5d0e5}
.marquee-track i{font-style:normal;color:#6578aa}
.integration-marquee:hover .marquee-track{animation-play-state:paused}

/* counters + public content */
.community-metrics>div{transition:transform .22s ease,background .22s ease}
.community-metrics>div:hover{transform:translateY(-3px);background:#fafbff}
.community-metrics strong{font-variant-numeric:tabular-nums}
.feature-item,.workflow-grid article,.faq-list details{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.feature-item:hover{transform:translateY(-5px);border-color:#cfd8ff;box-shadow:0 18px 46px rgba(31,41,80,.08)}
.feature-icon{transition:transform .25s ease,box-shadow .25s ease}
.feature-item:hover .feature-icon{transform:rotate(-4deg) scale(1.05);box-shadow:0 10px 28px rgba(91,124,255,.12)}
.workflow-grid article:hover{transform:translateY(-3px)}
.terminal-window{box-shadow:0 34px 72px rgba(16,24,40,.18),0 0 0 1px rgba(92,120,255,.12);animation:lynzz-float 8.5s ease-in-out infinite}
.resource-bars b{position:relative;overflow:hidden}
.resource-bars b:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:lynzz-shine 3.8s ease-in-out infinite}
.reliability-panel{position:relative;overflow:hidden}
.reliability-panel:before{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-160px;border-radius:50%;background:rgba(87,120,255,.22);filter:blur(70px);animation:lynzz-glow-breathe 6s ease-in-out infinite;pointer-events:none}
.final-cta-inner{position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.12)}
.final-cta-inner:after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-180px;border-radius:50%;background:rgba(93,121,255,.14);filter:blur(60px);pointer-events:none}
.site-footer-premium{position:relative}
.site-footer-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4f6ccf,transparent);opacity:.65}
.footer-status{transition:border-color .2s ease,background .2s ease,transform .2s ease}
.footer-status:hover{transform:translateY(-2px);border-color:#4f5f85;background:#0d1423}

/* auth */
.auth-shell{backdrop-filter:blur(14px) saturate(120%)}
.auth-backdrop{background:rgba(4,9,20,.72)}
.google-auth-dialog{position:relative;overflow:hidden;border:1px solid rgba(119,145,255,.26);box-shadow:0 36px 100px rgba(4,9,22,.34),0 0 70px rgba(74,104,255,.12)}
.google-auth-dialog:before{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-120px;border-radius:50%;background:rgba(89,120,255,.15);filter:blur(55px);pointer-events:none}
.ip-login-fallback{margin:12px 0 14px;padding:12px 14px;border:1px solid #dfe5f4;border-radius:10px;background:#f7f9ff;color:#5c6677}
.ip-login-fallback span{display:inline-flex;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:#e9eeff;color:#4d64c8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ip-login-fallback p{margin:0;font-size:11px;line-height:1.55}
.google-signin-button{min-height:44px}

/* portal ambient background */
.app-shell{background:
  radial-gradient(circle at 92% 5%,rgba(91,124,255,.10),transparent 26%),
  radial-gradient(circle at 14% 92%,rgba(86,214,255,.055),transparent 24%),
  #f5f7fb}
.sidebar{position:fixed;isolation:isolate;background:linear-gradient(180deg,#0b1220 0%,#0a101c 100%);border-right:1px solid rgba(120,145,190,.12)}
.sidebar:before{content:"";position:absolute;z-index:-1;width:260px;height:260px;left:-120px;top:120px;border-radius:50%;background:rgba(82,111,255,.17);filter:blur(66px);animation:lynzz-drift-a 12s ease-in-out infinite;pointer-events:none}
.sidebar-brand .wordmark-symbol{box-shadow:0 0 28px rgba(90,120,255,.25)}
.nav-item{position:relative;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav-item:not(:disabled):hover{transform:translateX(3px)}
.nav-item.active{background:linear-gradient(90deg,rgba(91,124,255,.20),rgba(91,124,255,.06));box-shadow:inset 0 0 0 1px rgba(117,145,255,.10),0 8px 24px rgba(3,8,20,.14)}
.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#7793ff;box-shadow:0 0 14px rgba(119,147,255,.8)}
.topbar{background:rgba(255,255,255,.78);backdrop-filter:blur(18px) saturate(150%);border-bottom-color:rgba(210,216,229,.78)}
.app-content{position:relative}
.view-panel.active{animation:lynzz-rise .34s cubic-bezier(.2,.8,.2,1)}
.portal-heading h1{letter-spacing:-.035em}
.portal-eyebrow{color:#5a70c9}
.first-run-panel{position:relative;overflow:hidden;border:1px solid rgba(105,132,234,.28);background:linear-gradient(135deg,#fff 0%,#f6f8ff 56%,#eef4ff 100%);box-shadow:0 24px 70px rgba(41,58,110,.08)}
.first-run-panel:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-150px;border-radius:50%;background:rgba(91,124,255,.16);filter:blur(55px);animation:lynzz-glow-breathe 6.5s ease-in-out infinite;pointer-events:none}
.setup-progress-track span{position:relative;overflow:hidden;box-shadow:0 0 18px rgba(75,105,230,.35)}
.setup-progress-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:lynzz-shine 2.9s ease-in-out infinite}
.surface,.stats-strip,.settings-shell{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.surface:hover{border-color:#d8def0;box-shadow:0 16px 42px rgba(31,45,90,.055)}
.stats-strip{overflow:hidden;box-shadow:0 14px 40px rgba(34,49,92,.055)}
.stat-cell:first-child{position:relative;background:linear-gradient(135deg,#111a32,#17264f);color:white}
.stat-cell:first-child span,.stat-cell:first-child small{color:#aab8d4}
.stat-cell:first-child strong{color:#fff;text-shadow:0 0 24px rgba(126,153,255,.28)}
.stat-cell:first-child:after{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;border-radius:50%;background:rgba(91,124,255,.28);filter:blur(28px);animation:lynzz-glow-breathe 5s ease-in-out infinite}
.button-primary{background:linear-gradient(135deg,#355de0,#526fef);border-color:#355de0;box-shadow:0 8px 20px rgba(53,93,224,.16)}
.button-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(53,93,224,.24)}
.icon-button,.button,.small-button,.secondary,.danger{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
.icon-button:active,.button:active,.small-button:active,.secondary:active,.danger:active{transform:scale(.98)}
.toast{box-shadow:0 18px 48px rgba(25,39,78,.16);backdrop-filter:blur(14px)}
.status-dot-success{box-shadow:0 0 12px rgba(69,168,117,.48)}
.integration-row:hover,.settings-table-row:hover{background:#fbfcff}

@media(max-width:720px){
  .hero-orb-a{width:340px;height:340px;left:-180px;top:120px}
  .hero-orb-b{width:300px;height:300px;right:-150px;top:400px}
  .integration-marquee{padding:13px 0}
  .marquee-track{gap:22px;animation-duration:20s}
  .product-window{animation-duration:8.5s}
  .hero-float-card{display:none}
  .site-header{backdrop-filter:blur(18px) saturate(160%)}
  .community-metrics>div:hover,.feature-item:hover,.workflow-grid article:hover{transform:none}
  .app-shell{background:radial-gradient(circle at 85% 4%,rgba(91,124,255,.09),transparent 22%),#f6f8fc}
  .topbar{background:rgba(255,255,255,.86)}
  .first-run-panel{box-shadow:0 14px 38px rgba(41,58,110,.07)}
}

@media(prefers-reduced-motion:reduce){
  .hero-orb,.product-window,.hero-float-card,.marquee-track,.product-window:after,.product-chart .chart-line,.resource-bars b:after,.reliability-panel:before,.first-run-panel:before,.setup-progress-track span:after,.stat-cell:first-child:after,.site-brand-mark:after,.wordmark-symbol:after{animation:none!important}
}


/* --- V9 dark refinement + logo cleanup --- */
.site-header,
.topbar,
.app-shell .topbar{
  background: rgba(7, 13, 28, .82) !important;
  border-bottom-color: rgba(110, 132, 220, .16) !important;
  box-shadow: 0 10px 32px rgba(3, 8, 22, .24);
}
.breadcrumb span,
.breadcrumb strong,
.site-brand-name,
.site-nav a,
.site-login-link,
.page-title,
#page-context,
.sidebar-brand-copy,
.sidebar-profile-copy strong,
.sidebar-profile-copy span{color:#eef2ff !important}
.site-nav a{opacity:.82}
.site-nav a:hover,.site-login-link:hover{opacity:1;color:#ffffff !important}
.site-brand-mark,
.wordmark-symbol,
.product-logo-mini{
  color: transparent !important;
  font-size: 0 !important;
  background: linear-gradient(135deg,#0f1a33 0%,#111f3f 45%,#1b2d63 100%) !important;
  border: 1px solid rgba(134,159,255,.28);
  box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 10px 28px rgba(12,20,42,.34), 0 0 26px rgba(86,114,255,.22);
}
.site-brand-mark::before,
.wordmark-symbol::before,
.product-logo-mini::before{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:6px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23f4f7ff' d='M14 12h10v40H14z'/%3E%3Cpath fill='%239bb0ff' d='M28 14h21L32 33l17 17H36L20 33z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter:drop-shadow(0 0 12px rgba(146,170,255,.22));
}
.site-brand-mark::after,
.wordmark-symbol::after,
.product-logo-mini::after{
  content:"";
  position:absolute;
  inset:auto -18% -28% 24%;
  height:55%;
  background:radial-gradient(circle,rgba(101,131,255,.38),transparent 70%);
  filter:blur(10px);
  pointer-events:none;
}
.wordmark-symbol-small::before{inset:20%}
.product-logo-mini::before{inset:22%}
.site-brand-name,.footer-logo span:last-child,.sidebar-brand-copy,.auth-wordmark span:last-child{
  letter-spacing:.02em;
}
.hero{
  background:
    radial-gradient(circle at 12% 18%, rgba(84,113,255,.22), transparent 30%),
    radial-gradient(circle at 88% 78%, rgba(31,180,255,.16), transparent 24%),
    linear-gradient(180deg,#07101f 0%,#0a1430 60%,#0c1731 100%);
}
.community-strip,
.marketing-section,
.final-cta-section{
  position:relative;
  background:
    radial-gradient(circle at top left, rgba(76,103,234,.08), transparent 24%),
    linear-gradient(180deg,#071120 0%,#09142a 100%) !important;
  color:#dfe7ff;
  border-color:rgba(92,113,173,.14) !important;
}
.community-metrics>div,
.feature-item,
.workflow-grid article,
.faq-list details,
.spec-table > div,
.terminal-window,
.final-cta-inner,
.reliability-panel{
  background:rgba(11,20,39,.72) !important;
  border-color:rgba(90,108,161,.18) !important;
  box-shadow:0 18px 46px rgba(3,8,20,.18);
}
.community-metrics strong,
.section-heading h2,
.platform-copy h2,
.faq-heading h2,
.feature-item h3,
.workflow-grid h3,
.reliability-copy h2,
.reliability-list strong,
.faq-list summary,
.final-cta-inner h2,
.platform-copy .text-cta,
.terminal-row strong,
.spec-table strong{color:#f5f7ff !important}
.community-intro span,
.section-heading p,
.platform-copy>p,
.feature-item p,
.workflow-grid p,
.reliability-copy p,
.reliability-list p,
.faq-heading p,
.faq-list details p,
.spec-table span,
.terminal-row span,
.final-cta-inner p{color:#98a6c6 !important}
.feature-rail,.faq-list,.spec-table{border-color:rgba(92,113,173,.16) !important}
.feature-icon{
  background:rgba(18,31,58,.92) !important;
  border-color:rgba(111,136,211,.22) !important;
  color:#dce6ff !important;
  box-shadow:0 10px 24px rgba(7,14,28,.18);
}
.hero-primary{
  background:linear-gradient(135deg,#f7f9ff 0%,#dbe5ff 100%) !important;
  color:#111827 !important;
}
.hero-secondary,
.text-cta,
.light-cta{
  background:rgba(11,20,39,.34);
  border-color:rgba(110,132,220,.22) !important;
  color:#edf2ff !important;
}
.site-footer-premium{
  background:linear-gradient(180deg,#050b18 0%,#081122 100%) !important;
}
.google-auth-dialog{
  background:linear-gradient(180deg,rgba(9,16,30,.98) 0%,rgba(11,18,36,.98) 100%) !important;
  border:1px solid rgba(101,123,211,.2) !important;
  color:#ecf1ff;
}
.google-auth-dialog .auth-wordmark,
.google-auth-dialog .auth-heading h1,
.google-auth-dialog label span,
.google-auth-dialog .auth-footnote,
.google-auth-dialog .auth-legal,
.google-auth-dialog .auth-status,
.google-auth-dialog #google-auth-status,
.google-auth-dialog #auth-description,
.google-auth-dialog .field span{color:#dbe4ff !important}
.google-auth-dialog .auth-description,
.google-auth-dialog p,
.google-auth-dialog .auth-legal{color:#9eaac7 !important}
.google-login-note,
.ip-login-fallback{
  background:rgba(240,244,255,.05) !important;
  border:1px solid rgba(114,138,218,.18) !important;
  color:#b7c4e5 !important;
}
.google-lock{background:rgba(82,191,127,.18) !important;color:#74d69a !important}
.ip-login-fallback span{background:rgba(88,110,210,.18) !important;color:#a9bbff !important}
.auth-close{
  background:rgba(255,255,255,.06) !important;
  color:#d9e2ff !important;
}
.auth-close:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}
.google-auth-dialog .field input,
.google-auth-dialog input{
  background:rgba(240,244,255,.06) !important;
  border-color:rgba(120,141,214,.2) !important;
  color:#f4f7ff !important;
}
.google-auth-dialog input::placeholder{color:#7f8db0}
.google-auth-dialog .button-primary{
  background:linear-gradient(135deg,#4863f7 0%,#5a7cff 100%) !important;
  border-color:transparent !important;
  box-shadow:0 14px 38px rgba(73,100,255,.28);
}
.google-auth-dialog .button-primary:hover{filter:brightness(1.05)}
.google-auth-dialog .auth-divider{background:rgba(120,141,214,.14) !important}
.ip-login-fallback p,.google-login-note span:last-child{font-size:12px !important}
.app-shell,
.app-frame,
.view-panel,
body.dashboard-mode{background:#060d1b}
.sidebar,
.surface,
.onboarding-card,
.stats-strip,
.stat-cell,
.quick-menu button,
.list-row,
.empty-state,
.checkout-result,
.admin-grid > div,
.credential-card,
.profile-avatar-large,
.quick-menu-icon{
  background:rgba(10,18,36,.92) !important;
  border-color:rgba(97,116,175,.16) !important;
  color:#eef3ff !important;
  box-shadow:0 18px 42px rgba(3,8,20,.12);
}
.sidebar{background:linear-gradient(180deg,#07101f 0%,#0a1428 100%) !important}
.workspace-card{background:rgba(14,22,41,.78) !important;border-color:rgba(110,132,220,.16) !important}
.workspace-card strong,.nav-section-label,.nav-item span,.surface-heading h2,.settings-section-head h2,.profile-card-copy h3,.overview-row-main strong,.list-body strong,.admin-grid strong,.stat-cell strong,.balance-amount,.connection-state{color:#eef3ff !important}
.workspace-card span,.surface-heading p,.settings-section-head p,.profile-card-copy p,.overview-row-main span,.list-body span,.list-body small,.status-list span,.overview-row-side strong,.quick-menu small,.stat-label,.stat-cell small,.empty-state,.credential-value,.status-list strong,.dashboard-status,.onboarding-copy p,.onboarding-badge{color:#9aa8c7 !important}
.nav-item{color:#dce7ff !important}
.nav-item.active,.nav-item:hover{background:rgba(77,98,170,.22) !important;border-color:rgba(109,130,203,.18) !important}
.button,.small-button,.secondary,.danger,.link-button{border-color:rgba(113,136,211,.2) !important}
.account-avatar,.profile-avatar-large{background:linear-gradient(135deg,#152241,#20335d) !important}
@media(max-width: 720px){
  .site-header,
  .topbar,
  .app-shell .topbar{background:rgba(7,13,28,.92) !important}
}

/* =========================================================
   V10 — LYNZZ CLOUD immersive dark portal
   ========================================================= */
html{color-scheme:dark;background:#050914}
body{background:#050914;color:#eaf0ff}
.marketing-site{background:#050914;color:#eaf0ff;overflow:hidden}
.marketing-site::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(circle at 18% 10%,rgba(70,99,255,.11),transparent 26%),
  radial-gradient(circle at 82% 34%,rgba(31,185,255,.08),transparent 24%),
  #050914}
.marketing-site::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:
  linear-gradient(rgba(125,149,220,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(125,149,220,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000 0%,transparent 84%)}

/* richer header */
.site-header{height:74px;background:rgba(5,10,23,.76)!important;border-bottom:1px solid rgba(126,148,224,.13)!important;backdrop-filter:blur(24px) saturate(145%);box-shadow:0 16px 42px rgba(0,0,0,.2)}
.site-header-inner{width:min(1220px,calc(100% - 48px))}
.site-brand{gap:11px}
.site-brand-name{font-weight:760!important;font-size:15px!important;letter-spacing:-.01em!important;color:#f5f7ff!important}
.site-brand::after{content:"PORTAL";margin-left:2px;padding:4px 7px;border:1px solid rgba(135,153,217,.16);border-radius:999px;color:#8795b8;font-size:8px;letter-spacing:.14em;font-weight:800}
.site-nav{gap:6px}
.site-nav a{padding:8px 11px;border-radius:9px;color:#aeb8d2!important;font-size:12px!important}
.site-nav a:hover{background:rgba(112,132,207,.08);color:#fff!important}
.site-login-link{color:#cbd4ec!important}
.site-cta-small{background:linear-gradient(135deg,#6077ff 0%,#3859e8 100%)!important;border-color:rgba(135,155,255,.28)!important;box-shadow:0 10px 30px rgba(61,88,232,.26),inset 0 1px rgba(255,255,255,.2)!important}
.site-menu-toggle{border-color:rgba(128,149,220,.15)!important;background:rgba(255,255,255,.035)!important}
.site-menu-toggle span{background:#dfe7ff!important}

/* custom Lynzz mark — no letter placeholder */
.site-brand-mark,.wordmark-symbol,.product-logo-mini{
  position:relative!important;overflow:visible!important;background:linear-gradient(145deg,#0c1730,#152859)!important;
  border:1px solid rgba(144,163,255,.25)!important;box-shadow:0 0 0 1px rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.24),0 0 26px rgba(71,104,255,.18)!important
}
.site-brand-mark::before,.wordmark-symbol::before,.product-logo-mini::before{
  content:""!important;position:absolute!important;inset:18%!important;border-radius:0!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%238aa7ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M10 15h24L22 35h18L20 66H7l14-22H5L22 15zm36 0h27L58 36h17L50 66H37l15-21H36L53 15z'/%3E%3C/svg%3E")!important;
  filter:drop-shadow(0 0 10px rgba(130,155,255,.34))!important;animation:none!important;transform:none!important
}
.site-brand-mark::after,.wordmark-symbol::after,.product-logo-mini::after{content:""!important;position:absolute!important;inset:-16%!important;border-radius:14px!important;background:radial-gradient(circle,rgba(95,124,255,.22),transparent 68%)!important;filter:blur(10px)!important;opacity:.7;pointer-events:none}

/* immersive hero */
.hero{min-height:calc(100svh - 74px);display:flex;align-items:center;--pointer-x:50%;--pointer-y:35%;background:
  radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(87,111,255,.16),transparent 28%),
  radial-gradient(circle at 14% 18%,rgba(68,99,255,.22),transparent 33%),
  radial-gradient(circle at 84% 82%,rgba(22,179,255,.13),transparent 27%),
  linear-gradient(180deg,#050b18 0%,#09152d 58%,#081124 100%)!important;
  border-bottom:1px solid rgba(103,124,188,.14)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:
  linear-gradient(rgba(128,150,220,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(128,150,220,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 8%,transparent 92%)}
.hero-inner{width:min(1220px,calc(100% - 48px));padding:76px 0 82px;gap:66px;position:relative;z-index:2}
.hero-eyebrow{color:#9db0e2!important;font-size:10px!important;letter-spacing:.15em!important}.hero-eyebrow span{box-shadow:0 0 18px #55e4ae}
.hero h1{font-size:clamp(52px,6vw,78px)!important;max-width:720px;letter-spacing:-.058em!important;line-height:.98!important;color:#f8faff!important;text-wrap:balance}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#6f86ff 0%,#9d8cff 42%,#73ddff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 35px rgba(100,127,255,.14))}
.hero-lead{max-width:560px!important;margin-top:24px!important;font-size:17px!important;line-height:1.65!important;color:#aeb9d4!important}
.hero-actions{margin-top:32px!important}.hero-primary,.hero-secondary{height:52px!important;border-radius:12px!important;font-size:13px!important;font-weight:760!important}.hero-primary{min-width:190px;background:linear-gradient(135deg,#f9fbff,#e2eaff)!important;box-shadow:0 14px 44px rgba(0,0,0,.25),0 0 32px rgba(118,143,255,.12)!important}.hero-secondary{min-width:160px;background:rgba(255,255,255,.025)!important;border:1px solid rgba(125,145,210,.18)!important;color:#dfe7fb!important}.hero-secondary:hover{background:rgba(126,147,223,.08)!important}
.hero-trust{margin-top:24px!important;color:#8290b2!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}.hero-trust i{box-shadow:0 0 13px rgba(79,224,170,.68)}
.hero-product{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s cubic-bezier(.2,.7,.2,1);will-change:transform}
.product-window{border-radius:18px!important;border-color:rgba(119,143,219,.22)!important;background:#081225!important;box-shadow:0 40px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025),0 0 75px rgba(63,92,223,.11)!important}
.product-window::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(121,147,255,.55),rgba(79,208,255,.08),rgba(128,93,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.product-topbar,.product-sidebar,.product-chart-card,.product-service-row,.product-kpis{background-color:rgba(11,21,42,.74)!important;border-color:rgba(104,127,193,.14)!important}.product-address{background:#060d1a!important;border-color:rgba(111,132,194,.18)!important}.product-canvas-head button{background:linear-gradient(135deg,#4c63d9,#3353c6)!important}.product-live i,.service-led{box-shadow:0 0 12px #55dfa8}
.hero-mini-stack{position:absolute;right:-18px;bottom:64px;display:grid;gap:8px;z-index:6}.hero-mini-stack>div{min-width:180px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(123,143,208,.18);border-radius:12px;background:rgba(7,14,29,.8);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.28);font-size:9px;color:#bcc8e6}.hero-mini-stack strong{font-size:8px;color:#7483a8}.mini-dot{width:7px;height:7px;border-radius:50%;display:block}.mini-dot.green{background:#4cdda6;box-shadow:0 0 12px rgba(76,221,166,.65)}.mini-dot.blue{background:#6c8cff;box-shadow:0 0 12px rgba(108,140,255,.65)}.hero-mini-stack>div:first-child{animation:mini-float 4.8s ease-in-out infinite}.hero-mini-stack>div:last-child{animation:mini-float 4.8s ease-in-out -2.2s infinite}

/* running automation rail */
.live-rail{position:relative;background:#050b17;border-top:1px solid rgba(98,119,183,.14);border-bottom:1px solid rgba(98,119,183,.14);overflow:hidden}.live-rail::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(81,107,238,.09),transparent);transform:translateX(-100%);animation:rail-scan 7s linear infinite}.live-rail-inner{width:min(1220px,calc(100% - 48px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.live-rail-label{display:flex;align-items:center;gap:10px;color:#8e9dbc;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;white-space:nowrap}.live-rail-label i{width:8px;height:8px;border-radius:50%;background:#4add9f;box-shadow:0 0 18px rgba(74,221,159,.7)}.live-flow{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;overflow:hidden}.live-flow b{color:#3e4d70;font-size:10px}.live-step{padding:6px 9px;border:1px solid transparent;border-radius:8px;color:#63708f;font-size:9px;letter-spacing:.08em;font-weight:800;transition:.3s ease}.live-step.is-active{color:#dbe5ff;border-color:rgba(108,132,255,.32);background:rgba(80,104,225,.12);box-shadow:0 0 25px rgba(77,104,238,.13)}

/* dark information sections with visual rhythm */
.integration-marquee{background:#07101f!important;border-color:rgba(98,119,183,.12)!important}.marquee-track{color:#657596!important}.marquee-track i{color:#7089f4!important}
.community-strip,.marketing-section,.final-cta-section{background:linear-gradient(180deg,#07101f 0%,#081225 100%)!important}
.community-strip-inner{padding:18px 0;min-height:160px!important}.community-intro{display:grid;gap:6px}.community-intro span{font-size:13px!important;color:#e6ecfc!important;font-weight:700}.community-intro small{color:#73809f;font-size:10px;line-height:1.5}.community-metrics{gap:10px!important}.community-metrics>div{position:relative;border:1px solid rgba(103,123,185,.14)!important;border-radius:14px!important;padding:22px!important;background:linear-gradient(145deg,rgba(17,28,54,.8),rgba(8,17,35,.68))!important;overflow:hidden}.community-metrics>div::after{content:"";position:absolute;inset:auto 10% -35% 10%;height:60%;background:radial-gradient(circle,rgba(76,103,242,.16),transparent 70%);filter:blur(14px)}.community-metrics strong{font-size:30px!important}.community-metrics span{font-size:9px!important;color:#7f8dac!important;text-transform:uppercase;letter-spacing:.08em}
.marketing-section{width:min(1220px,calc(100% - 48px));padding:116px 0!important}.section-kicker{color:#8297ff!important}.section-heading h2,.platform-copy h2,.faq-heading h2{font-size:clamp(34px,4vw,54px)!important;letter-spacing:-.05em!important}.section-heading p,.platform-copy>p,.faq-heading p{font-size:14px!important;max-width:560px!important}
.feature-rail{gap:12px;border:0!important}.feature-item{border:1px solid rgba(103,123,185,.14)!important;border-radius:16px!important;padding:30px!important;background:linear-gradient(145deg,rgba(16,27,51,.84),rgba(8,17,34,.72))!important}.feature-item:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(0,0,0,.25),0 0 35px rgba(65,90,205,.08)!important}.feature-icon{width:46px!important;height:46px!important;border-radius:13px!important}.feature-item h3{font-size:18px!important}.feature-number{color:#405074!important}
.platform-layout{gap:64px!important;align-items:center}.spec-table{border:1px solid rgba(98,119,183,.13)!important;border-radius:14px!important;overflow:hidden;background:rgba(9,18,37,.52)}.spec-table>div{padding:16px 18px!important;background:transparent!important}.platform-visual{position:relative}.terminal-window{position:relative;z-index:2;border-radius:18px!important;box-shadow:0 32px 80px rgba(0,0,0,.32),0 0 60px rgba(60,87,210,.08)!important}.infra-orbit{position:absolute;width:270px;height:270px;right:-70px;top:-75px;border:1px solid rgba(99,124,224,.12);border-radius:50%;z-index:1;animation:orbit-rotate 18s linear infinite}.infra-orbit::before,.infra-orbit::after{content:"";position:absolute;border:1px solid rgba(99,124,224,.09);border-radius:50%;inset:36px}.infra-orbit::after{inset:74px}.orbit-core{position:absolute;width:18px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#6d83ff;box-shadow:0 0 34px rgba(109,131,255,.7)}.orbit-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#62d8ff;box-shadow:0 0 18px rgba(98,216,255,.55)}.orbit-a{left:50%;top:-5px}.orbit-b{right:18px;bottom:44px;background:#55dfa8}.orbit-c{left:26px;bottom:24px;background:#a078ff}
.workflow-grid{gap:12px!important;border:0!important}.workflow-grid article{border:1px solid rgba(103,123,185,.14)!important;border-radius:15px!important;padding:28px!important;background:rgba(10,20,40,.68)!important}.workflow-index{color:#6076ce!important}
.reliability-panel{border-radius:20px!important;background:linear-gradient(135deg,#0b1730,#0a1225)!important;overflow:hidden}.reliability-panel::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;bottom:-220px;background:radial-gradient(circle,rgba(90,112,255,.22),transparent 68%);filter:blur(10px)}
.faq-list details{background:rgba(11,21,42,.6)!important;border:1px solid rgba(103,123,185,.12)!important;border-radius:12px!important;margin-bottom:8px;padding:0 18px}.faq-list{border:0!important}.faq-list summary span{border-color:rgba(116,137,201,.18)!important;background:rgba(255,255,255,.02)}
.final-cta-inner{border-radius:20px!important;background:linear-gradient(135deg,#101d3d,#11162e)!important;border:1px solid rgba(113,136,215,.16)!important;box-shadow:0 30px 80px rgba(0,0,0,.25)!important}.final-cta-inner button{border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,#f5f8ff,#dce5ff)!important;color:#121827!important}

/* footer richness */
.site-footer-premium{background:#040813!important;border-top:1px solid rgba(98,119,183,.13)}.footer-shell{width:min(1220px,calc(100% - 48px))!important}.footer-intro{padding-top:58px!important}.footer-logo{font-size:15px!important}.footer-group summary,.footer-group-links a,.footer-group-links button{color:#c8d1e8!important}.footer-group-links a,.footer-group-links button{opacity:.68}.footer-group-links a:hover,.footer-group-links button:hover{opacity:1;color:#fff!important}.footer-payments b{background:#091326!important;border-color:rgba(112,133,199,.16)!important;color:#c9d3ed!important}.footer-status{background:rgba(45,201,132,.06)!important}

/* auth: no white modal, direct IP mode */
.auth-shell{background:transparent!important}.auth-backdrop{background:rgba(2,5,12,.76)!important;backdrop-filter:blur(18px) saturate(120%)!important}.google-auth-dialog{width:min(500px,100%)!important;padding:34px!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(10,18,37,.99),rgba(7,12,25,.99))!important;box-shadow:0 42px 120px rgba(0,0,0,.55),0 0 70px rgba(64,88,210,.13)!important}.google-auth-dialog::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(135,157,255,.65),transparent)}.auth-wordmark{gap:12px!important}.auth-heading h1{font-size:30px!important;letter-spacing:-.035em!important}.auth-heading p{font-size:13px!important}.ip-auth-mode .google-auth-panel,.ip-auth-mode #google-auth-status{display:none!important}.ip-auth-mode .ip-login-fallback{margin-top:0!important}.ip-auth-mode .auth-legal{margin-top:22px!important}.ip-auth-mode #email-form{margin-top:18px}.google-login-note{padding:13px 14px!important}.google-auth-dialog .field input{height:52px!important;border-radius:11px!important}.google-auth-dialog .button-primary{height:52px!important;border-radius:11px!important;font-size:13px!important}.auth-close{width:36px!important;height:36px!important;border-radius:10px!important}

/* dashboard dark premium */
.app-shell{background:#050a15!important}.app-frame{background:
  radial-gradient(circle at 85% 8%,rgba(72,96,219,.08),transparent 24%),
  #060c18!important}.sidebar{border-right:1px solid rgba(97,117,176,.14)!important}.topbar{border-bottom:1px solid rgba(97,117,176,.14)!important}.view-panel{background:transparent!important}.surface,.stats-strip,.onboarding-card,.credential-card{border-radius:14px!important;background:linear-gradient(145deg,rgba(13,23,45,.94),rgba(8,16,32,.94))!important;box-shadow:0 18px 55px rgba(0,0,0,.18)!important}.stats-strip{overflow:hidden}.stat-cell{min-height:126px!important}.stat-cell:first-child{position:relative}.stat-cell:first-child::after{content:"";position:absolute;inset:auto 16px 10px 16px;height:28px;opacity:.45;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 35'%3E%3Cpath d='M0 29 C20 28 20 12 40 18 S70 4 91 13 S125 6 160 8' fill='none' stroke='%236f8cff' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}.quick-menu button,.list-row{background:transparent!important}.quick-menu button:hover,.list-row:hover{background:rgba(106,128,207,.055)!important}.quick-menu-icon{background:rgba(108,133,217,.06)!important}.surface-heading{border-bottom-color:rgba(96,117,176,.12)!important}.nav-item.active{box-shadow:inset 2px 0 #6f86ff,0 0 30px rgba(62,86,190,.06)}

/* animations */
@keyframes mini-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes rail-scan{to{transform:translateX(100%)}}
@keyframes orbit-rotate{to{transform:rotate(360deg)}}
@keyframes soft-pulse{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}
.hero-orb{animation-duration:12s!important}.hero-beam{animation:soft-pulse 7s ease-in-out infinite}.service-led,.product-live i,.workspace-dot,.footer-status i{animation:soft-pulse 2.6s ease-in-out infinite}

@media(max-width:960px){
  .site-brand::after{display:none}.hero{min-height:auto}.hero-inner{gap:52px}.hero-mini-stack{right:8px;bottom:34px}.live-flow{gap:7px}.live-step{font-size:8px;padding:5px 7px}.community-strip-inner{grid-template-columns:1fr!important;gap:16px!important}.community-intro{display:grid!important}.community-metrics>div{border:1px solid rgba(103,123,185,.14)!important}
}
@media(max-width:720px){
  .site-header{height:66px}.site-header-inner{width:calc(100% - 28px)!important}.site-brand-name{font-size:13px!important}.site-cta-small{height:38px!important;padding:0 12px!important}.site-login-link{display:none!important}.site-menu-toggle{width:42px!important;height:42px!important}
  .hero{min-height:auto!important}.hero-inner{width:calc(100% - 30px)!important;padding:54px 0 58px!important;gap:42px!important}.hero h1{font-size:46px!important;line-height:.99!important}.hero-lead{font-size:14px!important;max-width:94%!important}.hero-actions{gap:10px!important}.hero-primary,.hero-secondary{height:50px!important}.hero-product{transform:none!important}.hero-mini-stack{display:none}.product-window{border-radius:15px!important}
  .live-rail-inner{width:calc(100% - 28px)!important;min-height:66px;display:grid;grid-template-columns:auto 1fr;gap:12px}.live-rail-label span{display:none}.live-flow{justify-content:flex-start;overflow:auto;scrollbar-width:none}.live-flow::-webkit-scrollbar{display:none}.live-flow b{display:none}.live-step{flex:0 0 auto}
  .community-strip-inner,.footer-shell{width:calc(100% - 30px)!important}.community-strip-inner{padding:34px 0!important}.community-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}.community-metrics>div{padding:18px!important}.community-metrics strong{font-size:27px!important}.community-intro small{max-width:260px}
  .marketing-section{width:calc(100% - 30px)!important;padding:76px 0!important}.section-heading h2,.platform-copy h2,.faq-heading h2{font-size:35px!important}.section-heading{margin-bottom:34px!important}.feature-item,.workflow-grid article{padding:24px!important}.feature-rail,.workflow-grid{gap:10px!important}.platform-layout{gap:42px!important}.infra-orbit{width:190px;height:190px;right:-55px;top:-48px}.terminal-window{border-radius:15px!important}.reliability-panel{border-radius:16px!important}.faq-list details{padding:0 14px!important}.final-cta-inner{padding:28px 22px!important;border-radius:16px!important}
  .google-auth-dialog{width:100%!important;border-radius:20px 20px 0 0!important;padding:28px 20px 24px!important;max-height:92svh;overflow:auto}.auth-shell{align-items:flex-end!important;padding:0!important}.auth-heading h1{font-size:26px!important}.auth-wordmark{margin-bottom:26px!important}
  .app-frame{background:#060c18!important}.topbar{height:62px!important}.surface,.stats-strip,.onboarding-card{border-radius:12px!important}.stats-strip{grid-template-columns:1fr 1fr!important}.stat-cell{min-height:114px!important}
}
@media(prefers-reduced-motion:reduce){.hero-mini-stack>div,.infra-orbit,.live-rail::before,.service-led,.product-live i,.workspace-dot,.footer-status i{animation:none!important}}

/* =========================================================
   V11 — premium final polish
   One cohesive dark design system for marketing + portal.
   ========================================================= */
:root{
  --v11-bg:#050914;
  --v11-bg-2:#071020;
  --v11-bg-3:#0a1428;
  --v11-panel:rgba(12,22,43,.78);
  --v11-panel-strong:#0d1830;
  --v11-line:rgba(135,157,226,.14);
  --v11-line-strong:rgba(135,157,226,.24);
  --v11-text:#f3f6ff;
  --v11-muted:#95a3c3;
  --v11-muted-2:#6f7d9e;
  --v11-accent:#6d82ff;
  --v11-accent-2:#74d8ff;
  --v11-green:#58daa6;
  --v11-danger:#ff8077;
  --v11-radius:18px;
  --v11-radius-sm:12px;
  --v11-shadow:0 24px 70px rgba(0,0,0,.28);
}

/* real brand glyph — no boxed placeholder letter */
.brand-glyph,
.site-brand-mark.brand-glyph,
.wordmark-symbol.brand-glyph,
.product-logo-mini.brand-glyph{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  color:inherit!important;font-size:0!important;
}
.brand-glyph::before,.brand-glyph::after{display:none!important}
.brand-glyph svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 18px rgba(94,121,255,.3))}
.brand-glyph .brand-bolt-main{fill:url(#lynzzBrandGradient)}
.brand-glyph .brand-bolt-main{fill:#f3f6ff}
.brand-glyph .brand-bolt-cut{fill:#7692ff}
.brand-glyph .brand-node{fill:#6fe1ff;filter:drop-shadow(0 0 5px #6fe1ff)}
.wordmark-symbol-small.brand-glyph{width:30px!important;height:30px!important;min-width:30px!important}
.product-logo-mini.brand-glyph{width:26px!important;height:26px!important;min-width:26px!important}
.mobile-brand-glyph{width:30px!important;height:30px!important;min-width:30px!important}

/* landing header */
.site-header{height:68px!important;background:rgba(5,9,20,.78)!important;border-bottom:1px solid rgba(135,157,226,.12)!important;backdrop-filter:blur(24px) saturate(145%)!important;box-shadow:0 10px 35px rgba(0,0,0,.18)!important}
.site-header-inner{width:min(1220px,calc(100% - 40px))!important;display:flex!important;align-items:center!important;gap:20px!important}
.site-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.site-brand-name{font-size:15px!important;font-weight:780!important;color:var(--v11-text)!important;letter-spacing:-.025em!important}
.site-brand::after{display:none!important}
.site-nav{margin-left:auto!important;margin-right:auto!important;display:flex;align-items:center;justify-content:center;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.site-nav-links{display:flex;align-items:center;gap:2px}
.site-nav-links a{padding:9px 11px!important;border-radius:9px!important;color:#aab7d3!important;font-size:12px!important;font-weight:600!important;transition:background .18s ease,color .18s ease,transform .18s ease}
.site-nav-links a:hover{background:rgba(123,146,224,.08)!important;color:#fff!important;transform:translateY(-1px)}
.mobile-nav-head,.mobile-nav-actions,.mobile-nav-backdrop{display:none}
.site-header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto}
.site-login-link{color:#c7d2ea!important;font-size:12px!important}
.site-cta-small{height:40px!important;padding:0 15px!important;border-radius:11px!important;background:linear-gradient(135deg,#6f82ff,#4967ed)!important;border:1px solid rgba(154,171,255,.24)!important;color:#fff!important;box-shadow:0 12px 32px rgba(70,94,227,.24),inset 0 1px rgba(255,255,255,.2)!important;font-size:12px!important;font-weight:750!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important}
.site-cta-small:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 15px 38px rgba(70,94,227,.32)!important}
.site-menu-toggle{display:none!important;width:42px!important;height:42px!important;border:1px solid rgba(135,157,226,.16)!important;background:rgba(255,255,255,.035)!important;border-radius:11px!important;padding:9px!important}
.site-menu-toggle:hover{background:rgba(125,145,210,.08)!important}
.site-menu-toggle span{height:2px!important;background:#eef3ff!important;margin:4px 0!important}

/* hero polish */
.hero{min-height:calc(100svh - 68px)!important;background:
  radial-gradient(circle at 9% 24%,rgba(81,104,255,.25),transparent 31%),
  radial-gradient(circle at 82% 78%,rgba(50,190,255,.12),transparent 29%),
  linear-gradient(180deg,#050a16 0%,#08142b 62%,#071124 100%)!important}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background:
  linear-gradient(115deg,transparent 28%,rgba(125,151,255,.08) 48%,transparent 64%);transform:translateX(-65%);animation:v11-beam 11s ease-in-out infinite}
.hero-inner{width:min(1220px,calc(100% - 40px))!important;gap:68px!important;padding:74px 0 78px!important}
.hero-eyebrow{font-size:10px!important;letter-spacing:.16em!important;color:#9aaadb!important}
.hero h1{max-width:680px!important;font-size:clamp(52px,6.1vw,82px)!important;line-height:.96!important;letter-spacing:-.06em!important;text-wrap:balance}
.hero-lead{max-width:580px!important;font-size:16px!important;color:#a4b0cc!important;line-height:1.65!important}
.hero-actions{gap:10px!important}.hero-primary,.hero-secondary{height:52px!important;border-radius:13px!important;padding:0 20px!important}
.hero-primary{min-width:190px;background:linear-gradient(135deg,#f8faff,#dce6ff)!important;color:#11182b!important}
.hero-secondary{min-width:150px;background:rgba(12,23,46,.42)!important;border:1px solid rgba(135,157,226,.18)!important;color:#e9efff!important}
.hero-primary:active,.hero-secondary:active,.site-cta-small:active,.button:active,.pricing-cta:active{transform:scale(.98)!important}
.hero-trust{display:flex!important;flex-wrap:wrap;gap:10px 18px!important;color:#7f8eaf!important;text-transform:none!important;letter-spacing:0!important;font-size:10px!important}
.product-window{box-shadow:0 46px 120px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.025),0 0 75px rgba(72,101,234,.12)!important}
.product-chart .chart-line{stroke-dasharray:650;stroke-dashoffset:650;animation:v11-draw 3.8s ease-in-out infinite alternate}
.product-live i,.service-led{animation:v11-status-pulse 2.2s ease-in-out infinite}
.hero-mini-stack>div{animation:v11-float 5s ease-in-out infinite}.hero-mini-stack>div:nth-child(2){animation-delay:-2.3s}

/* single-surface community stats */
.community-strip{background:#071020!important;border-block:1px solid rgba(125,147,211,.1)!important}
.community-strip-inner{width:min(1220px,calc(100% - 40px))!important;grid-template-columns:180px 1fr!important;gap:26px!important;padding:34px 0!important;min-height:auto!important}
.community-intro span{font-size:13px!important;font-weight:720!important;color:#cdd7ef!important}
.community-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid rgba(125,147,211,.13)!important;border-radius:16px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(13,24,47,.7),rgba(8,16,32,.72))!important}
.community-metrics>div{min-height:104px!important;padding:20px 22px!important;border:0!important;border-right:1px solid rgba(125,147,211,.11)!important;background:transparent!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.community-metrics>div:last-child{border-right:0!important}
.community-metrics strong{font-size:30px!important;color:#f4f7ff!important;letter-spacing:-.04em!important}
.community-metrics span{font-size:10px!important;color:#7f8dac!important;margin-top:6px!important;text-transform:none!important;letter-spacing:.02em!important}

/* feature stories instead of generic cards */
.marketing-section{width:min(1220px,calc(100% - 40px))!important;padding:92px 0!important}
.section-heading{max-width:760px!important;margin-bottom:48px!important}.section-heading h2,.pricing-heading h2,.platform-copy h2,.faq-heading h2{color:var(--v11-text)!important;letter-spacing:-.045em!important}
.section-heading p,.pricing-heading p,.platform-copy>p{color:var(--v11-muted)!important}
.feature-stories{display:grid;gap:16px}
.feature-story{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch;border:1px solid var(--v11-line);border-radius:20px;background:linear-gradient(145deg,rgba(12,22,43,.82),rgba(8,15,30,.78));overflow:hidden;min-height:265px;box-shadow:0 24px 70px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.feature-story-reverse{grid-template-columns:minmax(0,1.28fr) minmax(250px,.72fr)}
.feature-story-reverse .feature-story-copy{order:2}.feature-story-reverse .feature-ui{order:1}
.feature-story:hover{transform:translateY(-3px);border-color:rgba(120,145,232,.25);box-shadow:0 30px 84px rgba(0,0,0,.23),0 0 38px rgba(72,96,211,.07)}
.feature-story-copy{padding:34px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.feature-story-copy>span{position:absolute;top:28px;left:34px;color:#53658e;font-size:11px;font-weight:800;letter-spacing:.12em}
.feature-story-copy h3{margin:0 0 10px;font-size:28px;line-height:1.05;color:#f3f6ff;letter-spacing:-.04em}.feature-story-copy p{margin:0;color:#8e9cbb;font-size:14px}
.feature-ui{margin:16px;min-height:230px;border:1px solid rgba(128,151,224,.14);border-radius:16px;background:
  radial-gradient(circle at 20% 10%,rgba(85,111,255,.12),transparent 34%),#071225;position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.feature-ui::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(120,143,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,143,212,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}
.mini-window-bar{height:38px;padding:0 14px;border-bottom:1px solid rgba(128,151,224,.12);display:flex;align-items:center;gap:6px;color:#637393;font-size:9px}.mini-window-bar i{width:7px;height:7px;border-radius:50%;background:#33425f}.mini-window-bar span{margin-left:auto}
.mini-plan-row{position:absolute;left:28px;right:28px;top:70px;padding:18px;border:1px solid rgba(118,142,224,.16);border-radius:13px;background:rgba(11,22,43,.86);display:grid;grid-template-columns:1fr auto;gap:5px 14px;z-index:2}.mini-plan-row b{color:#f0f4ff}.mini-plan-row strong{color:#a6b7ff}.mini-plan-row span{grid-column:1/-1;color:#72809e;font-size:10px}.mini-plan-row.active{box-shadow:0 0 34px rgba(77,102,232,.13);border-color:rgba(109,134,235,.32)}
.mini-action-line{position:absolute;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;color:#7885a3;font-size:10px;z-index:2}.mini-action-line b{color:#58dba6}
.feature-ui-payment{display:grid;place-items:center}.payment-orbit{width:120px;height:120px;border:1px solid rgba(108,135,235,.22);border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 0 45px rgba(73,103,230,.1)}.payment-orbit::before{content:"";position:absolute;inset:19px;border:1px dashed rgba(115,141,236,.18);border-radius:50%;animation:v11-orbit 12s linear infinite}.payment-orbit span{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#4967ea,#6d83ff);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 12px 34px rgba(62,88,223,.28)}.payment-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#6ee0b0;box-shadow:0 0 16px #6ee0b0}.payment-orbit i:nth-of-type(1){top:-4px}.payment-orbit i:nth-of-type(2){bottom:12px;right:7px;background:#75d8ff}.payment-line{position:absolute;left:24px;right:24px;bottom:25px;display:flex;justify-content:space-between;z-index:2;color:#8896b4;font-size:10px}.payment-line strong{color:#67dba8}.payment-progress{position:absolute;left:24px;right:24px;bottom:14px;height:2px;background:#172747;overflow:hidden}.payment-progress i{display:block;width:48%;height:100%;background:linear-gradient(90deg,#6a82ff,#72d9ff);animation:v11-progress 3s ease-in-out infinite}
.feature-ui-service{padding:26px;display:flex;flex-direction:column;gap:16px}.service-chip{display:flex;align-items:center;gap:9px;z-index:2}.service-chip i{width:8px;height:8px;border-radius:50%;background:#5bdba7;box-shadow:0 0 14px #5bdba7}.service-chip span{color:#d9e2f8;font-size:12px}.service-chip b{margin-left:auto;color:#5bdba7;font-size:9px}.service-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:2}.service-metrics span{padding:13px;border:1px solid rgba(121,144,213,.12);border-radius:10px;color:#677796;font-size:9px;background:rgba(8,17,33,.58)}.service-metrics b{display:block;color:#f0f4ff;font-size:15px;margin-bottom:4px}.service-wave{margin-top:auto;height:62px;border-bottom:1px solid rgba(116,140,213,.15);position:relative;z-index:2}.service-wave i{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 80'%3E%3Cpath d='M0 61 C40 62 52 29 91 40 S143 18 180 34 S240 61 278 38 S346 20 420 27' fill='none' stroke='%237691ff' stroke-width='3'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:v11-soft-float 4s ease-in-out infinite}
.feature-ui-sync{display:flex;align-items:center;justify-content:center;gap:16px}.sync-node{width:72px;height:72px;border:1px solid rgba(115,140,224,.2);border-radius:20px;background:linear-gradient(145deg,#122448,#0c1931);display:grid;place-items:center;z-index:2;box-shadow:0 15px 35px rgba(0,0,0,.25)}.sync-node b{color:#eef3ff;font-size:12px}.sync-node.telegram{background:linear-gradient(145deg,#0b3150,#0b203a)}.sync-line{width:100px;height:2px;background:#1b2c52;position:relative;z-index:2;overflow:hidden}.sync-line i{position:absolute;width:26px;height:2px;background:#72d9ff;box-shadow:0 0 14px #72d9ff;animation:v11-sync 2.1s ease-in-out infinite}.feature-ui-sync small{position:absolute;bottom:26px;color:#6e7d9c;z-index:2}

/* dynamic pricing */
.pricing-section{padding-top:72px!important}
.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.pricing-heading h2{margin:9px 0 0;font-size:clamp(34px,4.2vw,50px);line-height:1.05}.pricing-heading p{margin:0;font-size:13px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.pricing-card,.pricing-skeleton{min-height:350px;border:1px solid rgba(125,147,218,.14);border-radius:18px;background:linear-gradient(160deg,rgba(13,24,47,.88),rgba(7,15,30,.88));padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.pricing-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% -10%,rgba(93,118,255,.13),transparent 34%)}
.pricing-card:hover{transform:translateY(-4px);border-color:rgba(123,147,234,.27);box-shadow:0 30px 78px rgba(0,0,0,.28)}
.pricing-card.featured{border-color:rgba(112,137,244,.34);box-shadow:0 28px 80px rgba(0,0,0,.28),0 0 42px rgba(70,94,225,.09)}
.pricing-card.featured::after{content:"";position:absolute;left:15%;right:15%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#7e94ff,transparent);animation:v11-breathe 4s ease-in-out infinite}
.pricing-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:2}.pricing-card-title{display:grid;gap:8px}.pricing-tier{font-size:9px;color:#7787ac;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.pricing-card-title h3{margin:0;color:#f5f7ff;font-size:21px;letter-spacing:-.035em}.pricing-popular-dot{color:#6e83ff;font-size:10px;text-shadow:0 0 14px #6e83ff}
.pricing-price{display:flex;align-items:baseline;gap:7px;margin-top:30px;position:relative;z-index:2}.pricing-price strong{font-size:34px;color:#f4f7ff;letter-spacing:-.05em}.pricing-price span{color:#71809f;font-size:10px}.pricing-description{margin:10px 0 0;color:#8997b7;font-size:11px;line-height:1.55;min-height:34px;position:relative;z-index:2}
.pricing-features{display:grid;gap:10px;margin:24px 0 26px;position:relative;z-index:2}.pricing-feature{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}.pricing-feature>span{color:#67dca9;font-size:10px}.pricing-feature p{margin:0;color:#a3afc9;font-size:11px;line-height:1.45}
.pricing-cta{margin-top:auto;height:44px;border:1px solid rgba(132,154,226,.2);border-radius:11px;background:rgba(104,128,222,.08);color:#edf2ff;font-size:12px;font-weight:750;position:relative;z-index:2;transition:background .18s ease,border-color .18s ease,transform .18s ease}.pricing-card.featured .pricing-cta{background:linear-gradient(135deg,#657cff,#4765eb);border-color:rgba(149,167,255,.28);box-shadow:0 12px 30px rgba(65,90,224,.24)}.pricing-cta:hover{background:rgba(111,136,233,.16);border-color:rgba(132,156,241,.32)}
.pricing-status{text-align:center;margin:16px 0 0;color:#62708e;font-size:10px}.pricing-skeleton{background:linear-gradient(110deg,#0b1630 20%,#101f3d 42%,#0b1630 64%);background-size:220% 100%;animation:v11-skeleton 1.8s linear infinite}.pricing-empty{grid-column:1/-1;padding:30px;border:1px dashed rgba(125,147,218,.16);border-radius:16px;color:#8290ad;text-align:center}

/* infrastructure + FAQ remain clean but dark */
.spec-table>div{min-height:55px}.spec-table span{color:#687796!important}.spec-table strong{color:#e7edfb!important}.terminal-row em{font-style:normal}
.faq-list details p{color:#8d9bbb!important}.faq-list summary{color:#ecf1ff!important}

/* footer: lighter information density, no developer stack ad */
.footer-powered{gap:16px!important}.footer-bottom p a{color:#9aa8c4;text-decoration:none}.footer-bottom p a:hover{color:#fff}

/* auth simplified */
.google-auth-dialog{max-width:460px!important}.auth-heading{margin-bottom:20px!important}.auth-heading h1{font-size:27px!important}.auth-heading p{font-size:12px!important;color:#8d9bbb!important}.google-login-note{font-size:11px!important}.ip-login-fallback{padding:11px 13px!important}.ip-login-fallback p{font-size:11px!important}.auth-legal{font-size:10px!important;color:#687795!important}.ip-auth-mode .google-auth-panel{display:none!important}.ip-auth-mode .auth-wordmark{margin-bottom:22px!important}

/* portal: eliminate all bright/white cards */
.app-shell,.app-frame,.app-content,.view-panel{background:transparent!important;color:var(--v11-text)!important}.app-shell{background:#050914!important}.app-frame{background:radial-gradient(circle at 80% 0,rgba(70,95,220,.08),transparent 24%),#060c18!important}
.topbar,.app-shell .topbar{background:rgba(7,13,27,.88)!important;border-bottom:1px solid rgba(125,147,218,.12)!important;backdrop-filter:blur(22px) saturate(140%)!important}
.icon-button{background:rgba(255,255,255,.035)!important;border:1px solid rgba(125,147,218,.15)!important;color:#dfe7fb!important;border-radius:11px!important;box-shadow:none!important}.icon-button:hover{background:rgba(125,147,218,.09)!important}.icon-button svg{stroke:currentColor!important;fill:none!important}
.button-primary{background:linear-gradient(135deg,#657dff,#4865eb)!important;color:#fff!important;border-color:rgba(149,166,255,.2)!important;box-shadow:0 12px 30px rgba(64,89,221,.22)!important}.button-secondary{background:rgba(255,255,255,.035)!important;color:#dbe4f8!important;border-color:rgba(125,147,218,.16)!important}.button-danger{background:rgba(255,97,87,.06)!important;color:#ff9b92!important;border-color:rgba(255,110,100,.18)!important}
.portal-heading h1,.page-heading h1{color:#f4f7ff!important;font-size:31px!important;letter-spacing:-.045em!important}.portal-heading .page-description,.page-heading .page-description{color:#8492b0!important;font-size:13px!important}.portal-eyebrow{color:#7288e8!important;font-size:9px!important;letter-spacing:.13em!important}
.surface,.metric-panel,.balance-panel,.settings-shell,.settings-profile-header,.settings-group,.settings-table,.integration-row,.security-list,.credential-card,.admin-grid>div,.catalog-surface,.checkout-surface,.service-surface,.transaction-surface,.list-row,.empty-state,.quick-menu button,.plan-card,.checkout-result{
  background:linear-gradient(145deg,rgba(12,22,43,.92),rgba(8,16,32,.94))!important;
  border-color:rgba(125,147,218,.13)!important;color:#eef3ff!important;box-shadow:0 20px 55px rgba(0,0,0,.16)!important
}
.balance-panel{position:relative;overflow:hidden;border:1px solid rgba(125,147,218,.14)!important;border-radius:18px!important}.balance-panel::after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(84,109,255,.16),transparent 70%);pointer-events:none}.balance-panel strong{color:#f6f8ff!important}.balance-panel-head span,.balance-panel p{color:#8997b5!important}.balance-link{color:#cbd7f5!important}
.metric-panel{border:1px solid rgba(125,147,218,.13)!important;border-radius:18px!important;overflow:hidden}.metric-row{background:transparent!important;border-bottom:1px solid rgba(125,147,218,.1)!important}.metric-row:last-child{border-bottom:0!important}.metric-row>div>span,.metric-row strong{color:#ecf1ff!important}.metric-row small{color:#71809e!important}.metric-icon{background:rgba(102,126,222,.08)!important;border:1px solid rgba(125,147,218,.12)!important;color:#9aabdd!important}
.surface{border-radius:18px!important;overflow:hidden}.surface-heading{border-bottom:1px solid rgba(125,147,218,.1)!important;background:transparent!important}.surface-heading h2{color:#f0f4ff!important}.surface-heading p{color:#7786a5!important}.link-button{color:#8fa4ff!important}
.activity-row{background:transparent!important;border-bottom:1px solid rgba(125,147,218,.09)!important}.activity-row:last-child{border-bottom:0!important}.activity-main strong{color:#e9eefc!important}.activity-main span{color:#72809e!important}.activity-side strong{color:#dfe7f9!important}.activity-type{background:rgba(107,130,225,.08)!important;border:1px solid rgba(125,147,218,.13)!important;color:#9bace0!important}.activity-empty{color:#7c8ba9!important}.activity-empty strong{color:#dce4f7!important}.activity-empty p{color:#7785a3!important}
.shortcut-grid{gap:10px!important;padding:12px!important}.shortcut-grid button{min-height:118px!important;border:1px solid rgba(125,147,218,.13)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(13,24,46,.84),rgba(8,16,32,.82))!important;color:#eaf0ff!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}.shortcut-grid button:hover{transform:translateY(-2px);border-color:rgba(126,150,238,.26)!important;background:rgba(16,29,55,.94)!important}.shortcut-grid button>span{background:rgba(105,130,230,.08)!important;border:1px solid rgba(125,147,218,.13)!important;color:#9db0ed!important}.shortcut-grid strong{color:#eef3ff!important}.shortcut-grid small{color:#7584a2!important}

/* catalog + checkout */
.shop-layout{gap:16px!important}.catalog-surface,.checkout-surface{border-radius:18px!important}.catalog-grid{gap:10px!important;padding:12px!important}.plan-card{padding:18px!important;border-radius:14px!important;box-shadow:none!important;position:relative!important}.plan-card:hover{transform:translateY(-2px)!important;border-color:rgba(124,149,238,.25)!important}.plan-card.selected{border-color:rgba(113,139,247,.48)!important;box-shadow:0 0 0 1px rgba(113,139,247,.12),0 0 36px rgba(71,96,224,.09)!important}.plan-card.selected::after{content:"✓";position:absolute;top:13px;right:13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#6279f6;color:#fff;font-size:10px}.plan-card-head{padding-right:20px}.plan-card-title strong,.plan-price{color:#f3f6ff!important}.plan-card-title small{color:#71809f!important}.plan-meta span{background:rgba(98,122,213,.07)!important;border:1px solid rgba(125,147,218,.12)!important;color:#8999bd!important}.plan-select-button{margin-top:5px!important;background:rgba(113,138,232,.08)!important;color:#dce5fb!important;border:1px solid rgba(125,147,218,.15)!important}.plan-card.selected .plan-select-button{background:#5f77ee!important;color:#fff!important}
.checkout-form{gap:14px!important}.field{color:#8f9dbc!important}.field input,.field select,input,select{height:50px!important;background:#0b162c!important;border:1px solid rgba(125,147,218,.14)!important;border-radius:11px!important;color:#f0f4ff!important;box-shadow:none!important;outline:none!important}.field input:focus,.field select:focus,input:focus,select:focus{border-color:rgba(112,140,255,.55)!important;box-shadow:0 0 0 3px rgba(86,111,238,.11)!important}.field input::placeholder{color:#52617f!important}.field select{appearance:none!important;background-image:linear-gradient(45deg,transparent 50%,#7383a6 50%),linear-gradient(135deg,#7383a6 50%,transparent 50%)!important;background-position:calc(100% - 17px) 21px,calc(100% - 12px) 21px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:36px!important}.advanced-toggle{height:42px;border:0;border-top:1px solid rgba(125,147,218,.1);border-bottom:1px solid rgba(125,147,218,.1);background:transparent;color:#99a8c8;display:flex;align-items:center;justify-content:space-between;padding:0 2px;font-size:11px;font-weight:650}.advanced-toggle span{font-size:18px;color:#7d8cac}.advanced-fields{animation:v11-enter .18s ease}.checkout-summary{display:grid;gap:8px;padding:13px 14px;border:1px solid rgba(125,147,218,.12);border-radius:11px;background:rgba(9,18,35,.6)}.checkout-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:11px}.checkout-summary span{color:#72809e}.checkout-summary strong{color:#eef3ff}.checkout-result{border-radius:12px!important}

/* services */
.content-tabs{display:flex;gap:4px;padding:4px;border:1px solid rgba(125,147,218,.12);border-radius:12px;background:rgba(9,17,34,.72);width:max-content;max-width:100%;overflow:auto;margin-bottom:14px}.content-tab{min-height:36px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#7887a6;font-size:11px;font-weight:700;white-space:nowrap}.content-tab.active{background:rgba(103,128,226,.14);color:#e6edff;box-shadow:inset 0 0 0 1px rgba(125,147,218,.12)}
.service-surface{min-height:0!important}.data-list{min-height:0!important}.list-row{border-bottom:1px solid rgba(125,147,218,.09)!important;box-shadow:none!important}.list-row:last-child{border-bottom:0!important}.list-body strong{color:#ecf1ff!important}.list-body span{color:#8391ae!important}.list-body small{color:#61708f!important}.row-actions .small-button,.small-button{background:rgba(108,132,226,.07)!important;border:1px solid rgba(125,147,218,.13)!important;color:#ccd8f4!important}
.empty-resource{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 22px;gap:11px}.empty-resource-icon{width:56px;height:56px;border:1px solid rgba(125,147,218,.14);border-radius:17px;background:rgba(102,126,222,.07);display:grid;place-items:center;color:#8295ca;font-size:20px}.empty-resource-copy strong{display:block;color:#ecf1ff;font-size:15px;margin-bottom:5px}.empty-resource-copy p{margin:0;color:#72809e;font-size:11px}.empty-state{min-height:118px!important;background:transparent!important;box-shadow:none!important;color:#71809f!important}

/* billing rows and filters */
.billing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.status-filters{display:flex;gap:5px;overflow:auto;max-width:100%;scrollbar-width:none}.status-filters::-webkit-scrollbar{display:none}.status-filter{height:34px;padding:0 11px;border:1px solid rgba(125,147,218,.11);border-radius:9px;background:rgba(255,255,255,.02);color:#72809f;font-size:10px;font-weight:650;white-space:nowrap}.status-filter.active{background:rgba(104,130,226,.12);color:#dce6ff;border-color:rgba(125,147,218,.2)}
.transaction-surface{overflow:hidden!important}.transaction-row{min-height:82px;padding:14px 17px;border-bottom:1px solid rgba(125,147,218,.09);display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;background:transparent;transition:background .16s ease}.transaction-row:hover{background:rgba(105,128,210,.045)}.transaction-row:last-child{border-bottom:0}.transaction-icon{width:38px;height:38px;border:1px solid rgba(125,147,218,.12);border-radius:11px;background:rgba(103,127,224,.07);display:grid;place-items:center;color:#92a4da}.transaction-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.transaction-main{display:grid;gap:3px;min-width:0}.transaction-main strong{color:#ecf1ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-main span{color:#8190ae;font-size:10px}.transaction-main small{color:#52617e;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.transaction-side{display:flex;align-items:center;gap:7px}.transaction-chevron{color:#4c5c7c;font-size:19px}.transaction-pay{height:30px;padding:0 9px;border:1px solid rgba(122,150,245,.2);border-radius:8px;background:rgba(93,119,230,.1);color:#aebdff;font-size:9px;font-weight:750}.transaction-actions{grid-column:2/-1;display:flex;gap:6px;justify-content:flex-end;padding-top:5px}.load-more{width:100%;height:42px;border:0;border-top:1px solid rgba(125,147,218,.09);background:transparent;color:#90a3d4;font-size:10px;font-weight:700}.load-more:hover{background:rgba(104,128,212,.045)}
.status-badge{background:rgba(122,141,199,.08)!important;border:1px solid rgba(125,147,218,.1)!important;color:#9aabc9!important}.status-badge.status-success{background:rgba(77,208,144,.08)!important;border-color:rgba(78,213,148,.14)!important;color:#6ee0ad!important}.status-badge.status-warning{background:rgba(255,192,77,.08)!important;border-color:rgba(255,192,77,.12)!important;color:#e8b861!important}.status-badge.status-danger{background:rgba(255,106,96,.08)!important;border-color:rgba(255,106,96,.13)!important;color:#ff8c84!important}.status-badge.status-info{background:rgba(101,130,235,.08)!important;color:#9aafff!important}

/* settings: flat rows, not nested white cards */
.settings-shell{border:1px solid rgba(125,147,218,.13)!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(12,22,43,.9),rgba(8,16,32,.93))!important}.settings-profile-header{min-height:105px!important;padding:20px 22px!important;border:0!important;border-bottom:1px solid rgba(125,147,218,.1)!important;background:transparent!important;box-shadow:none!important}.profile-avatar-large{background:linear-gradient(145deg,#1a2c55,#263e78)!important;border:1px solid rgba(130,153,231,.18)!important;color:#eef3ff!important;box-shadow:0 12px 30px rgba(0,0,0,.2)!important}.settings-profile-copy h2{color:#f1f5ff!important}.settings-profile-copy p{color:#6f7f9f!important}.account-verified-badge{background:rgba(78,212,146,.08)!important;border-color:rgba(78,212,146,.12)!important;color:#69dba8!important}
.settings-group{background:transparent!important;border:0!important;border-bottom:1px solid rgba(125,147,218,.09)!important;box-shadow:none!important}.settings-group:last-child{border-bottom:0!important}.settings-group-title{padding:20px 22px 8px!important}.settings-group-title h2{color:#eff3ff!important;font-size:13px!important}.settings-group-title p{display:none!important}.settings-table{margin:0 22px 18px!important;background:rgba(7,15,29,.34)!important;border:1px solid rgba(125,147,218,.09)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important}.settings-table-row{background:transparent!important;border-bottom:1px solid rgba(125,147,218,.08)!important}.settings-table-row:last-child{border-bottom:0!important}.settings-table-row span,.settings-table-row strong,.settings-table-row code{color:#dfe6f6!important}.settings-table-row small{color:#697897!important}.integration-row{margin:0 22px 18px!important;padding:15px!important;border-radius:12px!important;background:rgba(7,15,29,.34)!important;box-shadow:none!important}.integration-mark{background:rgba(77,169,232,.1)!important;color:#78c9f7!important;border:1px solid rgba(96,186,242,.11)!important}.integration-copy strong{color:#ecf1ff!important}.integration-copy p{color:#687796!important}.integration-status{color:#7fdcad!important}.security-list{margin:0 22px 14px!important;border-radius:12px!important;background:rgba(7,15,29,.34)!important;box-shadow:none!important}.security-list>div{border-bottom:1px solid rgba(125,147,218,.08)!important}.security-list strong{color:#e7edfb!important}.security-list p{color:#667594!important}.settings-actions-row{padding:0 22px 22px!important}.credential-card{margin-top:14px!important}.admin-grid{grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:0!important;border-top:1px solid rgba(125,147,218,.09)!important}.admin-grid>div{min-height:92px!important;padding:16px 18px!important;border:0!important;border-right:1px solid rgba(125,147,218,.08)!important;border-bottom:1px solid rgba(125,147,218,.08)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.admin-grid>div:nth-child(3n){border-right:0!important}.admin-grid span{color:#71809f!important}.admin-grid strong{color:#f1f5ff!important}

/* drawer and sidebar */
.sidebar{background:linear-gradient(180deg,#071020,#081326)!important;border-right:1px solid rgba(125,147,218,.11)!important}.sidebar-brand-copy{font-size:13px!important}.workspace-card{display:none!important}.sidebar-nav{padding-top:18px!important}.nav-section-label{color:#52617f!important}.nav-item{border:1px solid transparent!important;border-radius:10px!important;color:#b6c2dc!important;position:relative!important}.nav-item.active{background:linear-gradient(90deg,rgba(90,113,230,.16),rgba(76,101,218,.05))!important;border-color:rgba(125,147,218,.1)!important;box-shadow:none!important}.nav-item.active::before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;width:2px;border-radius:2px;background:#7188ff;box-shadow:0 0 14px #7188ff}.sidebar-profile{border-top:1px solid rgba(125,147,218,.09)!important}.account-avatar{background:linear-gradient(145deg,#15284f,#223a73)!important;color:#eef3ff!important}

/* mobile */
@media(max-width:960px){
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-story,.feature-story-reverse{grid-template-columns:1fr 1.15fr}.feature-story-copy{order:1!important}.feature-ui{order:2!important}
}
@media(max-width:720px){
  .site-header{height:64px!important}.site-header-inner{width:100%!important;padding:0 14px!important;gap:9px!important}.site-brand{gap:8px!important}.site-brand-name{font-size:13px!important}.site-brand-mark.brand-glyph{width:30px!important;height:30px!important;min-width:30px!important}.site-header-actions{margin-left:auto!important;gap:7px!important}.site-cta-small{height:38px!important;padding:0 12px!important;font-size:11px!important}.site-menu-toggle{display:block!important;width:38px!important;height:38px!important;border-radius:10px!important}.site-login-link{display:none!important}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:180;background:rgba(1,4,10,.6);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}
  .site-nav{display:flex!important;position:fixed!important;z-index:190!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(86vw,340px)!important;height:100dvh!important;margin:0!important;padding:14px!important;background:linear-gradient(180deg,rgba(8,15,31,.98),rgba(5,10,20,.99))!important;border-left:1px solid rgba(125,147,218,.14)!important;box-shadow:-28px 0 80px rgba(0,0,0,.42)!important;transform:translateX(105%);transition:transform .22s cubic-bezier(.2,.7,.2,1);flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;overflow:auto}.site-nav.open{transform:translateX(0)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:2px 2px 14px;border-bottom:1px solid rgba(125,147,218,.1)}.mobile-nav-brand{display:flex;align-items:center;gap:9px;color:#eaf0ff;font-size:13px}.mobile-nav-brand strong{font-weight:800}.mobile-nav-brand span:last-child{color:#aab7d3}.mobile-nav-close{width:38px;height:38px;border:1px solid rgba(125,147,218,.12);border-radius:10px;background:rgba(255,255,255,.035);color:#cfd8eb;font-size:22px}
  .site-nav-links{display:grid!important;gap:2px!important;padding:18px 0!important}.site-nav-links a{min-height:48px!important;padding:0 12px!important;border-radius:10px!important;display:flex!important;align-items:center!important;color:#d6def1!important;font-size:14px!important;font-weight:650!important}.site-nav-links a:hover,.site-nav-links a:active{background:rgba(116,138,220,.09)!important;transform:none!important}
  .mobile-nav-actions{display:grid!important;gap:8px!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid rgba(125,147,218,.1)!important}.mobile-nav-login,.mobile-nav-primary{height:46px;border-radius:11px;font-size:12px;font-weight:750}.mobile-nav-login{border:1px solid rgba(125,147,218,.14);background:rgba(255,255,255,.025);color:#d7e0f4}.mobile-nav-primary{border:1px solid rgba(147,166,255,.2);background:linear-gradient(135deg,#657cff,#4865eb);color:#fff;box-shadow:0 14px 34px rgba(62,88,222,.24)}.mobile-nav-primary span{margin-left:6px}
  body.landing-menu-open{overflow:hidden}
  .hero{min-height:auto!important}.hero-inner{width:calc(100% - 30px)!important;padding:50px 0 54px!important;gap:38px!important}.hero h1{font-size:44px!important;line-height:.98!important}.hero-lead{font-size:14px!important;max-width:100%!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-primary,.hero-secondary{width:100%!important}.hero-trust{gap:8px 14px!important}.hero-product{margin-top:8px!important}.product-window{border-radius:14px!important}
  .community-strip-inner{width:calc(100% - 30px)!important;grid-template-columns:1fr!important;gap:13px!important;padding:30px 0!important}.community-intro{display:block!important}.community-metrics{grid-template-columns:1fr 1fr!important;border-radius:14px!important}.community-metrics>div{min-height:92px!important;padding:16px!important;border-right:1px solid rgba(125,147,211,.1)!important;border-bottom:1px solid rgba(125,147,211,.1)!important}.community-metrics>div:nth-child(2n){border-right:0!important}.community-metrics>div:nth-child(n+3){border-bottom:0!important}.community-metrics strong{font-size:25px!important}
  .marketing-section{width:calc(100% - 30px)!important;padding:68px 0!important}.section-heading{margin-bottom:30px!important}.section-heading h2,.pricing-heading h2,.platform-copy h2,.faq-heading h2{font-size:32px!important;line-height:1.07!important}.section-kicker{font-size:9px!important}
  .feature-stories{gap:10px!important}.feature-story,.feature-story-reverse{grid-template-columns:1fr!important;min-height:0!important;border-radius:16px!important}.feature-story-copy,.feature-story-reverse .feature-story-copy{order:1!important;padding:26px 24px 18px!important}.feature-story-copy>span{top:23px!important;left:auto!important;right:24px!important}.feature-story-copy h3{font-size:23px!important;margin-top:35px!important}.feature-story-copy p{font-size:12px!important}.feature-ui,.feature-story-reverse .feature-ui{order:2!important;margin:0 12px 12px!important;min-height:190px!important;border-radius:13px!important}.feature-ui-sync{min-height:180px!important}
  .pricing-section{width:100%!important;padding-left:15px!important;padding-right:0!important}.pricing-heading{padding-right:15px!important;display:block!important;margin-bottom:24px!important}.pricing-heading p{margin-top:9px!important}.pricing-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;padding-right:15px!important;padding-bottom:8px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.pricing-grid::-webkit-scrollbar{display:none}.pricing-card,.pricing-skeleton{flex:0 0 min(83vw,330px)!important;min-height:340px!important;padding:22px!important;scroll-snap-align:start;border-radius:16px!important}.pricing-price strong{font-size:31px!important}.pricing-status{padding-right:15px!important;text-align:left!important}
  .platform-layout{gap:36px!important}.spec-table{border-radius:13px!important}.terminal-window{border-radius:14px!important}.faq-layout{gap:28px!important}.faq-list details{border-radius:11px!important}.final-cta-section{padding:0 15px 64px!important}.final-cta-inner{border-radius:16px!important}
  .app-frame{min-width:0!important}.topbar{height:64px!important;padding:0 14px!important}.topbar-left{gap:10px!important}.topbar .icon-button{width:42px!important;height:42px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(125,147,218,.14)!important}.breadcrumb>span,.breadcrumb-separator{display:none!important}.breadcrumb strong{font-size:13px!important}.topbar-actions .button-secondary{display:none!important}.topbar-actions .button-primary{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:11px!important}.topbar-actions .button-primary span{display:none!important}
  .app-content{padding:24px 14px 70px!important}.portal-heading{margin-bottom:20px!important}.portal-heading h1,.page-heading h1{font-size:27px!important}.portal-heading-actions .button-primary{display:none!important}
  .overview-summary{grid-template-columns:1fr!important;gap:10px!important}.balance-panel{padding:22px!important}.balance-panel strong{font-size:38px!important}.metric-panel{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.metric-row{min-height:92px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;padding:14px!important;border-bottom:0!important;border-right:1px solid rgba(125,147,218,.09)!important}.metric-row:last-child{border-right:0!important}.metric-icon{width:30px!important;height:30px!important}.metric-row>div small{display:none!important}.metric-row strong{margin-left:0!important;font-size:22px!important}
  .overview-columns{grid-template-columns:1fr!important;gap:10px!important}.surface,.metric-panel,.balance-panel,.settings-shell,.catalog-surface,.checkout-surface{border-radius:14px!important}.surface-heading{min-height:58px!important;padding:14px 16px!important}.surface-heading p{display:none!important}.activity-row{padding:12px 14px!important;grid-template-columns:34px minmax(0,1fr) auto!important}.activity-type{width:34px!important;height:34px!important}.activity-main strong{font-size:11px!important}.activity-main span{font-size:9px!important}.activity-side{gap:5px!important}.shortcut-grid{grid-template-columns:1fr 1fr!important;padding:10px!important}.shortcut-grid button{min-height:105px!important;padding:14px!important}.shortcut-grid strong{font-size:11px!important}.shortcut-grid small{font-size:9px!important}
  .shop-layout{grid-template-columns:1fr!important;gap:10px!important}.checkout-surface{position:static!important}.catalog-grid{display:flex!important;overflow-x:auto!important;gap:9px!important;padding:10px!important;scroll-snap-type:x mandatory;scrollbar-width:none}.catalog-grid::-webkit-scrollbar{display:none}.plan-card{flex:0 0 78vw!important;max-width:310px!important;scroll-snap-align:start!important;min-height:170px!important}.checkout-form{padding:14px!important}.field-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.checkout-summary{padding:12px!important}
  .billing-toolbar{display:block!important}.billing-toolbar .content-tabs{margin-bottom:9px!important}.status-filters{padding-bottom:2px!important}.transaction-row{grid-template-columns:36px minmax(0,1fr) auto!important;padding:13px!important}.transaction-main strong{font-size:11px!important}.transaction-main small{max-width:128px!important}.transaction-side .status-badge{font-size:8px!important;padding:4px 6px!important}.transaction-chevron{display:none!important}
  .settings-profile-header{padding:18px!important}.settings-group-title{padding:18px 18px 7px!important}.settings-table,.integration-row,.security-list{margin-left:18px!important;margin-right:18px!important}.settings-actions-row{padding:0 18px 18px!important;display:grid!important;grid-template-columns:1fr!important}.admin-grid{grid-template-columns:1fr 1fr!important}.admin-grid>div:nth-child(3n){border-right:1px solid rgba(125,147,218,.08)!important}.admin-grid>div:nth-child(2n){border-right:0!important}
  .sidebar{width:min(84vw,330px)!important;max-width:330px!important;box-shadow:30px 0 80px rgba(0,0,0,.48)!important}.nav-backdrop.open{backdrop-filter:blur(7px)!important}
  .google-auth-dialog{border-radius:18px 18px 0 0!important}.auth-legal{margin-top:16px!important}
}
@media(max-width:390px){
  .site-header-inner{padding:0 11px!important}.site-cta-small{padding:0 10px!important;font-size:10px!important}.site-menu-toggle{width:37px!important;height:37px!important}.hero h1{font-size:41px!important}.community-metrics strong{font-size:23px!important}.metric-row{padding:12px!important}.metric-row>div>span{font-size:9px!important}.shortcut-grid{gap:8px!important}.shortcut-grid button{min-height:100px!important}.plan-card{flex-basis:82vw!important}.pricing-card{flex-basis:85vw!important}
}

/* motion */
@keyframes v11-beam{0%,100%{transform:translateX(-65%);opacity:.15}50%{transform:translateX(60%);opacity:.35}}
@keyframes v11-draw{0%{stroke-dashoffset:650}100%{stroke-dashoffset:0}}
@keyframes v11-status-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@keyframes v11-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes v11-orbit{to{transform:rotate(360deg)}}
@keyframes v11-progress{0%{transform:translateX(-100%)}50%{transform:translateX(115%)}100%{transform:translateX(260%)}}
@keyframes v11-soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes v11-sync{0%{left:-30%}100%{left:110%}}
@keyframes v11-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes v11-skeleton{to{background-position:-220% 0}}
@keyframes v11-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){
  .hero::after,.product-chart .chart-line,.product-live i,.service-led,.hero-mini-stack>div,.payment-orbit::before,.payment-progress i,.service-wave i,.sync-line i,.pricing-card.featured::after,.pricing-skeleton{animation:none!important}
  .feature-story,.pricing-card,.shortcut-grid button,.site-nav,.mobile-nav-backdrop{transition:none!important}
}

/* V11 final visual QA refinements */
.activity-feed{min-height:0!important}
.activity-empty{min-height:126px!important}
.settings-table code,
#profile-id-display{
  display:inline-block!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border:1px solid rgba(125,147,218,.11)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
  color:#aebbe0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.integration-row,
.security-list{
  background:transparent!important;
  border-color:rgba(125,147,218,.10)!important;
  box-shadow:none!important;
}
.integration-mark.telegram-mark{
  position:relative!important;
  overflow:hidden!important;
  color:transparent!important;
  background:rgba(63,157,255,.10)!important;
  border:1px solid rgba(72,169,255,.16)!important;
}
.integration-mark.telegram-mark::before{
  content:"";
  width:21px;
  height:21px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237ac7ff' d='M21.4 3.3 18.2 19c-.2 1.1-.9 1.4-1.8.9l-4.8-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.4-4.9 8.9-8c.4-.4-.1-.6-.6-.2L5.9 13 1.2 11.5c-1-.3-1-1 .2-1.4L20 2.9c.9-.3 1.7.2 1.4.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.security-icon,
.security-icon.success{
  background:rgba(95,118,210,.08)!important;
  border:1px solid rgba(125,147,218,.11)!important;
  color:#aebdf0!important;
}
.security-icon.success{color:#73dca6!important;background:rgba(70,190,126,.08)!important;border-color:rgba(70,190,126,.12)!important}
.settings-profile-header{background:linear-gradient(140deg,rgba(14,25,48,.92),rgba(8,16,32,.68))!important}
.admin-grid>div{box-shadow:none!important;background:transparent!important}


/* =========================================================
   V12 FINAL POLISH — social proof, tighter rhythm, carousel UX
   ========================================================= */
:root{--v12-line:rgba(125,147,218,.13);--v12-soft:rgba(112,136,230,.07);--v12-blue:#758bff;--v12-text:#f5f7ff;--v12-muted:#8f9cbc}

/* compact vertical rhythm */
@media(min-width:721px){
  .feature-section{padding-top:78px!important;padding-bottom:82px!important}
  .feature-stories{gap:12px!important}
  .feature-story{min-height:330px!important}
  .feature-story-copy{padding-top:52px!important;padding-bottom:46px!important}
}

/* community becomes one cohesive proof surface */
.community-strip-inner{gap:22px!important}
.community-intro{border-right:0!important;padding-right:0!important}
.community-intro span{font-weight:760!important;color:#dce4ff!important;letter-spacing:-.01em}
.community-metrics{border:1px solid var(--v12-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(13,24,47,.72),rgba(8,17,34,.68))!important;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.17)}
.community-stat{display:flex!important;align-items:center!important;gap:13px!important;min-width:0;position:relative}
.community-stat::after{content:"";position:absolute;inset:auto 18% 0;height:1px;background:linear-gradient(90deg,transparent,rgba(118,143,255,.24),transparent);opacity:.45}
.community-icon{width:34px;height:34px;border:1px solid rgba(134,154,226,.16);border-radius:10px;background:rgba(109,131,224,.055);display:grid;place-items:center;flex:0 0 auto}
.community-icon svg{width:17px;height:17px;fill:none;stroke:#8fa3ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.community-stat.youtube .community-icon svg path,.community-stat.telegram .community-icon svg path{fill:#8fa3ff;stroke:none}
.community-stat.instagram .community-icon .fill-dot{fill:#8fa3ff;stroke:none}
.community-copy{display:grid;gap:2px;min-width:0}.community-copy strong{font-size:27px!important;line-height:1!important}.community-copy small{color:#7f8cab;font-size:10px}

/* pricing carousel affordance */
.pricing-mobile-guide{display:none;align-items:center;justify-content:space-between;gap:12px;margin:12px 15px 0 0;color:#71809f;font-size:10px}
.pricing-dots{display:flex;align-items:center;gap:5px;min-height:18px}
.pricing-dot{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:#33405f;transition:width .18s ease,background .18s ease,box-shadow .18s ease}
.pricing-dot.active{width:18px;background:#7b8fff;box-shadow:0 0 14px rgba(123,143,255,.32)}

/* tighter feature cards */
.feature-story{box-shadow:0 20px 58px rgba(0,0,0,.17)!important}
.feature-story-copy p{max-width:330px}
.feature-ui{box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}

/* final CTA gets one focal glow, not more decoration */
.final-cta-inner{position:relative;overflow:hidden;isolation:isolate}
.final-cta-inner::before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-100px;background:radial-gradient(circle,rgba(101,125,255,.22),transparent 70%);filter:blur(4px);z-index:-1;animation:v12-cta-breathe 6.5s ease-in-out infinite}
.final-cta-inner>button{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.final-cta-inner>button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(92,117,255,.2);filter:brightness(1.04)}

/* footer social showcase */
.footer-social-showcase{display:grid;grid-template-columns:.72fr 2.28fr;gap:42px;padding:36px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.footer-social-heading>span{display:block;color:#7784a2;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}.footer-social-heading h3{margin:0;color:#f4f7ff;font-size:24px;letter-spacing:-.035em}
.footer-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.social-card{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid rgba(125,147,218,.12);border-radius:13px;background:linear-gradient(145deg,rgba(14,23,43,.86),rgba(8,15,29,.9));color:#edf2ff;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.social-card:hover{transform:translateY(-2px);border-color:rgba(130,153,240,.25);background:linear-gradient(145deg,rgba(18,29,56,.94),rgba(9,18,35,.96));box-shadow:0 14px 36px rgba(0,0,0,.18)}
.social-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(116,137,231,.07);border:1px solid rgba(126,147,225,.12)}
.social-icon svg{width:18px;height:18px;fill:none;stroke:#9aabff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-card.youtube .social-icon svg path,.social-card.telegram .social-icon svg path,.social-card.whatsapp .social-icon svg path{fill:#9aabff;stroke:none}.social-card.instagram .social-icon .fill-dot{fill:#9aabff;stroke:none}
.social-text{display:grid;gap:3px;min-width:0}.social-text strong{font-size:11px;color:#f1f4ff}.social-text small{font-size:8px;color:#74819e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-arrow{color:#62718e;font-size:14px;transition:transform .18s ease,color .18s ease}.social-card:hover .social-arrow{transform:translate(2px,-2px);color:#a9b8ff}
.footer-trust-row{grid-template-columns:1fr!important}.footer-payments{width:100%}
.footer-bottom p{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.footer-bottom p span{color:#4f5a72}

/* micro polish */
.footer-group-links a,.footer-group-links button{transition:color .16s ease,transform .16s ease}.footer-group-links a:hover,.footer-group-links button:hover{transform:translateX(2px)}

@media(max-width:920px){
  .footer-social-showcase{grid-template-columns:1fr;gap:20px}.footer-social-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
  .community-strip-inner{padding:26px 0!important}.community-metrics{grid-template-columns:1fr 1fr!important}.community-stat{min-height:76px!important;padding:13px 12px!important}.community-icon{width:30px;height:30px}.community-icon svg{width:15px;height:15px}.community-copy strong{font-size:23px!important}.community-copy small{font-size:9px}
  .feature-section{padding-top:56px!important;padding-bottom:58px!important}.feature-stories{gap:8px!important}.feature-story-copy,.feature-story-reverse .feature-story-copy{padding:22px 22px 14px!important}.feature-story-copy h3{font-size:22px!important;margin-top:28px!important}.feature-ui,.feature-story-reverse .feature-ui{min-height:162px!important;margin:0 10px 10px!important}.feature-ui-sync{min-height:154px!important}
  .pricing-mobile-guide{display:flex}.pricing-status{margin-top:8px!important}
  .footer-social-showcase{padding:28px 0 30px}.footer-social-heading h3{font-size:21px}.footer-social-grid{grid-template-columns:1fr 1fr;gap:7px}.social-card{grid-template-columns:32px minmax(0,1fr);min-height:68px;padding:10px}.social-icon{width:32px;height:32px}.social-icon svg{width:16px;height:16px}.social-arrow{display:none}.social-text strong{font-size:10px}.social-text small{font-size:8px}
}
@media(max-width:370px){
  .footer-social-grid{grid-template-columns:1fr}.social-card{grid-template-columns:34px minmax(0,1fr) auto}.social-arrow{display:block}
}
@keyframes v12-cta-breathe{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:.75;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.pricing-dot,.social-card,.social-arrow,.final-cta-inner::before,.final-cta-inner>button{animation:none!important;transition:none!important}}

/* =========================================================
   V13 — PRODUCT NAVIGATION / GUIDE / HELP / PROFILE POLISH
   ========================================================= */
.sidebar-home-link{width:100%;min-height:38px;margin:0 0 10px;padding:8px 9px;border:1px solid rgba(125,147,218,.1);border-radius:10px;background:rgba(10,20,40,.42);color:#9eacc8;display:flex;align-items:center;gap:9px;font:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:.18s ease}
.sidebar-home-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.sidebar-home-link:hover{background:rgba(88,112,211,.1);color:#e5ebfa;border-color:rgba(125,147,218,.2)}
.sidebar-foot{display:grid;gap:0}
.sidebar-nav{scrollbar-width:thin;scrollbar-color:rgba(121,144,214,.18) transparent}

/* Quick actions grow into a true feature launcher. */
.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.shortcut-grid button{position:relative;overflow:hidden}
.shortcut-grid button::after{content:"";position:absolute;width:54px;height:54px;right:-24px;bottom:-28px;border-radius:50%;background:rgba(86,112,224,.12);filter:blur(16px);opacity:0;transition:opacity .2s ease}
.shortcut-grid button:hover::after{opacity:1}

/* Profile role is a semantic chip rather than raw account text. */
#profile-role-display{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 9px;border-radius:999px;background:rgba(109,132,225,.1);border:1px solid rgba(125,147,218,.14);color:#b9c8ff!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}

/* Guide */
.guide-hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:30px;padding:28px!important;overflow:hidden;position:relative}
.guide-hero::after{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-110px;border-radius:50%;background:rgba(77,101,221,.12);filter:blur(52px);pointer-events:none}
.guide-hero-copy{align-self:start;padding:8px 4px}
.guide-hero-copy h2{margin:11px 0 12px;color:#f2f5ff;font-size:28px;line-height:1.12;letter-spacing:-.035em}
.guide-hero-copy p{margin:0;color:#8291af;font-size:12px;line-height:1.65;max-width:360px}
.guide-steps{border:1px solid rgba(125,147,218,.1);border-radius:14px;overflow:hidden;background:rgba(5,13,28,.34)}
.guide-step{width:100%;min-height:72px;padding:12px 14px;border:0;border-bottom:1px solid rgba(125,147,218,.085);background:transparent;color:#dfe7f8;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:12px;align-items:center;text-align:left;font:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.guide-step:last-child{border-bottom:0}
.guide-step:hover{background:rgba(87,108,195,.075)}
.guide-step>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(101,125,220,.08);border:1px solid rgba(125,147,218,.11);color:#91a5eb;font-size:9px;font-weight:800}
.guide-step>div{display:grid;gap:3px}
.guide-step strong{font-size:11px;color:#eef3ff}
.guide-step small{font-size:9px;color:#70809f}
.guide-step small.connected{color:#63d9a6}
.guide-step>b{font-size:15px;color:#536485;font-weight:500;transition:transform .18s ease}
.guide-step:hover>b{transform:translateX(2px);color:#aab9ec}
.guide-step:disabled{opacity:.38;cursor:not-allowed}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-card{min-height:190px;padding:22px;border:1px solid rgba(125,147,218,.11);border-radius:15px;background:linear-gradient(145deg,rgba(13,23,45,.9),rgba(7,15,31,.88));display:grid;grid-template-rows:auto 1fr auto;gap:16px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.guide-card::after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-45px;border-radius:50%;background:rgba(93,117,230,.08);filter:blur(26px)}
.guide-card:hover{transform:translateY(-2px);border-color:rgba(125,147,218,.22)}
.guide-card-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(96,120,226,.08);border:1px solid rgba(125,147,218,.11);color:#a9b9f4}
.guide-card-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.guide-card h3{margin:0 0 6px;color:#f0f4ff;font-size:15px}
.guide-card p{margin:0;color:#7787a6;font-size:10px;line-height:1.6}
.guide-card button{justify-self:start;padding:0;border:0;background:none;color:#aab9ed;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.guide-card button:hover{color:#fff}
.guide-card button:disabled{opacity:.35}
.guide-faq{overflow:hidden}
.guide-faq details{border-top:1px solid rgba(125,147,218,.08)}
.guide-faq details:first-of-type{border-top:0}
.guide-faq summary{min-height:58px;padding:0 18px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#dfe6f6;font-size:11px;font-weight:650}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary span{width:26px;height:26px;border:1px solid rgba(125,147,218,.13);border-radius:50%;display:grid;place-items:center;color:#7483a2;font-size:14px;transition:transform .18s ease}
.guide-faq details[open] summary span{transform:rotate(45deg)}
.guide-faq details p{margin:0;padding:0 54px 16px 18px;color:#71809e;font-size:10px;line-height:1.65}

/* Help center */
.support-status{min-height:74px;padding:14px 16px!important;display:flex;align-items:center;justify-content:space-between;gap:18px}
.support-status>div{display:flex;align-items:center;gap:12px}
.support-status>div>div{display:grid;gap:3px}
.support-status strong{font-size:12px;color:#eaf0ff}
.support-status small{font-size:9px;color:#73819e}
.support-status-dot{width:10px;height:10px;border-radius:50%;background:#8490a7;box-shadow:0 0 0 6px rgba(132,144,167,.08)}
.support-status.is-online .support-status-dot{background:#4ed69a;box-shadow:0 0 0 6px rgba(78,214,154,.09),0 0 18px rgba(78,214,154,.3);animation:v13-status-pulse 2.2s ease-in-out infinite}
.support-status.is-offline .support-status-dot{background:#ff7888;box-shadow:0 0 0 6px rgba(255,120,136,.08)}
@keyframes v13-status-pulse{0%,100%{box-shadow:0 0 0 6px rgba(78,214,154,.08),0 0 14px rgba(78,214,154,.22)}50%{box-shadow:0 0 0 9px rgba(78,214,154,.025),0 0 24px rgba(78,214,154,.34)}}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.support-card{min-height:86px;padding:15px;border:1px solid rgba(125,147,218,.1);border-radius:14px;background:linear-gradient(145deg,rgba(13,23,45,.88),rgba(7,15,31,.9));display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;align-items:center;color:#e8edfb;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.support-card:hover{transform:translateY(-2px);border-color:rgba(125,147,218,.24);background:rgba(16,28,52,.96)}
.support-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}
.support-icon svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.3}
.support-card.instagram .support-icon svg{fill:none}
.support-card>div{display:grid;gap:3px}
.support-card strong{font-size:11px;color:#eef3ff}
.support-card small{font-size:9px;color:#72819f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-card>b{color:#556787;font-size:14px;font-weight:500}
.support-card.telegram .support-icon{color:#73c8f4;background:rgba(68,169,225,.07)}
.support-card.whatsapp .support-icon{color:#6ee0a3;background:rgba(55,194,116,.07)}
.support-card.instagram .support-icon{color:#efa1d9;background:rgba(222,91,184,.07)}
.support-card.youtube .support-icon{color:#ff8090;background:rgba(235,64,89,.07)}
.help-actions{overflow:hidden}
.help-action-list{display:grid}
.help-action-list button{min-height:54px;padding:0 16px;border:0;border-top:1px solid rgba(125,147,218,.08);background:transparent;color:#dbe4f7;display:flex;align-items:center;justify-content:space-between;font:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:background .16s ease}
.help-action-list button:hover{background:rgba(88,109,190,.055)}
.help-action-list button b{font-size:14px;color:#617192;font-weight:500}
.help-action-list button:disabled{opacity:.35}

@media(max-width:900px){
  .guide-hero{grid-template-columns:1fr;gap:20px}
}
@media(max-width:720px){
  .guide-hero{padding:18px!important}
  .guide-hero-copy{padding:2px 2px 0}
  .guide-hero-copy h2{font-size:23px}
  .guide-grid,.support-grid{grid-template-columns:1fr}
  .guide-card{min-height:150px;padding:17px}
  .support-card{min-height:76px}
  .sidebar-home-link{min-height:42px}
  .shortcut-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:390px){
  .support-status{align-items:flex-start;flex-direction:column}
  .support-status .button{width:100%}
  .guide-step{grid-template-columns:30px minmax(0,1fr) 18px;gap:9px;padding:11px}
}
@media(prefers-reduced-motion:reduce){
  .support-status.is-online .support-status-dot{animation:none!important}
  .guide-card,.support-card,.guide-step,.sidebar-home-link{transition:none!important}
}


/* V14 — Service detail / lifecycle */
.service-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(126,145,199,.12);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.service-list-item:last-child{border-bottom:0}.service-list-item:hover{background:rgba(88,109,184,.07)}
.service-list-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(93,118,255,.16),rgba(55,92,179,.08));border:1px solid rgba(113,139,234,.17);color:#dce5ff}.service-list-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.service-list-main{min-width:0;display:flex;flex-direction:column;gap:5px}.service-list-main strong{color:#f5f7ff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-list-main span{color:#8997b7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-list-side{display:flex;align-items:center;gap:10px}.service-detail-button{height:36px;padding:0 13px;border:1px solid rgba(123,146,225,.18);border-radius:10px;background:rgba(24,36,68,.65);color:#dfe7ff;font-weight:700;cursor:pointer;transition:.18s ease}.service-detail-button:hover{background:rgba(70,91,166,.24);border-color:rgba(130,151,240,.34);transform:translateY(-1px)}
.service-detail-layer{position:fixed;inset:0;z-index:1200;display:flex;justify-content:flex-end}.service-detail-layer.hidden{display:none}.service-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.service-detail-drawer{position:relative;width:min(440px,92vw);height:100%;background:linear-gradient(180deg,#081126 0%,#0a142a 100%);border-left:1px solid rgba(121,144,222,.18);box-shadow:-30px 0 80px rgba(0,0,0,.38);animation:service-drawer-in .22s ease-out both;overflow:hidden}.service-detail-header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,135,199,.14);background:rgba(8,16,35,.82);backdrop-filter:blur(16px)}.service-detail-header h2{margin:3px 0 0;color:#f7f9ff;font-size:20px;letter-spacing:-.03em}.service-detail-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(121,145,218,.16);background:rgba(255,255,255,.04);color:#cdd8f5;font-size:27px;line-height:1;cursor:pointer}.service-detail-close:hover{background:rgba(255,255,255,.08);color:#fff}.service-detail-scroll{height:calc(100% - 76px);overflow:auto;padding:20px}.service-hero-card{padding:18px;border:1px solid rgba(111,133,210,.16);border-radius:16px;background:linear-gradient(145deg,rgba(29,44,82,.7),rgba(14,25,50,.76));display:flex;align-items:center;justify-content:space-between;gap:14px}.service-hero-main{display:flex;align-items:center;gap:12px;min-width:0}.service-detail-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#25408a,#16305e);color:#eaf0ff;font-weight:800;box-shadow:0 10px 30px rgba(54,87,199,.18)}.service-hero-main div{min-width:0;display:flex;flex-direction:column;gap:4px}.service-hero-main strong{color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-hero-main span{color:#91a0c2;font-size:11px}.service-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border:1px solid rgba(111,133,210,.14);border-radius:14px;overflow:hidden;background:rgba(10,20,42,.64)}.service-detail-summary>div{padding:14px 12px;border-right:1px solid rgba(111,133,210,.11);min-width:0}.service-detail-summary>div:last-child{border-right:0}.service-detail-summary span{display:block;color:#7483a5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.service-detail-summary strong{display:block;margin-top:5px;color:#ecf1ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-detail-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(111,133,210,.12)}.service-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.service-detail-section-head h3{margin:0;color:#f2f5ff;font-size:14px}.service-detail-section-head p{margin:4px 0 0;color:#7988a8;font-size:10px;line-height:1.5}.resource-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-chip{padding:13px;border-radius:12px;background:rgba(18,31,60,.74);border:1px solid rgba(111,133,210,.13);display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-chip span{color:#7f8ead;font-size:10px}.resource-chip strong{color:#eef3ff;font-size:12px}.resource-chip-empty{grid-column:1/-1;color:#8998b8;font-size:11px;justify-content:center}.service-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-action-tile{min-height:54px;padding:0 14px;border-radius:12px;border:1px solid rgba(111,133,210,.14);background:rgba(16,29,57,.74);color:#e8edff;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:.18s ease;text-align:left}.service-action-tile:hover:not(:disabled){transform:translateY(-1px);background:rgba(47,68,126,.35);border-color:rgba(130,151,240,.28)}.service-action-tile.primary{background:linear-gradient(135deg,#355cf0,#5676ff);border-color:transparent;box-shadow:0 12px 28px rgba(58,90,236,.2)}.service-action-tile:disabled{opacity:.38;cursor:not-allowed}.service-action-tile strong{font-size:11px}.service-action-arrow{color:#9eb2ff}.service-software-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-software-form label{display:flex;flex-direction:column;gap:6px;color:#8c9bbb;font-size:10px}.service-software-form input{height:44px;border-radius:11px;border:1px solid rgba(118,140,211,.16);background:#0c1730;color:#eef3ff;padding:0 12px;outline:0}.service-software-form input:focus{border-color:#647eff;box-shadow:0 0 0 3px rgba(81,107,255,.12)}.service-software-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}.button-full{width:100%}.service-detail-danger{padding-bottom:28px}.service-detail-open{overflow:hidden}
@keyframes service-drawer-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@media(max-width:620px){.service-list-item{grid-template-columns:auto minmax(0,1fr);padding:16px 14px}.service-list-side{grid-column:2;justify-content:space-between}.service-list-side .status-badge{margin-right:auto}.service-detail-drawer{width:92vw}.service-detail-summary{grid-template-columns:1fr}.service-detail-summary>div{border-right:0;border-bottom:1px solid rgba(111,133,210,.11)}.service-detail-summary>div:last-child{border-bottom:0}.service-detail-scroll{padding:16px}.service-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.service-action-grid,.resource-chip-grid,.service-software-form{grid-template-columns:1fr}.service-software-actions{grid-column:1}.service-detail-drawer{width:94vw}}
@media(prefers-reduced-motion:reduce){.service-detail-drawer{animation:none}.service-list-item,.service-detail-button,.service-action-tile{transition:none}}

.credential-actions{display:flex;gap:10px;flex-wrap:wrap}.credential-actions .button{flex:1;min-width:140px}


/* V15 — transaction detail drawer */
.transaction-row{cursor:pointer;outline:none}
.transaction-row:focus-visible{box-shadow:inset 0 0 0 2px rgba(110,137,255,.38);background:rgba(105,128,210,.055)}
.transaction-row:hover .transaction-chevron{transform:translateX(2px);color:#8ea5ff}
.transaction-chevron{transition:transform .16s ease,color .16s ease}
.transaction-detail-layer{position:fixed;inset:0;z-index:1220;display:flex;justify-content:flex-end}
.transaction-detail-layer.hidden{display:none}
.transaction-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.transaction-detail-drawer{position:relative;width:min(430px,92vw);height:100%;background:linear-gradient(180deg,#081126 0%,#09152b 100%);border-left:1px solid rgba(121,144,222,.18);box-shadow:-30px 0 80px rgba(0,0,0,.4);overflow:hidden;animation:service-drawer-in .22s ease-out both}
.transaction-detail-header{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,135,199,.14);background:rgba(8,16,35,.84);backdrop-filter:blur(16px)}
.transaction-detail-header h2{margin:3px 0 0;color:#f7f9ff;font-size:20px;letter-spacing:-.03em}
.transaction-detail-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(121,145,218,.16);background:rgba(255,255,255,.04);color:#cdd8f5;font-size:27px;line-height:1;cursor:pointer}
.transaction-detail-close:hover{background:rgba(255,255,255,.08);color:#fff}
.transaction-detail-scroll{height:calc(100% - 76px);overflow:auto;padding:20px}
.transaction-detail-hero{position:relative;padding:20px;border:1px solid rgba(111,133,210,.16);border-radius:18px;background:radial-gradient(circle at 90% 0%,rgba(78,105,225,.18),transparent 36%),linear-gradient(145deg,rgba(29,44,82,.74),rgba(14,25,50,.78));overflow:hidden}
.transaction-detail-hero-copy{display:flex;flex-direction:column;gap:5px;max-width:72%}
.transaction-detail-hero-copy strong{color:#fff;font-size:16px;line-height:1.25}
.transaction-detail-hero-copy span{color:#8392b2;font-size:10px}
.transaction-detail-hero>.status-badge{position:absolute;right:18px;top:18px}
.transaction-detail-amount{margin-top:24px;color:#f7f9ff;font-size:30px;font-weight:780;letter-spacing:-.04em}
.transaction-detail-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(111,133,210,.12)}
.transaction-detail-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.transaction-detail-section-head h3{margin:0;color:#f1f5ff;font-size:13px}
.transaction-detail-rows{border:1px solid rgba(111,133,210,.13);border-radius:14px;overflow:hidden;background:rgba(9,19,40,.56)}
.transaction-detail-line{min-height:50px;padding:0 14px;display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr);gap:14px;align-items:center;border-bottom:1px solid rgba(111,133,210,.1)}
.transaction-detail-line:last-child{border-bottom:0}
.transaction-detail-line span{color:#7181a3;font-size:10px}
.transaction-detail-line strong{color:#dfe7fa;font-size:10px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transaction-detail-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#aebfff!important}
.transaction-detail-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.transaction-detail-action{min-height:46px;padding:0 12px;border-radius:12px;border:1px solid rgba(113,136,211,.16);background:rgba(16,29,57,.72);color:#e8edff;font-size:10px;font-weight:750;cursor:pointer;transition:.18s ease}
.transaction-detail-action:hover:not(:disabled){transform:translateY(-1px);background:rgba(47,68,126,.36);border-color:rgba(130,151,240,.3)}
.transaction-detail-action.primary{background:linear-gradient(135deg,#355cf0,#5676ff);border-color:transparent;box-shadow:0 12px 28px rgba(58,90,236,.2)}
.transaction-detail-action.secondary{background:rgba(255,255,255,.025)}
.transaction-detail-action:disabled{opacity:.38;cursor:not-allowed}
.transaction-detail-help{padding-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.transaction-detail-help>span{color:#7f8eae;font-size:10px;line-height:1.5}
.transaction-detail-open{overflow:hidden}
@media(max-width:620px){
  .transaction-detail-drawer{width:92vw}
  .transaction-detail-scroll{padding:16px}
  .transaction-detail-hero{padding:17px}
  .transaction-detail-amount{font-size:27px}
  .transaction-chevron{display:block!important}
  .transaction-row{grid-template-columns:36px minmax(0,1fr) auto!important}
  .transaction-side{gap:5px!important}
}
@media(max-width:390px){
  .transaction-detail-drawer{width:94vw}
  .transaction-detail-actions-grid{grid-template-columns:1fr}
  .transaction-detail-line{grid-template-columns:1fr;gap:4px;padding:10px 12px}
  .transaction-detail-line strong{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .transaction-detail-drawer{animation:none}
  .transaction-row,.transaction-chevron,.transaction-detail-action{transition:none}
}


/* =========================================================
   V16 — WALLET CENTER
   ========================================================= */
.wallet-hero{padding:0!important;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);overflow:hidden;background:linear-gradient(145deg,rgba(16,30,61,.94),rgba(8,18,39,.92))!important;position:relative}.wallet-hero::before{content:"";position:absolute;width:300px;height:300px;left:-110px;top:-145px;border-radius:50%;background:radial-gradient(circle,rgba(81,111,255,.2),transparent 68%);pointer-events:none}.wallet-hero-main{padding:30px;min-height:190px;display:flex;flex-direction:column;justify-content:center;position:relative}.wallet-hero-main>span{color:#8c9aba;font-size:11px}.wallet-hero-main>strong{margin-top:8px;color:#fff;font-size:42px;line-height:1;letter-spacing:-.045em}.wallet-hero-main>small{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:#70dca8;font-size:10px;font-weight:700}.wallet-hero-main>small i{width:7px;height:7px;border-radius:50%;background:#4bd89b;box-shadow:0 0 0 5px rgba(75,216,155,.08),0 0 18px rgba(75,216,155,.28)}.wallet-hero-main>small.locked{color:#ff9ca8}.wallet-hero-main>small.locked i{background:#ff7787;box-shadow:0 0 0 5px rgba(255,119,135,.08)}.wallet-hero-meta{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(124,146,216,.12);background:rgba(5,13,29,.24)}.wallet-hero-meta>div{padding:22px;border-right:1px solid rgba(124,146,216,.1);border-bottom:1px solid rgba(124,146,216,.1);display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}.wallet-hero-meta>div:nth-child(2){border-right:0}.wallet-hero-meta>div:nth-child(3){grid-column:1/-1;border-right:0;border-bottom:0}.wallet-hero-meta span{color:#7382a3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.wallet-hero-meta strong{color:#e8edfb;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-onboarding-note{margin-top:14px;padding:14px 16px;border:1px solid rgba(105,132,229,.16);border-radius:14px;background:rgba(31,49,97,.32);display:flex;align-items:center;justify-content:space-between;gap:16px}.wallet-onboarding-note>div{display:grid;gap:4px}.wallet-onboarding-note strong{color:#eaf0ff;font-size:11px}.wallet-onboarding-note span{color:#8190af;font-size:9px}.wallet-history-section{overflow:hidden}.wallet-history-heading{align-items:flex-end!important;gap:18px}.wallet-history-heading p{margin:4px 0 0;color:#71809f;font-size:9px}.wallet-filter-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.wallet-filter-tabs::-webkit-scrollbar{display:none}.wallet-filter-tabs button{height:34px;padding:0 12px;border-radius:9px;border:1px solid rgba(118,139,210,.12);background:rgba(14,25,49,.58);color:#7e8dab;font:inherit;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer;transition:.16s ease}.wallet-filter-tabs button.active{background:rgba(83,106,203,.2);border-color:rgba(115,139,232,.28);color:#dce5ff;box-shadow:inset 0 0 18px rgba(88,113,224,.08)}.wallet-history-list{display:grid}.wallet-history-row{min-height:76px;padding:14px 18px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;border-top:1px solid rgba(118,139,210,.085);cursor:pointer;transition:background .16s ease}.wallet-history-row:first-child{border-top:0}.wallet-history-row:hover,.wallet-history-row:focus-visible{background:rgba(77,99,178,.065);outline:0}.wallet-history-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(120,143,220,.12);background:rgba(92,115,207,.07);color:#92a5e8;font-size:16px}.wallet-history-row.credit .wallet-history-mark{color:#64dca5;background:rgba(65,188,128,.07);border-color:rgba(65,188,128,.12)}.wallet-history-row.debit .wallet-history-mark{color:#ff9da7;background:rgba(230,92,109,.055);border-color:rgba(230,92,109,.1)}.wallet-history-main{min-width:0;display:grid;gap:4px}.wallet-history-main strong{color:#eaf0ff;font-size:11px}.wallet-history-main span{color:#7584a3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-history-side{display:grid;justify-items:end;gap:6px}.wallet-history-amount{font-size:11px!important;color:#dfe6f7}.wallet-history-amount.credit{color:#68dca7}.wallet-history-amount.debit{color:#f4a0aa}.wallet-history-side .status-badge{font-size:8px!important;padding:4px 7px!important}.load-more-wrap{padding:12px 16px 16px;display:flex;justify-content:center;border-top:1px solid rgba(118,139,210,.07)}.load-more-wrap:has(.hidden){display:none}.transaction-detail-amount{white-space:nowrap}.transaction-detail-amount:has(+*){white-space:nowrap}
@media(max-width:820px){.wallet-hero{grid-template-columns:1fr}.wallet-hero-meta{border-left:0;border-top:1px solid rgba(124,146,216,.12)}.wallet-hero-main{min-height:160px;padding:24px}.wallet-hero-main>strong{font-size:36px}}
@media(max-width:620px){.wallet-history-heading{align-items:flex-start!important;flex-direction:column}.wallet-filter-tabs{width:100%;padding-bottom:1px}.wallet-onboarding-note{align-items:flex-start;flex-direction:column}.wallet-onboarding-note .button{width:100%}.wallet-history-row{grid-template-columns:34px minmax(0,1fr);padding:13px 14px}.wallet-history-mark{width:32px;height:32px}.wallet-history-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:9px}.wallet-history-amount{order:0}.wallet-history-side .status-badge{order:1}.wallet-hero-meta>div{padding:17px}}
@media(max-width:390px){.wallet-hero-main>strong{font-size:32px}.wallet-hero-meta{grid-template-columns:1fr}.wallet-hero-meta>div,.wallet-hero-meta>div:nth-child(3){grid-column:1;border-right:0;border-bottom:1px solid rgba(124,146,216,.1)}.wallet-hero-meta>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.wallet-filter-tabs button,.wallet-history-row{transition:none!important}}

/* =========================================================
   V17 — WALLET FINAL POLISH + CACHE SAFE ASSET VERSIONING
   ========================================================= */
#dashboard .wallet-page-heading{align-items:flex-end!important;gap:18px!important}
#dashboard .wallet-refresh-button{-webkit-appearance:none;appearance:none;min-height:44px;padding:0 15px;border:1px solid rgba(123,145,219,.16);border-radius:12px;background:rgba(13,24,47,.78);color:#dce5fa;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:10px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.02);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
#dashboard .wallet-refresh-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.88}
#dashboard .wallet-refresh-button:hover{transform:translateY(-1px);border-color:rgba(127,151,239,.3);background:rgba(23,38,72,.9);box-shadow:0 10px 28px rgba(0,0,0,.15)}
#dashboard .wallet-refresh-button:active{transform:scale(.98)}

#dashboard .wallet-overview{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(290px,.66fr);gap:12px;margin-top:2px}
#dashboard .wallet-balance-card{position:relative;min-height:220px;padding:26px;border:1px solid rgba(118,142,222,.16);border-radius:18px;background:linear-gradient(145deg,rgba(16,31,64,.96),rgba(7,17,38,.94));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.2)}
#dashboard .wallet-balance-card::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(110,130,255,.035),transparent 42%);pointer-events:none}
#dashboard .wallet-balance-glow{position:absolute;width:320px;height:320px;right:-135px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(87,111,255,.24),rgba(57,100,225,.08) 42%,transparent 70%);filter:blur(4px);pointer-events:none}
#dashboard .wallet-balance-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}
#dashboard .wallet-balance-top>span:first-child{color:#8795b5;font-size:10px;font-weight:650}
#dashboard .wallet-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid rgba(72,206,148,.14);border-radius:999px;background:rgba(58,185,127,.08);color:#6edca8;font-size:9px;font-weight:800;white-space:nowrap}
#dashboard .wallet-status-pill i{width:7px;height:7px;border-radius:50%;background:#4fd89b;box-shadow:0 0 0 4px rgba(79,216,155,.075),0 0 16px rgba(79,216,155,.28)}
#dashboard .wallet-status-pill.locked{border-color:rgba(255,116,135,.14);background:rgba(226,81,102,.07);color:#ff99a8}
#dashboard .wallet-status-pill.locked i{background:#ff7688;box-shadow:0 0 0 4px rgba(255,118,136,.07)}
#dashboard .wallet-balance-value{position:relative;z-index:1;display:block;margin-top:28px;color:#fff;font-size:46px;line-height:.95;letter-spacing:-.055em;font-weight:800}
#dashboard .wallet-balance-card>p{position:relative;z-index:1;margin:20px 0 0;color:#71809f;font-size:10px;line-height:1.55;max-width:330px}

#dashboard .wallet-metric-strip{border:1px solid rgba(118,142,222,.14);border-radius:18px;background:linear-gradient(145deg,rgba(12,24,49,.92),rgba(7,16,34,.9));overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-width:0}
#dashboard .wallet-metric-cell{min-height:104px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-right:1px solid rgba(118,142,222,.09);border-bottom:1px solid rgba(118,142,222,.09);min-width:0}
#dashboard .wallet-metric-cell:nth-child(2){border-right:0}
#dashboard .wallet-metric-wide{grid-column:1/-1;border-right:0;border-bottom:0;min-height:86px}
#dashboard .wallet-metric-cell span{color:#7483a4;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
#dashboard .wallet-metric-cell strong{color:#edf2ff;font-size:15px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .wallet-metric-wide strong{font-size:11px;color:#aeb9d2}

#dashboard .wallet-onboarding-note{margin-top:12px;padding:14px 16px;border:1px solid rgba(101,128,223,.16);border-radius:14px;background:linear-gradient(135deg,rgba(34,51,99,.34),rgba(15,29,58,.44));display:flex;align-items:center;justify-content:space-between;gap:16px}
#dashboard .wallet-onboarding-note>div{display:grid;gap:4px}
#dashboard .wallet-onboarding-note strong{color:#edf2ff;font-size:11px}
#dashboard .wallet-onboarding-note span{color:#8190ae;font-size:9px;line-height:1.5}

#dashboard .wallet-history-section{padding:0!important;overflow:hidden;background:linear-gradient(145deg,rgba(12,24,49,.9),rgba(7,16,34,.88))!important}
#dashboard .wallet-history-head{padding:20px 20px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
#dashboard .wallet-history-kicker{display:block;margin-bottom:6px;color:#758cff;font-size:8px;font-weight:850;letter-spacing:.14em}
#dashboard .wallet-history-head h2{margin:0;color:#f1f4ff;font-size:16px;letter-spacing:-.025em}
#dashboard .wallet-history-head p{margin:5px 0 0;color:#70809f;font-size:9px}
#dashboard .wallet-filter-tabs{display:flex;gap:6px;padding:0 20px 15px;overflow:auto;scrollbar-width:none}
#dashboard .wallet-filter-tabs::-webkit-scrollbar{display:none}
#dashboard .wallet-filter-tabs button{-webkit-appearance:none;appearance:none;min-width:64px;height:36px;padding:0 13px;border:1px solid rgba(118,140,210,.13)!important;border-radius:999px!important;background:rgba(10,21,43,.72)!important;color:#7e8dab!important;font:inherit!important;font-size:9px!important;font-weight:750!important;white-space:nowrap;box-shadow:none!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
#dashboard .wallet-filter-tabs button:hover{border-color:rgba(125,149,237,.25)!important;color:#cad5ef!important}
#dashboard .wallet-filter-tabs button.active{background:linear-gradient(135deg,rgba(72,96,199,.35),rgba(70,92,181,.22))!important;border-color:rgba(116,140,233,.35)!important;color:#eef2ff!important;box-shadow:0 0 0 1px rgba(101,126,232,.06),0 8px 22px rgba(41,61,137,.1)!important}
#dashboard .wallet-filter-tabs button:active{transform:scale(.97)}

#dashboard .wallet-history-list{display:grid;border-top:1px solid rgba(118,139,210,.08)}
#dashboard .wallet-history-row{min-height:78px;padding:14px 18px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;border-top:1px solid rgba(118,139,210,.08);cursor:pointer;transition:background .16s ease}
#dashboard .wallet-history-row:first-child{border-top:0}
#dashboard .wallet-history-row:hover,#dashboard .wallet-history-row:focus-visible{background:rgba(79,101,182,.07);outline:0}
#dashboard .wallet-history-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(120,143,220,.12);background:rgba(92,115,207,.07);color:#92a5e8;font-size:16px;font-weight:800}
#dashboard .wallet-history-row.credit .wallet-history-mark{color:#67dda8;background:rgba(65,188,128,.07);border-color:rgba(65,188,128,.12)}
#dashboard .wallet-history-row.debit .wallet-history-mark{color:#ff9ca8;background:rgba(230,92,109,.055);border-color:rgba(230,92,109,.1)}
#dashboard .wallet-history-main{min-width:0;display:grid;gap:4px}
#dashboard .wallet-history-main strong{color:#eaf0ff;font-size:11px}
#dashboard .wallet-history-main span{color:#7584a3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .wallet-history-side{display:grid;justify-items:end;gap:6px}
#dashboard .wallet-history-amount{font-size:11px!important;color:#dfe6f7}
#dashboard .wallet-history-amount.credit{color:#68dca7}
#dashboard .wallet-history-amount.debit{color:#f4a0aa}
#dashboard .wallet-history-side .status-badge{font-size:8px!important;padding:4px 7px!important}

#dashboard .wallet-empty-state{min-height:220px;padding:36px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
#dashboard .wallet-empty-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(83,108,210,.1),rgba(26,46,91,.1));border:1px solid rgba(112,137,222,.14);color:#8799d5;box-shadow:inset 0 0 24px rgba(92,117,224,.04)}
#dashboard .wallet-empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#dashboard .wallet-empty-copy strong{display:block;color:#eef2ff;font-size:14px}
#dashboard .wallet-empty-copy p{margin:6px 0 0;color:#72809e;font-size:10px}
#dashboard .wallet-history-section .load-more-wrap{padding:12px 16px 16px;display:flex;justify-content:center;border-top:1px solid rgba(118,139,210,.07)}
#dashboard .wallet-history-section .load-more-wrap:has(.hidden){display:none}

@media(max-width:820px){
  #dashboard .wallet-overview{grid-template-columns:1fr}
  #dashboard .wallet-balance-card{min-height:190px}
  #dashboard .wallet-balance-value{font-size:40px}
  #dashboard .wallet-metric-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  #dashboard .wallet-page-heading{align-items:flex-start!important}
  #dashboard .wallet-refresh-button{margin-top:2px}
  #dashboard .wallet-balance-card{padding:22px;min-height:180px}
  #dashboard .wallet-balance-value{margin-top:24px;font-size:38px}
  #dashboard .wallet-balance-card>p{margin-top:17px}
  #dashboard .wallet-metric-cell{min-height:88px;padding:15px}
  #dashboard .wallet-metric-wide{min-height:76px}
  #dashboard .wallet-onboarding-note{align-items:flex-start;flex-direction:column}
  #dashboard .wallet-onboarding-note .button{width:100%}
  #dashboard .wallet-filter-tabs{padding:0 14px 13px}
  #dashboard .wallet-history-head{padding:17px 14px 13px}
  #dashboard .wallet-history-row{grid-template-columns:34px minmax(0,1fr);padding:13px 14px}
  #dashboard .wallet-history-mark{width:32px;height:32px}
  #dashboard .wallet-history-side{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:9px}
}
@media(max-width:390px){
  #dashboard .wallet-page-heading{display:grid!important;grid-template-columns:1fr auto!important}
  #dashboard .wallet-page-heading .page-description{max-width:230px}
  #dashboard .wallet-refresh-button{width:44px;padding:0}
  #dashboard .wallet-refresh-button span{display:none}
  #dashboard .wallet-balance-card{padding:20px}
  #dashboard .wallet-balance-value{font-size:35px}
  #dashboard .wallet-metric-strip{grid-template-columns:1fr 1fr}
  #dashboard .wallet-metric-wide{grid-column:1/-1}
  #dashboard .wallet-filter-tabs button{min-width:61px;height:35px;padding:0 12px}
}
@media(prefers-reduced-motion:reduce){
  #dashboard .wallet-refresh-button,#dashboard .wallet-filter-tabs button,#dashboard .wallet-history-row{transition:none!important}
}


/* =========================================================
   V18 — NOTIFICATION CENTER
   ========================================================= */
.notification-toggle{position:relative!important;flex:0 0 auto}
.notification-toggle svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
.notification-toggle.has-unread{border-color:rgba(110,137,255,.34)!important;background:rgba(80,107,225,.10)!important;box-shadow:0 0 0 1px rgba(96,122,237,.06),0 0 24px rgba(69,96,221,.10)!important}
.notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff637b,#ef405f);border:2px solid #071126;color:#fff;font-size:8px;font-weight:850;line-height:14px;text-align:center;box-shadow:0 5px 16px rgba(239,64,95,.32)}
.notification-layer{position:fixed;inset:0;z-index:1260;display:flex;justify-content:flex-end}.notification-layer.hidden{display:none}.notification-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.notification-drawer{position:relative;width:min(420px,92vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#081126 0%,#091329 100%);border-left:1px solid rgba(121,144,222,.18);box-shadow:-30px 0 80px rgba(0,0,0,.42);animation:notification-in .22s ease-out both;overflow:hidden}
.notification-header{height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,135,199,.13);background:rgba(8,16,35,.86);backdrop-filter:blur(16px)}.notification-header h2{margin:3px 0 0;color:#f7f9ff;font-size:20px;letter-spacing:-.03em}.notification-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(121,145,218,.16);background:rgba(255,255,255,.04);color:#cdd8f5;font-size:27px;line-height:1;cursor:pointer}.notification-close:hover{background:rgba(255,255,255,.08);color:#fff}
.notification-toolbar{padding:12px 14px;border-bottom:1px solid rgba(116,135,199,.11);display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(7,15,32,.52)}.notification-tabs{display:flex;padding:3px;border:1px solid rgba(121,144,222,.12);border-radius:10px;background:rgba(9,19,40,.72)}.notification-tab{min-height:32px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#7282a4;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.notification-tab.active{background:rgba(91,115,215,.16);color:#dce5ff;box-shadow:inset 0 0 0 1px rgba(117,140,231,.14)}.notification-read-all{min-height:34px;padding:0;border:0;background:none;color:#8294c5;font:inherit;font-size:9px;font-weight:720;cursor:pointer}.notification-read-all:hover:not(:disabled){color:#c9d5ff}.notification-read-all:disabled{opacity:.35;cursor:default}
.notification-list{min-height:0;overflow:auto;padding:8px 10px 18px;scrollbar-width:thin;scrollbar-color:rgba(121,144,214,.18) transparent}.notification-row{position:relative;width:100%;min-height:78px;padding:12px 10px;border:0;border-bottom:1px solid rgba(121,144,222,.09);background:transparent;color:#eef3ff;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;font:inherit;cursor:pointer;transition:background .16s ease,transform .16s ease}.notification-row:hover{background:rgba(88,109,190,.055)}.notification-row:active{transform:scale(.995)}.notification-row.is-read{opacity:.67}.notification-row.is-read:hover{opacity:.9}
.notification-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(125,147,218,.13);background:rgba(98,120,220,.07);color:#9fb0f4}.notification-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notification-row.tone-success .notification-icon{color:#66d8a4;background:rgba(57,188,123,.07);border-color:rgba(76,204,142,.12)}.notification-row.tone-warning .notification-icon{color:#f1c66f;background:rgba(221,161,55,.07);border-color:rgba(229,174,75,.12)}.notification-row.tone-danger .notification-icon{color:#ff8291;background:rgba(238,79,101,.07);border-color:rgba(241,91,112,.12)}
.notification-copy{display:grid;gap:4px;min-width:0}.notification-title-row{display:flex;align-items:center;gap:7px;min-width:0}.notification-title-row strong{min-width:0;color:#f2f5ff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-unread-dot{width:6px;height:6px;border-radius:50%;background:#7390ff;box-shadow:0 0 10px rgba(115,144,255,.55);flex:0 0 auto}.notification-body{color:#7d8bab;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-meta{align-self:start;padding-top:2px;color:#596986;font-size:8px;white-space:nowrap}.notification-row.tone-danger:not(.is-read)::before,.notification-row.tone-warning:not(.is-read)::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:#f0bc62}.notification-row.tone-danger:not(.is-read)::before{background:#ff667b}
.notification-empty{margin:auto;padding:38px 24px 60px;display:grid;justify-items:center;text-align:center;color:#7d8cab}.notification-empty.hidden{display:none}.notification-empty>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(76,192,132,.07);border:1px solid rgba(82,204,144,.11);color:#62d69e;font-size:20px;margin-bottom:14px}.notification-empty strong{color:#dfe7fa;font-size:13px}.notification-empty p{margin:7px 0 0;max-width:250px;font-size:10px;line-height:1.55}.notification-open{overflow:hidden}
@keyframes notification-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@media(max-width:720px){.notification-drawer{width:88vw;max-width:360px}.notification-toolbar{padding:10px 12px}.notification-row{min-height:76px;padding:11px 8px}.notification-meta{display:none}.topbar-actions{gap:7px!important}.notification-toggle{width:42px!important;height:42px!important}}
@media(max-width:390px){.notification-drawer{width:91vw}.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-read-all{min-height:28px}.notification-tabs{width:100%}.notification-tab{flex:1}.notification-row{grid-template-columns:38px minmax(0,1fr);gap:10px}.notification-meta{display:none}}
@media(prefers-reduced-motion:reduce){.notification-drawer{animation:none}.notification-row,.notification-close{transition:none}}


/* =========================================================
   V19 — ACTIVITY CENTER
   ========================================================= */
#dashboard .activity-page-heading{align-items:center}
#dashboard .activity-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
#dashboard .activity-center-summary article{min-height:108px;padding:18px;border:1px solid rgba(119,142,214,.11);border-radius:15px;background:linear-gradient(145deg,rgba(13,27,58,.8),rgba(8,18,40,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
#dashboard .activity-center-summary span{display:block;color:#7787aa;font-size:9px;font-weight:720;text-transform:uppercase;letter-spacing:.08em}
#dashboard .activity-center-summary strong{display:block;margin-top:12px;color:#eff3ff;font-size:26px;letter-spacing:-.04em}
#dashboard .activity-center-summary small{display:block;margin-top:5px;color:#5f6f91;font-size:9px}
#dashboard .activity-center-section{overflow:hidden;padding:0}
#dashboard .activity-center-head{padding:18px 18px 13px;border-bottom:1px solid rgba(118,139,210,.07)}
#dashboard .activity-center-head h2{margin:3px 0 0;color:#eef2ff;font-size:15px;letter-spacing:-.025em}
#dashboard .activity-center-head p{margin:5px 0 0;color:#6e7d9b;font-size:9px}
#dashboard .activity-center-tabs{display:flex;gap:7px;padding:12px 18px;border-bottom:1px solid rgba(118,139,210,.07);overflow-x:auto;scrollbar-width:none}
#dashboard .activity-center-tabs::-webkit-scrollbar{display:none}
#dashboard .activity-center-tabs button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid rgba(121,144,220,.11);border-radius:9px;background:rgba(8,19,42,.7);color:#7181a3;font:inherit;font-size:9px;font-weight:740;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
#dashboard .activity-center-tabs button:hover{border-color:rgba(122,146,232,.2);color:#aab8dd}
#dashboard .activity-center-tabs button.active{border-color:rgba(109,137,255,.28);background:rgba(83,108,218,.13);color:#dce5ff;box-shadow:inset 0 0 0 1px rgba(102,128,236,.05)}
#dashboard .activity-center-list{display:grid}
#dashboard .activity-center-row{min-height:76px;padding:13px 17px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 16px;gap:12px;align-items:center;border-bottom:1px solid rgba(118,139,210,.07);cursor:pointer;outline:none;transition:background .16s ease,transform .16s ease}
#dashboard .activity-center-row:hover{background:rgba(78,103,190,.045)}
#dashboard .activity-center-row:active{transform:scale(.998)}
#dashboard .activity-center-row:focus-visible{box-shadow:inset 0 0 0 2px rgba(110,137,255,.34)}
#dashboard .activity-center-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(116,140,217,.13);background:rgba(91,116,213,.07);color:#91a5ed}
#dashboard .activity-center-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#dashboard .activity-kind-payment .activity-center-icon{color:#69d7a4;background:rgba(53,187,121,.065);border-color:rgba(74,203,140,.11)}
#dashboard .activity-kind-wallet .activity-center-icon{color:#7ba3ff;background:rgba(70,110,226,.075);border-color:rgba(92,127,233,.12)}
#dashboard .activity-kind-order .activity-center-icon{color:#cab07f;background:rgba(199,150,60,.065);border-color:rgba(215,167,80,.11)}
#dashboard .activity-kind-flex .activity-center-icon{color:#a99cff;background:rgba(121,100,228,.075);border-color:rgba(142,122,235,.12)}
#dashboard .activity-center-main{min-width:0;display:grid;gap:4px}
#dashboard .activity-center-main strong{color:#e9efff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .activity-center-main span{color:#6d7c9b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .activity-center-side{display:grid;justify-items:end;gap:6px}
#dashboard .activity-center-amount{color:#dce5fb;font-size:10px}
#dashboard .activity-center-side .status-badge{font-size:8px!important;padding:4px 7px!important}
#dashboard .activity-center-arrow{color:#536687;font-size:20px;line-height:1;transition:transform .16s ease,color .16s ease}
#dashboard .activity-center-row:hover .activity-center-arrow{transform:translateX(2px);color:#8ea5ff}
#dashboard .activity-center-empty{min-height:260px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
#dashboard .activity-center-empty-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(86,110,205,.07);border:1px solid rgba(111,136,224,.12);color:#8b9fe5}
#dashboard .activity-center-empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#dashboard .activity-center-empty-copy strong{display:block;color:#e8eeff;font-size:13px}
#dashboard .activity-center-empty-copy p{margin:6px auto 0;max-width:310px;color:#6d7c9b;font-size:9px;line-height:1.55}
#dashboard .activity-center-section .load-more-wrap{padding:12px 16px 16px;display:flex;justify-content:center;border-top:1px solid rgba(118,139,210,.07)}
#dashboard .activity-center-section .load-more-wrap:has(.hidden){display:none}
@media(max-width:720px){
  #dashboard .activity-center-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  #dashboard .activity-center-summary article{min-height:96px;padding:14px}
  #dashboard .activity-center-summary strong{font-size:22px}
  #dashboard .activity-center-tabs{padding:11px 14px}
  #dashboard .activity-center-row{grid-template-columns:36px minmax(0,1fr) 14px;padding:13px 14px;gap:10px}
  #dashboard .activity-center-side{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:8px}
  #dashboard .activity-center-arrow{grid-column:3;grid-row:1/3}
}
@media(max-width:430px){
  #dashboard .activity-page-heading{display:grid!important;grid-template-columns:1fr auto!important}
  #dashboard .activity-page-heading .page-description{max-width:240px}
  #dashboard .activity-page-heading .wallet-refresh-button{width:44px;padding:0}
  #dashboard .activity-page-heading .wallet-refresh-button span{display:none}
  #dashboard .activity-center-summary{grid-template-columns:1fr 1fr}
  #dashboard .activity-center-summary article:first-child{grid-column:1/-1;min-height:92px}
  #dashboard .activity-center-summary article{min-height:84px}
  #dashboard .activity-center-main strong{font-size:10px}
  #dashboard .activity-center-side{min-width:0}
}
@media(prefers-reduced-motion:reduce){#dashboard .activity-center-row,#dashboard .activity-center-arrow,#dashboard .activity-center-tabs button{transition:none!important}}

/* V20 — Wallet Top Up */
#dashboard .wallet-balance-actions{position:relative;z-index:2;margin-top:19px;max-width:390px}
#dashboard .wallet-topup-open{width:100%;min-height:58px;padding:9px 12px;border:1px solid rgba(119,143,233,.2);border-radius:14px;background:linear-gradient(135deg,rgba(48,73,152,.32),rgba(20,39,83,.42));color:#eef3ff;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
#dashboard .wallet-topup-open:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(131,155,248,.38);background:linear-gradient(135deg,rgba(57,84,175,.4),rgba(24,45,94,.5));box-shadow:0 12px 28px rgba(13,25,66,.2)}
#dashboard .wallet-topup-open:disabled,#dashboard .wallet-topup-open.disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
#dashboard .wallet-topup-plus{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#4467ee,#6684ff);box-shadow:0 9px 22px rgba(65,92,222,.22);font-size:22px;font-weight:500;line-height:1}
#dashboard .wallet-topup-open>span:nth-child(2){display:grid;gap:3px;min-width:0}
#dashboard .wallet-topup-open strong{font-size:11px;color:#f4f7ff}
#dashboard .wallet-topup-open small{font-size:8.5px;color:#8695b7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dashboard .wallet-topup-arrow{padding:0 4px;color:#91a6f2;font-size:18px}

.wallet-topup-layer{position:fixed;inset:0;z-index:1280;display:grid;place-items:center;padding:20px}
.wallet-topup-layer.hidden{display:none}
.wallet-topup-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.wallet-topup-dialog{position:relative;width:min(510px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid rgba(123,147,230,.2);border-radius:22px;background:linear-gradient(180deg,#0a1530 0%,#081126 100%);box-shadow:0 36px 110px rgba(0,0,0,.5);animation:wallet-topup-in .2s ease-out both}
.wallet-topup-header{padding:22px 22px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(116,137,207,.12);background:linear-gradient(180deg,rgba(20,37,75,.5),rgba(8,17,38,.06))}
.wallet-topup-header h2{margin:4px 0 0;color:#f7f9ff;font-size:21px;letter-spacing:-.035em}
.wallet-topup-header p{margin:8px 0 0;max-width:395px;color:#7e8dab;font-size:10px;line-height:1.6}
.wallet-topup-close{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1px solid rgba(121,145,218,.15);background:rgba(255,255,255,.035);color:#cdd8f5;font-size:26px;line-height:1;cursor:pointer}
.wallet-topup-close:hover{background:rgba(255,255,255,.075);color:#fff}
.wallet-topup-content{padding:20px 22px 23px}
.wallet-topup-current{min-height:76px;padding:14px 16px;border:1px solid rgba(112,136,220,.14);border-radius:15px;background:linear-gradient(135deg,rgba(23,42,86,.72),rgba(12,25,53,.78));display:flex;align-items:center;justify-content:space-between;gap:16px}
.wallet-topup-current span{color:#7c8bab;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.wallet-topup-current strong{color:#f2f5ff;font-size:20px;letter-spacing:-.03em}
.wallet-topup-form{margin-top:19px;display:grid;gap:17px}
.wallet-topup-label,.wallet-topup-custom>span{display:block;margin-bottom:9px;color:#8b9abb;font-size:9px;font-weight:750}
.wallet-topup-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wallet-topup-preset{min-height:46px;padding:0 12px;border:1px solid rgba(116,140,220,.14);border-radius:12px;background:rgba(12,25,52,.78);color:#b7c3df;font:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:.15s ease}
.wallet-topup-preset:hover{border-color:rgba(128,152,238,.3);color:#eef3ff}
.wallet-topup-preset.active{border-color:rgba(113,139,244,.48);background:linear-gradient(135deg,rgba(69,94,207,.36),rgba(47,71,158,.28));color:#fff;box-shadow:inset 0 0 0 1px rgba(112,137,241,.08),0 9px 24px rgba(28,47,116,.14)}
.wallet-topup-custom{display:block}
.wallet-topup-input-wrap{height:50px;border:1px solid rgba(119,142,218,.16);border-radius:13px;background:#0b1730;display:flex;align-items:center;gap:10px;padding:0 14px;transition:.15s ease}
.wallet-topup-input-wrap:focus-within{border-color:#627dff;box-shadow:0 0 0 3px rgba(82,108,255,.1)}
.wallet-topup-input-wrap b{color:#7585aa;font-size:11px}
.wallet-topup-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f4f7ff;font:inherit;font-size:16px;font-weight:800;letter-spacing:-.015em}
.wallet-topup-input-wrap input::placeholder{color:#52617f}
.wallet-topup-custom small{display:block;margin-top:7px;color:#657595;font-size:8.5px}
.wallet-topup-info{padding:12px 13px;border-radius:12px;border:1px solid rgba(104,127,211,.12);background:rgba(27,44,86,.27);display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start}
.wallet-topup-info>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(90,116,225,.13);color:#91a7ff;font-size:10px;font-weight:900}
.wallet-topup-info p{margin:2px 0 0;color:#7f8eae;font-size:9px;line-height:1.55}
.wallet-topup-result{margin-top:18px;padding:16px;border:1px solid rgba(79,202,145,.16);border-radius:15px;background:linear-gradient(145deg,rgba(21,66,57,.26),rgba(12,29,51,.72))}
.wallet-topup-result-head{display:flex;align-items:center;gap:10px}
.wallet-topup-result-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(62,195,131,.12);color:#68dda7;font-size:14px;font-weight:900}
.wallet-topup-result-head>div{display:grid;gap:3px}
.wallet-topup-result-head strong{color:#edf7f3;font-size:11px}
.wallet-topup-result-head span{color:#7f9d96;font-size:9px}
.wallet-topup-result dl{margin:14px 0 0;padding:0;border-top:1px solid rgba(102,157,145,.11)}
.wallet-topup-result dl>div{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(102,157,145,.08)}
.wallet-topup-result dt{color:#718a86;font-size:9px}.wallet-topup-result dd{margin:0;color:#dce9e6;font-size:9.5px;font-weight:750;text-align:right;overflow-wrap:anywhere}
.wallet-topup-result-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallet-topup-result-actions .button{min-width:0}
.wallet-topup-message{min-height:16px;margin:12px 0 0;color:#8392b3;font-size:9px;line-height:1.5;text-align:center}
.wallet-topup-open{overflow:hidden}
body.wallet-topup-open{overflow:hidden}
@keyframes wallet-topup-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:620px){
  #dashboard .wallet-balance-actions{max-width:none}
  #dashboard .wallet-topup-open{min-height:56px}
  .wallet-topup-layer{padding:0;align-items:end}
  .wallet-topup-dialog{width:100%;max-height:88vh;border-radius:22px 22px 0 0;border-bottom:0}
  .wallet-topup-header{padding:20px 18px 16px}.wallet-topup-content{padding:18px}
  .wallet-topup-header p{max-width:330px}.wallet-topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){
  .wallet-topup-current{min-height:70px;padding:13px}.wallet-topup-current strong{font-size:18px}
  .wallet-topup-preset{min-height:43px;padding:0 9px;font-size:9px}
  .wallet-topup-result-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.wallet-topup-dialog,.wallet-topup-open,.wallet-topup-preset{animation:none!important;transition:none!important}}


/* V21 — Payment Recovery & Wallet UX */
.wallet-topup-recovery{margin:14px 0 0;padding:13px 14px;border:1px solid rgba(104,131,225,.17);border-radius:14px;background:linear-gradient(135deg,rgba(31,50,102,.48),rgba(10,24,53,.76));display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px}
.wallet-topup-recovery.hidden{display:none}.wallet-topup-recovery-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(93,120,229,.12);color:#9eb0ff;font-size:17px;font-weight:800}.wallet-topup-recovery-copy{min-width:0;display:grid;gap:2px}.wallet-topup-recovery-copy span{color:#7184b4;font-size:7.5px;font-weight:850;letter-spacing:.09em}.wallet-topup-recovery-copy strong{color:#eef3ff;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-topup-recovery-copy small{color:#7483a4;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-topup-recovery[data-status="paid"]{border-color:rgba(68,196,137,.2)}
.wallet-topup-result[data-status="pending"]{border-color:rgba(91,124,231,.2);background:linear-gradient(145deg,rgba(27,47,101,.3),rgba(12,29,51,.72))}.wallet-topup-result[data-status="pending"] .wallet-topup-result-icon{background:rgba(87,116,231,.14);color:#9bb0ff}.wallet-topup-result[data-status="expired"],.wallet-topup-result[data-status="failed"]{border-color:rgba(228,156,82,.18);background:linear-gradient(145deg,rgba(89,55,25,.2),rgba(12,29,51,.72))}.wallet-topup-result[data-status="expired"] .wallet-topup-result-icon,.wallet-topup-result[data-status="failed"] .wallet-topup-result-icon{background:rgba(226,155,75,.12);color:#f0b870}.wallet-topup-result-actions:has(#wallet-topup-new-payment:not(.hidden)){grid-template-columns:1fr}
@media(max-width:620px){.wallet-topup-recovery{grid-template-columns:34px minmax(0,1fr);padding:12px}.wallet-topup-recovery .button{grid-column:1/-1;width:100%}.wallet-topup-recovery-copy strong,.wallet-topup-recovery-copy small{white-space:normal}}

/* V22 — Admin / Owner Portal Expansion */
.admin-readonly-badge{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid rgba(95,205,150,.16);border-radius:10px;background:rgba(57,157,111,.08);color:#76dba9;font-size:9px;font-weight:800;letter-spacing:.03em}.admin-readonly-badge i{width:7px;height:7px;border-radius:50%;background:#58d092;box-shadow:0 0 0 4px rgba(88,208,146,.08)}
.admin-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(116,139,211,.12);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(12,24,50,.86),rgba(8,18,38,.9));box-shadow:0 18px 52px rgba(0,0,0,.12)}.admin-summary-grid>div{min-height:116px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(116,139,211,.09);border-bottom:1px solid rgba(116,139,211,.09);position:relative}.admin-summary-grid>div:nth-child(3n){border-right:0}.admin-summary-grid>div:nth-last-child(-n+3){border-bottom:0}.admin-summary-grid span{color:#7483a3;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.admin-summary-grid strong{margin-top:7px;color:#f0f4ff;font-size:24px;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.admin-summary-grid small{margin-top:8px;color:#637394;font-size:9px;line-height:1.45}
.admin-browser{padding:0!important;overflow:hidden!important}.admin-browser-head{padding:18px 18px 14px;display:grid;gap:14px;border-bottom:1px solid rgba(116,139,211,.09)}.admin-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{height:34px;padding:0 13px;border-radius:9px;border:1px solid rgba(111,135,208,.11);background:rgba(13,26,53,.54);color:#7b8aa9;font:inherit;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.16s ease}.admin-tab:hover{border-color:rgba(122,148,233,.22);color:#cfd9f7}.admin-tab.active{background:rgba(80,105,205,.18);border-color:rgba(115,141,235,.28);color:#e4eaff;box-shadow:inset 0 0 18px rgba(83,109,221,.08)}
.admin-filter-form{display:grid;grid-template-columns:minmax(240px,1fr) 160px 170px auto;gap:8px;align-items:center}.admin-search{height:40px;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(112,136,211,.12);border-radius:11px;background:rgba(7,17,36,.58)}.admin-search svg{width:16px;height:16px;fill:none;stroke:#6f80a5;stroke-width:1.8}.admin-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e8edfb;font:inherit;font-size:10px}.admin-search input::placeholder{color:#596988}.admin-filter-form select{height:40px;border:1px solid rgba(112,136,211,.12);border-radius:11px;background:#0b1730;color:#cbd5ef;padding:0 10px;font:inherit;font-size:9px;outline:0}.admin-filter-form select:disabled{opacity:.4}.admin-filter-form select:focus,.admin-search:focus-within{border-color:rgba(105,132,236,.35);box-shadow:0 0 0 3px rgba(83,110,232,.07)}
.admin-table-meta{min-height:38px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(116,139,211,.075);color:#667696;font-size:8.5px}.admin-list{display:grid}.admin-data-row{width:100%;min-height:78px;padding:13px 18px;display:grid;grid-template-columns:minmax(210px,1.3fr) minmax(220px,1fr) auto;gap:16px;align-items:center;border:0;border-bottom:1px solid rgba(116,139,211,.075);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background .15s ease}.admin-data-row:hover:not(:disabled),.admin-data-row:focus-visible:not(:disabled){background:rgba(70,94,170,.06);outline:0}.admin-data-row:disabled{cursor:default}.admin-data-main{min-width:0;display:grid;gap:4px}.admin-data-main strong{color:#e9eefc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-data-main small{color:#677899;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-data-metrics{min-width:0;display:flex;gap:16px;align-items:center;justify-content:flex-start}.admin-data-metrics>span{color:#8b99b7;font-size:9px;white-space:nowrap}.admin-data-side{display:flex;align-items:center;justify-content:flex-end;gap:8px}.admin-data-side .status-badge{font-size:8px!important;padding:4px 7px!important}.admin-row-arrow{color:#7183ad;font-size:18px;line-height:1}.admin-empty{margin:24px!important}.admin-pagination{min-height:58px;padding:10px 18px;display:flex;align-items:center;justify-content:flex-end;gap:12px;background:rgba(5,13,29,.22)}.admin-pagination>span{min-width:92px;text-align:center;color:#7483a3;font-size:9px}.admin-card-action{padding:14px 18px 18px;border-top:1px solid rgba(125,147,218,.08);display:flex;justify-content:flex-end}
.admin-user-layer{position:fixed;inset:0;z-index:1290;display:flex;justify-content:flex-end}.admin-user-layer.hidden{display:none}.admin-user-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,18,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-user-drawer{position:relative;width:min(520px,94vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#081126 0%,#09152c 100%);border-left:1px solid rgba(121,144,222,.17);box-shadow:-28px 0 80px rgba(0,0,0,.4);animation:service-drawer-in .22s ease-out both}.admin-user-header{height:76px;flex:0 0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(116,135,199,.13);background:rgba(7,15,33,.84);backdrop-filter:blur(16px)}.admin-user-header h2{margin:3px 0 0;color:#f5f8ff;font-size:20px;letter-spacing:-.03em}.admin-user-content{flex:1;overflow:auto;padding:20px}.admin-user-identity{padding:16px;border:1px solid rgba(113,137,210,.14);border-radius:15px;background:rgba(15,29,59,.64);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px}.admin-user-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#314fa4,#213775);border:1px solid rgba(137,157,238,.16);color:#edf2ff;font-size:15px;font-weight:900}.admin-user-identity>div{min-width:0;display:grid;gap:3px}.admin-user-identity strong{color:#eef3ff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-identity small{color:#7788ac;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-stats{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(113,137,210,.12);border-radius:14px;overflow:hidden;background:rgba(8,18,39,.46)}.admin-user-stats>div{min-height:74px;padding:12px;border-right:1px solid rgba(113,137,210,.09);border-bottom:1px solid rgba(113,137,210,.09);display:flex;flex-direction:column;justify-content:center;gap:5px}.admin-user-stats>div:nth-child(3n){border-right:0}.admin-user-stats>div:nth-last-child(-n+3){border-bottom:0}.admin-user-stats span{color:#6f7fa1;font-size:8px}.admin-user-stats strong{color:#e7edfc;font-size:12px}.admin-user-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(113,137,210,.11)}.admin-user-section h3{margin:0 0 10px;color:#eaf0ff;font-size:12px}.admin-user-section-list{display:grid;border:1px solid rgba(113,137,210,.1);border-radius:13px;overflow:hidden;background:rgba(7,16,34,.4)}.admin-user-minirow{min-height:64px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(113,137,210,.08)}.admin-user-minirow:last-child{border-bottom:0}.admin-user-minirow>div:first-child{min-width:0;display:grid;gap:3px}.admin-user-minirow strong{color:#dfe6f8;font-size:10px}.admin-user-minirow small{color:#68799c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-minirow-side{display:grid;justify-items:end;gap:5px}.admin-user-minirow-side>strong{color:#cdd7ef;font-size:9px}.admin-user-minirow-side .status-badge{font-size:7.5px!important;padding:3px 6px!important}.admin-user-empty{margin:0;padding:18px;text-align:center;color:#69799a;font-size:9px}.admin-user-open{overflow:hidden}
@media(max-width:900px){.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-summary-grid>div:nth-child(3n){border-right:1px solid rgba(116,139,211,.09)}.admin-summary-grid>div:nth-child(2n){border-right:0}.admin-summary-grid>div:nth-last-child(-n+3){border-bottom:1px solid rgba(116,139,211,.09)}.admin-summary-grid>div:nth-last-child(-n+2){border-bottom:0}.admin-filter-form{grid-template-columns:minmax(190px,1fr) 1fr 1fr}.admin-filter-form .button{grid-column:1/-1}.admin-data-row{grid-template-columns:minmax(190px,1.2fr) minmax(170px,1fr) auto}.admin-data-metrics{gap:10px}}
@media(max-width:620px){.admin-portal-heading .portal-heading-actions{width:100%;justify-content:space-between}.admin-summary-grid{grid-template-columns:1fr 1fr}.admin-summary-grid>div{min-height:96px;padding:15px}.admin-summary-grid strong{font-size:19px}.admin-browser-head{padding:14px}.admin-filter-form{grid-template-columns:1fr 1fr}.admin-search{grid-column:1/-1}.admin-filter-form .button{grid-column:1/-1}.admin-table-meta{padding:0 14px}.admin-table-meta span:last-child{display:none}.admin-data-row{min-height:86px;padding:12px 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.admin-data-metrics{grid-column:1/-1;grid-row:2;gap:12px;overflow:auto}.admin-data-side{grid-column:2;grid-row:1}.admin-pagination{padding:10px 14px;justify-content:space-between}.admin-pagination .button{padding-inline:10px}.admin-user-drawer{width:100%;max-width:none}.admin-user-content{padding:16px}.admin-user-header{padding:0 18px}.admin-user-stats{grid-template-columns:1fr 1fr}.admin-user-stats>div:nth-child(3n){border-right:1px solid rgba(113,137,210,.09)}.admin-user-stats>div:nth-child(2n){border-right:0}.admin-user-stats>div:nth-last-child(-n+3){border-bottom:1px solid rgba(113,137,210,.09)}.admin-user-stats>div:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:390px){.admin-summary-grid strong{font-size:17px}.admin-summary-grid small{font-size:8px}.admin-filter-form{grid-template-columns:1fr}.admin-search,.admin-filter-form .button{grid-column:auto}.admin-pagination>span{min-width:auto}.admin-user-identity{grid-template-columns:40px minmax(0,1fr)}.admin-user-identity>.status-badge{grid-column:1/-1;justify-self:start}.admin-user-stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.admin-user-drawer,.admin-data-row,.admin-tab{animation:none!important;transition:none!important}}

/* V23 final portal polish: accessibility, network feedback and mobile safe areas */
.skip-link{position:fixed;left:14px;top:10px;z-index:4000;transform:translateY(-160%);padding:9px 12px;border:1px solid rgba(132,154,232,.34);border-radius:10px;background:#0b1730;color:#f4f7ff;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.34);transition:transform .14s ease}
.skip-link:focus{transform:translateY(0);outline:2px solid rgba(110,137,255,.7);outline-offset:2px}
.network-status{position:fixed;z-index:3600;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);min-height:38px;max-width:min(520px,calc(100vw - 28px));padding:9px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(119,140,205,.24);border-radius:12px;background:rgba(8,17,37,.96);box-shadow:0 16px 48px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#dce5fa;font-size:10px;font-weight:700}
.network-status.hidden{display:none}.network-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#efb34d;box-shadow:0 0 0 4px rgba(239,179,77,.1)}.network-status.is-online .network-status-dot{background:#55d69a;box-shadow:0 0 0 4px rgba(85,214,154,.1)}.network-status.is-offline .network-status-dot{background:#ef6d7a;box-shadow:0 0 0 4px rgba(239,109,122,.1)}
button.is-loading{position:relative;cursor:progress!important}.icon-button.is-loading svg,.button.is-loading>svg{opacity:.25}.is-loading::after{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:v23-spin .7s linear infinite}.icon-button.is-loading::after{position:absolute;inset:0;margin:auto}.button.is-loading::after{margin-left:7px;display:inline-block;vertical-align:-2px}
[aria-busy="true"]{cursor:progress}.admin-list[aria-busy="true"]{min-height:120px;opacity:.72}.admin-user-content[aria-busy="true"]{opacity:.78}
@keyframes v23-spin{to{transform:rotate(360deg)}}
@media(max-width:860px){
  #dashboard .topbar{padding-top:env(safe-area-inset-top)}
  #dashboard .sidebar{padding-bottom:env(safe-area-inset-bottom)}
  #dashboard .app-content{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .notification-drawer,.admin-user-drawer,.service-detail-drawer,.transaction-detail-drawer{padding-bottom:env(safe-area-inset-bottom)}
  .wallet-topup-dialog{padding-bottom:env(safe-area-inset-bottom)}
  .portal-heading h1,.portal-heading h2,.surface-heading h2{overflow-wrap:anywhere}
  .admin-data-metrics,.wallet-filter-tabs,.activity-center-tabs,.status-filters,.content-tabs{scrollbar-width:none}
  .admin-data-metrics::-webkit-scrollbar,.wallet-filter-tabs::-webkit-scrollbar,.activity-center-tabs::-webkit-scrollbar,.status-filters::-webkit-scrollbar,.content-tabs::-webkit-scrollbar{display:none}
}
@media(max-width:430px){
  .network-status{top:max(8px,env(safe-area-inset-top));min-height:36px;padding:8px 11px;font-size:9px}
  #dashboard .app-content{padding-left:12px;padding-right:12px}
  #dashboard .portal-heading{gap:12px}
  #dashboard .portal-heading-actions{gap:7px}
  #dashboard .topbar-actions .button{min-width:40px}
  .admin-table-meta{min-height:34px}.admin-pagination{gap:8px}.admin-pagination .button{min-height:36px}
  .wallet-topup-dialog,.notification-drawer,.admin-user-drawer,.transaction-detail-drawer,.service-detail-drawer{max-height:100dvh}
}
@media(prefers-reduced-motion:reduce){.skip-link,.is-loading::after{transition:none}.is-loading::after{animation-duration:1.4s}}

/* V26 web-only staging indicator */
.staging-mode-banner {
  position: fixed;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: min(92vw, 620px);
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(9, 15, 28, .92);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font-size: 12px;
  letter-spacing: .01em;
}
.staging-mode-banner strong { font-size: 11px; letter-spacing: .12em; }
.staging-mode-banner span { opacity: .82; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.staging-read-only .button-primary:disabled,
body.staging-read-only .service-action-tile:disabled,
body.staging-read-only .small-button:disabled { cursor: not-allowed; opacity: .5; }
@media (max-width: 560px) {
  .staging-mode-banner { top: max(8px, env(safe-area-inset-top)); gap: 7px; padding: 8px 11px; max-width: calc(100vw - 24px); }
  .staging-mode-banner span { max-width: 72vw; }
}


/* =========================================================
   V27.5 — Google auth/session polish
   Keep Google's official rendered button inside a stable mobile frame.
   ========================================================= */
.google-auth-panel{gap:12px!important}
.google-signin-button{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:10px!important;
  position:relative;
  isolation:isolate;
}
.google-signin-button>div,
.google-signin-button iframe{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  height:48px!important;
  min-height:48px!important;
  border:0!important;
  margin:0!important;
}
.google-signin-button.is-busy{pointer-events:none;opacity:.58}
.google-signin-button.is-busy::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  background:rgba(7,12,25,.18);
}
.google-login-note{margin:0!important;padding:11px 13px!important}
.google-auth-dialog #google-auth-status:empty{display:none}
.google-auth-dialog #google-auth-status:not(:empty){display:block;min-height:18px}
@media(max-width:720px){
  .google-signin-button,
  .google-signin-button>div,
  .google-signin-button iframe{height:48px!important;min-height:48px!important}
  .google-auth-dialog{overflow-x:hidden!important}
}