:root{--paper:#f6f7f4;--surface:#ffffff;--ink:#1b211d;--ink-muted:#5c6660;--line:#dde3dd;--accent:#1f6e5c;--accent-soft:#e4efea;--accent-contrast:#ffffff;--amber:#b5762a;--amber-soft:#f4e9db;--danger:#b3432f;--danger-soft:#f6e4df;--radius:10px;--font-body:var(--font-prompt),"Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"Consolas",ui-monospace,monospace}.revenue-admin-page>.finance-admin-page{max-width:none;width:100%;margin:0}.revenue-admin-page>.finance-admin-page>section.card{width:100%}.reward-schedule-state{display:block;margin-top:5px;max-width:220px;color:var(--ink-muted);font-size:.72rem;line-height:1.4}.reward-schedule-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.reward-schedule-fields>label{display:grid;grid-gap:7px;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.reward-schedule-fields>label>span{font-weight:700}.reward-schedule-fields small{color:var(--ink-muted)}.save-toast-stack{position:fixed;z-index:10000;right:22px;bottom:22px;display:grid;grid-gap:10px;gap:10px;width:min(390px,calc(100vw - 28px));pointer-events:none}.save-toast{pointer-events:auto;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;grid-gap:10px;gap:10px;padding:13px 12px;border:1px solid rgba(85,213,159,.45);border-radius:14px;background:rgba(18,27,23,.97);color:#f6fff9;box-shadow:0 18px 48px rgba(0,0,0,.38);animation:save-toast-in .22s ease-out}.save-toast>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(85,213,159,.18);color:#6ee7b7;font-weight:900}.save-toast>div{display:grid;grid-gap:1px;gap:1px}.save-toast small{color:#b9c9c0}.save-toast button{border:0;background:transparent;color:#9fb0a7;font-size:1.25rem;cursor:pointer}@keyframes save-toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:560px){.reward-schedule-fields{grid-template-columns:1fr}.save-toast-stack{right:14px;bottom:14px}}.billing-history-slip-button{padding:7px 12px}.billing-history-modal-close{width:100%;justify-content:center;margin-top:12px}.system-dashboard-page{max-width:1320px;margin:auto;padding:26px clamp(16px,4vw,40px) 70px;display:grid;grid-gap:20px;gap:20px}.system-dashboard-page>.page-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface))}.system-live{display:flex;align-items:center;gap:7px;color:var(--accent);font:800 .66rem var(--font-mono)}.system-live i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);animation:presencePulse 1.8s infinite}.system-total-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px}.system-total-grid article{position:relative;overflow:hidden;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.system-total-grid article:after{content:"";position:absolute;right:-24px;bottom:-30px;width:75px;height:75px;border:13px solid var(--accent-soft);border-radius:50%}.system-total-grid small{display:block;color:var(--ink-muted);font-size:.69rem}.system-total-grid strong{display:block;margin-top:7px;color:var(--accent);font-size:1.8rem}.system-health-card,.system-online-section{padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.system-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:20px}.system-section-heading span{color:var(--accent);font:800 .62rem var(--font-mono);letter-spacing:.13em}.system-section-heading h2{margin:6px 0 0;font-size:1.2rem}.system-section-heading>small{color:var(--ink-muted)}.system-gauge-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.network-meter,.system-gauge{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:center}.system-gauge-ring{--gauge-color:var(--accent);width:126px;height:126px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gauge-color) var(--gauge),color-mix(in srgb,var(--line) 75%,transparent) 0);position:relative}.system-gauge-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--paper)}.system-gauge-ring>div{position:relative;z-index:1;display:grid}.system-gauge-ring strong{font-size:1.45rem}.system-gauge-ring small{color:var(--ink-muted);font-size:.62rem}.system-gauge[data-tone=amber] .system-gauge-ring{--gauge-color:var(--amber)}.system-gauge[data-tone=danger] .system-gauge-ring{--gauge-color:var(--danger)}.network-meter p,.system-gauge p{margin:12px 0 0;color:var(--ink-muted);font-size:.68rem}.network-meter{display:grid;grid-template-columns:1fr 1fr;align-content:center;grid-gap:9px;gap:9px;text-align:left}.network-meter>span{grid-column:1/-1;color:var(--accent);font:800 .64rem var(--font-mono)}.network-meter>div{padding:10px;border-radius:9px;background:var(--surface)}.network-meter small{display:block;color:var(--ink-muted);font-size:.58rem}.network-meter strong{font-size:.95rem}.network-meter p{grid-column:1/-1}.system-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-gap:11px;gap:11px}.system-brand-presence{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}.system-brand-presence>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.system-brand-presence>header>div{display:flex;align-items:center;gap:8px}.system-brand-presence>header i{width:8px;height:8px;border-radius:50%;background:var(--ink-muted)}.system-brand-presence>header i[data-online=true]{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.system-brand-presence>header span{color:var(--accent);font-size:.67rem}.system-brand-presence>p{padding:18px;margin:0;color:var(--ink-muted);font-size:.72rem;text-align:center}.system-online-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line)}.system-online-user:last-child{border:0}.system-online-user>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}.system-online-user small,.system-online-user strong{display:block}.system-online-user strong{font-size:.77rem}.system-online-user small{color:var(--ink-muted);font-size:.62rem}.system-online-user>i{color:var(--accent);font-size:.62rem;font-style:normal}.system-sales-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.system-sales-card .system-section-heading>strong{color:var(--accent);font-size:1.35rem}.system-sales-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:15px}.system-sales-summary article{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.system-sales-summary small,.system-sales-summary strong{display:block}.system-sales-summary small{color:var(--ink-muted);font-size:.7rem}.system-sales-summary strong{margin-top:5px;font-size:1rem}.system-sales-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.system-sales-toolbar>div:first-child{display:flex;gap:5px;flex-wrap:wrap}.system-sales-toolbar button{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink-muted);cursor:pointer}.system-sales-toolbar button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.system-sales-dates{display:flex;gap:8px}.system-sales-dates label{color:var(--ink-muted);font-size:.68rem}.system-sales-dates input{display:block;min-height:38px;margin-top:4px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.system-revenue-chart{height:230px;display:flex;align-items:flex-end;gap:clamp(3px,.8vw,9px);padding:20px 12px 0;overflow-x:auto;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(to top,var(--accent-soft),transparent 55%)}.system-revenue-chart>div{min-width:18px;height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.system-revenue-chart span{width:min(30px,80%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff))}.system-revenue-chart small{min-height:20px;color:var(--ink-muted);font-size:.58rem;white-space:nowrap}.audit-search{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.audit-search input{min-width:0;flex:1 1;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}.finance-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}.finance-section-head span{color:var(--accent);font:800 .62rem var(--font-mono);letter-spacing:.12em}.finance-section-head h2{margin:6px 0 2px}.finance-section-head p{margin:0;color:var(--ink-muted);font-size:.72rem}.finance-section-head>strong{color:var(--accent)}.payment-order-toolbar{display:grid;grid-gap:10px;gap:10px;margin-bottom:15px}.payment-order-toolbar>input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}.payment-order-toolbar>input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.payment-status-filters{display:flex;gap:6px;overflow:auto;padding-bottom:3px}.payment-status-filters button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:.7rem}.payment-status-filters button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.payment-status-filters b{padding:2px 6px;font-size:.6rem}.payment-status,.payment-status-filters b{border-radius:20px;background:var(--paper)}.payment-status{display:inline-flex;padding:5px 8px;font-size:.66rem;font-weight:750}.payment-status[data-status=PAID]{background:var(--accent-soft);color:var(--accent)}.payment-status[data-status=MANUAL_REVIEW],.payment-status[data-status=VERIFYING]{background:var(--amber-soft);color:var(--amber)}.payment-status[data-status=EXPIRED],.payment-status[data-status=REJECTED]{background:var(--danger-soft);color:var(--danger)}.payment-row-actions{display:flex;gap:5px;flex-wrap:wrap}.payment-row-actions .btn{padding:6px 9px;font-size:.68rem}.finance-slip-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:rgba(3,10,7,.76);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.finance-slip-modal{width:min(930px,96vw);max-height:92vh;overflow:auto;padding:0!important;border-radius:19px!important;background:var(--surface)}.finance-slip-modal>header{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.finance-slip-modal>header span{color:var(--accent);font:800 .61rem var(--font-mono);letter-spacing:.12em}.finance-slip-modal>header h2{margin:5px 0 0}.finance-slip-modal>header button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.3rem;cursor:pointer}.finance-slip-body{display:grid;grid-template-columns:1fr 1fr}.finance-slip-body>section{min-height:520px;padding:20px;display:grid;place-items:center;background:#0b0f0d}.finance-slip-body>section img{max-width:100%;max-height:600px;object-fit:contain;border-radius:10px}.finance-no-slip{color:#92a097}.finance-slip-body>aside{padding:24px}.finance-slip-body dl{display:grid;grid-gap:0;gap:0;margin:16px 0}.finance-slip-body dl>div{padding:10px 0;border-bottom:1px solid var(--line)}.finance-slip-body dt{color:var(--ink-muted);font-size:.65rem}.finance-slip-body dd{margin:3px 0 0;font-size:.78rem;font-weight:650}.finance-slip-price{color:var(--accent);font-size:1.15rem!important}.finance-plan-editor{padding:0!important;overflow:hidden}.finance-plan-editor>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:15px 18px}.finance-plan-editor>summary::-webkit-details-marker{display:none}.finance-plan-editor>summary>span:first-child{display:flex;align-items:center;gap:11px}.finance-plan-editor>summary b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.finance-plan-editor>summary small,.finance-plan-editor>summary strong{display:block}.finance-plan-editor>summary small{color:var(--ink-muted);font-size:.65rem}.finance-plan-summary-state{display:flex;align-items:center;gap:8px;color:var(--danger);font-size:.68rem}.finance-plan-summary-state[data-active=true]{color:var(--accent)}.finance-plan-summary-state i{font-style:normal;transition:.2s}.finance-plan-editor[open] .finance-plan-summary-state i{transform:rotate(180deg)}.finance-plan-editor-body{padding:18px;border-top:1px solid var(--line)}.finance-toggle-grid{display:flex;gap:7px;flex-wrap:wrap}.finance-switch{position:relative;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer;font-size:.7rem}.finance-switch input{position:absolute;opacity:0}.finance-switch i{width:28px;height:16px;padding:2px;border-radius:20px;background:var(--line);transition:.2s}.finance-switch i:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.finance-switch input:checked+i{background:var(--accent)}.finance-switch input:checked+i:after{transform:translateX(12px)}@media (max-width:900px){.system-gauge-grid,.system-total-grid{grid-template-columns:1fr 1fr}.finance-slip-body{grid-template-columns:1fr}.finance-slip-body>section{min-height:360px}}@media (max-width:600px){.system-sales-summary{grid-template-columns:1fr}.system-sales-toolbar{align-items:stretch;flex-direction:column}.system-sales-dates{display:grid;grid-template-columns:1fr 1fr}.system-sales-dates input{width:100%}.system-revenue-chart{height:190px}.audit-search{display:grid;grid-template-columns:1fr auto}.audit-search input{grid-column:1/-1}.system-dashboard-page{padding:18px 13px 55px}.system-dashboard-page>.page-header{display:block;padding:18px}.system-live{margin-top:13px}.system-total-grid{grid-template-columns:1fr 1fr}.system-total-grid article{padding:14px}.system-gauge-grid{grid-template-columns:1fr 1fr}.network-meter,.system-gauge{padding:14px}.system-gauge-ring{width:105px;height:105px}.network-meter{grid-column:1/-1}.system-health-card,.system-online-section{padding:15px}.system-section-heading{align-items:flex-start}.finance-slip-backdrop{padding:0;align-items:end}.finance-slip-modal{width:100vw;max-height:94dvh;border-radius:20px 20px 0 0!important}.finance-slip-body>section{min-height:300px}.finance-slip-body>aside{padding:18px}.finance-section-head{align-items:flex-start}.payment-row-actions{min-width:170px}}@media (max-width:700px){.audit-log-page,.brands-admin-page,.channels-admin-page{padding:16px 12px 48px!important;gap:14px!important}.brands-admin-page .page-header,.channels-admin-page .page-header{display:grid;grid-gap:13px;gap:13px;padding:16px}.brands-admin-page .page-header>.btn,.channels-admin-page .page-header>.btn{width:100%;justify-content:center}.brand-create-form,.channel-create-form{display:grid!important;align-items:stretch!important}.brand-create-form .btn,.channel-create-form .btn{width:100%;justify-content:center}.brand-admin-card,.channel-admin-card{padding:15px!important}.brand-admin-head,.channel-admin-head{flex-direction:column}.channel-admin-identity{min-width:0}.channel-admin-identity>div:last-child{min-width:0;overflow-wrap:anywhere}.channel-admin-actions{width:100%;justify-content:space-between}.brand-limit-grid,.channel-reply-grid{grid-template-columns:1fr!important}.brand-admin-card>div[style*=border-top]{align-items:flex-start!important;flex-direction:column}.brand-admin-card>div[style*=border-top] button{width:100%}.billing-history-page-card{padding:14px!important}.billing-history-page-card .table-wrap,.finance-orders-section .table-wrap,.finance-subscriptions-section .table-wrap{overflow:visible;border:0}.billing-history-page-card table,.billing-history-page-card tbody,.billing-history-page-card td,.billing-history-page-card tr,.finance-orders-section table,.finance-orders-section tbody,.finance-orders-section td,.finance-orders-section tr,.finance-subscriptions-section table,.finance-subscriptions-section tbody,.finance-subscriptions-section td,.finance-subscriptions-section tr{display:block;width:100%}.billing-history-page-card thead,.finance-orders-section thead,.finance-subscriptions-section thead{display:none}.billing-history-page-card tr,.finance-orders-section tr,.finance-subscriptions-section tr{margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.billing-history-page-card td,.finance-orders-section td,.finance-subscriptions-section td{display:grid;grid-template-columns:105px minmax(0,1fr);grid-gap:10px;gap:10px;padding:7px 0;border:0;overflow-wrap:anywhere}.billing-history-page-card td:before,.finance-orders-section td:before,.finance-subscriptions-section td:before{content:attr(data-label);color:var(--ink-muted);font-size:.68rem;font-weight:600}.payment-row-actions,.subscription-row-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.payment-row-actions .btn{justify-content:center}.finance-orders-section,.finance-subscriptions-section{padding:14px!important}.payment-status-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.flex-template-grid{align-items:stretch;width:100%}.flex-template-grid .flex-preview{height:100%;grid-template-rows:minmax(0,1fr) auto 44px}.flex-template-grid .flex-preview>.btn{width:100%;min-height:44px;margin-top:auto;display:inline-flex;align-items:center;justify-content:center}.flex-template-count{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-muted);font-size:.78rem}.flex-template-count strong{color:var(--ink);font-size:.78rem}.flex-template-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:4px}.flex-template-pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);cursor:pointer;font-weight:700}.flex-template-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.flex-template-pagination button[data-active=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.flex-template-pagination button:disabled{opacity:.35;cursor:not-allowed}.flex-builder-backdrop{position:fixed;inset:0;z-index:1400;width:100vw;height:100vh;height:100dvh;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;background:color-mix(in srgb,var(--paper) 76%,rgba(0,0,0,.7));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:flex-backdrop-in .2s ease-out both}.flex-builder-backdrop .flex-builder-modal{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:var(--surface);box-shadow:none;animation:flex-workspace-in .28s cubic-bezier(.2,.85,.3,1) both}.flex-builder-backdrop .flex-builder-modal>header{padding:17px clamp(16px,3vw,32px);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.flex-builder-backdrop .flex-builder-modal>footer{padding:13px clamp(16px,3vw,32px);background:var(--surface)}.flex-builder-opening{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 35%),color-mix(in srgb,var(--paper) 88%,#000)}.flex-builder-loader{display:grid;justify-items:center;grid-gap:9px;gap:9px;padding:30px;text-align:center;animation:flex-workspace-in .25s ease-out both}.flex-builder-loader>div{position:relative;width:108px;height:108px;display:grid;place-items:center;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:32px;transform:rotate(45deg);animation:flex-loader-glow 1.4s ease-in-out infinite}.flex-builder-loader b{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:var(--accent-contrast);font-size:1.65rem;transform:rotate(-45deg);box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 35%,transparent)}.flex-builder-loader i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.flex-builder-loader i:first-child{top:-5px;left:49px}.flex-builder-loader i:nth-child(2){right:-5px;top:49px;animation:zenoPulse .9s ease-in-out infinite}.flex-builder-loader i:nth-child(3){bottom:-5px;left:49px;animation:zenoPulse .9s ease-in-out .3s infinite}.flex-builder-loader h2{margin:0;font-size:1.25rem}.flex-builder-loader p{margin:0;color:var(--ink-muted);font-size:.8rem}@keyframes flex-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes flex-workspace-in{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}@keyframes flex-loader-glow{50%{box-shadow:0 0 55px color-mix(in srgb,var(--accent) 24%,transparent);transform:rotate(135deg)}}@media (max-width:760px){.flex-template-grid{grid-template-columns:1fr}.flex-builder-backdrop .flex-builder-modal{height:100dvh}.flex-builder-backdrop .flex-builder-tabs{padding:6px}.flex-builder-backdrop .flex-builder-modal>footer .btn{flex:1 1;min-height:44px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141815;--surface:#1b211d;--ink:#edefea;--ink-muted:#9aa69e;--line:#2a322d;--accent:#4fbf9c;--accent-soft:#1c2e28;--accent-contrast:#0e1512;--amber:#d99b52;--amber-soft:#2e2216;--danger:#e08469;--danger-soft:#33201a}}:root[data-theme=dark]{--paper:#141815;--surface:#1b211d;--ink:#edefea;--ink-muted:#9aa69e;--line:#2a322d;--accent:#4fbf9c;--accent-soft:#1c2e28;--accent-contrast:#0e1512;--amber:#d99b52;--amber-soft:#2e2216;--danger:#e08469;--danger-soft:#33201a}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:7px 30px 7px 12px;cursor:pointer;transition:border-color .15s ease;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:right 17px center,right 12px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}select:hover{border-color:var(--accent)}select:disabled{opacity:.55;cursor:not-allowed}select option{background-color:var(--surface);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;color:var(--ink-muted)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;background:var(--surface);color:var(--ink)}.field select{padding-right:30px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-family:var(--font-mono);padding:3px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge-muted{background:var(--paper);color:var(--ink-muted);border:1px solid var(--line)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}thead th{background:var(--accent-soft);color:var(--ink-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s ease}tbody tr:hover{background:var(--paper)}.empty-state{color:var(--ink-muted);font-size:.9rem;padding:32px 16px;text-align:center}.app-shell{display:flex;min-height:100vh;min-height:100dvh}.topbar{display:none;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.sidebar,.topbar{background:var(--surface)}.sidebar{width:232px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;transition:width .18s ease,transform .2s ease;overflow:hidden}.sidebar-scroll-nav{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:18px}.sidebar-account,.sidebar-footer{flex:none;background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}.app-main{flex:1 1;min-width:0}.icon-btn{width:34px;height:34px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:1rem;line-height:1}.icon-btn:hover{border-color:var(--accent)}.icon-btn[data-muted=true]{opacity:.45}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{border-color:var(--line)}@media (min-width:769px){.sidebar-backdrop{display:none!important}.sidebar[data-collapsed=true]{width:0;padding:0;overflow:hidden;border-right:none}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}}@media (max-width:768px){.topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:260px;transform:translateX(-100%);z-index:60;box-shadow:2px 0 24px rgba(0,0,0,.25);overflow:hidden;padding-bottom:max(14px,env(safe-area-inset-bottom))}.sidebar[data-open=true]{transform:translateX(0)}.sidebar[data-open=true]+.sidebar-backdrop{display:block}.sidebar-collapse-btn{display:none}}.auth-stage,.onboarding-stage{min-height:100dvh;display:grid;place-items:center;padding:clamp(18px,5vw,56px);background:radial-gradient(circle at 15% 15%,var(--accent-soft),transparent 34%),var(--paper)}.auth-panel,.onboarding-card{width:min(100%,440px);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,38px);box-shadow:0 24px 70px rgba(0,0,0,.18)}.auth-panel-wide{width:min(100%,640px)}.auth-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.auth-brand>span{font-size:1.1rem;font-weight:800;letter-spacing:.08em}.auth-brand>span span{color:var(--accent)}.auth-brand small,.muted{color:var(--ink-muted)}.register-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:22px}.register-full{grid-column:1/-1}.field small{font-size:.72rem;color:var(--ink-muted)}.form-error{color:var(--danger);margin:0;font-size:.86rem}.form-success{color:var(--accent);background:var(--accent-soft);padding:10px 12px;border-radius:9px}.auth-switch{text-align:center;color:var(--ink-muted);font-size:.88rem;margin:20px 0 0}.auth-switch a{color:var(--accent);font-weight:700}.onboarding-card{text-align:center;position:relative;overflow:hidden}.onboarding-orbit{width:76px;height:76px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 0 0 12px var(--accent-soft),0 0 34px color-mix(in srgb,var(--accent) 35%,transparent)}.onboarding-orbit span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#07130f;font-weight:900}.onboarding-card h1{font-size:clamp(1.6rem,5vw,2.2rem);margin:8px 0}.onboarding-card>p{color:var(--ink-muted);line-height:1.7}.onboarding-rule{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;margin:22px 0;text-align:left}.onboarding-rule span{font-size:.8rem;color:var(--ink-muted)}.onboarding-card form{display:grid;grid-gap:14px;gap:14px;text-align:left}.onboarding-card form .btn{min-height:48px}.onboarding-signout{margin-top:12px;width:100%}.brands-directory,.system-settings-page{padding:24px clamp(16px,4vw,40px) 48px;max-width:1100px;margin:auto;display:grid;grid-gap:22px;gap:22px}.system-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.system-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.system-toggle-card h2{font-size:1rem;margin:0 0 6px}.system-toggle-card p{font-size:.8rem;color:var(--ink-muted);margin:0;line-height:1.55}.system-switch{width:52px;height:30px;border:0;border-radius:20px;background:var(--line);padding:3px;cursor:pointer;flex:none}.system-switch span{display:block;width:24px;height:24px;border-radius:50%;background:white;transition:transform .18s}.system-switch.is-on{background:var(--accent)}.system-switch.is-on span{transform:translateX(22px)}.system-switch.is-danger.is-on{background:var(--danger)}.save-message{margin-left:12px;color:var(--accent)}.brand-filter-bar{display:grid;grid-template-columns:minmax(300px,1fr) 180px 200px;grid-gap:10px;gap:10px}.brand-filter-bar form{display:flex;gap:8px}.brand-filter-bar input,.brand-filter-bar select{width:100%}.directory-summary{display:flex;align-items:baseline;gap:8px}.directory-summary strong{font-size:1.8rem;color:var(--accent)}.directory-summary span{color:var(--ink-muted)}.brand-admin-card,.brand-directory-list{display:grid;grid-gap:14px;gap:14px}.brand-admin-actions,.brand-admin-head,.brand-admin-identity{display:flex;align-items:center}.brand-admin-head{justify-content:space-between;gap:12px}.brand-admin-actions,.brand-admin-identity{gap:10px}.brand-admin-identity h2{font-size:1rem;margin:0}.brand-admin-identity p{margin:4px 0 0;color:var(--ink-muted);font-size:.8rem}.brand-plan-row{display:grid;grid-template-columns:1fr minmax(240px,360px);grid-gap:12px;gap:12px;align-items:center;padding:14px;border-radius:12px;background:var(--paper)}.brand-plan-row div{display:flex;flex-direction:column}.brand-plan-row small{color:var(--ink-muted)}.brand-custom-editor{display:grid;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding-top:14px}.brand-custom-editor>p{margin:0;color:var(--ink-muted);font-size:.8rem}.pagination{display:flex;align-items:center;justify-content:center;gap:12px}@media(max-width:760px){.register-grid{grid-template-columns:1fr}.register-full{grid-column:auto}.auth-brand{align-items:flex-start;gap:8px;flex-direction:column}.brand-filter-bar,.system-toggle-grid{grid-template-columns:1fr}.brand-filter-bar form{display:grid;grid-template-columns:1fr auto}.brand-plan-row{grid-template-columns:1fr}.brand-admin-head{align-items:flex-start}.brand-admin-actions{flex-wrap:wrap;justify-content:flex-end}.brands-directory,.system-settings-page{padding:16px 12px 36px}.onboarding-card{border-radius:18px}}.brand-directory-row{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(100px,.45fr) minmax(150px,.7fr) auto auto;grid-gap:18px;gap:18px;align-items:center}.brand-row-stat{display:grid;grid-gap:3px;gap:3px}.brand-row-stat small{color:var(--ink-muted);font-size:.72rem}.brand-row-stat strong{font-size:.9rem}.brand-row-actions{display:flex;gap:8px}.brand-row-actions .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-danger-soft{border-color:rgba(239,100,100,.38)!important;color:#ff9b9b!important;background:rgba(126,39,39,.14)!important}.brand-manager-modal{width:min(1180px,100%);height:min(920px,calc(100vh - 36px));margin:auto;overflow:hidden;border:1px solid rgba(103,213,168,.28);border-radius:24px;background:var(--surface,#111914);box-shadow:0 28px 90px rgba(0,0,0,.58);animation:billing-modal-in .25s ease both}.brand-manager-header{height:86px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(67,201,146,.12),transparent 50%)}.brand-manager-header small,.section-title small{letter-spacing:.14em;color:var(--accent);font-size:.68rem;font-weight:700}.brand-manager-header h2{margin:3px 0 0;font-size:1.35rem}.brand-manager-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.5rem;cursor:pointer}.brand-manager-body{height:calc(100% - 86px);overflow-y:auto;padding:22px;display:grid;grid-gap:16px;gap:16px}.brand-manager-section{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title h3{margin:3px 0 0;font-size:1rem}.brand-manager-notice{position:-webkit-sticky;position:sticky;top:0;z-index:3;padding:11px 14px;border:1px solid rgba(85,213,159,.38);border-radius:11px;color:#9de6c7;background:#12291f}.brand-manager-loading{height:calc(100% - 86px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--ink-muted)}.brand-manager-loading span{width:48px;height:48px;border:3px solid rgba(104,220,172,.16);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}.brand-manager-error{margin:30px}.brand-package-overview{display:grid;grid-template-columns:1.3fr repeat(3,1fr);grid-gap:10px;gap:10px}.brand-metric,.brand-package-overview>div,.quota-item{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:grid;grid-gap:5px;gap:5px}.brand-metric small,.brand-package-overview small{color:var(--ink-muted)}.brand-package-overview select{margin-top:6px;width:100%}.expiry-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.expiry-controls input{width:110px}.brand-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.brand-metric strong{font-size:1.55rem;color:var(--accent)}.brand-quota-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.quota-item{grid-template-columns:1fr auto;align-items:center}.quota-item>div{display:grid}.quota-item em,.quota-item span{font-size:.72rem;color:var(--ink-muted);font-style:normal}.quota-item progress{grid-column:1/-1;width:100%;accent-color:var(--accent)}.brand-member-list{display:grid;grid-gap:8px;gap:8px}.brand-member{border:1px solid var(--line);border-radius:13px;overflow:hidden}.brand-member-summary{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:13px;border:0;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.brand-member-summary>span:nth-child(2){display:grid}.brand-member-summary small{color:var(--ink-muted)}.online-dot{width:9px;height:9px;border-radius:50%;background:#68706c}.online-dot.is-active{background:#55d59f;box-shadow:0 0 0 4px rgba(85,213,159,.12)}.brand-member-editor{padding:16px;display:grid;grid-gap:14px;gap:14px}.member-basic-controls{display:flex;align-items:end;gap:18px}.member-basic-controls>label{display:grid;grid-gap:6px;gap:6px}.member-basic-controls .toggle-line{display:flex;align-items:center;gap:7px;padding-bottom:10px}.member-permission-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.member-permission-grid label{display:flex;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px}.member-permission-grid span{display:grid}.member-permission-grid small{color:var(--ink-muted)}.member-channel-grid{display:flex;gap:8px;flex-wrap:wrap}.member-channel-grid label{padding:9px 12px;border:1px solid var(--line);border-radius:10px}.brand-payment-table{display:grid}.brand-payment-row{display:grid;grid-template-columns:1.2fr 1fr .7fr 1fr .75fr;grid-gap:10px;gap:10px;padding:12px;border-bottom:1px solid var(--line);align-items:center;font-size:.82rem}.brand-payment-row.payment-head{color:var(--ink-muted);font-size:.7rem;font-weight:700}.brand-payment-row small{display:block;color:#ff9b9b;margin-top:3px}@media(max-width:980px){.brand-directory-row{grid-template-columns:1fr auto}.brand-row-stat{display:none}.brand-row-actions{grid-column:1/-1}.brand-metric-grid,.brand-package-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.brand-manager-backdrop{padding:0}.brand-manager-modal{height:100dvh;border-radius:0;border:0}.brand-manager-header{height:76px;padding:14px 16px}.brand-manager-body{height:calc(100% - 76px);padding:12px}.brand-manager-section{padding:14px}.brand-metric-grid,.brand-package-overview,.brand-quota-grid,.member-permission-grid{grid-template-columns:1fr}.expiry-controls{display:grid;grid-template-columns:1fr 1fr}.expiry-controls input{width:100%;grid-column:1/-1}.member-basic-controls{align-items:stretch;flex-direction:column}.brand-payment-row.payment-head{display:none}.brand-payment-row{grid-template-columns:1fr;padding:14px}.brand-payment-row>span:before{content:attr(data-label);display:block;color:var(--ink-muted);font-size:.68rem;margin-bottom:2px}.brand-directory-row{grid-template-columns:1fr}.brand-directory-row>div:nth-child(4){position:absolute;right:28px}.brand-row-actions{grid-column:auto}.brand-row-actions .btn{flex:1 1;justify-content:center}}.brand-directory-row{position:relative}.brand-limits{display:grid;grid-gap:14px;gap:14px}.brand-limit-fields{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.brand-limit-fields label{display:grid;grid-gap:6px;gap:6px;color:var(--ink-muted);font-size:.75rem}.brand-feature-toggles{display:flex;gap:10px;flex-wrap:wrap}.brand-feature-toggles label{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}@media(max-width:760px){.brand-limit-fields{grid-template-columns:1fr 1fr}.brand-feature-toggles{display:grid;grid-template-columns:1fr}}.brand-manager-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;overflow:auto;padding:18px;background:rgba(2,8,6,.82);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.brand-manager-modal input:not([type=checkbox]):not([type=radio]),.brand-manager-modal select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);caret-color:var(--accent);color-scheme:dark}.brand-manager-modal input:focus,.brand-manager-modal select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(85,213,159,.13)}.brand-manager-modal option{background:#121a16;color:#f2f7f4}.brand-manager-modal b,.brand-manager-modal h2,.brand-manager-modal h3,.brand-manager-modal h4,.brand-manager-modal strong{color:var(--ink)}@media(max-width:650px){.brand-manager-backdrop{padding:0}}.revenue-admin-page{padding:24px clamp(16px,3vw,40px) 48px;display:grid;grid-gap:18px;gap:18px;max-width:1500px;margin:0 auto}.revenue-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.revenue-summary-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),var(--paper));display:grid;grid-gap:8px;gap:8px}.revenue-summary-card small{color:var(--ink-muted)}.revenue-summary-card strong{font-size:1.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.revenue-summary-card.is-accent{border-color:rgba(85,213,159,.45);background:linear-gradient(145deg,rgba(85,213,159,.16),var(--surface))}.revenue-summary-card.is-accent strong{color:var(--accent)}.revenue-chart-card,.revenue-top-card{padding:22px}.revenue-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.revenue-card-head small{color:var(--accent);font-weight:700;letter-spacing:.12em}.revenue-card-head h2{margin:4px 0 0}.revenue-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.revenue-range input,.revenue-range select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);color-scheme:dark}.revenue-bars{height:280px;display:flex;align-items:flex-end;gap:clamp(3px,1vw,12px);overflow-x:auto;padding:42px 6px 0;margin-top:18px;border-bottom:1px solid var(--line)}.revenue-bar-item{height:100%;min-width:30px;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.revenue-bar-item>span{font-size:.62rem;color:var(--ink-muted);white-space:nowrap}.revenue-bar-item>i{display:block;width:min(34px,80%);min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#71e6b4,var(--accent));box-shadow:0 0 18px rgba(85,213,159,.18)}.revenue-bar-item>small{font-size:.62rem;color:var(--ink-muted);white-space:nowrap}.top-plan-list{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.top-plan-list>div{display:grid;grid-template-columns:38px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.top-plan-list>div>b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.top-plan-list>div>span{display:grid}.top-plan-list small{color:var(--ink-muted)}.revenue-admin-page>.finance-admin-page{padding:0}.revenue-admin-page>.finance-admin-page>.finance-message{margin-bottom:12px}@media(max-width:900px){.revenue-summary-grid{grid-template-columns:1fr 1fr}.revenue-card-head{flex-direction:column}.revenue-range{width:100%}}@media(max-width:560px){.revenue-admin-page{padding:16px 12px 36px}.revenue-range,.revenue-summary-grid{grid-template-columns:1fr}.revenue-range{display:grid}.revenue-range span{display:none}.revenue-bars{height:230px}.revenue-chart-card,.revenue-top-card{padding:15px}.top-plan-list>div{grid-template-columns:32px 1fr}.top-plan-list>div>strong{grid-column:2}}.reward-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));grid-gap:16px;gap:16px;align-items:start}.reward-manager-card{display:flex;flex-direction:column;gap:14px}.reward-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.reward-manager-head h3{margin:0;font-size:1rem}.reward-manager-head p{color:var(--ink-muted);font-size:.8rem;margin:2px 0 0}.reward-add-row{display:flex;gap:10px;align-items:center}.reward-add-row span{font-size:.8rem;color:var(--ink-muted)}.reward-pagination{display:flex;justify-content:center;gap:10px;align-items:center;font-size:.82rem}.reward-manager-card .list-loading{padding:12px}@media(max-width:1120px){.reward-manager-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.reward-manager-grid{grid-template-columns:1fr}.reward-manager-head{align-items:stretch;flex-direction:column}.reward-manager-head .btn{align-self:flex-start}}.reward-mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.reward-mode-switch button{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);display:grid;grid-gap:4px;gap:4px;text-align:left;cursor:pointer}.reward-mode-switch button small{color:var(--ink-muted)}.reward-mode-switch button[data-active=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px rgba(85,213,159,.08)}.reward-mode-switch button[data-active=true] strong{color:var(--accent)}@media(max-width:560px){.reward-mode-switch{grid-template-columns:1fr}}.inbox-shell{display:flex;height:100vh;height:100dvh}.inbox-list-pane{width:320px;flex:none;min-height:0;border-right:1px solid var(--line);background:var(--surface)}.inbox-chat-pane{flex:1 1;min-width:0;min-height:0}@media (max-width:768px){.inbox-chat-pane,.inbox-list-pane{width:100%}.inbox-shell[data-has-selection=false] .inbox-chat-pane,.inbox-shell[data-has-selection=true] .inbox-list-pane{display:none}}.mobile-back-btn{display:none}@media (max-width:768px){.mobile-back-btn{display:inline-flex}}.emoji-picker{display:flex;flex-direction:column;height:320px}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line);flex:none}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);align-content:start;grid-gap:2px;gap:2px;overflow-y:auto;flex:1 1;min-height:0}.emoji-picker-btn{font-size:1.3rem;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:6px 0;line-height:1}.emoji-picker-btn:hover{background:var(--accent-soft)}.emoji-picker-tabs{display:flex;gap:2px;padding-top:8px;margin-top:8px;border-top:1px solid var(--line);overflow-x:auto;flex:none}.emoji-picker-tab{flex:1 1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:7px 0;opacity:.55}.emoji-picker-tab:hover{background:var(--paper);opacity:.85}.emoji-picker-tab[data-active=true]{background:var(--accent-soft);opacity:1}.reaction-picker{display:flex;flex-direction:column;height:340px}.reaction-picker-tabs{display:flex;align-items:center;gap:3px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}.reaction-picker-tab-group{display:flex;gap:2px;padding:3px;margin-right:4px;border-radius:8px;background:var(--paper);flex:none}.reaction-picker-tab{flex:none;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:7px 8px;opacity:.55}.reaction-picker-tab:hover{background:var(--surface);opacity:.85}.reaction-picker-tab[data-active=true]{background:var(--accent-soft);opacity:1}.reaction-picker-close{margin-left:auto;flex:none;width:26px;height:26px}.reaction-picker-body{overflow-y:auto;flex:1 1;min-height:0;display:flex;flex-direction:column;gap:12px}.reaction-picker-pack-label{font-size:.78rem;font-weight:600;color:var(--ink-muted);margin-bottom:6px}.reaction-picker-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);align-content:start;grid-gap:2px;gap:2px}.reaction-picker-emoji-btn{font-size:1.3rem;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:6px 0;line-height:1}.reaction-picker-emoji-btn:hover{background:var(--accent-soft)}.reaction-picker-sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.reaction-picker-sticker-btn{background:transparent;border:none;border-radius:8px;cursor:pointer;padding:4px;line-height:0}.reaction-picker-sticker-btn:hover{background:var(--accent-soft)}.reaction-picker-sticker-btn img{width:100%;height:auto;display:block}.reaction-picker-recent-grid{display:flex;flex-wrap:wrap;align-content:start;gap:4px}.reaction-picker-recent-emoji{font-size:1.3rem;background:transparent;border:none;border-radius:6px;cursor:pointer;padding:6px 8px;line-height:1}.reaction-picker-recent-emoji:hover{background:var(--accent-soft)}.reaction-picker-recent-sticker{background:transparent;border:none;border-radius:8px;cursor:pointer;padding:2px;line-height:0;width:56px;height:56px;flex:none}.reaction-picker-recent-sticker:hover{background:var(--accent-soft)}.reaction-picker-recent-sticker img{width:100%;height:100%;object-fit:contain;display:block}.conversation-list-shell{height:100%;display:flex;flex-direction:column;background:var(--surface)}.conversation-list-header{padding:18px 16px 13px;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.inbox-title-row{display:flex;align-items:flex-end;justify-content:space-between}.inbox-title-row h1{margin:1px 0 0;font-size:1.25rem;line-height:1.2}.eyebrow{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:700}.live-dot{font-size:.7rem;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:4px 8px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.live-dot[data-status=connecting],.live-dot[data-status=reconnecting],.live-dot[data-status=syncing]{color:#b7791f;background:color-mix(in srgb,#f6ad55 14%,transparent)}.live-dot[data-status=error],.live-dot[data-status=offline]{color:#d64545;background:color-mix(in srgb,#d64545 12%,transparent)}.website-settings-page{padding-bottom:80px}.website-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.website-settings-layout>aside{display:grid;grid-gap:5px;gap:5px;position:-webkit-sticky;position:sticky;top:14px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.website-settings-layout>aside button{border:0;border-radius:8px;background:transparent;color:var(--ink-muted);padding:11px 12px;text-align:left;cursor:pointer}.website-settings-layout>aside button[data-active=true]{color:var(--accent);background:var(--accent-soft);font-weight:800}.website-settings-layout>main{display:grid;grid-gap:14px;gap:14px;min-width:0}.website-settings-layout h2,.website-settings-layout h3{margin:0}.website-settings-layout h3{margin-top:12px;font-size:.9rem;color:var(--accent)}.website-field{display:grid;grid-gap:6px;gap:6px;font-size:.76rem;color:var(--ink-muted)}.website-field input,.website-field textarea,.website-menu-row input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);color:var(--ink)}.website-field textarea{resize:vertical;line-height:1.6}.website-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.website-grid.compact{padding:12px;background:var(--paper);border-radius:9px}.website-list{display:grid;grid-gap:12px;gap:12px}.website-editor-card{display:grid;grid-gap:11px;gap:11px;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.website-editor-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.website-toggle{display:flex!important;align-items:center;gap:7px;font-size:.76rem;color:var(--ink-muted)}.website-toggle input{accent-color:var(--accent)}.website-toggle.prominent{padding:13px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:800}.website-menu-row{display:grid;grid-template-columns:34px 1fr 1fr 34px 34px auto;grid-gap:7px;gap:7px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:9px}.website-menu-row button{height:34px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px}.drag-handle{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:.7rem}.website-popup-preview{display:flex;align-items:end;gap:10px}.website-popup-preview img{width:min(360px,70%);max-height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.website-savebar{position:fixed;left:calc(var(--sidebar-width, 240px) + 20px);right:20px;bottom:16px;z-index:20;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(0,0,0,.2)}.website-savebar span{margin-right:auto;font-size:.76rem;color:var(--ink-muted)}@media (max-width:900px){.website-settings-layout{grid-template-columns:1fr}.website-settings-layout>aside{position:static;display:flex;overflow:auto}.website-settings-layout>aside button{white-space:nowrap}.website-grid{grid-template-columns:1fr}.website-menu-row{grid-template-columns:30px 1fr 34px 34px auto}.website-menu-row input:nth-of-type(2){grid-column:2/-1}.website-savebar{left:16px;right:16px}.website-savebar span{display:none}}.search-box{height:40px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 11px;background:var(--paper)}.search-box span{font-size:1.3rem;color:var(--ink-muted)}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%}.queue-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:3px;background:var(--paper);border-radius:10px}.queue-tabs button,.status-filters button{border:0;background:transparent;color:var(--ink-muted);cursor:pointer;border-radius:8px;padding:6px 7px;font-size:.76rem}.queue-tabs button[data-active=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(20,40,28,.1);font-weight:600}.status-filters{display:flex;gap:5px;align-items:center;overflow-x:auto;padding-bottom:2px}.status-filters button{white-space:nowrap;border:1px solid var(--line)}.status-filters button[data-active=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.status-filters label{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--ink-muted);white-space:nowrap}.channel-filter-select{width:100%;height:34px;font-size:.76rem;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--paper);color:var(--ink)}.conversation-scroll{overflow:auto;flex:1 1}.conversation-row{position:relative;display:flex;gap:11px;padding:14px 14px 13px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);transition:background .15s ease}.conversation-row:hover,.conversation-row[data-active=true]{background:var(--accent-soft)}.conversation-row[data-priority=HIGH]:before,.conversation-row[data-priority=URGENT]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--danger)}.contact-photo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;overflow:hidden;flex:none;background:linear-gradient(145deg,var(--accent-soft),var(--paper));color:var(--accent);font-weight:800}.contact-photo img{width:100%;height:100%;object-fit:cover}.conversation-copy{min-width:0;flex:1 1}.conversation-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-name strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-name time{font-size:.67rem;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.conversation-copy>p{margin:3px 0 6px;font-size:.78rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;align-items:center;gap:5px;color:var(--ink-muted);font-size:.66rem}.channel-chip{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--paper);border-radius:99px;padding:1px 6px}.sla-chip,.watching-chip{display:inline-flex;margin-top:6px;margin-right:5px;padding:2px 7px;border-radius:99px;font-size:.64rem;background:var(--amber-soft);color:var(--amber)}.blocked-chip,.sla-chip.overdue{background:var(--danger-soft);color:var(--danger);font-weight:700}.blocked-chip{display:inline-flex;align-items:center;gap:3px;margin-top:6px;margin-right:5px;padding:2px 7px;border-radius:99px;font-size:.64rem}.watching-chip{background:var(--accent-soft);color:var(--accent)}.unread-badge{align-self:center;background:var(--accent);color:var(--accent-contrast);font-size:.67rem;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 5px}.list-loading{display:grid;grid-gap:1px;gap:1px}.list-loading span{height:82px;background:linear-gradient(90deg,var(--paper),var(--surface),var(--paper));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.conversation-alert{padding:8px 18px;font-size:.78rem;background:var(--amber-soft);color:var(--amber);border-bottom:1px solid color-mix(in srgb,var(--amber) 35%,transparent)}.conversation-alert.lock{background:var(--accent-soft);color:var(--accent)}.conversation-alert.danger{font-weight:600}.conversation-alert.danger,.send-error{background:var(--danger-soft);color:var(--danger)}.send-error{margin-top:8px;font-size:.78rem;padding:7px 10px;border-radius:8px}@media (min-width:1200px){.inbox-list-pane{width:390px}}.chat-workspace{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;background:var(--paper)}.chat-core{min-width:0;min-height:0;height:100%}.chat-core,.customer-panel{display:flex;flex-direction:column;background:var(--surface)}.customer-panel{border-left:1px solid var(--line);padding:22px 18px;overflow:auto;gap:18px}.customer-profile{text-align:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.customer-profile h3{font-size:1rem;margin:9px 0 2px}.customer-profile>span{font-size:.74rem;color:var(--ink-muted)}.customer-avatar{width:62px;height:62px;margin:auto;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:var(--accent-soft);color:var(--accent);font-size:1.35rem;font-weight:800}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-section{display:grid;grid-gap:4px;gap:4px}.customer-section label{font-size:.69rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.customer-section strong{font-size:.86rem}.customer-section code{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;color:var(--ink-muted)}.customer-tags{display:flex;gap:5px;flex-wrap:wrap}.customer-tags span{border:1px solid;border-radius:99px;padding:2px 7px;font-size:.68rem}.customer-tags small{color:var(--ink-muted)}@media (max-width:1180px){.chat-workspace{grid-template-columns:1fr}.customer-panel{display:none}}.conversation-row[data-unread=true]{background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.conversation-row[data-unread=true] .conversation-name strong{font-weight:800}.unread-filter-button{display:inline-flex!important;align-items:center;gap:6px;font-weight:650}.unread-filter-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent)}.spam-chip{display:inline-flex;margin-top:6px;padding:2px 7px;border-radius:99px;font-size:.64rem;background:var(--danger-soft);color:var(--danger);font-weight:700}.staff-presence-card{display:flex;flex-direction:column;gap:14px}.staff-presence-card h3{margin:0;font-size:1rem}.staff-presence-card p{margin:4px 0 0;color:var(--ink-muted);font-size:.8rem}.staff-presence-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px}.staff-presence-person{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.presence-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-muted)}.staff-presence-person[data-online=true] .presence-dot{background:#24b36b;box-shadow:0 0 0 4px rgba(36,179,107,.12)}.staff-presence-person span:nth-child(2){display:flex;flex-direction:column}.staff-presence-person strong{font-size:.84rem}.staff-presence-person small{font-size:.68rem;color:var(--ink-muted)}.staff-presence-person em{font-size:.7rem;color:var(--ink-muted);font-style:normal}.staff-presence-person[data-online=true] em{color:#159159;font-weight:700}.admin-loading{display:grid;grid-gap:10px;gap:10px}.admin-loading span{height:72px;border-radius:12px;background:linear-gradient(90deg,var(--paper),var(--surface),var(--paper));background-size:200% 100%;animation:shimmer 1.2s infinite;border:1px solid var(--line)}.customer-name-editable{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border-radius:6px;padding:1px 6px}.customer-name-editable:hover{background:var(--accent-soft)}.customer-name-edit-icon{font-size:.7rem;color:var(--ink-muted);opacity:.55;transition:opacity .1s ease}.customer-name-editable:focus-visible .customer-name-edit-icon,.customer-name-editable:hover .customer-name-edit-icon{opacity:1}.customer-name-input{width:100%;text-align:center;font-size:1rem;font-weight:600;margin:9px 0 2px;border:1px solid var(--accent);border-radius:6px;padding:2px 8px;background:var(--surface);color:var(--ink)}.canned-picker-row{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:8px;margin-bottom:2px}.canned-picker-row:hover{background:var(--paper)}.canned-picker-row[data-active=true]{background:var(--accent-soft);border-color:var(--accent)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-title{display:flex;align-items:center;gap:14px}.page-header-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.4rem;flex:none}.page-header h1{margin:0;font-size:1.5rem;line-height:1.2}.page-header p{margin:5px 0 0;font-size:.86rem;color:var(--ink-muted);max-width:520px}.page-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.page-search{position:relative;flex:1 1;min-width:180px;max-width:320px}.page-search input{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px 9px 34px;background:var(--surface);color:var(--ink)}.page-search span,.page-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:.85rem;pointer-events:none}.pill-filter{display:flex;gap:2px;padding:3px;background:var(--paper);border-radius:999px;border:1px solid var(--line);flex:none;flex-wrap:wrap}.pill-filter button{border:none;background:transparent;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--ink-muted);cursor:pointer;white-space:nowrap}.pill-filter button[data-active=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}.page-stats{display:flex;flex-wrap:wrap;gap:10px}.page-stat{display:flex;flex-direction:column;gap:3px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:96px}.page-stat strong{font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.page-stat span{font-size:.7rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.icon-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.92rem;flex:none;background:var(--accent-soft);color:var(--accent);overflow:hidden}.icon-avatar img{width:100%;height:100%;object-fit:cover}.row-actions{display:flex;gap:6px;justify-content:flex-end}.form-card{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.chip-outline{display:inline-flex;align-items:center;font-size:.75rem;padding:3px 10px;border-radius:999px;background:var(--paper);color:var(--ink-muted);border:1px solid var(--line);white-space:nowrap}.staff-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.staff-header-title{display:flex;align-items:center;gap:14px}.staff-header-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:1.4rem;flex:none}.staff-header h1{margin:0;font-size:1.5rem;line-height:1.2}.staff-header p{margin:5px 0 0;font-size:.86rem;color:var(--ink-muted);max-width:440px}.staff-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.staff-search{position:relative;flex:1 1;min-width:180px;max-width:320px}.staff-search input{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px 9px 34px;background:var(--surface);color:var(--ink)}.staff-search span,.staff-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-muted);font-size:.85rem;pointer-events:none}.staff-role-filter{display:flex;gap:2px;padding:3px;background:var(--paper);border-radius:999px;border:1px solid var(--line);flex:none}.staff-role-filter button{border:none;background:transparent;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;color:var(--ink-muted);cursor:pointer;white-space:nowrap}.staff-role-filter button[data-active=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.12)}.staff-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:.92rem;flex:none;background:var(--accent-soft);color:var(--accent)}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.role-badge[data-role=OWNER]{background:var(--accent);color:var(--accent-contrast)}.role-badge[data-role=AGENT]{background:var(--accent-soft);color:var(--accent)}.staff-row-info{display:flex;align-items:center;gap:12px}.staff-row-name{font-weight:600}.staff-row-email{font-size:.78rem;color:var(--ink-muted)}.staff-cards{display:none}@media (max-width:860px){.staff-table-wrap{display:none}.staff-cards{display:flex;flex-direction:column;gap:12px}}.staff-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.staff-card-top{display:flex;align-items:center;gap:12px}.staff-card-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.staff-card-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;font-size:.78rem;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.staff-card-meta label{display:block;color:var(--ink-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.staff-card-actions{display:flex;flex-wrap:wrap;gap:6px}.staff-card-actions .btn{padding:7px 12px;font-size:.8rem}.channel-chip-group{display:flex;flex-wrap:wrap;gap:8px}.channel-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:.82rem;cursor:pointer;color:var(--ink);transition:border-color .1s ease,background .1s ease}.channel-chip:hover{border-color:var(--accent)}.channel-chip[data-checked=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.role-select-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.role-select-option{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;background:var(--surface);transition:border-color .1s ease,background .1s ease}.role-select-option:hover{border-color:var(--accent)}.role-select-option[data-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.role-select-option strong{display:block;font-size:.9rem;margin-bottom:2px}.role-select-option span{font-size:.76rem;color:var(--ink-muted)}.staff-form-card{display:flex;flex-direction:column;gap:18px}.staff-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.staff-stats{display:flex;flex-wrap:wrap;gap:10px}.staff-stat{display:flex;flex-direction:column;gap:3px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:96px}.staff-stat strong{font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.staff-stat span{font-size:.7rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.staff-brand-badge{display:inline-flex;align-items:center;font-size:.75rem;padding:3px 10px;border-radius:999px;background:var(--paper);color:var(--ink-muted);border:1px solid var(--line);white-space:nowrap}.staff-actions{display:flex;gap:6px;justify-content:flex-end}.icon-btn-danger{border-color:var(--danger);color:var(--danger)}.icon-btn-danger:hover{background:var(--danger-soft)}.flex-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.flex-preview{display:grid;grid-gap:12px;gap:12px}@media (min-width:761px) and (max-width:1050px){.flex-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.flex-template-grid{grid-template-columns:minmax(0,1fr)}}.flex-card-preview{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;color:#222}.flex-card-preview img{width:100%;height:150px;object-fit:cover}.flex-card-preview>div{padding:16px}.flex-card-preview h3{margin:0 0 8px}.flex-card-preview p{white-space:pre-wrap;font-size:.85rem}.flex-card-preview small{color:#777}.flex-card-preview>span{display:block;margin:0 16px 16px;padding:10px;border-radius:9px;text-align:center;color:#fff;font-weight:700}.broadcast-page{padding:24px clamp(16px,4vw,40px) 48px;max-width:1100px;margin:auto;display:grid;grid-gap:20px;gap:20px}.broadcast-composer{display:grid;grid-gap:12px;gap:12px}.broadcast-step{display:flex;align-items:center;gap:10px;margin-top:8px}.broadcast-step>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast)}.broadcast-step>span{display:grid}.broadcast-step small{color:var(--ink-muted)}.broadcast-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.broadcast-composer textarea{width:100%;padding-right:46px}.broadcast-emoji-btn{position:absolute;right:8px;top:8px}.broadcast-emoji-pop{position:absolute;right:0;top:44px;z-index:20;width:360px;max-width:85vw}.broadcast-count{display:block;text-align:right;color:var(--ink-muted)}.broadcast-send-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.broadcast-send-options label{padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.broadcast-send-options label[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.flex-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.flex-choice-grid button{display:grid;grid-gap:5px;gap:5px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}.flex-choice-grid button[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.flex-choice-grid small{color:var(--ink-muted)}.broadcast-flex-preview{max-width:360px}.queue-tabs:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}@media (max-width:700px){.broadcast-send-options,.broadcast-two{grid-template-columns:1fr}}.broadcast-composer textarea,.broadcast-composer>input:not([type=radio]),.modal-backdrop .card input:not([type=radio]):not([type=color]),.modal-backdrop .card textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);caret-color:var(--accent);box-shadow:inset 0 1px 0 rgb(255 255 255/3%);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.broadcast-composer textarea,.modal-backdrop .card textarea{resize:vertical;line-height:1.55}.broadcast-composer textarea{padding-right:52px}.broadcast-composer input::placeholder,.broadcast-composer textarea::placeholder,.modal-backdrop .card input::placeholder,.modal-backdrop .card textarea::placeholder{color:var(--ink-muted);opacity:.9}.broadcast-composer textarea:hover,.broadcast-composer>input:not([type=radio]):hover,.modal-backdrop .card input:not([type=radio]):not([type=color]):hover,.modal-backdrop .card textarea:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.broadcast-composer textarea:focus,.broadcast-composer>input:not([type=radio]):focus,.modal-backdrop .card input:not([type=radio]):not([type=color]):focus,.modal-backdrop .card textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.modal-backdrop .card input[type=color]{width:64px;height:42px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer}.flex-builder-page{padding:24px clamp(16px,4vw,40px) 48px;max-width:1200px;margin:auto;display:grid;grid-gap:20px;gap:20px}.flex-preview>div{display:grid;grid-gap:3px;gap:3px}.flex-preview>div small{color:var(--ink-muted)}.flex-builder-modal{width:min(1180px,96vw);height:min(900px,94vh);padding:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.flex-builder-modal>footer,.flex-builder-modal>header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.flex-builder-modal>header h2,.flex-builder-modal>header p{margin:0}.flex-builder-modal>header p{color:var(--ink-muted);font-size:.82rem}.flex-builder-modal>footer{justify-content:flex-end;border:0;border-top:1px solid var(--line)}.flex-builder-tabs{display:grid;grid-template-columns:1fr 1fr;padding:8px;background:var(--paper);grid-gap:6px;gap:6px}.flex-builder-tabs button{border:1px solid transparent;border-radius:9px;padding:9px;background:transparent;color:var(--ink);cursor:pointer}.flex-builder-tabs button[data-active=true]{background:var(--surface);border-color:var(--line);color:var(--accent);font-weight:700}.flex-builder-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);min-height:0}.flex-builder-controls{padding:16px;overflow:auto;display:grid;align-content:start;grid-gap:12px;gap:12px;border-right:1px solid var(--line)}.flex-builder-controls label{display:grid;grid-gap:5px;gap:5px;font-size:.78rem;color:var(--ink-muted)}.flex-builder-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.flex-builder-row label:last-child input[type=color]{width:72px}.block-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border-radius:10px;background:var(--paper)}.block-items>div>button,.block-toolbar button,.flex-block button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:6px 9px;cursor:pointer}.flex-block,.flex-block-list{display:grid;grid-gap:9px;gap:9px}.flex-block{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.flex-block>header{display:flex;align-items:center;justify-content:space-between}.flex-block>header span{display:flex;gap:4px}.flex-block input,.flex-block textarea,.flex-builder-controls>label input,.flex-builder-row input{width:100%;padding:9px 10px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}.flex-block .flex-builder-row{grid-template-columns:repeat(3,1fr)}.block-items{display:grid;grid-gap:6px;gap:6px}.block-items>div{display:grid;grid-template-columns:1fr auto;grid-gap:5px;gap:5px}.button-editor{grid-template-columns:minmax(100px,.7fr) 110px minmax(150px,1fr) auto!important}.flex-builder-workspace>aside{padding:16px;background:var(--paper);overflow:auto;display:grid;align-content:start;grid-gap:10px;gap:10px}.flex-builder-workspace>aside .flex-card-preview{max-width:360px;width:100%;margin:auto}.flex-live-preview{padding-bottom:10px}.flex-live-preview>p{margin:12px 16px;white-space:pre-wrap}.flex-live-preview>p[data-size=xs]{font-size:.7rem}.flex-live-preview>p[data-size=sm]{font-size:.82rem}.flex-live-preview>p[data-size=lg]{font-size:1.1rem}.flex-live-preview>p[data-size=xl]{font-size:1.35rem}.flex-live-preview hr{border:0;border-top:1px solid #ddd;margin:14px 16px}.preview-images{display:flex!important;padding:10px!important;gap:5px}.preview-images img{height:100px;min-width:0;flex:1 1;border-radius:7px;object-fit:cover}.preview-buttons{display:flex!important;flex-direction:column;padding:6px 14px!important;gap:6px}.preview-buttons[data-direction=horizontal]{flex-direction:row}.preview-buttons span{flex:1 1;padding:8px;border-radius:7px;background:#eef1ef;color:#333;text-align:center;font-weight:700;font-size:.78rem}.preview-buttons span[data-style=primary]{color:#fff}.flex-code-view{min-height:0;padding:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:9px;gap:9px}.flex-code-view>div{display:flex;align-items:center;justify-content:space-between}.flex-code-view textarea{width:100%;height:100%;resize:none;background:#0b1210!important;color:#b7f7d8!important;border:1px solid var(--line);border-radius:10px;padding:16px;font:12px/1.6 var(--font-mono)}.flex-code-view small{color:var(--ink-muted)}@media (max-width:760px){.flex-builder-modal{height:96vh}.flex-builder-workspace{grid-template-columns:1fr}.flex-builder-workspace>aside{display:none}.button-editor{grid-template-columns:1fr 90px!important}.button-editor input:nth-of-type(2){grid-column:1/-1}.flex-builder-modal>header p{display:none}}.admin-page-eyebrow{display:block;margin-bottom:7px;color:var(--accent);font:800 .66rem/1 var(--font-mono);letter-spacing:.13em}.website-settings-page{max-width:1280px;margin:auto;padding:26px clamp(16px,4vw,40px) 92px}.website-settings-page>.page-header{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));box-shadow:0 14px 35px rgba(0,0,0,.06)}.website-source-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;margin:14px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px;background:var(--accent-soft)}.website-source-note>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-weight:900}.website-source-note strong{font-size:.85rem}.website-source-note p{margin:3px 0 0;color:var(--ink-muted);font-size:.76rem}.website-source-note a{color:var(--accent);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}.website-settings-layout>aside{padding:10px;border-radius:15px;box-shadow:0 10px 28px rgba(0,0,0,.05)}.website-settings-layout>aside button{min-height:42px;font-weight:650}.website-settings-layout>main.card{padding:24px;border-radius:16px}.website-field input,.website-field textarea{min-height:44px;border-radius:10px;transition:.15s}.website-field input:focus,.website-field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.finance-admin-page{padding:26px clamp(16px,4vw,40px) 70px;max-width:1240px;margin:auto;display:grid;grid-gap:18px;gap:18px}.finance-admin-page>.page-header{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}.finance-overview{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.finance-overview>div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.04)}.finance-overview small{display:block;color:var(--ink-muted);font-size:.72rem}.finance-overview strong{display:block;margin-top:6px;font-size:1.55rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.finance-tabs{display:flex;gap:6px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.finance-tabs .btn{white-space:nowrap;border-color:transparent;background:transparent}.finance-tabs .btn-primary{background:var(--accent);color:var(--accent-contrast)}.finance-admin-page>section.card{padding:22px;border-radius:16px}.finance-admin-page>section.card>h2{margin-top:0}.finance-message{padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:11px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.82rem}.finance-admin-page .website-grid{margin-bottom:14px}.finance-admin-page .field input,.finance-admin-page .field textarea{min-height:44px}.finance-settings-card{overflow:hidden}.finance-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);grid-gap:22px;gap:22px;align-items:start}.finance-settings-form{display:grid;grid-gap:16px;gap:16px}.finance-settings-group{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.finance-settings-group-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.finance-settings-group-title>b{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:800 .72rem var(--font-mono)}.finance-settings-group-title small,.finance-settings-group-title strong{display:block}.finance-settings-group-title small{margin-top:2px;color:var(--ink-muted);font-size:.7rem}.finance-manual-review{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer}.finance-manual-review input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.finance-manual-review small,.finance-manual-review strong{display:block}.finance-manual-review small{margin-top:3px;color:var(--ink-muted);font-size:.7rem}.finance-save-settings{min-height:46px;justify-content:center}.finance-payment-preview{position:-webkit-sticky;position:sticky;top:18px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:17px;background:linear-gradient(145deg,var(--paper),var(--surface))}.finance-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 13px}.finance-preview-heading span,.finance-preview-heading strong{display:block}.finance-preview-heading span{margin-bottom:4px;color:var(--accent);font:800 .58rem var(--font-mono);letter-spacing:.11em}.finance-preview-heading i{padding:5px 8px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:.62rem;font-style:normal;white-space:nowrap}.finance-preview-window{overflow:hidden;padding-bottom:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.13)}.finance-preview-window-head{padding:15px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent)}.finance-preview-window-head b,.finance-preview-window-head span{display:block}.finance-preview-window-head span{margin-bottom:5px;color:var(--accent);font:800 .56rem var(--font-mono);letter-spacing:.11em}.finance-preview-step{padding:16px 18px 0;color:var(--accent);font-size:.68rem;font-weight:800}.finance-preview-qr{width:min(238px,calc(100% - 52px));aspect-ratio:1;margin:16px auto 12px;padding:11px;display:grid;place-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.12)}.finance-preview-qr img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.finance-preview-qr>div{display:grid;justify-items:center;grid-gap:7px;gap:7px;color:#8b9690}.finance-preview-qr>div b{width:62px;height:62px;display:grid;place-items:center;border:2px dashed #bdc8c1;border-radius:14px;color:#728078}.finance-preview-qr>div span{font-size:.72rem}.finance-preview-account{display:grid;justify-items:center;grid-gap:3px;gap:3px;padding:0 18px 15px;text-align:center}.finance-preview-account small,.finance-preview-account span{color:var(--ink-muted)}.finance-preview-account small{font-size:.7rem}.finance-qr-upload{position:relative;width:calc(100% - 34px);min-height:42px;margin:0 17px;justify-content:center;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);cursor:pointer}.finance-qr-upload[data-busy=true]{opacity:.6;cursor:wait}.finance-qr-upload input{position:absolute;width:1px;height:1px;opacity:0}.finance-preview-note{display:block;padding:10px 18px 0;color:var(--ink-muted);font-size:.62rem;line-height:1.55;text-align:center}.finance-admin-page table th{font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}@media (max-width:800px){.finance-settings-layout{grid-template-columns:1fr}.finance-payment-preview{position:static}.finance-overview{grid-template-columns:1fr 1fr}.website-source-note{grid-template-columns:auto 1fr}.website-source-note a{grid-column:2}.finance-admin-page>.page-header,.website-settings-page>.page-header{padding:18px}.finance-admin-page>section.card,.website-settings-layout>main.card{padding:16px}}@media (max-width:560px){.finance-settings-group{padding:14px}.finance-settings-card .website-grid{grid-template-columns:1fr}.finance-preview-heading{align-items:flex-start}}.sidebar-nav-link{display:block;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:.88rem;text-decoration:none;transition:background .15s,color .15s,transform .15s}.sidebar-nav-link:hover{background:var(--paper);transform:translateX(2px)}.sidebar-nav-link[data-active=true]{background:var(--accent-soft);color:var(--accent);font-weight:750}.sidebar-nav-divider{height:1px;background:var(--line);margin:7px 8px}.sidebar-nav-group{border-radius:9px}.sidebar-nav-group>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:.88rem;font-weight:680}.sidebar-nav-group>summary::-webkit-details-marker{display:none}.sidebar-nav-group>summary:hover{background:var(--paper)}.sidebar-nav-group>summary i{font-style:normal;color:var(--ink-muted);transition:transform .18s}.sidebar-nav-group[open]>summary i{transform:rotate(180deg)}.sidebar-nav-group>div{display:grid;grid-gap:2px;gap:2px;margin:1px 0 5px 12px;padding-left:9px;border-left:1px solid var(--line)}.sidebar-nav-group>div .sidebar-nav-link{font-size:.81rem;padding:8px 9px;color:var(--ink-muted)}.sidebar-nav-group>div .sidebar-nav-link[data-active=true]{color:var(--accent)}.sidebar-super-zone{display:flex;align-items:center;gap:8px;margin:10px 8px 5px;color:var(--ink-muted);font:750 .62rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.sidebar-super-zone:after,.sidebar-super-zone:before{content:"";height:1px;flex:1 1;background:var(--line)}.sidebar[data-collapsed=true] .sidebar-nav-group>summary i,.sidebar[data-collapsed=true] .sidebar-super-zone span{display:none}.sidebar[data-collapsed=true] .sidebar-nav-group>div{margin-left:3px;padding-left:3px}.billing-page{padding:26px clamp(16px,4vw,40px) 70px;max-width:1280px;margin:auto;display:grid;grid-gap:24px;gap:24px}.billing-page>.page-header{padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface))}.billing-current-plan{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center;grid-gap:18px;gap:18px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface));box-shadow:0 16px 38px rgba(0,0,0,.07)}.billing-current-plan:after{content:"";position:absolute;width:170px;height:170px;right:-75px;top:-80px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%}.billing-current-plan[data-expired=true]{border-color:var(--danger);background:linear-gradient(120deg,var(--danger-soft),var(--surface))}.billing-current-plan small{display:block;color:var(--ink-muted);font-size:.7rem;margin-bottom:6px}.billing-current-plan h2{margin:0;font-size:1.2rem}.billing-plan-name h2{font-size:1.65rem;color:var(--accent)}.billing-status-metric strong{display:inline-flex;padding:7px 11px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:.8rem}.billing-current-plan[data-expired=true] .billing-status-metric strong{background:var(--danger-soft);color:var(--danger)}.billing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.billing-section-heading span{color:var(--accent);font:800 .64rem/1 var(--font-mono);letter-spacing:.12em}.billing-section-heading h2{margin:7px 0 0;font-size:1.3rem}.billing-section-heading p{max-width:420px;margin:0;color:var(--ink-muted);font-size:.78rem}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.billing-plan-card{position:relative;display:flex;flex-direction:column;gap:11px;min-height:430px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .18s,border-color .18s,box-shadow .18s}.billing-plan-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 16px 38px rgba(0,0,0,.08)}.billing-plan-card h2{font-size:1.22rem}.billing-plan-card>p{color:var(--ink-muted);font-size:.82rem;line-height:1.65}.billing-plan-card ul{display:grid;grid-gap:7px;gap:7px;font-size:.78rem;color:var(--ink-muted)}.billing-duration{color:var(--accent);font:750 .7rem var(--font-mono)}.billing-popular{position:absolute;right:16px;top:16px;padding:5px 9px;border-radius:99px;background:var(--accent);color:var(--accent-contrast);font-size:.66rem;font-weight:850}.billing-limits{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.billing-limits span{padding:10px;border-radius:9px;background:var(--paper);color:var(--ink-muted);font-size:.67rem}.billing-limits b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:2px}.billing-history{padding:22px;border-radius:16px}.billing-checkout{width:min(520px,94vw);padding:24px;border-radius:17px}.billing-checkout h2{margin-top:0}.billing-checkout img{box-shadow:0 8px 25px rgba(0,0,0,.12)}@media (max-width:1050px){.billing-plan-grid{grid-template-columns:repeat(2,1fr)}.billing-current-plan{grid-template-columns:1fr 1fr}}@media (max-width:650px){.billing-page{padding:18px 14px 55px}.billing-current-plan{grid-template-columns:1fr 1fr;padding:18px}.billing-plan-name{grid-column:1/-1}.billing-plan-grid{grid-template-columns:1fr}.billing-section-heading{display:block}.billing-section-heading p{margin-top:8px}.billing-plan-card{min-height:0}.billing-page>.page-header{padding:18px}}.billing-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(3,10,7,.72);animation:billing-backdrop-in .2s ease-out both}.billing-checkout{width:min(920px,96vw);max-height:min(880px,94vh);padding:0!important;overflow:auto;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:22px!important;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.35);animation:billing-modal-in .28s cubic-bezier(.2,.85,.3,1) both}@keyframes billing-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes billing-modal-in{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.billing-checkout-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.billing-checkout-header span,.billing-step-label{color:var(--accent);font:800 .64rem/1 var(--font-mono);letter-spacing:.12em}.billing-checkout-header h2{margin:7px 0 0;font-size:1.25rem}.billing-modal-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.45rem;cursor:pointer}.billing-modal-close:hover{border-color:var(--accent);color:var(--accent)}.billing-payment-loading{min-height:440px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;padding:40px;text-align:center}.billing-payment-loading h3{margin:12px 0 0}.billing-payment-loading p{margin:0;color:var(--ink-muted);font-size:.82rem}.billing-loader-orbit{position:relative;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--accent-soft),transparent 67%)}.billing-loader-orbit:after,.billing-loader-orbit:before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;animation:billing-pulse 1.8s ease-out infinite}.billing-loader-orbit:after{animation-delay:.6s}.billing-loader-orbit b{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:var(--accent-contrast);font-size:1.65rem;box-shadow:0 10px 32px color-mix(in srgb,var(--accent) 35%,transparent)}.billing-loader-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);animation:billing-orbit 1.6s linear infinite}.billing-loader-orbit i:nth-child(2){animation-delay:-.53s}.billing-loader-orbit i:nth-child(3){animation-delay:-1.06s}@keyframes billing-orbit{0%{transform:rotate(0deg) translateX(50px) rotate(0deg)}to{transform:rotate(1turn) translateX(50px) rotate(-1turn)}}@keyframes billing-pulse{0%{transform:scale(.65);opacity:.8}to{transform:scale(1.25);opacity:0}}.billing-payment-summary{display:grid;grid-template-columns:1fr 1fr 1.25fr;grid-gap:1px;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.billing-payment-summary>div{padding:15px 22px;background:var(--paper)}.billing-payment-summary small{display:block;margin-bottom:5px;color:var(--ink-muted);font-size:.68rem}.billing-payment-summary strong{font-size:.92rem}.billing-payment-total strong{color:var(--accent);font-size:1.18rem}.billing-payment-body{display:grid;grid-template-columns:.9fr 1.1fr}.billing-qr-panel,.billing-upload-panel{padding:24px;display:flex;flex-direction:column}.billing-qr-panel{align-items:center;border-right:1px solid var(--line);background:linear-gradient(150deg,var(--paper),var(--surface))}.billing-qr-panel>.billing-step-label{align-self:flex-start}.billing-qr-frame{width:min(260px,100%);aspect-ratio:1;margin:20px auto 12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 13px 35px rgba(0,0,0,.12)}.billing-qr-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.billing-qr-missing{height:100%;display:grid;place-items:center;color:#777;text-align:center}.billing-qr-panel p{margin:3px 0 0;text-align:center;color:var(--ink-muted);font-size:.77rem;line-height:1.65}.billing-qr-panel p strong{color:var(--ink)}.billing-upload-panel{gap:16px}.billing-upload-drop{min-height:210px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1.5px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:16px;background:var(--accent-soft);text-align:center;cursor:pointer;transition:.18s}.billing-upload-drop:hover{transform:translateY(-2px);border-color:var(--accent)}.billing-upload-drop[data-selected=true]{border-style:solid}.billing-upload-drop input{position:absolute;width:1px;height:1px;opacity:0}.billing-upload-drop b{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:var(--accent-contrast);font-size:1.35rem}.billing-upload-drop strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-payment-note,.billing-upload-drop small{color:var(--ink-muted);font-size:.7rem;text-align:center}.billing-confirm-payment{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.billing-button-spinner{width:17px;height:17px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:billing-spin .7s linear infinite}.billing-result-modal{width:min(540px,94vw);padding:34px 32px 28px!important;border:1px solid var(--line);border-radius:22px!important;background:var(--surface);text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.4);animation:billing-modal-in .3s cubic-bezier(.2,.85,.3,1) both}.billing-result-symbol{width:74px;height:74px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:2rem;font-weight:800;box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 8%,transparent)}.billing-result-modal[data-kind=pending] .billing-result-symbol{background:var(--amber-soft);color:var(--amber);box-shadow:0 0 0 9px color-mix(in srgb,var(--amber) 8%,transparent)}.billing-result-modal[data-kind=failed] .billing-result-symbol{background:var(--danger-soft);color:var(--danger);box-shadow:0 0 0 9px color-mix(in srgb,var(--danger) 8%,transparent)}.billing-result-kicker{color:var(--accent);font:800 .63rem/1 var(--font-mono);letter-spacing:.13em}.billing-result-modal[data-kind=pending] .billing-result-kicker{color:var(--amber)}.billing-result-modal[data-kind=failed] .billing-result-kicker{color:var(--danger)}.billing-result-modal h2{margin:9px 0 7px;font-size:1.45rem}.billing-result-modal>p{margin:0 auto 20px;max-width:420px;color:var(--ink-muted);font-size:.8rem;line-height:1.65}.billing-result-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;overflow:hidden;margin:0 0 20px;border:1px solid var(--line);border-radius:13px;background:var(--line);text-align:left}.billing-result-details>div{padding:12px 14px;background:var(--paper)}.billing-result-details small{display:block;margin-bottom:4px;color:var(--ink-muted);font-size:.64rem}.billing-result-details strong{display:block;overflow-wrap:anywhere;font-size:.8rem}.billing-result-expiry{grid-column:1/-1}.billing-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}@keyframes billing-spin{to{transform:rotate(1turn)}}.dashboard-subscription{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .55fr 1.2fr auto;align-items:center;grid-gap:22px;gap:22px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:17px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface));box-shadow:0 12px 30px rgba(0,0,0,.06)}.dashboard-subscription:after{content:"";position:absolute;width:150px;height:150px;left:-90px;bottom:-105px;border:24px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%}.dashboard-subscription[data-warning=true]{border-color:color-mix(in srgb,var(--danger) 65%,var(--line));background:linear-gradient(120deg,var(--danger-soft),var(--surface))}.dashboard-subscription-main>span{display:block;color:var(--accent);font:800 .61rem var(--font-mono);letter-spacing:.12em}.dashboard-subscription-expiry small,.dashboard-subscription-main small{display:block;margin:5px 0;color:var(--ink-muted);font-size:.67rem}.dashboard-subscription-main h2{margin:0;font-size:1.4rem}.dashboard-subscription-days{display:grid;place-items:center;min-width:100px;padding:11px;border-radius:13px;background:var(--paper)}.dashboard-subscription-days strong{color:var(--accent);font-size:2rem;line-height:1}.dashboard-subscription-days span{margin-top:5px;color:var(--ink-muted);font-size:.68rem}.dashboard-subscription-expiry strong{display:block;font-size:.87rem}.dashboard-subscription-expiry span{display:block;margin-top:5px;color:var(--accent);font-size:.68rem}.dashboard-subscription[data-warning=true] .dashboard-subscription-days strong,.dashboard-subscription[data-warning=true] .dashboard-subscription-expiry span{color:var(--danger)}.dashboard-subscription-action{position:relative;z-index:1;white-space:nowrap}@media (max-width:820px){.billing-payment-body{grid-template-columns:1fr}.billing-qr-panel{border-right:0;border-bottom:1px solid var(--line)}.dashboard-subscription{grid-template-columns:1fr auto}.dashboard-subscription-expiry{grid-column:1}.dashboard-subscription-action{grid-column:2;grid-row:2}}@media (max-width:560px){.billing-modal-backdrop{padding:0;align-items:flex-end}.billing-checkout{width:100vw;max-height:94dvh;border-radius:22px 22px 0 0!important}.billing-checkout-header{padding:17px 18px}.billing-payment-summary{grid-template-columns:1fr 1fr}.billing-payment-summary>div{padding:12px 15px}.billing-payment-total{grid-column:1/-1}.billing-payment-body{display:block}.billing-qr-panel,.billing-upload-panel{padding:18px}.billing-qr-frame{width:220px;margin:15px auto 8px}.billing-upload-drop{min-height:155px;padding:18px}.billing-payment-loading{min-height:390px;padding:26px}.dashboard-subscription{grid-template-columns:1fr auto;gap:14px;padding:17px}.dashboard-subscription-main{grid-column:1}.dashboard-subscription-days{grid-column:2;grid-row:1}.dashboard-subscription-expiry{grid-column:1/-1}.dashboard-subscription-action{grid-column:1/-1;grid-row:auto;text-align:center}.billing-plan-card{padding:19px}.billing-result-modal{width:calc(100vw - 24px);padding:27px 18px 20px!important}.billing-result-actions{display:grid;grid-template-columns:1fr}}.login-stage{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 15%,rgba(94,234,153,.09),transparent 38%)}.login-glow{position:absolute;width:420px;height:420px;border:1px solid rgba(94,234,153,.1);border-radius:50%;box-shadow:0 0 100px rgba(94,234,153,.06);pointer-events:none}.login-card{width:min(420px,100%);padding:30px;position:relative}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);border-radius:12px;color:var(--accent);font-weight:800;box-shadow:0 0 22px rgba(94,234,153,.15)}.login-brand div{display:grid}.login-brand b{font-size:1.05rem}.login-brand small{font-size:.62rem;letter-spacing:.14em;color:var(--ink-muted)}.login-heading{margin:34px 0 22px}.login-heading>span,.login-mfa-kicker{font-size:.65rem;letter-spacing:.16em;color:var(--accent);font-weight:700}.login-heading h1{font-size:2rem;margin:5px 0}.login-heading p,.login-mfa-modal>p{color:var(--ink-muted);margin:0}.login-fields{display:grid;grid-gap:15px;gap:15px}.login-submit{width:100%;min-height:46px;justify-content:center}.login-submit span{margin-left:auto}.login-error,.security-error{color:var(--danger);font-size:.86rem;margin:0}.login-mfa-backdrop,.security-modal-backdrop{z-index:3000;display:grid;place-items:center;padding:18px}.login-mfa-modal{width:min(430px,96vw);position:relative;text-align:center;padding:32px;display:grid;grid-gap:14px;gap:14px}.login-modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--ink-muted);font-size:1.5rem;cursor:pointer}.login-mfa-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:auto;background:rgba(94,234,153,.12);border:1px solid rgba(94,234,153,.35);color:var(--accent);font-size:2rem}.login-mfa-modal h2{margin:0}.login-mfa-modal input{text-align:center;font-size:1.35rem;letter-spacing:.18em}.security-page{max-width:1180px}.security-hero{padding:28px 30px;margin-bottom:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,rgba(94,234,153,.1),transparent 48%),var(--surface);display:flex;align-items:center;justify-content:space-between;gap:24px}.security-hero>div>span,.security-side-card>span{font-size:.68rem;letter-spacing:.16em;color:var(--accent);font-weight:700}.security-hero h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:6px 0}.security-hero p{margin:0;color:var(--ink-muted)}.security-status{min-width:210px;padding:15px 18px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:12px}.security-status i{width:11px;height:11px;border-radius:50%;background:#78817c}.security-status.is-on i{background:var(--accent);box-shadow:0 0 16px var(--accent)}.security-status div{display:grid}.security-status small{color:var(--ink-muted)}.security-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:20px;gap:20px}.security-main-card{padding:28px}.security-card-head{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.security-card-head h2{margin:0 0 4px}.security-card-head p{margin:0;color:var(--ink-muted)}.security-shield{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;background:rgba(94,234,153,.12);color:var(--accent);font-size:1.5rem;font-weight:800}.security-benefits{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:22px 0}.security-benefits div{padding:16px;border:1px solid var(--line);border-radius:13px;display:grid;grid-gap:6px;gap:6px}.security-benefits b{color:var(--accent);font-size:.75rem}.security-benefits span{font-size:.86rem}.security-form{display:grid;grid-template-columns:1fr auto;align-items:end;grid-gap:12px;gap:12px}.security-side-card{padding:24px;height:max-content}.security-side-card h3{font-size:1.3rem;margin:7px 0 14px}.security-side-card ul{padding-left:20px;color:var(--ink-muted);display:grid;grid-gap:12px;gap:12px}.security-note{padding:14px;border-radius:12px;background:rgba(94,234,153,.08);font-size:.82rem;color:var(--accent);margin-top:20px}.security-step{display:flex;gap:12px;align-items:center;margin:20px 0 12px}.security-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#07130d;font-weight:800}.security-step h3,.security-step p{margin:0}.security-step p{color:var(--ink-muted);font-size:.84rem}.security-qr{display:grid;grid-template-columns:220px 1fr;grid-gap:22px;gap:22px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px}.security-qr img{width:220px;border-radius:12px}.security-qr>div{display:grid;grid-gap:10px;gap:10px}.security-qr code{word-break:break-all;color:var(--accent)}.security-code-input{text-align:center;font-size:1.35rem!important;letter-spacing:.25em}.security-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.security-enabled{text-align:center;padding:32px 10px 10px}.security-success-mark{width:70px;height:70px;display:grid;place-items:center;margin:auto;border-radius:50%;background:rgba(94,234,153,.14);border:1px solid var(--accent);color:var(--accent);font-size:2rem}.security-enabled h3{font-size:1.4rem;margin:16px 0 5px}.security-enabled>p{color:var(--ink-muted);max-width:520px;margin:0 auto 20px}.security-recovery-count{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-bottom:22px}.security-recovery-count b{font-size:2rem;color:var(--accent)}.security-message{color:var(--accent);padding:12px;border-radius:10px;background:rgba(94,234,153,.08)}.security-disable-modal,.security-recovery-modal{position:relative;width:min(540px,96vw);padding:30px;text-align:center;display:grid;grid-gap:14px;gap:14px}.security-recovery-modal .security-shield{margin:auto}.security-code-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.security-code-grid code{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.security-danger-icon{margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(239,83,80,.12);color:var(--danger);font-size:1.8rem;font-weight:800}@media(max-width:820px){.security-hero{align-items:flex-start;flex-direction:column;padding:22px}.security-status{width:100%}.security-benefits,.security-form,.security-grid,.security-qr{grid-template-columns:1fr}.security-qr{text-align:center}.security-qr img{margin:auto;width:min(220px,100%)}.security-main-card{padding:20px}.security-card-head{align-items:flex-start}.login-card{padding:24px}.security-code-grid{grid-template-columns:1fr}}.security-page{max-width:1080px}.security-hero,.security-page{box-sizing:border-box}.security-grid,.security-hero,.security-page{width:100%;margin-left:auto;margin-right:auto}.security-grid{grid-template-columns:minmax(0,2.15fr) minmax(260px,.85fr);align-items:start}.security-main-card,.security-side-card{width:100%;min-width:0;box-sizing:border-box}@media(max-width:820px){.security-page{max-width:680px;margin-left:auto;margin-right:auto}.security-status{box-sizing:border-box}.security-grid{grid-template-columns:minmax(0,1fr)}}