:root{--bg:#f7f8f5;--white:#fff;--ink:#253129;--muted:#7b827c;--line:#e7eae3;--green:#dbe8c2;--green-dark:#43633c;--orange:#e8b585;--radius:16px;--shadow:0 3px 16px #25312904}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button{background:0 0;border:0}a{color:inherit;text-decoration:none}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:550}h1{margin-bottom:10px;font-size:32px;line-height:1.2}h2{margin-bottom:0;font-size:20px}small{font-size:12px}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #8caa70}input:focus,textarea:focus,select:focus{outline-offset:1px;outline:2px solid #8caa70}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dfe4db;border-radius:8px;min-width:0;padding:11px 12px}input[type=checkbox]{accent-color:var(--green-dark);width:17px;height:17px}input[type=month]{max-width:160px}textarea{resize:vertical}input::placeholder{color:#989e98}.button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 17px;font-size:13px;font-weight:550;line-height:1.2;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:#273d2e}.primary:hover{background:#3c5542}.secondary{background:#fff;border:1px solid #dee3d9}.secondary:hover{background:#f5f7f1}.danger{color:#fff;background:#a44237}.danger-text{color:#aa4a3b}.icon-button{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#ebeee7}.text-button{white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--green-dark)}.muted{color:var(--muted);font-size:12px}.eyebrow{color:#858c80;letter-spacing:1.6px;font-size:10px;font-weight:600;line-height:1.6;display:block}.brand{letter-spacing:-.75px;align-items:center;gap:10px;font-size:20px;font-weight:600;line-height:.98;display:flex}.brand-light{font-weight:400}.brand-mark{background:var(--ink);color:#e4edcc;border-radius:10px;place-items:center;width:41px;height:43px;display:grid}.brand-dot{align-self:flex-start;font-size:10px;line-height:1.6}.status-dot,.tiny-dot{background:#7d925f;border-radius:100%;width:6px;height:6px;display:inline-block}.green-dot{background:#7a965b}.tag{background:#ffffffa6;border:1px solid #fff9;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.pill{color:#707a68;white-space:nowrap;background:#f2f4ee;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:500;display:inline-flex}.pill.amber{color:#986f45;background:#faeee1}.pill.danger{color:#a44237;background:#f8e5e0}.icon-tile{color:#637156;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex}.icon-tile.orange{color:#ab7a4f;background:#f8e8d7}.icon-tile.green{color:#667d50;background:#edf2e2}.icon-tile.beige{color:#8a805f;background:#f1eee5}.icon-tile.plain{color:#7c8575;background:#f5f6f1}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:24px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.section-title .eyebrow{letter-spacing:1.2px;margin-bottom:7px;font-size:9px}.section-title h2{font-size:18px}.section-title p{color:var(--muted);margin:8px 0 0;font-size:13px}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fff;flex-direction:column;width:236px;padding:33px 20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar>.brand{padding:0 9px}.workspace-label{letter-spacing:1.2px;color:#a0a59b;margin:39px 10px 17px;font-size:8px}.main-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#737d71;text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;width:100%;padding:13px 12px;font-size:12px;display:flex}.nav-item:hover{background:#f4f6ef}.nav-item.active{color:#3d5630;background:#eaf0df;font-weight:550}.nav-count{text-align:center;background:#dce6ca;border-radius:4px;min-width:19px;margin-left:auto;padding:2px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:26px}.private-card{background:#f6f7f1;border:1px solid #ebeee2;border-radius:11px;margin-bottom:24px;padding:17px;position:relative}.private-card strong{padding-top:2px;font-size:12px;display:block}.private-card p{color:#8b917f;margin:8px 0 0;font-size:10px;line-height:1.7}.small-icon{float:right;color:#8d9b77}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:18px;padding:20px 0;display:flex}.avatar{background:#e7ebdd;border:3px solid #f3f5ed;border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;font-weight:600;display:grid}.profile strong{font-size:12px;display:block}.profile small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.profile>a,.profile>form{color:#8b9287;margin-left:auto}.app-main{margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#ffffffba;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.breadcrumb{color:#969c92;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#56614e;font-weight:500}.topbar-right{align-items:center;gap:20px;display:flex}.private-badge{color:#798572;background:#f1f4eb;border:1px solid #e7eddd;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:flex}.topbar-date{color:#959d90;font-size:10px}.demo-banner{color:#7b876e;background:#f0f3e8;border-bottom:1px solid #e5ebdc;justify-content:space-between;align-items:center;gap:12px;padding:9px 38px;font-size:10px;display:flex}.demo-banner>span,.demo-banner a{align-items:center;gap:6px;display:flex}.demo-banner strong{color:#647651;font-weight:600}.mobile-menu{display:none}.dashboard{max-width:1600px;margin:0 auto;padding:36px 38px 18px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading .eyebrow{letter-spacing:1.3px;margin-bottom:9px;font-size:9px}.page-heading h1{font-size:29px}.page-heading p{color:#92988d;margin:0;font-size:12px}.vehicle-select{color:#667259;background:#fff;border:1px solid #e0e5da;border-radius:8px;align-items:center;gap:9px;padding:0 13px;display:flex}.vehicle-select select{appearance:none;background:0 0;border:0;max-width:170px;padding:12px 15px 12px 0;font-size:11px}.hero-grid{grid-template-columns:1.65fr 1fr;gap:21px;display:grid}.vehicle-hero{border-radius:var(--radius);background:radial-gradient(at 80% 35%,#f7f7ef 5%,#ecf0e3 55%,#e5ebd9);border:1px solid #e6e9de;min-height:296px;padding:20px 23px 0;position:relative;overflow:hidden}.hero-top{justify-content:space-between;align-items:center;display:flex}.vehicle-identity{z-index:2;margin-top:18px;position:relative}.vehicle-identity .eyebrow{letter-spacing:1.1px;color:#7c886c;font-size:9px}.vehicle-identity h2{margin:5px 0 8px;font-size:30px}.vehicle-identity h2 span{color:#8d9b7c;margin-left:9px;font-size:20px}.vehicle-identity p{color:#8c9681;font-size:10px}.car-art{pointer-events:none;filter:drop-shadow(0 8px 5px #34453708);width:71%;max-height:210px;position:absolute;bottom:45px;right:-8px}.vehicle-hero-bottom{color:#7d896e;border-top:1px solid #ccd6bd66;justify-content:space-between;align-items:center;height:49px;font-size:10px;display:flex;position:absolute;bottom:0;left:23px;right:23px}.vehicle-hero-bottom>span{align-items:center;gap:7px;display:flex}.vehicle-hero-bottom .text-button{color:#647451;font-size:10px}.quick-actions{padding:23px 22px 0}.quick-actions .section-title{margin-bottom:13px}.quick-actions h2{font-size:16px}.small-spark{color:#b1ba9e;font-size:22px}.quick-action{text-align:left;align-items:center;gap:13px;width:100%;padding:10px 0;display:flex}.quick-action>span:nth-child(2){flex:1;min-width:0}.quick-action strong{font-size:11px;font-weight:550;display:block}.quick-action small{color:#969b90;margin-top:6px;font-size:10px;display:block}.quick-action>svg{color:#949d88}.quick-action:hover strong{color:#608343}.quick-action .icon-tile{border-radius:10px;width:38px;height:38px}.quick-footer{border-top:1px solid var(--line);color:#9ca291;align-items:center;gap:6px;margin-top:10px;padding:13px 0;font-size:9px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:21px 0;display:grid}.metric-card{border:1px solid var(--line);text-align:left;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:15px;padding:19px 20px;display:flex}button.metric-card:hover{background:#fefefb;border-color:#bfcdae}.metric-label{color:#89917f;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.metric-label svg{color:#a5ad9b}.metric-card>strong{letter-spacing:-1px;font-size:27px;font-weight:500}.metric-card strong small{color:#8f9786;letter-spacing:0;font-size:11px;font-weight:400}.metric-note{color:#99a08f;align-items:center;gap:5px;font-size:9px;display:flex}.content-grid{grid-template-columns:1.65fr 1fr;gap:21px;margin-top:21px;display:grid}.schedule-panel{padding-bottom:0}.schedule-row{border-bottom:1px solid #f1f2ed;align-items:center;gap:12px;padding:12px 0;display:flex}.schedule-row .icon-tile{border-radius:9px;width:37px;height:37px}.row-main{flex:1;min-width:0}.row-main strong{font-size:12px;font-weight:550;display:block}.row-main small{color:#959c8c;margin-top:6px;font-size:10px;line-height:1.5;display:block}.row-main p{margin:6px 0 0}.panel-footnote{color:#a1a895;align-items:center;gap:7px;padding:15px 0;font-size:9px;display:flex}.insurance-card{background:#fcfdf9}.insurance-card .section-title>svg{color:#8e9f77}.insurance-value{justify-content:space-between;align-items:baseline;gap:10px;margin:25px 0 18px;display:flex}.insurance-value strong{letter-spacing:-1px;font-size:29px;font-weight:500}.insurance-value strong small{color:#889676;font-size:12px}.insurance-value>span{color:#9aa28f;font-size:10px}.progress-track{background:#eef1e7;border-radius:10px;height:7px;overflow:hidden}.progress-track>span{background:#adbf8a;border-radius:10px;height:100%;display:block}.progress-caption{color:#8e997f;justify-content:space-between;align-items:center;margin:11px 0 16px;font-size:9px;display:flex}.insurance-progress>.muted{font-size:9px}.insurance-tip{color:#92a07d;border-top:1px solid #eef1e7;align-items:center;gap:6px;padding:11px 0;font-size:9px;display:flex}.insurance-card>.text-button{color:#6f805a;width:100%;margin-top:10px;font-size:10px}.bottom-grid{grid-template-columns:1fr 1fr}.chart-summary{align-items:baseline;gap:10px;margin-bottom:28px;display:flex}.chart-summary strong{letter-spacing:-.7px;font-size:25px;font-weight:500}.chart-summary>span{color:#99a18d;font-size:10px}.cost-chart{height:130px;margin-bottom:28px;padding-left:54px;position:relative}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid span{color:#a2a994;align-items:center;gap:9px;width:100%;font-size:8px;display:flex}.chart-grid span:after{content:"";background:repeating-linear-gradient(90deg,#e6ebdd 0 3px,#0000 3px 6px);flex:1;height:1px}.chart-bars{align-items:flex-end;gap:23px;height:100%;padding:0 8px;display:flex;position:relative}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.bar-stack{z-index:1;border-radius:5px 5px 0 0;flex-direction:column;width:80%;max-width:37px;min-height:2px;display:flex;overflow:hidden}.bar-other{background:#e4ead8}.bar-fuel{background:#9aaa7f}.bar-label{color:#969f88;font-size:9px;position:absolute;bottom:-20px}.chart-legend{color:#9aa38e;justify-content:center;gap:16px;margin-top:35px;font-size:9px;display:flex}.chart-legend>span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.legend-fuel{background:#9aaa7f}.legend-other{background:#e4ead8}.timeline-row{text-align:left;align-items:flex-start;gap:13px;width:100%;padding:12px 0;display:flex;position:relative}.timeline-dot{background:#d6dfc6;border:2px solid #edf1e4;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.timeline-row:not(:last-child):after{content:"";background:#e6ebdf;width:1px;position:absolute;top:26px;bottom:-4px;left:3px}.timeline-row>span:nth-child(2){flex:1}.timeline-row small{color:#a1a98f;margin-bottom:7px;font-size:9px;display:block}.timeline-row strong{font-size:11px;font-weight:550;display:block}.timeline-row p{color:#919b84;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:6px 0 0;font-size:10px;display:-webkit-box;overflow:hidden}.timeline-row>svg{color:#a3ac95;margin-top:23px}.app-footer{color:#a5ab9c;justify-content:space-between;align-items:center;gap:15px;padding:30px 0 7px;font-size:9px;display:flex}.app-footer>span{align-items:center;gap:6px;display:flex}.footer-dot{background:#a6b58f;border-radius:50%;width:5px;height:5px}.app-footer nav{gap:17px;display:flex}.app-footer a:hover{text-decoration:underline}.view-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-field{border:1px solid var(--line);color:#969f8c;background:#fff;border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;width:100%;padding:11px 0;font-size:12px}.search-field:focus-within{outline:2px solid #a8ba91}.search-field input:focus{outline:0}.segmented{background:#f1f3ec;border-radius:8px;flex-shrink:0;gap:4px;padding:4px;display:flex}.segmented button{color:#87917b;border-radius:5px;padding:8px 12px;font-size:11px}.segmented button.active{color:#455738;background:#fff;box-shadow:0 1px 3px #283c2210}.vehicle-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.garage-vehicle{padding:22px;position:relative;overflow:hidden}.garage-vehicle .section-title{margin-bottom:20px}.garage-vehicle h2{font-size:24px}.garage-vehicle>p{color:#949d88;margin-top:9px;font-size:11px}.car-art.small{width:100%;height:150px;margin:7px 0;position:relative;bottom:auto;right:auto}.vehicle-specs{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;display:grid}.vehicle-specs small{color:#929c83;margin-bottom:8px;font-size:10px;display:block}.vehicle-specs strong{font-size:13px}.card-actions{justify-content:space-between;align-items:center;margin-top:21px;display:flex}.card-actions .button{font-size:11px}.add-vehicle-card{background:#f3f5ec;border:1px dashed #c9d2bd;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:300px;padding:25px;display:flex}.add-vehicle-card>span{color:#7e9462;background:#e7eddc;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.add-vehicle-card strong{font-size:14px;font-weight:500}.add-vehicle-card small{color:#879577;font-size:11px}.three-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.metric-card .smaller-stat{font-size:23px}.records-panel{padding:23px}.list-hint{color:#89977c;background:#f5f7f0;border-radius:8px;padding:12px 16px;font-size:11px}.record-row{border-bottom:1px solid #edf0e7;align-items:center;gap:16px;padding:22px 0;display:flex}.record-row:last-child{border-bottom:0}.record-detail{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:7px;font-size:12px;display:flex}.record-detail small{color:#919c83;font-size:10px}.record-actions{color:#8e9b80;gap:3px;display:flex}.delete-button:hover{color:#a34336;background:#fbefec}.journal-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#718065;max-width:660px;font-size:12px;line-height:1.7}.journal-row{align-items:flex-start}.journal-row .row-main strong{font-size:15px}.linked-label{color:#94a779;margin-top:10px;font-size:10px;display:block}.history-panel{margin-top:20px}.history-panel p{color:#7d8f6a;gap:8px;font-size:12px;display:flex}.history-panel h2{margin-bottom:20px}.empty-state{text-align:center;padding:35px 15px}.empty-icon{color:#8e9f76;background:#edf1e4;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:15px;display:inline-flex}.empty-state p{color:#889579;margin-bottom:13px;font-size:13px}.empty-garage{text-align:center;padding:80px 20px}.empty-garage h2{margin-bottom:15px;font-size:26px}.empty-garage p{color:var(--muted)}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-grid p{color:#859177;font-size:12px}.settings-buttons{flex-direction:column;gap:10px;margin-top:23px;display:flex}.settings-buttons .button{justify-content:space-between;font-size:12px}.legal-links{flex-direction:column;gap:15px;margin-top:27px;font-size:12px;display:flex}.legal-links a{justify-content:space-between;align-items:center;display:flex}.danger-panel{border-color:#ecdcd4}.danger-panel h2{margin-bottom:15px}.upload-zone{cursor:pointer;background:#f7f9f2;border:1px dashed #c5d2b4;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:45px 20px;display:flex}.upload-zone>span:not(.icon-tile){color:#8a987a;font-size:11px}.upload-zone strong{font-size:14px}.upload-zone input{background:#fff;max-width:100%;margin-top:8px;font-size:12px}.storage-usage{color:#889578;justify-content:space-between;align-items:center;margin:24px 0;font-size:12px;display:flex}.storage-usage strong{font-weight:500}.form-hint{color:#94a084;align-items:flex-start;gap:8px;margin:22px 0 0;font-size:11px;line-height:1.6;display:flex}.error-box{color:#a34f3d;background:#fff0ec;border:1px solid #f0d6cc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:13px 17px;font-size:12px;line-height:1.6;display:flex}.toast{z-index:100;color:#f0f5e9;background:#2d432e;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.toast .icon-button:hover{background:#41583c}.record-dialog{width:620px;max-width:calc(100vw - 30px);max-height:90dvh;color:var(--ink);border:1px solid #e1e6d9;border-radius:19px;padding:26px;overflow-y:auto;box-shadow:0 25px 100px #16231533}.record-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#202d2366}.dialog-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px;display:flex}.dialog-header h2{margin-top:6px;font-size:25px}.dialog-header .eyebrow{font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}.form-grid>label{color:#758466;flex-direction:column;gap:8px;font-size:12px;display:flex}.form-grid>label.wide{grid-column:1/-1}.form-grid>.check-label{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:9px}.required{color:#91a274}.form-grid input,.form-grid select,.form-grid textarea{width:100%;font-size:13px}.form-grid input[type=checkbox]{width:17px}.dialog-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;display:flex}.record-dialog .error-box{margin-top:20px}.vehicle-lookup{border-bottom:1px solid var(--line);margin-bottom:23px;padding-bottom:23px}.vehicle-lookup .segmented{margin-bottom:15px}.vehicle-lookup .search-field{padding-right:4px}.vehicle-lookup .search-field .button{padding:8px}.info-text{color:#7c8d6a;background:#f5f7f0;border-radius:8px;padding:13px;font-size:11px;line-height:1.7}.catalog-results{max-height:230px;overflow-y:auto}.catalog-results button{text-align:left;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:13px;display:flex}.catalog-results button:hover{background:#edf2e4}.catalog-results strong{font-size:12px}.catalog-results small{color:#849374;font-size:10px}.confirm-dialog{width:480px}.confirm-dialog p{color:var(--muted);font-size:13px}.confirm-dialog label{flex-direction:column;gap:13px;font-size:12px;display:flex}.confirm-dialog h2{font-size:22px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.landing{max-width:1440px;margin:0 auto;padding:0 60px}.landing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;display:flex}.landing-nav .brand{gap:6px;font-size:22px}.landing-nav .brand-mark{margin-right:7px}.landing-links{align-items:center;gap:30px;font-size:12px;display:flex}.landing-links>a:first-child{align-items:center;gap:8px;display:flex}.landing-main{grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:85px 0;display:grid}.landing-copy .eyebrow{color:#7d8e66;align-items:center;gap:9px;font-size:10px;display:flex}.landing h1{letter-spacing:-3.2px;margin:28px 0 25px;font-size:clamp(40px,4.4vw,65px);line-height:1.1}.landing h1>span{color:#9ba78a}.landing-copy>p{color:#879478;max-width:410px;font-size:15px;line-height:1.85}.landing-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;display:flex}.landing-actions .button{padding:16px 22px}.setup-hint{color:#929c87;font-size:11px}.privacy-note{color:#859675;align-items:center;gap:8px;margin-top:30px;font-size:11px;display:flex}.landing-visual{background:#e9eedf;border:1px solid #e1e7d7;border-radius:22px;height:435px;position:relative;overflow:hidden}.visual-label{letter-spacing:1.5px;color:#899a74;font-size:9px;position:absolute;top:29px;left:30px}.visual-orbit{border:1px solid #d6dfc8;border-radius:50%;width:370px;height:370px;position:absolute;top:30px;right:20px;box-shadow:0 0 0 35px #e1e8d677,0 0 0 70px #e1e8d644}.landing-visual .car-art{width:110%;max-height:260px;bottom:120px;right:-25px}.floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc9;border:1px solid #fff;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex;position:absolute;bottom:53px;left:28px;right:28px;box-shadow:0 9px 30px #53673a0a}.floating-card strong{font-size:13px;font-weight:500;display:block}.floating-card small{color:#8c9b7b;margin-top:6px;font-size:10px;display:block}.floating-card>svg{color:#99a985;margin-left:auto}.visual-caption{letter-spacing:1px;color:#8c9c76;font-size:8px;position:absolute;bottom:23px;left:30px}.landing-features{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0 45px;display:grid}.landing-features article{padding:8px 0}.landing-features svg{color:#7d9568;margin-bottom:21px}.landing-features h2{margin-bottom:12px;font-size:19px}.landing-features p{color:#909d82;margin:0;font-size:12px}.landing-footer{border-top:1px solid var(--line);color:#99a38d;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;font-size:10px;display:flex}.landing-footer nav{gap:23px;display:flex}.onboarding{max-width:510px;margin:80px auto;padding:40px}.onboarding>.eyebrow{margin-top:20px}.onboarding h1{margin-top:12px}.onboarding p{color:#819271;font-size:13px}.onboarding form>.check-label{align-items:center;gap:8px;margin:20px 0;font-size:12px;display:flex}.onboarding a{text-decoration:underline}.legal-page{max-width:800px;margin:45px auto;padding:40px}.legal-page h1{margin-top:30px}.legal-page h2{margin:26px 0 12px}.legal-page p,.legal-page li{color:#748267;font-size:14px;line-height:1.8}.legal-page nav{flex-wrap:wrap;gap:20px;margin-top:40px;font-size:12px;display:flex}.legal-page a{text-decoration:underline}.legal-content{white-space:pre-wrap;color:#748267;line-height:1.8}.print-report{background:#fff;max-width:900px;margin:40px auto;padding:40px}.print-report h2{margin:30px 0 15px}.print-report p{font-size:12px}.print-report table{border-collapse:collapse;width:100%;font-size:11px}.print-report td,.print-report th{text-align:left;border-bottom:1px solid #ddd;padding:10px}@media (min-width:1500px){.dashboard{padding:40px 48px 20px}.hero-grid,.content-grid{gap:26px}.vehicle-hero{min-height:315px}.quick-action{padding:13px 0}.quick-action strong{font-size:12px}.metric-card{padding:23px}.car-art{width:65%;bottom:43px}.vehicle-identity{margin-top:22px}.vehicle-identity h2{font-size:36px}.schedule-row{padding:15px 0}.quick-footer{padding-top:16px}.section-title h2{font-size:20px}}@media (max-width:1200px){.sidebar{width:210px;padding:28px 14px 0}.app-main{margin-left:210px}.dashboard{padding:29px 25px 16px}.topbar{padding:0 25px}.demo-banner{padding-left:25px;padding-right:25px}.hero-grid,.content-grid{grid-template-columns:1.4fr 1fr;gap:17px}.quick-actions{padding:20px 16px 0}.quick-action{gap:10px}.quick-action strong{font-size:10px}.quick-action small{font-size:9px}.quick-action>svg{width:15px}.quick-actions h2{font-size:15px}.metrics-grid{gap:12px}.metric-card{padding:17px 14px}.metric-card>strong{font-size:24px}.metric-note{font-size:8px}.panel{padding:20px}.schedule-panel{padding-bottom:0}.section-title h2{font-size:16px}.vehicle-cards{grid-template-columns:1fr 1fr}.records-panel .view-toolbar{flex-wrap:wrap}.bottom-grid{grid-template-columns:1fr 1fr}.car-art{width:79%;bottom:44px;right:-16px}.vehicle-identity h2{font-size:27px}.vehicle-identity p{max-width:180px;font-size:9px}.schedule-row{gap:9px}.schedule-row .row-main strong{font-size:11px}.schedule-row .pill{padding:5px;font-size:9px}.insurance-value strong{font-size:26px}.landing{padding:0 40px}.landing-main{gap:35px}.landing h1{letter-spacing:-2px}.landing-visual{height:400px}}@media (max-width:960px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.app-main{margin-left:190px}.sidebar .brand{font-size:18px}.workspace-label{font-size:7px}.nav-item{gap:9px;padding:12px 10px;font-size:11px}.dashboard{padding:26px 20px 16px}.hero-grid{grid-template-columns:1fr}.vehicle-hero{min-height:300px}.vehicle-identity{margin-top:22px}.vehicle-identity h2{font-size:33px}.vehicle-identity p{max-width:none}.vehicle-hero .car-art{width:65%;bottom:40px;right:0}.quick-actions{padding:19px 20px}.quick-actions .section-title{margin-bottom:10px}.quick-actions h2{font-size:17px}.quick-action{padding:10px 0}.quick-action strong{font-size:12px}.quick-action small{font-size:10px}.quick-footer{padding-bottom:0}.metrics-grid{grid-template-columns:1fr 1fr}.metric-note{font-size:10px}.metric-label{font-size:12px}.metric-card{padding:20px}.content-grid,.bottom-grid{grid-template-columns:1fr}.section-title h2{font-size:19px}.panel-footnote{font-size:10px}.schedule-row{padding:14px 0}.schedule-row .row-main strong{font-size:12px}.page-heading h1{font-size:27px}.page-heading{flex-wrap:wrap;align-items:flex-start}.vehicle-select select{font-size:11px}.topbar-date,.demo-banner>span>span{display:none}.app-footer{flex-direction:column;align-items:flex-start;gap:15px}.settings-grid{grid-template-columns:1fr}.three-stats{gap:10px}.three-stats .metric-card{padding:15px}.three-stats .metric-label{font-size:10px}.metric-card .smaller-stat{font-size:19px}.landing-main{grid-template-columns:1fr 1fr;gap:20px;padding:55px 0}.landing h1{font-size:43px}.landing-visual{height:360px}.floating-card{padding:12px;left:16px;right:16px}.floating-card small{font-size:9px}.floating-card>svg{display:none}.landing-features{gap:25px}.landing-features h2{font-size:17px}.landing-links>a:first-child{display:none}.landing-copy>p{font-size:13px}}@media (max-width:700px){.sidebar{width:240px;padding:30px 20px 0;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar .brand{font-size:22px}.nav-item{padding:14px 12px;font-size:13px}.workspace-label{font-size:8px}.sidebar-backdrop{z-index:25;background:#23302166;position:fixed;inset:0}.app-main{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 15px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>svg:first-of-type{display:none}.private-badge{padding:5px;font-size:8px}.topbar-right{gap:0}.demo-banner{padding:8px 17px;font-size:9px}.dashboard{padding:26px 17px 12px}.page-heading{gap:17px;margin-bottom:22px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.vehicle-select{padding-left:10px}.vehicle-select select{padding-top:10px;padding-bottom:10px}.vehicle-hero{min-height:305px;padding:17px 20px}.vehicle-identity{margin-top:19px}.vehicle-identity h2{font-size:31px}.vehicle-identity p{font-size:9px}.vehicle-hero .car-art{width:94%;max-height:161px;bottom:36px;right:-7px}.vehicle-hero-bottom{left:20px;right:20px}.vehicle-hero-bottom>span{font-size:8px}.vehicle-hero-bottom .text-button{font-size:9px}.metrics-grid{gap:11px;margin:17px 0}.metric-card{gap:13px;padding:17px 14px}.metric-label{font-size:10px}.metric-card>strong{font-size:25px}.metric-note{font-size:8px;line-height:1.5}.metric-card strong small{font-size:10px}.content-grid{margin-top:17px}.panel{border-radius:13px;padding:20px}.schedule-panel{padding-bottom:0}.section-title{gap:9px}.section-title .eyebrow{font-size:8px}.section-title h2{font-size:18px}.section-title .text-button{font-size:10px}.schedule-row .row-main small{font-size:9px}.panel-footnote{font-size:8px;line-height:1.5}.quick-actions .section-title h2{font-size:18px}.quick-action{padding:12px 0}.quick-action strong{font-size:12px}.quick-action small{font-size:10px}.quick-action .icon-tile{width:43px;height:43px}.quick-footer{padding-top:16px;font-size:9px}.app-footer nav{gap:14px;font-size:8px}.vehicle-cards{grid-template-columns:1fr}.car-art.small{height:160px}.three-stats{grid-template-columns:1fr}.three-stats .metric-card{flex-direction:row;justify-content:space-between;align-items:center}.three-stats .metric-label{max-width:52%;line-height:1.6}.metric-card .smaller-stat{white-space:nowrap;font-size:19px}.view-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:space-between;gap:9px}.toolbar-actions .button{padding:11px;font-size:11px}.toolbar-actions .segmented,.toolbar-actions .segmented button{flex:1}.search-field{width:100%}.records-panel{padding:17px}.record-row{flex-wrap:wrap;gap:10px;padding:19px 0;position:relative}.record-row>.icon-tile{border-radius:9px;width:32px;height:32px}.record-row>.icon-tile svg{width:17px}.record-row .row-main{min-width:calc(100% - 47px)}.record-row .row-main strong{font-size:12px}.record-detail{flex:1;align-items:flex-start;padding-left:42px}.record-detail .pill{font-size:9px}.record-actions{margin-left:auto}.journal-row .record-actions{margin-top:6px}.row-main .insurance-progress{margin-left:-41px;padding-top:10px}.journal-body{font-size:11px}.record-dialog{max-height:92dvh;padding:21px}.dialog-header h2{font-size:23px}.form-grid{gap:17px 12px}.form-grid>label{font-size:11px}.form-grid input,.form-grid select{padding:11px 9px;font-size:12px}.vehicle-lookup .segmented{gap:1px}.vehicle-lookup .segmented button{padding:8px 7px;font-size:10px}.toast{width:calc(100vw - 30px);font-size:11px;line-height:1.5;bottom:17px}.form-grid>.check-label{grid-column:1/-1}.form-hint{font-size:10px}.landing{padding:0 23px}.landing-nav{height:84px}.landing-nav .brand{gap:4px;font-size:18px}.landing-nav .brand-mark{width:34px;height:36px;margin-right:4px}.landing-links .button{gap:7px;padding:10px;font-size:10px}.landing-main{grid-template-columns:1fr;gap:42px;padding:46px 0}.landing h1{letter-spacing:-2.2px;font-size:49px}.landing-copy>p{max-width:340px;font-size:14px}.landing-visual{height:345px}.landing-visual .car-art{max-height:210px;bottom:98px}.floating-card{bottom:49px;left:22px;right:22px}.floating-card small{font-size:10px}.floating-card>svg{display:block}.landing-features{grid-template-columns:1fr;gap:27px;padding:35px 0}.landing-features article{padding-left:45px;position:relative}.landing-features svg{position:absolute;top:8px;left:0}.landing-features h2{font-size:19px}.landing-features p{font-size:12px}.landing-footer{flex-direction:column;align-items:flex-start;gap:18px}.landing-footer nav{flex-wrap:wrap;gap:16px;font-size:9px}.onboarding,.legal-page{margin:30px 16px;padding:26px}.legal-page nav{gap:14px;font-size:10px}.print-report{margin:0;padding:20px}.print-report table{font-size:9px}.print-report td,.print-report th{padding:7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{background:#fff}.sidebar,.topbar,.demo-banner,.page-heading .vehicle-select,.app-footer,.record-actions,.view-toolbar,.toast,.no-print{display:none!important}.app-main{margin:0}.dashboard{max-width:none;padding:0}.panel{box-shadow:none;border:0}.page-heading h1{font-size:24px}.record-row{break-inside:avoid}.print-report{max-width:none;margin:0;padding:0}a:after{content:none}}