:root{--navy:#10253f;--navy2:#183b5c;--navy3:#214d73;--gold:#c1a35c;--goldbg:#f6f0e3;--bg:#f4f6f8;--card:#fff;--text:#172536;--muted:#74818e;--line:#e3e8ec;--green:#4d7c63;--greenbg:#eaf4ee;--amber:#a57420;--amberbg:#fff4df;--red:#bd4c4c;--redbg:#fff0f0}.app{min-height:100vh}.loading-page{place-items:center;min-height:100vh;display:grid}.sidebar{display:none}.main{min-width:0}.content{max-width:1440px;margin:auto;padding:18px 16px 100px}.brand{color:var(--navy);align-items:center;gap:10px;display:flex}.brand strong{letter-spacing:.16em;font-size:17px;font-weight:900;display:block}.brand small{color:#8794a1;margin-top:2px;font-size:10px;display:block}.brand-symbol{width:40px;height:30px;position:relative}.brand-symbol span{border:3px solid var(--gold);border-radius:50%;width:26px;height:26px;position:absolute;top:2px}.brand-symbol span:first-child{left:0}.brand-symbol span:last-child{border-color:var(--navy);right:0}.topbar{z-index:20;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:68px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:6px;display:flex}.desktop-family{display:none}.top-actions{gap:7px;display:flex}.iconbtn,.avatar-button{border:1px solid var(--line);background:#fff}.iconbtn{width:42px;height:42px;color:var(--navy);border-radius:12px;place-items:center;display:grid;position:relative}.menu-btn{border:0}.avatar-button{color:#fff;background:var(--navy);border-radius:50%;width:42px;height:42px;font-weight:900}.notif-dot{background:#dd5757;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.eyebrow{color:#937539;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:850}.page-title{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-title h1{letter-spacing:-.035em;margin:5px 0 8px;font-size:29px}.onboard{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:21px;margin-bottom:14px;padding:18px}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{margin:0;font-size:18px}.accent{color:var(--gold)}.steps{gap:6px;margin-top:12px;display:flex}.steps i{background:#e7ebee;border-radius:999px;flex:1;height:6px}.steps i.done{background:var(--gold)}.row-meta{color:var(--muted);margin-top:4px;font-size:11px}.hero{color:#fff;background:linear-gradient(135deg, var(--navy), var(--navy2));border-radius:27px;padding:24px;position:relative;overflow:hidden}.hero:after{content:"";border:34px solid #ffffff0d;border-radius:50%;width:210px;height:210px;position:absolute;top:-82px;right:-100px}.hero-label{color:#ffffff9e;font-size:10px;font-weight:750}.hero-value{letter-spacing:-.04em;margin:8px 0;font-size:36px;font-weight:900}.hero-row{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.health-pill{background:#ffffff1c;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;display:inline-flex}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px}.metric{padding:16px}.metric small{color:var(--muted);font-size:11px}.metric strong{margin-top:5px;font-size:19px;display:block}.section{margin-top:23px}.link{color:#8d6d30;background:0 0;border:0;font-weight:800}.list{gap:8px;display:grid}.data-row{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:11px;padding:13px;display:flex}.data-icon{color:#927438;background:var(--goldbg);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.data-icon.good{color:var(--green);background:var(--greenbg)}.data-icon.warning{color:var(--red);background:var(--redbg)}.data-grow{flex:1;min-width:0}.data-grow strong,.data-grow span{display:block}.data-grow span{color:var(--muted);margin-top:3px;font-size:11px}.data-right{text-align:right}.status{border-radius:999px;width:fit-content;margin:5px 0 0 auto;padding:5px 7px;font-size:9px;font-weight:850;display:block}.status.pending,.status.forecast{color:var(--amber);background:var(--amberbg)}.status.overdue{color:var(--red);background:var(--redbg)}.status.paid,.status.received{color:var(--green);background:var(--greenbg)}.status.scheduled,.status.partial{color:var(--navy);background:#edf3f8}.pay-link{color:#8c6c30;background:0 0;border:0;align-items:center;margin-top:4px;font-size:10px;font-weight:800;display:inline-flex}.progress{background:#edf0f2;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.progress i{border-radius:inherit;background:var(--gold);height:100%;display:block}.mini-feature,.vehicle-home{align-items:center;gap:11px;padding:14px;display:flex}.mini-feature svg,.vehicle-home svg{color:#927438}.mini-feature span,.vehicle-home span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.vehicle-home{width:100%;color:var(--text);text-align:left}.quick{gap:7px;margin:12px 0;padding-bottom:3px;display:flex;overflow:auto}.chip{white-space:nowrap;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px}.chip.active{color:#fff;border-color:var(--navy);background:var(--navy)}.filterbox{margin-top:13px;padding:15px}.account-grid,.feature-grid{gap:11px;margin-top:13px;display:grid}.account-card{padding:19px}.account-tag{color:#8d6d30;background:var(--goldbg);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.account-card h2{margin:15px 0 5px}.account-value{font-size:28px;font-weight:900}.primary,.secondary{border:0;border-radius:11px;min-height:42px;padding:10px 14px;font-weight:800}.primary{color:#fff;background:var(--navy)}.secondary{color:var(--navy);background:#edf1f4}.planning-card{margin-top:13px;padding:18px}.chart{align-items:flex-end;gap:8px;height:170px;padding:14px 4px 24px;display:flex}.bar{background:linear-gradient(180deg, #819cb4, var(--navy));border-radius:8px 8px 2px 2px;flex:1;min-height:18px;position:relative}.bar b{width:100%;color:var(--muted);text-align:center;font-size:9px;position:absolute;bottom:-21px}.credit-card{color:#fff;background:linear-gradient(135deg, var(--navy), var(--navy3));border-radius:23px;padding:21px}.credit-label{color:#ffffff8c;margin-top:18px;font-size:9px;font-weight:800}.credit-card h2{margin:5px 0}.credit-owner{color:#fff9;font-size:11px}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px;display:grid}.mini{background:#ffffff17;border-radius:10px;padding:9px}.mini small,.mini strong{display:block}.mini small{opacity:.6;font-size:9px}.mini strong{margin-top:3px;font-size:11px}.empty-feature{text-align:center;margin-top:13px;padding:35px}.empty-feature p{max-width:500px;color:var(--muted);margin:8px auto 16px;line-height:1.6}.goal-card{padding:18px}.insight{border-left:4px solid var(--gold);margin-top:13px;padding:18px}.insight p{color:var(--muted);line-height:1.6}.settings-list{gap:8px;margin-top:13px;display:grid}.settings-row{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:14px;padding:15px}.settings-row strong,.settings-row span{display:block}.settings-row span{color:var(--muted);margin-top:3px;font-size:11px}.setup-layout{border:1px solid var(--line);background:#fff;border-radius:22px;margin-top:13px;overflow:hidden}.setup-side{color:#fff;background:linear-gradient(160deg, var(--navy), var(--navy2));padding:22px}.setup-side p{color:#ffffff94;line-height:1.5}.setup-nav{gap:4px;margin-top:20px;display:grid}.setup-nav button{color:#ffffff7a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.setup-nav button span{border:1px solid #fff3;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.setup-nav button.active{color:#fff;background:#ffffff14}.setup-nav button.active span,.setup-nav button.done span{color:var(--navy);border-color:var(--gold);background:var(--gold)}.setup-main{place-items:center;min-height:520px;padding:27px 20px;display:grid}.setup-content{width:min(610px,100%)}.setup-content h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:32px;line-height:1.07}.setup-content>p{color:var(--muted);line-height:1.6}.setup-icon,.success-circle{border-radius:15px;place-items:center;width:57px;height:57px;margin-bottom:18px;display:grid}.setup-icon{color:#927438;background:var(--goldbg)}.success-circle{color:#fff;background:var(--green)}.form{gap:11px;display:grid}.form-two{gap:10px;display:grid}.field label{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.field input,.field select{background:#fff;border:1px solid #dae1e5;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 11px}.field input:focus,.field select:focus{border-color:#9a7b3c;box-shadow:0 0 0 3px #c1a35c1f}.actions{flex-wrap:wrap;gap:7px;display:flex}.form-error{color:var(--red);background:var(--redbg);border-radius:9px;padding:10px;font-size:11px}.sheetback{z-index:90;background:#0713207a;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:90vh;padding:18px 17px 28px;overflow:auto}.handle{background:#d8dee3;border-radius:999px;width:42px;height:5px;margin:-6px auto 14px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-head h3{margin:0}.sheet-head button{background:#edf1f3;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.sheet-summary{background:var(--bg);border-radius:10px;justify-content:space-between;gap:10px;padding:12px;display:flex}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-action{border:1px solid var(--line);color:#8e6d2f;background:#fff;border-radius:13px;place-items:center;gap:5px;min-height:88px;padding:12px;display:grid}.quick-action strong{color:var(--text)}.notification-list{gap:8px;display:grid}.notification-list div{background:var(--bg);border-radius:10px;padding:12px}.bottom-nav{z-index:30;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item,.bottom-plus-wrap{color:#78838e;background:0 0;border:0}.bottom-item{place-items:center;gap:3px;font-size:9px;display:grid}.bottom-item.active{color:var(--navy);font-weight:850}.bottom-plus-wrap{place-items:center;display:grid}.bottom-plus{color:#fff;background:var(--navy);border-radius:17px;place-items:center;width:51px;height:51px;display:grid;box-shadow:0 8px 20px #10253f47}.mobile-overlay{z-index:60;background:#05101c73;border:0;position:fixed;inset:0}.mobile-menu{z-index:70;color:#fff;background:var(--navy);width:min(290px,86vw);padding:20px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.mobile-menu .brand{color:#fff}.mobile-menu .brand-symbol span:last-child{border-color:#fff}.mobile-menu .brand small{color:#ffffff80}.mobile-menu-head{justify-content:space-between;align-items:center;display:flex}.mobile-menu-head button{color:#fff;background:0 0;border:0}.mobile-family{color:#ffffff80;margin:20px 0 10px;font-size:11px}.mobile-links{display:grid}.mobile-links button,.mobile-logout{color:#ffffffa6;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:11px;display:flex}.mobile-links button.active{color:#fff;background:#ffffff17}.mobile-logout{width:100%;margin-top:15px}.sidebar-footer{display:none}.toast{z-index:120;color:#fff;background:var(--navy);opacity:0;pointer-events:none;border-radius:11px;max-width:calc(100% - 30px);padding:11px 15px;transition:all .2s;position:fixed;bottom:92px;left:50%;transform:translate(-50%)translateY(15px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.auth-page{min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(145deg, var(--navy), var(--navy2));padding:30px 22px}.auth-hero .brand{color:#fff}.auth-hero .brand-symbol span:last-child{border-color:#fff}.auth-hero .brand small{color:#ffffff80}.auth-copy{margin-top:45px}.auth-kicker{color:var(--gold);letter-spacing:.15em;font-size:10px;font-weight:850}.auth-copy h1{letter-spacing:-.055em;margin:14px 0 20px;font-size:57px;line-height:.88}.auth-copy h1 em{color:var(--gold);font-style:normal}.auth-copy p{color:#ffffffa6;max-width:430px;line-height:1.6}.auth-panel{place-items:center;padding:16px;display:grid}.auth-card{background:#fff;border-radius:21px;width:min(480px,100%);padding:23px}.auth-tabs{background:#edf1f3;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:5px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px;font-weight:750}.auth-tabs button.active{color:var(--navy);background:#fff}.empty{color:var(--muted);text-align:center;padding:28px}@media (width>=700px){.form-two{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid,.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width>=900px){.app{grid-template-columns:245px minmax(0,1fr);display:grid}.sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:26px 15px;display:flex;position:sticky;top:0}.sidebar .brand{color:#fff;padding:0 8px 22px}.sidebar .brand-symbol span:last-child{border-color:#fff}.sidebar .brand small{color:#ffffff75}.sidebar nav{gap:3px;display:grid}.sideitem{color:#b9c7d4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:10px 11px;display:flex}.sideitem:hover,.sideitem.active{color:#fff;background:#ffffff17}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 8px 0;display:block}.sidebar-footer span,.sidebar-footer strong{display:block}.sidebar-footer span{color:#889dae;font-size:10px}.sidebar-footer button{color:#9fb0bf;background:0 0;border:0;align-items:center;gap:6px;margin-top:10px;padding:0;display:flex}.mobile-brand{display:none}.desktop-family{color:var(--muted);font-size:11px;font-weight:750;display:block}.topbar{padding:0 30px}.content{padding:28px 30px 55px}.bottom-nav{display:none}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashcols{grid-template-columns:1.35fr .65fr;gap:16px;display:grid}.setup-layout{grid-template-columns:265px minmax(0,1fr);display:grid}.setup-main{padding:50px}.sheetback{justify-content:center;align-items:center}.sheet{border-radius:22px;width:min(620px,100% - 40px);padding:24px}.handle{display:none}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-page{grid-template-columns:1.05fr .95fr}.auth-hero{min-height:100vh;padding:clamp(45px,6vw,90px)}.auth-copy{margin-top:clamp(70px,13vh,150px)}.auth-copy h1{font-size:clamp(68px,7vw,96px)}.auth-panel{padding:30px}.auth-card{padding:34px}}@media (width<=520px){.health-pill{display:none}.three{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.bottom-nav,.no-print{display:none!important}.content{padding:0}}*{box-sizing:border-box}html{background:#f4f6f8}body{color:#172536;background:#f4f6f8;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}