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