@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f6f2;--card:#fff;--text:#202d27;--muted:#819087;--accent:#c9e5a3;--ok:#548367;--warn:#b38d38;--orange:#ba713b;--danger:#b35951;--line:#e8ece5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,label.file-label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8faa69;outline-offset:4px}button{border:0;border-radius:9px;padding:12px 17px;background:#edf0e9;color:var(--text);font-weight:600}button:hover{filter:brightness(.96)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:28px;letter-spacing:-1.1px;margin-bottom:8px}h2{font-size:22px;letter-spacing:-.7px;margin-bottom:12px}h3{font-size:15px}.app-shell{display:flex;min-height:100vh}.sidebar{width:237px;background:#153b30;color:#d2dfd6;padding:35px 23px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 45px}.brand-mark{font-family:Manrope;font-weight:800;font-size:22px;border:1px solid #8baf85;color:#d9efb5;border-radius:12px;padding:9px 7px;letter-spacing:-2px}.brand strong{font-size:17px;letter-spacing:1px}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#91ad9d;margin-top:5px}.nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:14px;background:none;color:#a6beb1;text-align:left;font-size:20px;padding:14px 15px}.nav-item span{font-size:13px}.nav-item.active{background:#c9e5a3;color:#234535}.sidebar-footer{margin-top:auto;border-top:1px solid #335548;padding-top:24px;display:grid;gap:13px}.link-button{font-size:12px;text-align:left;padding:3px 7px;background:none;color:#bbd1c0;font-weight:400;cursor:pointer}.small{font-size:11px;line-height:1.7}.sidebar-footer .muted{color:#91ab9a;padding:9px 7px}.main{margin-left:237px;width:calc(100% - 237px);padding:38px 45px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid #e0e6dc;margin-bottom:28px;gap:16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin-bottom:10px}.top-intro{font-size:12px;color:#839084;margin:0}.top-actions{display:flex;gap:10px}.primary{background:#214e3c;color:#fff;box-shadow:0 4px 10px #193e3010}.secondary{background:#ffffff15;color:inherit;border:1px solid #ffffff38}.ghost{background:transparent}.dashboard-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#7d8c7e;margin-bottom:17px;font-weight:600}.demo-label{letter-spacing:.3px;font-weight:400}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.hero{border:0;display:grid;grid-template-columns:1fr 1.15fr;position:relative;overflow:hidden;background:#214c3a;color:#f3f5ee;min-height:322px;padding:33px 35px;background-image:radial-gradient(ellipse at 80% 60%,#5b785a55,transparent 65%)}.hero-copy{position:relative;z-index:1}.pill{font-size:9px;letter-spacing:1.5px;color:#bcd2b6;margin-bottom:17px}.hero h2{font-size:29px;max-width:340px;line-height:1.28;margin-bottom:9px}.hero p{color:#a9c4b1;font-size:11px}.mileage-block{margin:24px 0 23px}.mileage-block span{display:block;font-size:10px;color:#a8c0aa;margin-bottom:5px}.mileage-block strong{font-family:Manrope;font-size:26px;letter-spacing:-1px;font-weight:600}.hero-actions{display:flex;gap:9px}.hero-actions button{font-size:11px;padding:12px 15px}.hero .primary{background:var(--accent);color:#264630}.hero-visual{position:relative;display:flex;align-items:center;min-width:0}.car-art{width:100%;position:relative;margin-top:4px}.car-art svg{width:115%;margin-left:-4%;filter:drop-shadow(0 16px 15px #0e2a2470)}.giulia-script{font-family:Georgia,serif;font-style:italic;color:#b0c6ae;font-size:16px;display:block;text-align:center;letter-spacing:.5px}.vehicle-plate{text-align:center;font-size:10px;letter-spacing:2px;color:#a5c1a6;margin-top:-9px}.vehicle-plate span{padding:0 12px}.status-ring{position:absolute;right:0;top:-8px;border:0;border-radius:9px;background:#365942!important;padding:8px 11px;display:flex;align-items:center;gap:7px}.status-ring span{font-size:16px;color:#d2e5af}.status-ring small{font-size:8px;color:#afc6af;max-width:40px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:31px 0 17px}.section-head h2{margin-bottom:0;font-size:21px}.section-head .eyebrow{margin-bottom:6px}.text-button{padding:0;background:none;color:#5d7662;font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:21px 18px}.service-top{font-size:9px;display:flex;align-items:center;gap:7px;margin-bottom:19px;color:#7e8b79}.status-dot{width:6px;height:6px;border-radius:50%}.service-card h3{font-size:13px;margin-bottom:7px}.service-due{font-size:11px;color:#84907d;margin-bottom:17px}.progress{height:3px;border-radius:5px;background:#eef1e8;margin:14px 0 11px}.progress span{display:block;height:100%;border-radius:5px}.service-last{font-size:8px}.muted{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:19px;margin-top:24px}.compact{margin:0 0 24px}.compact h2{font-size:18px}.timeline-item{display:grid;grid-template-columns:90px 13px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-date{font-size:10px;color:#899384;line-height:1.8}.timeline-dot{width:7px;height:7px;border-radius:50%;background:#8fa783;margin-top:6px;box-shadow:0 0 0 4px #eff3e9}.timeline-body h3{font-size:12px;margin-bottom:7px}.timeline-body p{font-size:11px;line-height:1.8;color:#7f8c7d;margin:9px 0 0}.meta{font-size:9px;color:#8b9787}.recommendation{background:#edf1e5;position:relative;border-color:#e4e9da}.recommendation h2{font-size:23px;line-height:1.4;margin:26px 0 15px}.recommendation p{font-size:11px;color:#788773;line-height:1.9}.store-icon{position:absolute;right:24px;top:24px;border:1px solid #d1dbc2;padding:7px 10px;border-radius:50%;font-size:20px}.recommendation-box{font-size:10px;line-height:1.9;border-top:1px solid #dae2cd;padding:16px 0;color:#75846c}.recommendation-box strong{color:#455b40}.full{width:100%;font-size:11px;margin-top:10px}.view{display:none}.view.active{display:block}.view>.section-head:first-child{margin-top:0}.vehicle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.vehicle-km{font-size:28px;padding:24px 0}.vehicle-meta{color:var(--muted);font-size:12px;line-height:1.8}.vehicle-actions{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.vehicle-actions button{font-size:11px}.active-vehicle{border:1px solid #86a372}.table-card{overflow-x:auto;background:white;border-radius:12px;padding:10px 20px}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr .8fr;gap:18px;padding:21px 5px;border-bottom:1px solid var(--line);font-size:11px;min-width:690px;line-height:1.8}.table-head{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#87927f}.badge{font-size:8px;padding:5px 8px;background:#eef1e9;border-radius:5px;white-space:nowrap}.badge.ok{background:#e7efe3;color:#638258}.badge.overdue{background:#f7e7e2;color:#aa6456}.badge.warn,.badge.due{background:#f4eedb;color:#a18c4f}.document-item,.prepared-item{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:16px}.document-item strong{font-size:13px}.row-actions{display:flex;gap:8px}.row-actions button{font-size:11px}.modal{border:1px solid var(--line);border-radius:17px;padding:29px;max-width:660px;width:calc(100% - 32px);color:var(--text);box-shadow:0 24px 100px #152a3040}.modal::backdrop{background:#10271f99;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.modal-head h2{margin:0}.icon-btn{font-size:22px;padding:0 8px;background:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#687b69}input,select,textarea{width:100%;margin-top:8px;border:1px solid #dbe1d5;background:#fafbf7;border-radius:8px;padding:12px;color:#273d2e;outline-color:#8ba76c}.span-2{grid-column:span 2}.check input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.small-modal{max-width:430px}.button-link{display:inline-block;padding:12px 17px;border-radius:9px}.summary-box{background:#edf3e7;padding:18px;border-radius:9px;margin-bottom:10px;line-height:1.8}.prepared-list{font-size:12px}.service-modal p{font-size:12px;line-height:1.7;margin-top:20px}.empty-state{padding:65px;text-align:center}.empty-icon{font-size:48px;color:#496c41}.empty-state p{color:var(--muted);max-width:450px;margin:0 auto 25px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:365px}.hero h2{font-size:35px}.main{padding:44px 55px}.hero-visual svg{max-height:270px}.service-card{padding:25px}.hero-actions{margin-top:24px}}@media(max-width:1150px){.main{padding:28px}.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}.hero{padding:28px;grid-template-columns:1fr 1fr}.hero h2{font-size:23px}.hero-actions{flex-wrap:wrap}.service-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.status-ring{top:0;right:-8px}.top-intro{max-width:280px;line-height:1.7}}@media(max-width:750px){.sidebar{width:100%;height:66px;inset:auto 0 0;z-index:5;padding:7px 9px;border-top:1px solid #315344}.brand,.sidebar-footer{display:none}.nav{display:flex;justify-content:space-around;gap:2px}.nav-item{display:flex;flex-direction:column;gap:3px;padding:5px 10px;font-size:17px;border-radius:7px}.nav-item span{font-size:8px}.main{margin:0;width:100%;padding:24px 18px 90px}.topbar{padding-bottom:22px;margin-bottom:22px;align-items:flex-start}h1{font-size:22px;max-width:230px}.topbar .eyebrow{font-size:8px}.top-intro{font-size:10px}.top-actions button{font-size:10px;padding:11px}.dashboard-label{font-size:7px;letter-spacing:.7px;gap:10px}.hero{grid-template-columns:1fr;padding:25px;gap:12px}.hero h2{font-size:28px;max-width:100%}.hero-visual{min-height:180px}.car-art{max-width:420px;margin:auto}.car-art svg{max-height:190px}.giulia-script{font-size:13px}.status-ring{top:8px;right:0}.hero-actions{flex-wrap:nowrap}.hero-actions button{font-size:10px}.hero .mileage-block{margin:19px 0}.section-head h2{font-size:19px}.service-grid{gap:10px}.service-card{padding:17px 13px}.service-card h3{font-size:12px}.service-due{font-size:10px}.grid-2>.card{padding:22px}.timeline-item{grid-template-columns:70px 8px 1fr;gap:11px}.vehicle-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap;justify-content:flex-end}.form-grid{gap:14px}.modal{padding:22px}.modal-actions button{font-size:12px}.view>.section-head{align-items:flex-start}.view>.section-head .primary{font-size:10px}}
@media print{.sidebar,.topbar,.row-actions,.hero,.service-grid,.recommendation,.section-head button{display:none!important}.main{margin:0;width:100%;padding:10px}.view{display:none!important}#view-history{display:block!important}.timeline-item{break-inside:avoid}.timeline-body p{color:#222}body{background:white}}