:root{
 --bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#152033;--muted:#667085;--line:#e6eaf0;
 --primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eaf2ff;--green:#16a34a;--green-soft:#eaf8ef;
 --red:#e34a5f;--red-soft:#fff0f2;--orange:#ea8a18;--orange-soft:#fff6e8;--purple:#7c3aed;--purple-soft:#f3edff;
 --cyan:#0891b2;--cyan-soft:#e7f9fc;--shadow:0 16px 45px rgba(25,45,85,.08);--shadow-sm:0 7px 24px rgba(25,45,85,.07);
 --radius:18px;--radius-sm:12px;--sidebar:252px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.eyebrow.light{color:#cfe0ff}em{font-style:normal;color:var(--primary)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:750;transition:.18s ease;background:none;color:var(--text)}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),#3b82f6);box-shadow:0 8px 20px rgba(37,99,235,.25)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-2),var(--primary))}.btn-secondary{background:#fff;border-color:#dfe5ee;color:var(--primary);box-shadow:0 5px 14px rgba(25,45,85,.05)}.btn-secondary:hover{border-color:#b8c8e7}.btn-ghost{border-color:transparent;color:#344054}.btn-ghost:hover{background:#f3f6fb}.btn-light{background:#fff;color:var(--primary);box-shadow:0 8px 24px rgba(0,0,0,.12)}.btn-lg{padding:14px 21px;border-radius:14px;font-size:1rem}.btn-block{width:100%}.logo-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#1d4ed8,#3b82f6);font-weight:900;box-shadow:0 7px 16px rgba(37,99,235,.25)}.site-logo,.app-brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:1.28rem;color:#10203a}
.toast{position:fixed;z-index:1000;right:24px;top:85px;max-width:480px;padding:14px 18px;border-radius:13px;box-shadow:var(--shadow);font-weight:700;animation:toastIn .3s ease}.toast-success{background:#ebf9f0;color:#0c7a35;border:1px solid #b8ebca}.toast-error{background:#fff0f2;color:#b4233a;border:1px solid #ffd0d8}@keyframes toastIn{from{transform:translateY(-15px);opacity:0}to{transform:none;opacity:1}}
/* Landing */
.landing-body{background:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,240,.8)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-nav{display:flex;gap:30px;color:#475467;font-weight:650;font-size:.92rem}.site-nav a:hover{color:var(--primary)}.nav-actions{display:flex;gap:8px}.mobile-nav-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero-section{position:relative;overflow:hidden;padding:92px 0 84px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.35}.glow-one{width:520px;height:520px;background:#dbeafe;right:-120px;top:-180px}.glow-two{width:360px;height:360px;background:#dcfce7;left:-180px;bottom:-160px}.hero-grid{display:grid;grid-template-columns:.94fr 1.18fr;gap:60px;align-items:center;position:relative}.hero-copy h1{font-size:clamp(2.8rem,5.4vw,4.9rem);letter-spacing:-.055em;line-height:.98;margin:18px 0 24px;max-width:720px}.hero-copy p{font-size:1.12rem;line-height:1.75;color:#58667b;max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#697586;font-size:.86rem}.trust-row span{display:flex;align-items:center;gap:5px}.hero-dashboard{position:relative}.mini-browser{background:#fff;border:1px solid #e4e9f2;border-radius:22px;box-shadow:0 34px 80px rgba(44,74,132,.18);overflow:hidden;transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}.browser-bar{height:42px;background:#f4f6f9;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;gap:7px;padding:0 14px;color:#98a2b3;font-size:.68rem}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#f87171}.browser-bar i:nth-child(2){background:#fbbf24}.browser-bar i:nth-child(3){background:#34d399}.browser-bar span{margin-left:17px;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:6px 50px 6px 14px}.browser-content{display:flex;min-height:450px}.mini-side{width:70px;border-right:1px solid #edf0f5;padding:18px 14px;display:flex;flex-direction:column;gap:21px;align-items:center}.mini-side .mini-logo{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-weight:900}.mini-side b{display:block;width:25px;height:8px;background:#edf1f7;border-radius:5px}.mini-main{flex:1;background:#fafbfd;padding:18px}.mini-top{display:flex;justify-content:space-between;margin-bottom:15px}.mini-top span:first-child{width:42%;height:29px;background:white;border:1px solid #e9edf3;border-radius:8px}.mini-top span:last-child{width:22%;height:29px;background:white;border:1px solid #e9edf3;border-radius:8px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-kpis article{position:relative;background:#fff;border:1px solid #e8ecf2;border-radius:12px;padding:14px;min-height:91px;box-shadow:0 7px 18px rgba(30,52,89,.04)}.mini-kpis small{color:#7a8699;font-size:.62rem}.mini-kpis strong{display:block;font-size:1rem;margin:7px 0}.mini-kpis em{font-size:.6rem;color:var(--green)}.mini-kpis .ring{position:absolute;right:10px;bottom:12px;width:32px;height:32px;border-radius:50%;border:4px solid #bbf7d0;border-top-color:#22c55e;display:grid;place-items:center;font-size:.55rem}.mini-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:10px}.mini-panels article{background:#fff;border:1px solid #e8ecf2;border-radius:12px;padding:14px;min-height:248px}.mini-panels h4{font-size:.75rem;margin:0 0 20px}.fake-chart{height:165px;border-bottom:1px solid #dce2eb;display:flex;align-items:end;gap:9px;padding:0 6px}.fake-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#60a5fa,#bfdbfe)}.mini-panels p{font-size:.64rem;color:#667085;display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid #eef1f5}.mini-panels p b{margin-left:auto;color:#344054}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#fb7185}.dot.yellow{background:#fbbf24}.dot.green{background:#34d399}.floating-saving{position:absolute;right:-25px;bottom:28px;background:#fff;border:1px solid #dfe9e4;border-radius:15px;padding:13px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 18px 42px rgba(35,76,68,.16);font-size:1.2rem}.floating-saving small,.floating-saving strong{display:block}.floating-saving small{color:#697586;font-size:.68rem}.floating-saving strong{font-size:.9rem;color:#12803c;margin-top:3px}.logo-strip{padding:29px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.logo-strip .container{display:flex;align-items:center;justify-content:center;gap:40px}.logo-strip p{color:#7a8699;font-size:.83rem}.brand-strip{display:flex;align-items:center;gap:21px;filter:saturate(.75)}.brand-logo{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #e6eaf0;border-radius:10px;background:#fff;overflow:hidden;flex:none}.brand-logo img{width:19px;height:19px;object-fit:contain}.brand-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:.72rem;font-weight:900;background:#edf2f9;color:#475467}.brand-logo.generic .brand-fallback{display:grid!important}.section{padding:105px 0}.section.alt{background:#f7f9fc}.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em;line-height:1.08;margin:15px 0}.section-heading p{color:#657287;line-height:1.7;font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid #e7ebf1;border-radius:22px;padding:27px;min-height:250px;box-shadow:0 10px 30px rgba(32,53,91,.05);transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card.featured{background:linear-gradient(150deg,#f7fbff,#fff);border-color:#cfe0ff}.feature-card h3{font-size:1.22rem;margin:18px 0 10px}.feature-card p{color:#697586;line-height:1.68}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:1.25rem}.feature-icon.blue{background:var(--primary-soft);color:var(--primary)}.feature-icon.green{background:var(--green-soft);color:var(--green)}.feature-icon.purple{background:var(--purple-soft);color:var(--purple)}.feature-icon.orange{background:var(--orange-soft);color:var(--orange)}.feature-icon.cyan{background:var(--cyan-soft);color:var(--cyan)}.feature-icon.red{background:var(--red-soft);color:var(--red)}.saving-preview{margin-top:20px;border-top:1px solid #e9edf3;padding-top:18px}.saving-preview span,.saving-preview strong{display:block}.saving-preview span{color:#697586;font-size:.8rem}.saving-preview strong{font-size:1.2rem;margin:5px 0 10px;color:#0f7b38}.progress{height:8px;border-radius:10px;background:#e9edf3;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a34a,#4ade80)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps-grid article{background:#fff;padding:32px;border:1px solid #e5eaf1;border-radius:22px}.steps-grid span{width:43px;height:43px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.steps-grid h3{margin:19px 0 10px}.steps-grid p{color:#697586;line-height:1.65}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.persona-card{position:relative;overflow:hidden;border-radius:28px;padding:42px;border:1px solid #e4e9f0;box-shadow:var(--shadow-sm)}.persona-card.personal{background:linear-gradient(145deg,#f7fbff,#fff)}.persona-card.business{background:linear-gradient(145deg,#10234a,#1d4ed8);color:#fff;border:0}.persona-card h2{font-size:2.2rem;letter-spacing:-.04em;margin:15px 0}.persona-card p{line-height:1.7;color:#657287}.persona-card.business p,.persona-card.business li{color:#dbe7ff}.persona-card ul{list-style:none;padding:0;margin:25px 0 30px}.persona-card li{padding:9px 0;color:#4d5b70}.persona-card li:before{content:'✓';color:#22c55e;font-weight:900;margin-right:10px}.persona-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf4ff;color:#2563eb;font-weight:800;font-size:.72rem}.business .persona-badge{background:rgba(255,255,255,.13);color:#fff}.demo-section{padding-top:30px}.demo-panel{background:linear-gradient(130deg,#10234a,#2563eb);color:#fff;border-radius:28px;padding:52px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 25px 60px rgba(29,78,216,.22)}.demo-panel h2{font-size:2.35rem;margin:12px 0}.demo-panel p{max-width:700px;color:#dce8ff;line-height:1.7}.demo-actions{display:flex;gap:10px;flex:none}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.security-grid h2{font-size:3rem;letter-spacing:-.04em;margin:14px 0}.security-grid p{color:#68758a;line-height:1.75}.security-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.security-cards article{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:22px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-sm)}.final-cta{background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);color:#fff;padding:80px 0;text-align:center}.final-cta h2{font-size:3rem;letter-spacing:-.04em;margin:0}.final-cta p{color:#dce8ff;margin:16px 0 28px}.site-footer{padding:35px 0;background:#0e1c36;color:#d6e0ef}.site-footer .container{display:flex;align-items:center;gap:28px}.site-footer .site-logo{color:#fff}.site-footer p{margin:0;color:#99a9c2}.site-footer .container>span:last-child{margin-left:auto;color:#8d9db5}
/* Auth */
.auth-body{background:#f7f9fc;min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(520px,.9fr) 1.1fr}.auth-panel{padding:38px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-panel>.site-logo{position:absolute;top:35px}.auth-card{width:min(460px,100%);margin:auto}.auth-card h1{font-size:2.35rem;letter-spacing:-.045em;margin:14px 0 10px}.auth-card>p{color:#667085;line-height:1.65;margin-bottom:27px}.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:750;color:#344054}.stack-form input,.stack-form select,.stack-form textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dfe4ec;border-radius:11px;background:#fff;padding:12px 13px;color:#172033;outline:none;transition:.18s}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#8bb3ff;box-shadow:0 0 0 4px #eaf2ff}.divider{position:relative;text-align:center;margin:25px 0;color:#98a2b3;font-size:.76rem}.divider:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#e7ebf1}.divider span{position:relative;background:#fff;padding:0 12px}.demo-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-switch{text-align:center!important;font-size:.9rem;margin-top:25px!important}.auth-switch a{color:var(--primary);font-weight:800}.auth-visual{background:linear-gradient(145deg,#102047,#1d4ed8);display:grid;place-items:center;padding:60px;position:relative;overflow:hidden}.auth-visual:after{content:'';position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);right:-220px;top:-200px}.auth-visual-content{position:relative;z-index:1;color:#fff;width:min(590px,100%)}.auth-visual-content h2{font-size:3.45rem;line-height:1.02;letter-spacing:-.05em;margin:17px 0 35px}.visual-kpi{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:19px;padding:24px;backdrop-filter:blur(9px)}.visual-kpi span,.visual-kpi strong,.visual-kpi small{display:block}.visual-kpi span,.visual-kpi small{color:#d9e5ff}.visual-kpi strong{font-size:2.25rem;margin:9px 0}.visual-list{margin-top:16px;background:#fff;border-radius:19px;padding:12px 22px;color:#263650;box-shadow:0 18px 40px rgba(0,0,0,.18)}.visual-list p{display:flex;align-items:center;gap:10px;padding:10px 0;margin:0;border-bottom:1px solid #edf0f4}.visual-list p:last-child{border:0}.visual-list i{width:9px;height:9px;border-radius:50%}.visual-list i.green{background:#22c55e}.visual-list i.orange{background:#f59e0b}.visual-list i.blue{background:#3b82f6}.visual-list b{margin-left:auto}.registration-body{background:linear-gradient(180deg,#f7faff,#f4f7fb)}.registration-header{height:78px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf0;background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}.step-indicator{display:flex;align-items:center;gap:9px}.step-indicator span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8edf5;color:#8390a4;font-weight:800;font-size:.78rem}.step-indicator span.active{background:var(--primary);color:#fff}.step-indicator i{width:40px;height:2px;background:#dfe5ed}.registration-wrap{display:grid;grid-template-columns:minmax(620px,1fr) minmax(440px,.82fr);gap:28px;width:min(1380px,calc(100% - 42px));margin:28px auto 60px}.registration-card,.registration-preview{background:#fff;border:1px solid #e4e9f0;border-radius:24px;box-shadow:var(--shadow-sm)}.registration-card{padding:35px 42px}.registration-copy h1{font-size:2.55rem;letter-spacing:-.045em;margin:12px 0}.registration-copy p{color:#667085}.form-step{display:none;margin-top:34px}.form-step.active{display:block}.form-step h2{font-size:1.45rem;margin-bottom:18px}.account-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-choice{position:relative;border:1.5px solid #dfe5ed;border-radius:18px;padding:23px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:.18s}.account-choice:has(input:checked){border-color:#6c9eff;background:#f5f9ff;box-shadow:0 0 0 4px #eaf2ff}.account-choice input{position:absolute;right:16px;top:16px;accent-color:var(--primary)}.choice-icon{width:44px;height:44px;border-radius:13px;background:#eaf2ff;color:var(--primary);display:grid;place-items:center}.account-choice strong{font-size:1.06rem}.account-choice small{color:#6b7789;line-height:1.5}.step-actions{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.form-grid{display:grid;gap:15px}.form-grid.two{grid-template-columns:1fr 1fr}.business-fields{display:none;border-top:1px solid #e8ecf2;margin-top:25px;padding-top:21px}.business-fields.visible{display:block}.business-fields h3{font-size:1rem}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module-grid label{position:relative;border:1px solid #e0e6ee;border-radius:15px;padding:16px;display:grid;grid-template-columns:40px 1fr;column-gap:11px;cursor:pointer}.module-grid label:has(input:checked){border-color:#86aefe;background:#f6f9ff}.module-grid label.hidden-module{display:none}.module-grid input{position:absolute;right:12px;top:12px;accent-color:var(--primary)}.module-grid label>span{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:var(--primary)}.module-grid strong{font-size:.9rem}.module-grid small{font-size:.72rem;color:#6a7688;line-height:1.4}.terms-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;margin-top:18px}.terms-check input{width:auto!important}.registration-preview{padding:27px;align-self:start;position:sticky;top:100px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#667085;font-size:.8rem}.preview-header b{color:var(--primary)}.preview-dashboard{display:flex;min-height:430px;background:#f7f9fc;border:1px solid #e5eaf1;border-radius:17px;overflow:hidden}.preview-sidebar{width:55px;background:#fff;border-right:1px solid #e5eaf1;display:flex;align-items:center;flex-direction:column;padding:13px 10px;gap:17px}.preview-sidebar i{width:29px;height:29px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.preview-sidebar b{width:22px;height:6px;border-radius:5px;background:#e4e9f1}.preview-main{flex:1;padding:15px}.preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-kpis article{background:#fff;border:1px solid #e5eaf1;border-radius:11px;padding:13px}.preview-kpis small{display:block;color:#7c899b;font-size:.59rem}.preview-kpis strong{display:block;margin-top:7px;font-size:.9rem}.preview-chart{background:#fff;border:1px solid #e5eaf1;border-radius:11px;padding:14px;margin-top:10px}.preview-chart>span{display:block;width:110px;height:7px;border-radius:5px;background:#e8edf4;margin-bottom:16px}.preview-chart>div{height:145px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #dfe5ed}.preview-chart i{flex:1;background:linear-gradient(#5b9cff,#c5dcff);border-radius:4px 4px 0 0}.preview-brands{background:#fff;border:1px solid #e5eaf1;border-radius:11px;padding:14px;margin-top:10px}.preview-brands>span{font-size:.62rem;color:#7a8698}.preview-brands>div{display:flex;gap:9px;margin-top:12px}.preview-brands .brand-logo{width:31px;height:31px}.preview-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:19px 0 12px;color:#697586;font-size:.75rem}.preview-flow span{padding:8px 10px;background:#f3f6fb;border-radius:9px}.preview-flow i{font-style:normal;color:#9aa6b7}.trust-badges{display:flex;flex-wrap:wrap;gap:8px}.trust-badges span{font-size:.67rem;color:#5f6c80;background:#f3f6fa;border:1px solid #e7ebf1;border-radius:999px;padding:7px 9px}
/* App shell */
.app-body{min-height:100vh;background:#f5f7fb}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid #e6eaf0;padding:22px 17px;display:flex;flex-direction:column;z-index:80;transition:.25s}.app-brand{padding:0 10px 23px}.app-nav{display:flex;flex-direction:column;gap:5px}.app-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#516075;font-weight:650;font-size:.9rem}.app-nav a svg{width:20px;height:20px}.app-nav a:hover{background:#f5f8fc;color:var(--primary)}.app-nav a.active{background:#eaf2ff;color:var(--primary)}.sidebar-spacer{flex:1}.support-box{border:1px solid #e3e8ef;border-radius:16px;padding:15px;background:#fbfcfe}.support-icon{width:36px;height:36px;border-radius:12px;background:#eaf2ff;color:var(--primary);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.support-box strong{display:block;font-size:.86rem}.support-box p{font-size:.72rem;color:#7a8698;margin:6px 0 13px}.support-box .btn{padding:9px 10px;font-size:.72rem}.app-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:76px;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e6eaf0;display:flex;align-items:center;gap:25px;padding:0 28px}.global-search{width:min(500px,42vw);height:42px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:#98a2b3}.global-search input{border:0;outline:0;width:100%;background:transparent;color:#344054}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.month-pill,.select-pill{border:1px solid #e0e6ee;border-radius:10px;padding:9px 12px;background:#fff;color:#4f5d72;font-size:.78rem}.notification-bell{position:relative;color:#667085}.notification-bell b{position:absolute;right:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:.58rem}.user-menu{display:flex;align-items:center;gap:9px;border-left:1px solid #e3e7ed;padding-left:14px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6da6ec,#9ab9dc);color:#fff;font-weight:900}.avatar.large{width:76px;height:76px;font-size:1.5rem}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:.78rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{font-size:.65rem;color:#8591a3;margin-top:2px}.icon-button{border:0;background:#f4f6f9;color:#556274;border-radius:10px;width:37px;height:37px;display:grid;place-items:center}.mobile-menu{display:none}.app-main{padding:28px;flex:1}.app-footer{text-align:center;color:#8a96a7;font-size:.72rem;padding:13px 20px 25px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.page-heading h1{font-size:2rem;letter-spacing:-.035em;margin:5px 0}.page-heading p{color:#697586;margin:0;line-height:1.55}.kpi-grid{display:grid;gap:14px}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi-card{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:21px;box-shadow:0 6px 18px rgba(35,55,90,.04);display:flex;justify-content:space-between;min-height:132px}.kpi-card small{display:block;color:#5e6b7f;font-size:.78rem;font-weight:700}.kpi-card strong{display:block;font-size:1.55rem;letter-spacing:-.025em;margin:10px 0}.kpi-card strong em{font-size:.72rem;color:#68758a;font-weight:650}.trend{font-size:.7rem;font-weight:750}.trend.success,.text-success{color:#159447}.trend.warning{color:#df7d09}.trend.info{color:#2563eb}.text-danger{color:#d43850}.kpi-icon{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.2rem}.kpi-icon.blue{background:#eaf2ff;color:#2563eb}.kpi-icon.green{background:#e9f8ef;color:#16a34a}.kpi-icon.red{background:#fff0f2;color:#e34a5f}.kpi-icon.orange{background:#fff6e8;color:#ea8a18}.gauge-card{align-items:center}.score-ring{--score:74;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e calc(var(--score)*1%),#e7ecf2 0);position:relative}.score-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}.score-ring span{position:relative;font-weight:900;font-size:.9rem}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:14px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.panel{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:19px;box-shadow:0 6px 18px rgba(35,55,90,.035);min-width:0}.panel.tall{grid-row:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head h2{font-size:1rem;margin:0}.panel-head p{font-size:.7rem;color:#8490a1;margin:4px 0 0}.panel-head>a{font-size:.72rem;color:var(--primary);font-weight:800}.chart-legend{display:flex;gap:13px;color:#6b7789;font-size:.68rem}.chart-legend span:before{content:'';width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.blue-dot:before{background:#3b82f6}.red-dot:before{background:#fb7185}.cg-chart{width:100%;display:block}.payday-panel>p{color:#697586;font-size:.8rem}.daily-budget{display:block;font-size:2rem;color:#18a24c;margin:14px 0 28px}.daily-budget em{font-size:.9rem;color:#526076}.progress-label{display:flex;justify-content:space-between;color:#6a7688;font-size:.67rem;margin-bottom:7px}.info-box{background:#f5f8fc;border-radius:10px;padding:12px;margin-top:24px;color:#667085;font-size:.69rem;line-height:1.55}.recommendation-list{display:flex;flex-direction:column}.recommendation-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4}.recommendation-row:last-child{border-bottom:0}.rec-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.rec-icon.high{background:#eaf8ef}.rec-icon.medium{background:#fff6e8}.recommendation-row strong,.recommendation-row small{display:block}.recommendation-row strong{font-size:.77rem}.recommendation-row div>small{color:#7d899a;font-size:.62rem;line-height:1.35;margin-top:4px}.recommendation-row>b{text-align:right;font-size:.75rem}.recommendation-row>b small{color:#8a95a5;font-size:.58rem;margin-top:3px}.impact{display:inline-flex!important;width:max-content;border-radius:999px;padding:4px 7px;font-size:.56rem!important;font-weight:800;margin-top:5px!important}.impact.high{background:#e7f7ed;color:#14823d}.impact.medium{background:#fff0da;color:#c66d00}.compact .recommendation-row{padding:11px 0}.data-list{display:flex;flex-direction:column}.data-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eef1f4;min-width:0}.data-row:last-child{border:0}.data-row strong,.data-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-row strong{font-size:.73rem}.data-row small{color:#8b96a6;font-size:.6rem;margin-top:3px}.data-row>b{font-size:.7rem;white-space:nowrap}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:.59rem;font-weight:850;white-space:nowrap}.status.success{background:#e8f7ed;color:#158440}.status.info{background:#eaf2ff;color:#2563eb}.status.warning{background:#fff1dd;color:#c86d00}.status.danger{background:#fff0f2;color:#d23b52}.status.muted{background:#eef1f5;color:#697586}.donut-wrap{display:flex;align-items:center;gap:18px}.donut{width:150px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#2563eb 0 38%,#22c55e 38% 59%,#f3b51b 59% 74%,#8b5cf6 74% 83%,#f97316 83% 92%,#d6dbe4 92%);display:grid;place-items:center;flex:none}.donut:before{content:'';width:96px;aspect-ratio:1;border-radius:50%;background:#fff}.donut>div{position:absolute;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:.75rem}.donut small{color:#8a96a7;font-size:.58rem;margin-top:3px}.donut-legend{flex:1}.donut-legend p{display:flex;align-items:center;margin:8px 0;font-size:.68rem}.donut-legend p i{width:8px;height:8px;border-radius:3px;margin-right:7px}.donut-legend p i.blue{background:#2563eb}.donut-legend p i.green{background:#22c55e}.donut-legend p i.yellow{background:#eab308}.donut-legend p i.purple{background:#8b5cf6}.donut-legend p i.orange{background:#f97316}.donut-legend p i.gray{background:#cbd5e1}.donut-legend p b{margin-left:auto}.goal-panel>strong{font-size:1rem;color:#159447}.goal-panel>.progress{margin:14px 0 7px}.goal-panel>p{font-size:.7rem;color:#718096}.energy-card>strong{font-size:.86rem}.energy-card>strong em{color:#149447}.sparkline{height:70px;color:#22c55e;margin-top:12px;background:linear-gradient(180deg,#f0fbf4,transparent);border-radius:11px}.sparkline svg{width:100%;height:100%}.energy-card>p{font-size:.68rem;color:#788496}.energy-area{height:205px;color:#22c55e}.energy-area svg{width:100%;height:100%}.chart-axis{display:flex;justify-content:space-between;color:#96a0ae;font-size:.58rem}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th{text-align:left;color:#7a8697;font-size:.63rem;font-weight:750;padding:10px 9px;border-bottom:1px solid #e8ecf2}.table-wrap td{padding:10px 9px;border-bottom:1px solid #eef1f4;font-size:.7rem;color:#526075}.entity-cell{display:flex;align-items:center;gap:9px;min-width:0}.entity-cell strong{color:#263449}.business-donut{background:conic-gradient(#22c55e 0 59%,#3b82f6 59% 82%,#8b5cf6 82% 93%,#cbd5e1 93%)}.donut-wrap.stacked{align-items:center}.devices .data-row{grid-template-columns:auto 1fr auto}
/* sections */
.table-panel{padding:0}.table-panel>.panel-head{padding:19px 19px 0}.table-search{border:1px solid #dfe5ed;border-radius:10px;padding:8px 11px;display:flex;gap:6px;color:#98a2b3}.table-search input{border:0;outline:0}.management-table th,.management-table td{padding:14px 18px}.management-table .brand-logo{width:35px;height:35px}.type-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850}.type-pill.income{background:#e8f7ed;color:#168341}.type-pill.expense{background:#fff0f2;color:#d13f55}.actions{text-align:right}.delete-button{width:31px;height:31px;border:0;border-radius:9px;background:#fff0f2;color:#d13f55;font-size:1.25rem}.empty-state{text-align:center!important;padding:50px!important;color:#8a96a8!important}.cg-dialog{width:min(670px,calc(100% - 30px));border:0;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(15,30,60,.24)}.cg-dialog::backdrop{background:rgba(16,28,52,.45);backdrop-filter:blur(4px)}.dialog-close-form{position:absolute;right:16px;top:14px}.dialog-close-form button{border:0;background:#f1f4f8;width:34px;height:34px;border-radius:10px;font-size:1.2rem}.dialog-head{margin-bottom:22px}.dialog-head h2{margin:7px 0}.settings-grid{display:grid;grid-template-columns:1fr 340px;gap:16px}.settings-grid .panel{padding:27px}.module-title{margin-top:13px;padding-top:22px;border-top:1px solid #e7ebf1}.settings-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px}.settings-modules label{position:relative;border:1px solid #e0e6ee;border-radius:13px;padding:15px;display:flex;align-items:center;gap:9px;cursor:pointer}.settings-modules label:has(input:checked){border-color:#8cb3ff;background:#f4f8ff}.settings-modules input{position:absolute;right:10px;top:10px;accent-color:var(--primary)}.settings-modules span{width:34px;height:34px;border-radius:10px;background:#edf4ff;display:grid;place-items:center}.settings-modules strong{font-size:.75rem}.profile-summary{text-align:center;align-self:start}.profile-summary .large{margin:0 auto 14px}.profile-summary h2{margin:0}.profile-summary>p{color:#738095;font-size:.8rem}.account-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf2ff;color:#2563eb;font-size:.7rem;font-weight:850}.summary-list{margin-top:24px;text-align:left}.summary-list p{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f4;margin:0;font-size:.75rem}.recommendation-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.recommendation-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}.recommendation-card.completed{opacity:.72}.recommendation-top{display:flex;justify-content:space-between}.recommendation-card h2{font-size:1.08rem;margin:18px 0 9px}.recommendation-card>p{color:#6c788a;line-height:1.6;font-size:.78rem;min-height:50px}.saving-value{background:#f6f9fc;border-radius:13px;padding:14px;margin:17px 0}.saving-value small,.saving-value strong,.saving-value span{display:block}.saving-value small,.saving-value span{color:#7d899a;font-size:.65rem}.saving-value strong{font-size:1.35rem;color:#12843e;margin:5px 0}.saving-value strong em{font-size:.7rem;color:#657286}.completed-banner{display:block;text-align:center;padding:11px;background:#eaf8ef;color:#158440;border-radius:11px;font-size:.75rem;font-weight:800}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;background:#f6f8fc}.error-page h1{font-size:6rem;margin:20px 0 0;color:#dbe5f7}.error-page h2{font-size:2rem;margin:0}.error-page p{color:#697586;margin-bottom:25px}
@media(max-width:1200px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-dashboard{width:min(820px,100%);margin:auto}.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.span-3{grid-column:span 6}.span-4{grid-column:span 6}.registration-wrap{grid-template-columns:1fr}.registration-preview{position:static}.recommendation-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){:root{--sidebar:235px}.site-nav{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-cards,.security-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.registration-header{padding:0 18px}.step-indicator{display:none}.app-sidebar{transform:translateX(-100%);box-shadow:var(--shadow)}.app-sidebar.open{transform:none}.app-shell{margin-left:0}.mobile-menu{display:grid}.global-search{width:auto;flex:1}.user-menu div{display:none}.settings-grid{grid-template-columns:1fr}.dashboard-grid .span-6,.dashboard-grid .span-4,.dashboard-grid .span-3{grid-column:span 12}.panel.tall{grid-row:auto}.demo-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.nav-actions .btn-primary{display:none}.hero-section{padding:65px 0}.hero-copy h1{font-size:2.8rem}.browser-content{min-height:330px}.mini-kpis{grid-template-columns:1fr 1fr}.mini-kpis article:nth-child(3){display:none}.mini-panels{grid-template-columns:1fr}.mini-panels article:nth-child(2){display:none}.floating-saving{right:5px}.logo-strip .container{display:block;text-align:center}.brand-strip{justify-content:center;flex-wrap:wrap}.section{padding:72px 0}.feature-grid,.steps-grid,.split-cards,.security-cards{grid-template-columns:1fr}.demo-panel{padding:32px}.demo-actions{flex-direction:column;width:100%}.final-cta h2{font-size:2.2rem}.site-footer .container{flex-direction:column;align-items:flex-start}.site-footer .container>span:last-child{margin-left:0}.auth-panel{padding:95px 22px 35px}.auth-card h1{font-size:2rem}.registration-wrap{width:calc(100% - 20px);margin-top:10px}.registration-card{padding:24px 18px}.account-type-grid,.form-grid.two,.module-grid{grid-template-columns:1fr}.registration-preview{display:none}.app-topbar{padding:0 13px}.global-search{display:none}.topbar-actions{gap:8px}.month-pill{display:none}.app-main{padding:16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.kpi-grid.four{grid-template-columns:1fr}.kpi-card{min-height:118px}.panel{padding:15px}.donut-wrap{flex-direction:column;align-items:flex-start}.settings-modules{grid-template-columns:1fr 1fr}.recommendation-page-grid{grid-template-columns:1fr}.toast{left:12px;right:12px;top:72px}.registration-header .btn{display:none}}

/* CostGuard v7 */
.ui-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn .ui-icon{width:17px;height:17px}.panel-icon .ui-icon,.kpi-icon .ui-icon,.feature-icon .ui-icon{width:22px;height:22px}.brand-sm{width:28px;height:28px}.brand-lg{width:48px;height:48px;border-radius:14px}.brand-lg img{width:28px;height:28px}.brand-logo.generic{background:hsl(var(--brand-hue,215) 78% 94%)}.brand-logo.generic .brand-fallback{background:hsl(var(--brand-hue,215) 78% 94%);color:hsl(var(--brand-hue,215) 68% 35%)}
.app-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.app-brand small{font-size:.58rem;color:#98a2b3;font-weight:700;margin-top:4px}.nav-group{display:flex;flex-direction:column;gap:4px;margin-bottom:17px}.nav-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:#98a2b3;font-weight:850;padding:0 13px 6px}.app-nav a{position:relative}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;display:grid;place-items:center;font-size:.58rem}.support-icon .ui-icon{width:20px;height:20px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heading-actions form{display:inline-flex}.panel-head>div:first-child{display:flex;align-items:center;gap:11px}.panel-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}.panel-icon.blue{color:#2563eb;background:#eaf2ff}.panel-icon.green{color:#16a34a;background:#eaf8ef}.panel-icon.amber{color:#d97706;background:#fff5df}.panel-icon.rose{color:#e11d48;background:#fff0f4}.panel-icon.violet{color:#7c3aed;background:#f3edff}.panel-head h2{margin:0}.panel-head p{margin:4px 0 0}.kpi-icon{position:static;display:grid;place-items:center;width:43px;height:43px;flex:none}.kpi-card{display:flex;align-items:flex-start;gap:14px}.kpi-card>div:first-of-type{flex:1}.kpi-icon.rose{background:#fff0f4;color:#e11d48}.kpi-card.emphasis{border-color:#b8d0ff;background:linear-gradient(145deg,#f5f9ff,#fff)}
.savings-hero{order:var(--widget-order);grid-column:span var(--widget-span);background:linear-gradient(135deg,#153ea8,#2563eb 58%,#2f7df6);border-radius:22px;padding:27px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:0 22px 50px rgba(37,99,235,.24);overflow:hidden;position:relative}.savings-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:rgba(255,255,255,.1)}.savings-copy{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.savings-copy .hero-icon{width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.16);display:grid;place-items:center}.savings-copy .hero-icon .ui-icon{width:29px;height:29px}.savings-copy .eyebrow{color:#cfe1ff}.savings-copy h2{font-size:1.55rem;margin:5px 0}.savings-copy h2 strong{color:#fff}.savings-copy p{margin:0;color:#dce8ff;font-size:.83rem}.hero-action{min-width:285px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:15px;border-radius:16px;position:relative;z-index:1}.hero-action small,.hero-action strong,.hero-action span{display:block}.hero-action small{color:#d7e5ff}.hero-action strong{margin:5px 0;font-size:.88rem}.hero-action span{font-size:1.05rem;font-weight:850;margin-bottom:11px}.hero-action .btn{width:100%}
.sortable-widgets>*{order:var(--widget-order,99);grid-column:span var(--widget-span,3)}.widget-card{min-width:0}.metric-line{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;margin:13px 0}.metric-line em{font-size:1.05rem;color:#16a34a}.forecast-box,.metric-pairs p{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0;padding:9px 0;border-bottom:1px solid var(--line);font-size:.7rem}.forecast-box span,.metric-pairs span{color:var(--muted)}.forecast-box b,.metric-pairs b{color:var(--text)}.clickable-chart{cursor:pointer}.clickable-chart:hover{filter:saturate(1.08)}.category-stack{display:flex;flex-direction:column;gap:10px}.category-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.category-badge{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.category-row p{display:flex;justify-content:space-between;margin:0 0 5px;font-size:.7rem}.mini-progress{height:6px;background:#edf1f5;border-radius:999px;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px}.goal-visual{display:flex;align-items:center;gap:18px}.goal-ring{--goal:0;width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c55e calc(var(--goal)*1%),#e6ebf1 0);position:relative;flex:none}.goal-ring:after{content:'';position:absolute;inset:10px;background:var(--surface);border-radius:50%}.goal-ring strong{position:relative;z-index:1}.goal-visual small,.goal-visual strong,.goal-visual p{display:block}.goal-visual>div:last-child strong{font-size:1.1rem;margin:4px 0}.goal-visual p{font-size:.68rem;color:var(--muted);margin:0}.muted-note{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.68rem}.member-stack{display:flex;flex-direction:column;gap:11px}.member-stack>div{display:flex;align-items:center;gap:10px}.member-stack p{margin:0}.member-stack strong,.member-stack small{display:block}.member-stack small{font-size:.63rem;color:var(--muted)}.avatar{background:var(--avatar-color,var(--primary))}.vehicle-card{display:flex;align-items:center;gap:12px;margin-bottom:10px}.vehicle-icon{width:47px;height:47px;border-radius:14px;background:#fff5df;color:#d97706;display:grid;place-items:center}.vehicle-card h3,.vehicle-card p{margin:0}.vehicle-card p{font-size:.66rem;color:var(--muted);margin-top:4px}.empty-mini,.empty-inline{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);padding:22px;text-align:center}.anomaly-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.anomaly-strip.vertical{grid-template-columns:1fr}.anomaly-strip>a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--surface-2)}.anomaly-strip a>div{min-width:0;flex:1}.anomaly-strip strong,.anomaly-strip small{display:block}.anomaly-strip small{font-size:.62rem;color:var(--muted);margin-top:3px}.anomaly-strip b{font-size:.7rem}.notification-type{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.notification-type.saving,.notification-type.success{background:#eaf8ef;color:#16a34a}.notification-type.warning{background:#fff5df;color:#d97706}.notification-type.critical,.notification-type.danger{background:#fff0f2;color:#e11d48}.notification-type.info{background:#eaf2ff;color:#2563eb}.supplier-mini-list{display:flex;flex-direction:column}.supplier-mini-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.supplier-mini-list p{margin:0;min-width:0}.supplier-mini-list strong,.supplier-mini-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-mini-list small{font-size:.58rem;color:var(--muted)}.supplier-mini-list b{font-size:.65rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:11px}.project-grid>article{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--surface-2);position:relative}.project-grid h3{font-size:.83rem;margin:11px 0 4px}.project-grid>article>p{font-size:.65rem;color:var(--muted);margin:0}.compact-table{width:100%;border-collapse:collapse;min-width:620px}.compact-table th,.compact-table td{font-size:.67rem;padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}.compact-table th{color:var(--muted)}
.notification-menu{position:relative}.notification-popover{display:none;position:absolute;right:0;top:48px;width:360px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 24px 60px rgba(15,30,60,.2);padding:10px;z-index:90}.notification-popover.open{display:block}.notification-popover>a{display:flex;gap:10px;padding:10px;border-radius:11px}.notification-popover>a:hover{background:var(--surface-2)}.notification-popover strong,.notification-popover small{display:block}.notification-popover small{font-size:.63rem;color:var(--muted);margin-top:3px}.popover-head{display:flex;justify-content:space-between;padding:7px 8px 11px;border-bottom:1px solid var(--line)}.popover-head a{color:var(--primary);font-size:.7rem}.popover-empty{text-align:center;padding:24px;color:var(--muted)}.theme-toggle{display:grid}.global-search kbd{font-size:.58rem;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:var(--surface-2)}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px}.settings-layout>.panel{padding:26px}.subsection-title{margin:25px 0 13px;padding-top:20px;border-top:1px solid var(--line)}.subsection-title h2{font-size:1rem;display:flex;align-items:center;gap:8px}.choice-grid{display:grid;gap:10px;margin-bottom:14px}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}.choice-card:has(input:checked){border-color:#80a9ff;background:#f2f7ff}.choice-card input{position:absolute;right:10px;top:10px}.choice-card>span{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:.75rem;margin-top:9px}.choice-card small{font-size:.62rem;color:var(--muted);margin-top:4px}.notification-settings{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 20px}.input-action{display:flex;gap:7px}.input-action input{flex:1}.btn-small{padding:8px 10px;font-size:.7rem}.span-two{grid-column:span 2}.rule-list{margin-top:18px;display:flex;flex-direction:column}.rule-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.rule-list p{margin:0}.rule-list strong,.rule-list small{display:block}.rule-list small{color:var(--muted);font-size:.62rem}.recommendation-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.recommendation-card{display:flex;flex-direction:column}.recommendation-top{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:start}.recommendation-top h2{margin:4px 0 0}.saving-amount{background:var(--surface-2);border-radius:13px;padding:14px;margin:16px 0}.saving-amount small,.saving-amount strong,.saving-amount span{display:block}.saving-amount strong{font-size:1.35rem;color:#16a34a;margin:4px 0}.saving-amount em{font-size:.68rem}.saving-amount span{font-size:.65rem;color:var(--muted)}.recommendation-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.recommendation-actions form{display:flex;gap:7px}.recommendation-actions input{width:145px}.data-panel{padding:0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.local-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:280px;background:var(--surface)}.local-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:.72rem;text-align:left;vertical-align:middle}.data-table th{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.data-table td>small{display:block;color:var(--muted);margin-top:3px}.category-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-weight:750}.usage-meter{min-width:110px}.usage-meter:before{content:'';display:block;height:5px;background:var(--line);border-radius:999px}.usage-meter i{display:block;height:5px;background:linear-gradient(90deg,#f59e0b,#22c55e);border-radius:999px;margin-top:-5px}.usage-meter span{display:block;font-size:.58rem;color:var(--muted);margin-top:4px}.icon-button.danger{color:#e11d48}.wide-dialog{width:min(790px,calc(100% - 30px))}.empty-state-rich{display:grid;place-items:center;text-align:center;min-height:280px;padding:38px;border:1px dashed var(--line);border-radius:18px;background:var(--surface-2)}.empty-state-rich>.ui-icon{width:52px;height:52px;color:#22c55e}.empty-state-rich h2{margin:15px 0 7px}.empty-state-rich p{color:var(--muted);max-width:480px}.empty-state-rich.compact{min-height:220px;border:0}.feature-callouts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.feature-callouts>div{border:1px solid var(--line);border-radius:14px;padding:15px}.feature-callouts .ui-icon{color:var(--primary);width:24px;height:24px}.feature-callouts strong,.feature-callouts span{display:block}.feature-callouts strong{margin:8px 0 4px}.feature-callouts span{font-size:.67rem;color:var(--muted)}
.customize-list{display:flex;flex-direction:column;gap:9px;max-width:900px}.customize-item{display:grid;grid-template-columns:auto auto 1fr auto 180px;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow-sm)}.customize-item.dragging{opacity:.45}.drag-handle{cursor:grab;color:var(--muted)}.customize-item strong,.customize-item small{display:block}.customize-item small{font-size:.62rem;color:var(--muted)}.toggle input{display:none}.toggle span{display:block;width:43px;height:24px;border-radius:999px;background:#d7dde6;position:relative}.toggle span:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle input:checked+span{background:#2563eb}.toggle input:checked+span:after{left:22px}.sticky-save{position:sticky;bottom:16px;margin-top:18px;padding:12px;background:rgba(245,247,251,.88);backdrop-filter:blur(12px);border-radius:15px;display:flex;justify-content:flex-end}.family-grid,.accounts-grid,.vehicle-grid,.supplier-grid,.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px}.member-card,.account-card,.vehicle-overview,.supplier-card,.insight-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.member-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center}.member-avatar{width:52px;height:52px;border-radius:16px;background:var(--member-color);color:#fff;display:grid;place-items:center;font-weight:900}.member-card h2,.member-card p{margin:0}.member-card p{font-size:.65rem;color:var(--muted);margin-top:4px}.member-limit{text-align:right}.member-limit small,.member-limit strong{display:block}.member-limit small{font-size:.58rem;color:var(--muted)}.account-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center}.account-card h2,.account-card p{margin:0}.account-card p{font-size:.65rem;color:var(--muted)}.account-card>strong{font-size:1rem}.vehicle-overview{padding:0;overflow:hidden}.vehicle-hero{background:linear-gradient(135deg,#172554,#2563eb);color:#fff;padding:20px;display:flex;gap:13px;align-items:center}.vehicle-hero>span{width:50px;height:50px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center}.vehicle-hero h2,.vehicle-hero p{margin:0}.vehicle-hero p{color:#d7e4ff;font-size:.68rem;margin-top:4px}.vehicle-stats{display:grid;grid-template-columns:repeat(2,1fr);padding:13px}.vehicle-stats p{margin:0;padding:10px;border-bottom:1px solid var(--line)}.vehicle-stats span,.vehicle-stats b{display:block}.vehicle-stats span{font-size:.6rem;color:var(--muted)}.vehicle-stats b{margin-top:3px}.deadline-list{padding:0 17px 14px}.deadline-list p{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.68rem}.supplier-card{padding:19px}.supplier-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.supplier-head h2,.supplier-head p{margin:0}.supplier-head p{font-size:.62rem;color:var(--muted);margin-top:4px}.risk-score{padding:6px 8px;border-radius:999px;font-size:.58rem;font-weight:850}.risk-score.success{background:#eaf8ef;color:#16a34a}.risk-score.warning{background:#fff5df;color:#d97706}.risk-score.danger{background:#fff0f2;color:#e11d48}.supplier-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.supplier-metrics p{background:var(--surface-2);padding:10px;border-radius:11px;margin:0}.supplier-metrics span,.supplier-metrics b{display:block}.supplier-metrics span{font-size:.58rem;color:var(--muted)}.supplier-metrics b{margin-top:4px}.supplier-bar{height:7px;background:var(--line);border-radius:999px;margin-top:14px;overflow:hidden}.supplier-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa)}.center-list{display:flex;flex-direction:column}.center-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.center-dot{width:12px;height:12px;border-radius:4px;background:var(--center-color)}.center-list p{display:flex;justify-content:space-between;margin:0}.center-list small{font-size:.6rem;color:var(--muted)}.notification-page-list{display:flex;flex-direction:column;gap:10px}.notification-page-list>article{display:grid;grid-template-columns:auto 1fr auto;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.notification-page-list>article.unread{border-color:#a9c5ff;background:#f7faff}.notification-page-list h2,.notification-page-list p{margin:0}.notification-page-list h2{font-size:.94rem;margin:4px 0}.notification-page-list p{font-size:.72rem;color:var(--muted)}.notification-actions{display:flex;gap:8px;margin-top:10px;align-items:center}.insight-card{display:grid;grid-template-columns:auto 1fr;gap:13px}.insight-card.critical{border-color:#fecdd3}.insight-icon{width:44px;height:44px;border-radius:13px;background:#fff0f2;color:#e11d48;display:grid;place-items:center}.insight-meta{display:flex;justify-content:space-between}.insight-card h2{margin:10px 0 6px}.insight-card p{color:var(--muted);font-size:.72rem}.compare-values{display:flex;gap:10px}.compare-values span{background:var(--surface-2);border-radius:10px;padding:9px;font-size:.62rem}.compare-values b{display:block;margin-top:3px}
.demo-switch{display:flex;justify-content:center;gap:5px;margin-bottom:12px}.demo-switch button{border:1px solid #dfe5ee;background:#fff;border-radius:999px;padding:8px 13px;display:flex;align-items:center;gap:6px;font-weight:750;color:#64748b}.demo-switch button.active{background:#2563eb;color:#fff;border-color:#2563eb}.brand-strip{max-width:780px;overflow:hidden;flex-wrap:wrap}.brand-strip .brand-logo{transition:.2s}.brand-strip .brand-logo:hover{transform:translateY(-2px) scale(1.04)}.calculator-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.savings-calculator{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.savings-calculator label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:750}.savings-calculator input,.savings-calculator select{padding:12px;border:1px solid #dfe5ee;border-radius:11px;background:#fff}.calculator-result{background:linear-gradient(145deg,#142b66,#2563eb);color:#fff;border-radius:24px;padding:32px;box-shadow:0 24px 60px rgba(37,99,235,.24)}.calculator-result .panel-icon{background:rgba(255,255,255,.14);color:#fff}.calculator-result small,.calculator-result strong,.calculator-result p{display:block}.calculator-result small{margin-top:18px;color:#d8e5ff}.calculator-result strong{font-size:3rem;margin:5px 0}.calculator-result p{color:#dce7ff;line-height:1.6}.calculator-result .btn{margin-top:18px}.mobile-nav-toggle .ui-icon{width:24px;height:24px}.terms-check{display:flex;align-items:center;gap:8px}.business-fields h3{display:flex;align-items:center;gap:8px}
.density-compact .app-main{padding:18px}.density-compact .panel{padding:13px}.density-compact .data-table th,.density-compact .data-table td{padding:8px 11px}.density-compact .kpi-card{padding:14px;min-height:102px}.density-compact .data-row{padding:6px 0}.density-spacious .app-main{padding:32px}.density-spacious .panel{padding:24px}.density-spacious .data-table th,.density-spacious .data-table td{padding:17px 18px}.density-spacious .kpi-card{padding:24px;min-height:145px}
html[data-theme="dark"]{--bg:#0c1220;--surface:#121a2a;--surface-2:#172132;--text:#e9eef8;--muted:#95a3b8;--line:#263247;--primary-soft:#182b50;--green-soft:#143323;--red-soft:#351b24;--orange-soft:#382a16;--purple-soft:#2a2042;--shadow:0 16px 45px rgba(0,0,0,.28);--shadow-sm:0 7px 24px rgba(0,0,0,.2)}html[data-theme="dark"] body{color-scheme:dark}html[data-theme="dark"] .btn-secondary,html[data-theme="dark"] .brand-logo,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--surface);color:var(--text);border-color:var(--line)}html[data-theme="dark"] .site-header{background:rgba(12,18,32,.88)}html[data-theme="dark"] .landing-body,html[data-theme="dark"] .hero-section{background:#0c1220}html[data-theme="dark"] .section.alt{background:#101827}html[data-theme="dark"] .mini-browser,html[data-theme="dark"] .mini-kpis article,html[data-theme="dark"] .mini-panels article,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .steps-grid article{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .mini-main{background:#0f1725}html[data-theme="dark"] .mini-side,html[data-theme="dark"] .browser-bar{background:#111a2a;border-color:var(--line)}html[data-theme="dark"] .donut:before{background:var(--surface)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{--bg:#0c1220;--surface:#121a2a;--surface-2:#172132;--text:#e9eef8;--muted:#95a3b8;--line:#263247;--primary-soft:#182b50;--green-soft:#143323;--red-soft:#351b24;--orange-soft:#382a16;--purple-soft:#2a2042;--shadow:0 16px 45px rgba(0,0,0,.28);--shadow-sm:0 7px 24px rgba(0,0,0,.2)}}
@media(max-width:1100px){.settings-layout,.calculator-grid{grid-template-columns:1fr}.recommendation-board{grid-template-columns:1fr}.savings-hero{flex-direction:column;align-items:flex-start}.hero-action{width:100%;min-width:0}.choice-grid.three{grid-template-columns:1fr 1fr}.feature-callouts{grid-template-columns:1fr}.customize-item{grid-template-columns:auto auto 1fr auto}.customize-item select{grid-column:2/-1}}
@media(max-width:700px){.heading-actions{width:100%}.heading-actions .btn,.heading-actions form{width:100%}.heading-actions form .btn{width:100%}.savings-copy{align-items:flex-start}.savings-copy h2{font-size:1.2rem}.savings-copy .hero-icon{display:none}.savings-calculator{grid-template-columns:1fr}.choice-grid.three{grid-template-columns:1fr}.settings-layout>.panel{padding:16px}.recommendation-top{grid-template-columns:auto 1fr}.recommendation-top>.status{grid-column:2}.recommendation-actions,.recommendation-actions form{width:100%}.recommendation-actions .btn,.recommendation-actions input{width:100%}.member-card,.account-card{grid-template-columns:auto 1fr}.member-limit,.member-card form,.account-card>strong,.account-card form{grid-column:2}.notification-popover{position:fixed;left:12px;right:12px;top:68px;width:auto}.customize-item{grid-template-columns:auto auto 1fr}.customize-item .toggle,.customize-item select{grid-column:2/-1}.local-search{min-width:0;width:100%}.panel-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.supplier-head{grid-template-columns:auto 1fr}.risk-score{grid-column:2}.notification-page-list>article{grid-template-columns:auto 1fr}.notification-page-list>article>.status{grid-column:2}.feature-grid{grid-template-columns:1fr}}
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:39}.mobile-overlay.show{display:block}.table-scroll{width:100%;overflow:auto}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{display:grid;place-items:center;text-align:center;min-height:230px;padding:28px}.empty-state .ui-icon{width:42px;height:42px;color:var(--primary)}.empty-state p{max-width:460px;color:var(--muted)}
@media(max-width:980px){.span-8,.span-6,.span-4,.span-3{grid-column:span 12}.kpi-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.kpi-grid.three{grid-template-columns:1fr}}