:root{--bg:#f6f9fc;--bg-soft:#edf4ff;--surface:#ffffff;--surface-subtle:#f7fbff;--border:#e3e8ef;--border-strong:#cbd5e1;--text:#1f2a44;--muted:#64748b;--muted-strong:#40526d;--brand:#635bff;--brand-dark:#4238ca;--brand-soft:#eef2ff;--accent:#00a6f4;--accent-soft:#e5f6ff;--ink:#0a2540;--ink-soft:#17324d;--success:#008a5b;--success-soft:#e6f7f0;--warning:#b7791f;--warning-soft:#fff7e6;--danger:#c2410c;--danger-soft:#fff1eb;--info:#2563eb;--info-soft:#eaf1ff;--radius:6px;--radius-lg:8px;--shadow:0 24px 60px rgba(10,37,64,0.14),0 6px 16px rgba(10,37,64,0.08);--shadow-soft:0 12px 30px rgba(10,37,64,0.08);--focus:0 0 0 4px rgba(99,91,255,0.16)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:linear-gradient(135deg,rgba(99,91,255,.1) 0,rgba(0,166,244,.05) 32%,transparent 58%),linear-gradient(180deg,#f8fbff 0,var(--bg) 34rem);color:var(--text);font-family:Inter,SF Pro Text,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:680;line-height:1.08;margin-bottom:.4rem}h1,h2{color:var(--ink)}h2{font-size:1.05rem;font-weight:620;line-height:1.2;margin-bottom:.8rem}h3{color:var(--ink);font-size:.95rem;margin-bottom:.35rem}p{margin-bottom:.8rem}.container{max-width:1180px;margin:0 auto;padding:1.5rem}.narrow{max-width:480px}.page-shell{min-height:100vh}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.15rem}.eyebrow{color:var(--brand-dark);font-size:.72rem;font-weight:680;letter-spacing:.075em;margin-bottom:.35rem;text-transform:uppercase}.card{background:rgba(255,255,255,.94);padding:1.15rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.panel{background:rgba(255,255,255,.96);overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem}.panel-header .btn{flex:0 0 auto}.panel-body{padding:1.1rem}.metric-card{min-height:142px;position:relative;overflow:hidden}.metric-card:after{background:linear-gradient(135deg,rgba(99,91,255,.14),rgba(0,166,244,.08) 45%,transparent 70%);content:"";height:120px;position:absolute;right:-42px;top:-42px;transform:skewX(-14deg);width:130px}.metric-card .label,.stat .label{color:var(--muted);font-size:.75rem;font-weight:560}.metric-card .value,.stat .value{color:var(--ink);font-size:1.75rem;font-weight:660;letter-spacing:0;margin-top:.45rem}.trend{color:var(--muted);font-size:.76rem;font-weight:550;margin-top:.5rem}label{color:var(--ink);display:block;font-size:.8rem;font-weight:560;margin:.8rem 0 .3rem}input,select,textarea{width:100%;padding:.68rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit;background:#fff;color:var(--text);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#9aa3b2}input:focus,select:focus,textarea:focus{border-color:rgba(99,91,255,.65);box-shadow:var(--focus);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input[type=color]{cursor:pointer}input[type=checkbox]{accent-color:var(--brand)}.btn{align-items:center;border:1px solid #0a2540;border-radius:var(--radius);background:#0a2540;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:620;gap:.45rem;justify-content:center;min-height:40px;padding:.62rem .95rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.btn:hover{background:#071b31;border-color:#071b31;box-shadow:0 8px 18px rgba(10,37,64,.16);color:#fff;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--brand) 0,#4f46e5 100%);border-color:transparent;box-shadow:0 10px 22px rgba(99,91,255,.22)}.btn.primary:hover{background:linear-gradient(135deg,#756bff 0,var(--brand-dark) 100%);border-color:transparent}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--border)}.btn.secondary:hover{background:#f8fbff;border-color:var(--border-strong);color:var(--ink)}.btn.danger{background:#fff;color:var(--danger);border-color:var(--border)}.btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.btn:focus-visible{box-shadow:var(--focus),0 8px 18px rgba(10,37,64,.16)}.button-spinner{animation:spin .8s linear infinite;border-radius:50%;border:2px solid;border-right:2px solid transparent;display:inline-flex;height:.9rem;width:.9rem}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:720px}table{width:100%;border-collapse:collapse;background:#fff}td,th{text-align:left;padding:.82rem .65rem;border-bottom:1px solid var(--border);vertical-align:middle}th{background:var(--surface-subtle);color:var(--muted);font-size:.72rem;font-weight:620;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}td{color:var(--text)}td.num,th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}tbody tr:hover td{background:rgba(247,251,255,.9)}tbody tr:last-child td{border-bottom:0}.data-table-panel .panel-body{padding-top:0}.table-header{align-items:center}.table-toolbar{border-bottom:1px solid var(--border);gap:1rem;justify-content:space-between;padding:.9rem 1.1rem}.table-search,.table-toolbar{align-items:center;display:flex}.table-search{background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);gap:.5rem;max-width:420px;padding:0 .72rem;width:100%}.table-search:focus-within{border-color:rgba(99,91,255,.65);box-shadow:var(--focus)}.table-search input{padding-left:0}.table-search input,.table-search input:focus,.table-search input:hover{border:0;box-shadow:none}.table-count{white-space:nowrap}.table-primary-cell{align-items:center;display:flex;gap:.75rem;min-width:220px}.table-primary-cell>span:last-child{display:grid;grid-gap:.1rem;gap:.1rem}.client-avatar{align-items:center;background:var(--brand-soft);border-radius:50%;color:var(--brand-dark);display:inline-flex;flex:0 0 auto;font-size:.82rem;font-weight:650;height:34px;justify-content:center;width:34px}.table-pagination{align-items:center;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:.85rem 1.1rem}.table-pagination .btn{min-height:34px;padding:.45rem .75rem}.table-empty{margin-top:1.1rem}.table-empty p{margin-left:auto;margin-right:auto;max-width:420px}.badge{border-radius:999px;border:1px solid var(--border);background:#f7f7f8;color:var(--muted-strong);display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:.18rem .58rem;font-size:.72rem;font-weight:620;text-transform:capitalize}.badge.PAID{background:var(--success-soft);border-color:#bfead1;color:var(--success)}.badge.OVERDUE{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.badge.PARTIALLY_PAID{background:var(--warning-soft);border-color:#fde68a;color:#b45309}.badge.SENT{background:var(--info-soft);border-color:#bfdbfe;color:var(--info)}.badge.ACCEPTED{background:var(--success-soft);border-color:#bfead1;color:var(--success)}.badge.DECLINED,.badge.EXPIRED{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.badge.CONVERTED{background:var(--brand-soft);border-color:#fed7aa;color:var(--brand-dark)}.badge.DRAFT{background:#f3f4f6;color:#4b5563}.muted{color:var(--muted)}.strong{color:var(--ink);font-weight:600}.row{display:flex;gap:.75rem;align-items:center}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:1rem}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem}.grid3,.grid4{display:grid;gap:1rem}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem}.error{color:var(--danger);font-size:.85rem;font-weight:700;margin-top:.65rem}.empty-state{align-items:center;background:linear-gradient(135deg,rgba(99,91,255,.05),transparent 45%),#fff;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--muted);display:flex;min-height:180px;justify-content:center;text-align:center}.brand-mark{gap:.55rem;color:var(--ink);font-weight:680;letter-spacing:0}.brand-icon,.brand-mark{align-items:center;display:inline-flex}.brand-icon{background:url(/qovik-icon-512.png) 50%/contain no-repeat;border-radius:0;box-shadow:none;color:#fff;font-size:.92rem;font-weight:800;height:34px;justify-content:center;overflow:hidden;text-indent:-999px;width:34px}.dashboard-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.dashboard-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92)),#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem;padding:1.35rem 1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar-brand-row{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{align-items:center;border-radius:var(--radius);color:var(--muted-strong);display:flex;gap:.7rem;font-weight:560;padding:.66rem .76rem;transition:background .15s ease,color .15s ease,transform .15s ease}.icon-button svg,.sidebar-link svg,.sidebar-signout svg{flex:0 0 auto}.sidebar-text{min-width:0;opacity:1;overflow:hidden;transition:opacity .12s ease,width .18s ease;white-space:nowrap}.sidebar-collapsed .sidebar-text{opacity:0;width:0}.sidebar-collapsed .sidebar{align-items:center;padding-left:.85rem;padding-right:.85rem}.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .sidebar-nav{width:100%}.sidebar-collapsed .sidebar-collapse-control,.sidebar-collapsed .sidebar-link,.sidebar-collapsed .sidebar-signout{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .user-pill{justify-content:center}.sidebar-collapsed .online-dot{left:auto;right:12px}.sidebar-collapsed .sidebar-brand-row{justify-content:center}.sidebar-collapsed .sidebar-collapse-control svg{transform:rotate(180deg)}.icon-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted-strong);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease;width:34px}.icon-button:hover{border-color:var(--border-strong)}.icon-button:hover,.sidebar-link:hover{background:var(--brand-soft);color:var(--brand-dark)}.sidebar-link:hover{transform:translateX(2px)}.sidebar-link.active{background:linear-gradient(135deg,var(--brand-soft),var(--accent-soft));box-shadow:inset 3px 0 0 var(--brand);color:var(--brand-dark)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1rem}.sidebar-collapse-control{align-items:center;background:transparent;border:0;border-radius:var(--radius);color:var(--muted-strong);cursor:pointer;display:flex;font:inherit;font-weight:560;gap:.7rem;min-height:36px;padding:.55rem .76rem;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.sidebar-collapse-control:hover{background:var(--brand-soft);color:var(--brand-dark)}.sidebar-signout{gap:.55rem;width:100%}.user-pill{gap:.65rem;min-width:0;position:relative}.avatar,.user-pill{align-items:center;display:flex}.avatar{background:#fff1e8;border-radius:50%;color:#b45309;font-size:.78rem;font-weight:620;height:42px;justify-content:center;width:42px;flex:0 0 auto}.online-dot{background:var(--success);border:2px solid #fff;border-radius:50%;bottom:1px;height:11px;left:32px;position:absolute;width:11px}.user-pill .muted{color:var(--success)}.dashboard-main{min-width:0;padding:1.25rem}.dashboard-analytics-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);grid-gap:1rem;gap:1rem}.dashboard-analytics-grid.secondary{grid-template-columns:minmax(320px,.85fr) minmax(0,1fr)}.analytics-panel{min-height:260px}.premium-chart{position:relative;width:100%}.premium-chart-large{height:300px}.premium-chart-medium{height:240px}.chart-tooltip{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);min-width:170px;padding:.7rem .8rem}.recharts-tooltip-wrapper{outline:none}.recharts-surface{overflow:visible}.chart-legend,.chart-legend.center{align-items:center;color:var(--muted);display:flex;font-size:.78rem;gap:1rem;justify-content:flex-start;margin-top:.75rem}.chart-legend.center{justify-content:center}.chart-legend span{align-items:center;display:inline-flex;gap:.4rem}.chart-legend i{border-radius:50%;display:inline-flex;height:8px;width:8px}.donut-overlay{align-items:center;display:grid;inset:0;justify-items:center;pointer-events:none;place-content:center;position:absolute;text-align:center}.donut-overlay strong{color:var(--ink);font-size:2rem;font-weight:660;line-height:1}.donut-overlay span{color:var(--muted);font-size:.78rem;margin-top:.25rem}.risk-score{color:var(--ink);font-size:1.5rem;font-weight:660}.modal-backdrop{align-items:center;background:rgba(10,37,64,.42);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.signout-modal{border:1px solid var(--border);border-radius:12px;max-width:360px;padding:1.5rem;text-align:center}.modal-card,.signout-modal{background:#fff;box-shadow:var(--shadow);width:calc(100% - 2rem)}.modal-card{border:1px solid var(--border);border-radius:14px;max-height:calc(100vh - 2rem);max-width:760px;overflow:auto;padding:1.3rem}.brand-kit-layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);align-items:start}.brand-preview-panel{background:linear-gradient(145deg,rgba(99,91,255,.08),rgba(0,166,244,.05)),#fff;border:1px solid var(--border);border-radius:var(--radius-lg)}.brand-payment-preview,.brand-preview-panel{box-shadow:var(--shadow-soft);padding:1.15rem}.brand-payment-preview{background:#fff;border:1px solid var(--border);border-radius:14px;margin-top:1rem}.logo-upload-preview,.preview-logo{align-items:center;border-radius:16px;color:#fff;display:grid;font-size:1.35rem;font-weight:700;height:58px;overflow:hidden;place-items:center;width:58px}.logo-upload-preview img,.preview-logo img{height:100%;object-fit:cover;width:100%}.brand-preview-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.brand-mini-card{background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-gap:.25rem;gap:.25rem;padding:.8rem}.brand-kit-form{display:grid;grid-gap:1.2rem;gap:1.2rem}.form-section{border-bottom:1px solid var(--border);display:grid;grid-gap:.8rem;gap:.8rem;padding-bottom:1.15rem}.form-section:last-of-type{border-bottom:0;padding-bottom:0}.brand-upload-row{align-items:start;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1fr) 180px}.logo-dropzone{align-items:center;background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem}.logo-upload-preview{flex:0 0 auto}.colour-value{color:var(--muted);font-size:.78rem;margin-top:.35rem}.advanced-field{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:.8rem}.advanced-field summary{color:var(--muted-strong);cursor:pointer;font-weight:560}.brand-kit-actions{align-items:center;display:flex;justify-content:flex-end}.spinner{animation:spin .8s linear infinite;border-radius:50%;border:3px solid var(--brand-soft);border-top-color:var(--brand);display:inline-flex;height:34px;margin-bottom:1rem;width:34px}@keyframes spin{to{transform:rotate(1turn)}}.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,480px);min-height:100vh;background:linear-gradient(135deg,rgba(99,91,255,.14),transparent 36%),linear-gradient(180deg,#f8fbff,#eef4ff)}.auth-art{display:flex;flex-direction:column;justify-content:center;padding:4rem clamp(2rem,7vw,6rem)}.auth-art h1{font-size:clamp(3rem,7vw,5.5rem);max-width:720px}.auth-card-wrap{align-items:center;display:flex;padding:2rem}.auth-card-centered{grid-column:1/-1;justify-content:center}.auth-card-centered .card{max-width:440px}.auth-card-wrap .card{border-color:rgba(203,213,225,.82)}.login-shell{align-items:center;background:linear-gradient(135deg,rgba(99,91,255,.12),transparent 34%),linear-gradient(315deg,rgba(0,166,244,.12),transparent 34%),#f7fbff;display:flex;min-height:100vh;padding:1.5rem}.login-frame{background:rgba(255,255,255,.82);border:1px solid rgba(203,213,225,.92);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(360px,.88fr) minmax(360px,1fr);margin:0 auto;max-width:980px;min-height:560px;overflow:hidden;width:100%}.signup-frame{max-width:1040px}.login-panel{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.6rem,4vw,2.6rem)}.login-heading{margin-top:2.1rem}.login-heading h1{font-size:clamp(2rem,4vw,3rem)}.login-form{display:grid;grid-gap:.68rem;gap:.68rem;margin-top:1.35rem}.login-form label{margin-top:0}.login-form .btn{margin-top:.35rem;width:100%}.login-footnote{margin:1.25rem 0 0}.login-aside{align-items:center;background:linear-gradient(135deg,rgba(10,37,64,.92),rgba(23,50,77,.94)),var(--ink);color:#fff;display:flex;overflow:hidden;padding:clamp(1.6rem,4vw,2.6rem);position:relative}.login-aside:before{background:linear-gradient(135deg,rgba(99,91,255,.7),rgba(0,166,244,.35));content:"";height:280px;position:absolute;right:-90px;top:-80px;transform:rotate(-12deg);width:280px}.login-aside:after{background:rgba(255,255,255,.08);bottom:-60px;content:"";height:220px;left:-70px;position:absolute;transform:rotate(18deg);width:220px}.login-secure-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:1.35rem;position:relative;width:100%;z-index:1}.login-secure-card h2{color:#fff;font-size:clamp(1.35rem,3vw,2rem);line-height:1.12;margin:1.15rem 0}.login-secure-card .muted{color:#b8c7da}.login-signal-list{display:grid;grid-gap:.8rem;gap:.8rem}.login-signal-list div{align-items:center;color:#e5eef8;display:flex;gap:.55rem}.signal-dot{background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:50%;display:inline-flex;height:9px;width:9px}.login-mini-ledger{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:12px;margin-top:1rem;padding:1rem}.ledger-line{background:linear-gradient(90deg,var(--success),var(--brand),var(--accent));border-radius:999px;height:4px;margin:.9rem 0}.phone-preview{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);margin-top:2rem;max-width:310px;padding:1rem}.phone-preview .mini-chart{background:linear-gradient(135deg,rgba(0,138,91,.12),rgba(0,166,244,.1)),#fff;border-radius:var(--radius-lg);height:120px;margin-top:1rem;position:relative}.phone-preview .mini-chart:after{border-bottom:3px solid var(--success);border-right:3px solid var(--success);content:"";height:46px;left:34px;position:absolute;top:38px;transform:skew(-24deg);width:184px}.pay-shell{min-height:100vh;padding:2rem 1rem}.pay-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin:0 auto;max-width:560px;padding:1.45rem}.pay-amount{font-size:clamp(2rem,7vw,3.2rem);font-weight:900}.pay-amount,.pay-status-title{color:var(--brand);letter-spacing:0;margin:1.1rem 0 .25rem}.pay-status-title{font-size:clamp(1.9rem,5vw,2.55rem);font-weight:720;line-height:1.05}.marketing-shell{min-height:100vh;background:linear-gradient(112deg,rgba(99,91,255,.16),rgba(0,166,244,.1) 31%,transparent 58%),linear-gradient(180deg,#f8fbff,#fff 42rem)}.marketing-nav{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1180px;padding:1.1rem 1.5rem}.marketing-links{align-items:center;display:flex;gap:1.35rem;color:var(--muted-strong);font-size:.84rem;font-weight:680}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);max-width:1180px;margin:0 auto;padding:5rem 1.5rem 4.5rem;align-items:center}.hero-premium{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);padding-top:4.25rem}.hero h1{font-size:clamp(3.25rem,8vw,6.5rem);font-weight:780;letter-spacing:0;max-width:760px}.hero-premium h1{font-size:clamp(3.1rem,7vw,5.8rem);max-width:820px}.hero-copy{color:var(--muted-strong);font-size:1.08rem;max-width:560px}.hero-actions{gap:.75rem;margin-top:1.5rem}.hero-actions,.trust-strip{display:flex;flex-wrap:wrap}.trust-strip{align-items:center;gap:.5rem;margin-bottom:1.1rem}.logo-proof-row span,.trust-strip span{background:rgba(255,255,255,.72);border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);font-size:.8rem;font-weight:600;padding:.35rem .62rem}.hero-metrics{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.7rem;max-width:560px}.hero-metrics div,.mini-stat{background:rgba(255,255,255,.78);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-gap:.15rem;gap:.15rem;padding:.8rem}.hero-metrics strong,.mini-stat strong{color:var(--ink)}.hero-metrics span,.mini-stat span{color:var(--muted);font-size:.78rem}.hero-product{display:grid;grid-gap:1rem;gap:1rem;position:relative}.product-dashboard-card,.product-payment-card{background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.1rem}.product-payment-card{justify-self:end;margin-top:-2rem;max-width:310px;width:75%}.marketing-chart{align-items:flex-end;background:linear-gradient(180deg,rgba(99,91,255,.08),transparent),var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:.7rem;height:190px;margin:1rem 0;padding:1rem}.marketing-chart span{background:linear-gradient(180deg,var(--brand),var(--accent));border-radius:999px 999px 4px 4px;flex:1 1;min-width:18px}.proof-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.7rem;color:var(--muted-strong);font-size:.86rem;font-weight:600}.proof-row span{background:rgba(255,255,255,.72);border:1px solid var(--border);border-radius:999px;padding:.35rem .62rem}.logo-proof-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.product-phone{border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);margin-left:auto;max-width:390px;padding:1rem}.product-phone,.product-phone-screen{background:linear-gradient(180deg,#fff,#f7fbff)}.product-phone-screen{border:1px solid var(--border);border-radius:14px;padding:1.05rem}.mini-invoice-row{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.mini-invoice-row,.section-band{border-top:1px solid var(--border)}.section-band{padding:4.25rem 1.5rem}.compact-band{padding-bottom:1.8rem;padding-top:1.8rem}.section-inner{margin:0 auto;max-width:1180px}.section-heading{margin:0 auto 2rem;max-width:720px;text-align:center}.feature-card{min-height:230px}.bento-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card:hover,.pricing-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--brand-soft),var(--accent-soft));border-radius:var(--radius-lg);color:var(--brand);display:inline-flex;font-weight:750;height:44px;justify-content:center;margin-bottom:1.2rem;width:44px}.flow-step{text-align:center}.workflow-panel{background:linear-gradient(135deg,rgba(10,37,64,.96),rgba(23,50,77,.94)),var(--ink);border-radius:18px;box-shadow:var(--shadow);color:#fff;display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:clamp(1.5rem,4vw,3rem)}.workflow-panel h1,.workflow-panel h2{color:#fff}.workflow-panel .muted{color:#b8c7da}.workflow-steps{display:grid;grid-gap:.8rem;gap:.8rem}.workflow-row{align-items:start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:auto minmax(0,1fr);padding:.85rem}.workflow-row>span{align-items:center;background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:50%;display:inline-flex;font-weight:700;height:30px;justify-content:center;width:30px}.workflow-row p{margin-bottom:0}.cta-panel{align-items:center;background:linear-gradient(135deg,rgba(99,91,255,.18),rgba(0,166,244,.12)),#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft);display:flex;gap:1rem;justify-content:space-between;padding:clamp(1.4rem,4vw,2.4rem)}.cta-panel p{color:var(--muted-strong);margin-bottom:0}.flow-dot{align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);display:inline-flex;font-weight:750;height:70px;justify-content:center;margin-bottom:1rem;width:70px}.pricing-hero{margin:0 auto;max-width:760px;padding:4rem 1.5rem 2rem;text-align:center}.pricing-hero-premium{max-width:820px}.pricing-hero-premium h1{font-size:clamp(2.8rem,6vw,4.7rem)}.billing-toggle{background:#fff;border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:.25rem;margin-top:1.2rem;padding:.3rem}.billing-toggle span{border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:600;padding:.45rem .75rem}.billing-toggle .active{background:var(--ink);color:#fff}.pricing-section{padding:0 1.5rem 3rem}.pricing-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card{display:flex;flex-direction:column;min-height:420px;position:relative}.featured-plan{border-color:rgba(99,91,255,.48);box-shadow:var(--shadow);transform:translateY(-8px)}.pricing-trust{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-trust div{background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;grid-gap:.25rem;gap:.25rem;padding:1rem}.pricing-trust strong{color:var(--ink)}.pricing-trust span{color:var(--muted)}.faq-list{display:grid;grid-gap:.75rem;gap:.75rem}.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem}.faq-item summary{color:var(--ink);cursor:pointer;font-weight:620}.faq-item p{margin:.75rem 0 0}.price{color:var(--ink);font-size:2.8rem;font-weight:780;margin:1rem 0 .25rem}.price small{color:var(--muted);font-size:.85rem;font-weight:700}.check-list{color:var(--muted-strong);display:grid;grid-gap:.65rem;gap:.65rem;list-style:none;margin:1.25rem 0;padding:0}.check-list li:before{border-bottom:2px solid var(--success);border-right:2px solid var(--success);content:"";display:inline-block;height:.55rem;margin-right:.55rem;transform:rotate(45deg) translateY(-1px);width:.28rem}code{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);display:block;padding:.75rem}ul{padding-left:1.2rem}@media (max-width:980px){.auth-shell,.dashboard-shell,.dashboard-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{margin-top:0}.sidebar-collapsed .sidebar{align-items:stretch}.sidebar-collapsed .sidebar-text{opacity:1;width:auto}.sidebar-collapsed .sidebar-brand-row{flex-direction:row}.brand-kit-layout,.brand-preview-grid,.brand-upload-row,.dashboard-analytics-grid,.login-frame{grid-template-columns:1fr}.login-aside{min-height:360px}.auth-art{padding-bottom:0}.auth-card-wrap{padding-top:1rem}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:2.5rem}.hero,.hero-premium{grid-template-columns:1fr}.product-phone{margin:0}.product-payment-card{justify-self:stretch;margin-top:0;max-width:none;width:100%}.bento-grid,.pricing-grid,.pricing-trust{grid-template-columns:1fr 1fr}.workflow-panel{grid-template-columns:1fr}.featured-plan{transform:none}}@media (max-width:720px){.container,.dashboard-main{padding:1rem}.dashboard-topbar,.page-header,.row.between{align-items:stretch;flex-direction:column}.panel-header{align-items:flex-start}.grid2,.grid3,.grid4{grid-template-columns:1fr}.auth-art{padding:2rem 1rem 0}.auth-card-wrap{padding:1rem}.login-shell{padding:0}.login-frame{border-radius:0;min-height:100vh}.login-aside,.login-panel{padding:1.4rem}.login-heading{margin-top:2rem}.phone-preview{max-width:none}.marketing-nav{align-items:flex-start;flex-direction:column}.marketing-links{flex-wrap:wrap}.hero h1{font-size:3.4rem}.hero-actions .btn{width:100%}.bento-grid,.hero-metrics,.pricing-grid,.pricing-trust{grid-template-columns:1fr}.cta-panel,.marketing-nav{align-items:stretch}.cta-panel{flex-direction:column}}.legal-document{max-width:760px}.legal-document>section{margin:2rem 0}.legal-document p{line-height:1.7}.btn.compact{padding:.35rem .6rem;font-size:.82rem}.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.success{color:var(--success)}.session-row{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.9rem 0}.session-row:last-child{border-bottom:0}