:root{--bg:#f1f5f9;--bg-card:#fff;--bg-input:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--shadow:0 1px .1875rem #00000014;--theme-color:#f1f5f9}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--bg-input:#0f172a;--border:#334155;--text:#f8fafc;--text-muted:#94a3b8;--shadow:0 1px .1875rem #0000004d;--theme-color:#0f172a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f172a;--bg-card:#1e293b;--bg-input:#0f172a;--border:#334155;--text:#f8fafc;--text-muted:#94a3b8;--shadow:0 1px .1875rem #0000004d;--theme-color:#0f172a}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:clamp(.84rem,4.1vw,1.15rem)}@media (min-width:640px){html{font-size:18px}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bottom-nav{height:calc(4rem + env(safe-area-inset-bottom,0px));background:var(--bg-card);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1875rem;font-family:inherit;font-size:.625rem;font-weight:600;transition:color .15s;display:flex}.nav-btn.active{color:var(--accent)}.nav-btn .ni{font-size:1.375rem;line-height:1}.nav-btn .ni svg{width:1.5rem;height:1.5rem;display:block}.nav-btn .ni{justify-content:center;align-items:center;display:flex}.page{min-height:0;padding:0 0 calc(5rem + env(safe-area-inset-bottom,0px))0}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:1.25rem 1.25rem .875rem;position:static}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;padding:1rem}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.0312rem;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;display:block}.input{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;border-radius:.625rem;outline:none;padding:.75rem .875rem;font-family:inherit;font-size:.9375rem}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:.75rem;width:100%;padding:.9375rem;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .15s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;padding:.8125rem;font-family:inherit;font-size:.9375rem;font-weight:600}.tri-group{gap:.5rem;display:flex}.tri-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.625rem;flex:1;padding:.625rem .375rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.bool-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem 0;display:flex}.bool-row:last-child{border-bottom:none}.bool-btns{gap:.375rem;display:flex}.bool-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.5rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:700}.photo-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem;display:grid}.photo-thumb{aspect-ratio:1;object-fit:cover;border-radius:.625rem;width:100%}.photo-add{aspect-ratio:1;border:.125rem dashed var(--border);color:var(--text-muted);cursor:pointer;background:var(--bg-input);border-radius:.625rem;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.vehicle-inspection{flex-direction:column;align-items:center;gap:.75rem;display:flex}.vehicle-inspection .field-label{align-self:flex-start}.vehicle-diagram{aspect-ratio:200/340;width:100%;max-width:20rem;position:relative}.vehicle-svg{width:100%;height:100%}.zone-btn{border:.125rem dashed var(--border);background:var(--bg-input);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.625rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;transition:border-color .2s,transform .15s;display:flex;position:absolute;overflow:hidden}.zone-btn:active{transform:scale(.95)}.zone-btn.filled{border:.125rem solid var(--green)}.zone-btn.pulse{animation:2s ease-in-out infinite zonePulse}@keyframes zonePulse{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}.zone-front{width:5rem;height:2.75rem;top:0;left:50%;transform:translate(-50%)}.zone-rear{width:5rem;height:2.75rem;bottom:0;left:50%;transform:translate(-50%)}.zone-left{width:2.75rem;height:5rem;top:50%;left:0;transform:translateY(-50%)}.zone-right{width:2.75rem;height:5rem;top:50%;right:0;transform:translateY(-50%)}.zone-interior_front{width:4.375rem;height:3.25rem;top:36%;left:50%;transform:translate(-50%,-50%)}.zone-interior_rear{width:4.375rem;height:3.25rem;top:64%;left:50%;transform:translate(-50%,-50%)}.zone-icon{font-size:1.25rem;line-height:1}.zone-spinner{font-size:1.125rem}.zone-check{color:#fff;text-shadow:0 1px .25rem #000000b3;font-size:1.125rem;font-weight:800}.zone-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;font-size:.625rem;display:flex;position:absolute;top:.125rem;right:.125rem}.zone-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.0187rem;white-space:nowrap;font-size:.5rem;font-weight:700}.zone-btn.filled .zone-label{color:#fff;text-shadow:0 1px .1875rem #000c}.zone-progress{gap:.25rem;width:100%;max-width:20rem;display:flex}.zone-progress-seg{background:var(--border);border-radius:.1875rem;flex:1;height:.375rem;transition:background .3s}.zone-progress-seg.seg-filled{background:var(--green)}.badge{border-radius:1.25rem;padding:.1875rem .625rem;font-size:.6875rem;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#10b98126}.badge-orange{color:var(--orange);background:#f59e0b26}.badge-red{color:var(--red);background:#ef444426}.badge-blue{color:var(--accent);background:#2563eb26}.toast{background:var(--bg-card);border:1px solid var(--border);z-index:200;white-space:nowrap;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;position:fixed;bottom:5rem;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1.5rem #0006}.toast-ok{border-color:var(--green);color:var(--green)}.toast-err{border-color:var(--red);color:var(--red)}.panne-overlay{z-index:100;color:var(--text);padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#7f1d1d 0%,#450a0a 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.panne-overlay-dark{background:var(--bg);justify-content:flex-start}.panne-close{top:calc(.75rem + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;z-index:110;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex;position:fixed;right:.75rem}.panne-content{text-align:center;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:25rem;padding:0 1rem;display:flex}.panne-phone-btn{color:#fff;-webkit-tap-highlight-color:transparent;background:#16a34a;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.875rem;width:100%;padding:1.125rem 1.5rem;text-decoration:none;transition:opacity .15s;display:flex}.panne-phone-btn:active{opacity:.85}.panne-contract{text-align:center;background:#ffffff14;border-radius:.875rem;width:100%;margin-top:1.25rem;padding:1rem 1.5rem}.panne-next-btn{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));max-width:25rem;margin:0 auto;position:fixed;left:1.25rem;right:1.25rem;background:var(--accent)!important}.panne-scroll{-webkit-overflow-scrolling:touch;padding:calc(.75rem + env(safe-area-inset-top,0px))1rem 0;flex:1;width:100%;overflow-y:auto}.panne-scroll-inner{max-width:31.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));margin:0 auto}.panne-type-grid{flex-wrap:wrap;gap:.5rem;display:flex}.panne-type-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.75rem;flex-direction:column;flex:calc(33.333% - .375rem);align-items:center;gap:.25rem;min-width:5rem;max-width:calc(33.333% - .375rem);padding:.75rem .375rem;font-family:inherit;transition:all .15s;display:flex}@media (max-width:300px){.panne-type-btn{flex:calc(50% - .25rem);max-width:calc(50% - .25rem)}}.panne-type-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.panne-submit-wrap{background:linear-gradient(transparent,var(--bg)30%);margin-top:.25rem;padding:.75rem 0;position:sticky;bottom:0}.nr-banner{background:var(--red);color:#fff;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:none;border-radius:.875rem;align-items:center;gap:.625rem;width:100%;padding:.875rem 1rem;font-family:inherit;animation:2s ease-in-out infinite nr-pulse;display:flex}@keyframes nr-pulse{0%,to{opacity:1}50%{opacity:.85}}.nr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;align-items:center;gap:.875rem;margin-bottom:.625rem;padding:1rem;display:flex}.tab-slide-left{animation:.25s ease-out tabSlideLeft}.tab-slide-right{animation:.25s ease-out tabSlideRight}@keyframes tabSlideLeft{0%{opacity:0;transform:translate(1.875rem)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideRight{0%{opacity:0;transform:translate(-1.875rem)}to{opacity:1;transform:translate(0)}}.card-animate{animation:.3s ease-out both cardSlideIn;animation-delay:calc(var(--i,0)*60ms)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.panne-overlay,.vehicle-detail-overlay{animation:.3s ease-out overlaySlideUp}@keyframes overlaySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn-primary:active,.btn-secondary:active,.card:active{transition:transform .1s;transform:scale(.97)}.skeleton{background:linear-gradient(90deg,var(--border)25%,var(--bg-input)50%,var(--border)75%);background-size:200% 100%;border-radius:.5rem;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-btn.active .ni{animation:.3s ease-out navBounce}@keyframes navBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.vehicle-detail-overlay{z-index:100;background:var(--bg);color:var(--text);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.vd-header{padding:1.25rem 1rem 1rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));background:var(--bg-card);border-bottom:1px solid var(--border);z-index:110;align-items:center;gap:.875rem;display:flex;position:sticky;top:0}.vd-close{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;padding:.25rem;font-size:1.5rem;display:flex}.vd-body{padding:1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1rem;display:flex}.vd-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.0312rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.vd-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.875rem;display:flex}.vd-field:last-child{border-bottom:none}.vd-field-label{color:var(--text-muted)}.vd-field-value{text-align:right;word-break:break-all;max-width:60%;font-weight:600}.vd-doc-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;display:grid}.vd-doc-card{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:.75rem;padding:.75rem;transition:transform .1s}.vd-doc-card:active{transform:scale(.97)}.vd-doc-icon{margin-bottom:.375rem;font-size:2rem}.vd-doc-label{font-size:.75rem;font-weight:600}.vd-doc-date{color:var(--text-muted);margin-top:.125rem;font-size:.6875rem}.vd-list-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.vd-list-item:last-child{border-bottom:none}.vd-viewer{z-index:200;background:#000000f2;justify-content:center;align-items:center;animation:.25s ease-out overlaySlideUp;display:flex;position:fixed;inset:0}.vd-viewer img{object-fit:contain;max-width:100%;max-height:100%}.vd-viewer-close{top:calc(.75rem + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;z-index:210;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.125rem;display:flex;position:fixed;right:.75rem}.vehicle-card-link{cursor:pointer;border-left:.1875rem solid var(--accent);-webkit-tap-highlight-color:transparent;transition:transform .1s}.vehicle-card-link:active{transform:scale(.97)}