:root{--navy:#101f35;--navy-soft:#1e3355;--red:#be2126;--red-dark:#8f171b;--steel:#5c7699;--bg:#faf9f6;--line:#e1ded4;--white:#fff;--ok:#3d7a4e}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--navy);font-family:Work Sans,sans-serif;line-height:1.5}.display,h1,h2,h3{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.02em;margin:0;color:var(--navy)}a{color:inherit}button{font-family:inherit}.header{display:flex;align-items:center;gap:14px;padding:18px 28px;background:var(--navy);color:var(--white)}.header img{height:46px;width:46px;border-radius:50%;display:block}.header .brand{display:flex;flex-direction:column}.header .shop-name{font-family:Oswald;font-size:20px;font-weight:600;letter-spacing:.03em}.header .tagline{font-size:12px;color:var(--steel);letter-spacing:.04em}.center-wrap{min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.card{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:40px 36px;width:100%;max-width:400px}.eyebrow{color:var(--red);font-family:Oswald;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.help{font-size:14px;color:var(--navy-soft);margin-top:10px}.field{margin-top:22px}.field label{display:block;font-size:13px;color:var(--navy-soft);margin-bottom:6px}.field input{width:100%;padding:12px 14px;font-size:16px;border:1.5px solid var(--line);border-radius:3px;font-family:Work Sans;background:var(--bg)}.field input:focus{outline:none;border-color:var(--steel)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:Oswald;font-size:15px;letter-spacing:.03em;padding:14px 26px;border-radius:3px;border:none;cursor:pointer;text-decoration:none}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:var(--red-dark)}.btn-block{width:100%;justify-content:center}.error-msg{margin-top:14px;font-size:13px;color:var(--red)}.fine-print{margin-top:16px;font-size:12px;color:var(--steel)}.dash{display:flex;min-height:calc(100vh - 84px)}.sidebar{width:230px;flex-shrink:0;background:var(--navy-soft);color:var(--white);padding:28px 0}.sidebar .client-block{padding:0 22px 22px;border-bottom:1px solid hsla(0,0%,100%,.12);margin-bottom:14px}.sidebar .label{font-size:11px;color:var(--steel);letter-spacing:.1em;text-transform:uppercase}.sidebar .name{font-family:Oswald;font-size:19px;margin-top:4px}.nav-item{display:block;width:100%;text-align:left;background:none;color:#cdd7e6;padding:13px 22px;font-size:15px;cursor:pointer;border:none;border-left:3px solid transparent;font-family:Work Sans}.nav-item:hover{background:hsla(0,0%,100%,.05)}.nav-item.active{color:var(--white);border-left-color:var(--red);background:hsla(0,0%,100%,.06);font-weight:500}.dash-content{flex:1 1;padding:36px 44px;max-width:760px;min-width:0}.ledger{border-top:1px solid var(--line)}.ledger-row{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.ledger-row .date-col{width:96px;flex-shrink:0;font-size:13px;color:var(--steel);font-family:Oswald}.ledger-row .body-col{flex:1 1;min-width:0}.ledger-row h4{font-family:Oswald;font-size:16px;font-weight:500;margin:0;display:inline}.ledger-row p{font-size:14px;color:var(--navy-soft);margin:6px 0 0;white-space:pre-wrap}.tag{font-size:11px;letter-spacing:.06em;padding:3px 9px;border-radius:2px;font-family:Oswald;margin-left:10px}.tag-ok{background:#e7f1e9;color:var(--ok)}.tag-wait{background:#fbefe2;color:#a85e19}.tag-alert{background:#f9e4e4;color:var(--red)}.vehicle-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.vehicle-tab{padding:8px 16px;border-radius:20px;border:1.5px solid var(--line);background:var(--white);cursor:pointer;font-size:14px}.vehicle-tab.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.pay-panel{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:28px}.pay-panel .amount-due{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.pay-panel .amount{font-family:Oswald;font-size:32px}.pay-options{display:flex;gap:14px;flex-wrap:wrap}.pay-options .btn{flex:1 1;min-width:170px}.btn-paypal{background:#0f2a5c;color:var(--white)}.btn-venmo{background:#3d95ce;color:var(--white)}.hero{display:flex;align-items:center;gap:56px;max-width:1080px;margin:0 auto;padding:64px 28px 48px;flex-wrap:wrap}.hero .hero-copy{flex:1.1 1;min-width:280px}.hero .hero-copy .eyebrow{display:block;margin-bottom:10px}.hero h1{font-size:40px;line-height:1.1;max-width:520px}.hero p.lede{font-size:17px;color:var(--navy-soft);max-width:440px;margin-top:16px}.hero .hero-art{flex:0.8 1;display:flex;justify-content:center;min-width:200px}.hero .hero-art img{width:220px;height:220px;filter:drop-shadow(0 16px 26px rgba(16,31,53,.18))}.hero-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}.services{max-width:1080px;margin:0 auto;padding:8px 28px 64px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services .service{padding:26px 22px;border-right:1px solid var(--line)}.services .service:last-child{border-right:none}.services .service .num{font-family:Oswald;color:var(--red);font-size:13px;letter-spacing:.1em}.services .service h3{font-size:17px;margin-top:8px}.services .service p{font-size:14px;color:var(--navy-soft);margin-top:8px}.site-footer{background:var(--navy);color:var(--steel);padding:26px 28px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}@media (max-width:760px){.services{grid-template-columns:1fr}.services .service{border-right:none;border-bottom:1px solid var(--line)}.dash{flex-direction:column}.sidebar{width:100%;padding:16px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sidebar .client-block{width:100%;border-bottom:none;margin-bottom:8px;padding:0 16px 8px}.nav-item{width:auto;flex:1 1 auto;text-align:center;padding:10px 12px;border-left:none;border-bottom:3px solid transparent;font-size:13px}.nav-item.active{border-left:none;border-bottom-color:var(--red)}.dash-content{padding:24px 16px;max-width:100%}.ledger-row{flex-direction:column;gap:4px}.ledger-row .date-col{width:auto}}