: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 3px #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 3px #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 3px #0000004d;--theme-color:#0f172a}}*{box-sizing:border-box;margin:0;padding:0}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{background:var(--bg-card);border-top:1px solid var(--border);z-index:50;height:64px;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:3px;font-family:inherit;font-size:10px;font-weight:600;transition:color .15s;display:flex}.nav-btn.active{color:var(--accent)}.nav-btn .ni{font-size:22px;line-height:1}.page{min-height:100dvh;padding:0 0 80px}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:40;padding:20px 20px 14px;position:sticky;top:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;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:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px}.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:12px;width:100%;padding:15px;font-family:inherit;font-size:16px;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:12px;padding:13px;font-family:inherit;font-size:15px;font-weight:600}.tri-group{gap:8px;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:10px;flex:1;padding:10px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.bool-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.bool-row:last-child{border-bottom:none}.bool-btns{gap:6px;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:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.photo-thumb{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}.photo-add{aspect-ratio:1;border:2px dashed var(--border);color:var(--text-muted);cursor:pointer;background:var(--bg-input);border-radius:10px;justify-content:center;align-items:center;font-size:28px;display:flex}.vehicle-inspection{flex-direction:column;align-items:center;gap:12px;display:flex}.vehicle-inspection .field-label{align-self:flex-start}.vehicle-diagram{aspect-ratio:200/340;width:100%;max-width:320px;position:relative}.vehicle-svg{width:100%;height:100%}.zone-btn{border:2px dashed var(--border);background:var(--bg-input);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .2s,transform .15s;display:flex;position:absolute;overflow:hidden}.zone-btn:active{transform:scale(.95)}.zone-btn.filled{border:2px 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:80px;height:44px;top:0;left:50%;transform:translate(-50%)}.zone-rear{width:80px;height:44px;bottom:0;left:50%;transform:translate(-50%)}.zone-left{width:44px;height:80px;top:50%;left:0;transform:translateY(-50%)}.zone-right{width:44px;height:80px;top:50%;right:0;transform:translateY(-50%)}.zone-interior_front{width:70px;height:52px;top:36%;left:50%;transform:translate(-50%,-50%)}.zone-interior_rear{width:70px;height:52px;top:64%;left:50%;transform:translate(-50%,-50%)}.zone-icon{font-size:20px;line-height:1}.zone-spinner{font-size:18px}.zone-check{color:#fff;text-shadow:0 1px 4px #000000b3;font-size:18px;font-weight:800}.zone-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.zone-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:8px;font-weight:700}.zone-btn.filled .zone-label{color:#fff;text-shadow:0 1px 3px #000c}.zone-progress{gap:4px;width:100%;max-width:320px;display:flex}.zone-progress-seg{background:var(--border);border-radius:3px;flex:1;height:6px;transition:background .3s}.zone-progress-seg.seg-filled{background:var(--green)}.badge{border-radius:20px;padding:3px 10px;font-size:11px;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:12px;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #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:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + 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(12px + 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:40px;height:40px;font-size:18px;display:flex;position:fixed;right:12px}.panne-content{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:400px;padding:0 16px;display:flex}.panne-phone-btn{color:#fff;-webkit-tap-highlight-color:transparent;background:#16a34a;border:none;border-radius:16px;justify-content:center;align-items:center;gap:14px;width:100%;padding:18px 24px;text-decoration:none;transition:opacity .15s;display:flex}.panne-phone-btn:active{opacity:.85}.panne-contract{text-align:center;background:#ffffff14;border-radius:14px;width:100%;margin-top:20px;padding:16px 24px}.panne-next-btn{bottom:calc(24px + env(safe-area-inset-bottom,0px));max-width:400px;margin:0 auto;position:fixed;left:20px;right:20px;background:var(--accent)!important}.panne-scroll{-webkit-overflow-scrolling:touch;padding:calc(12px + env(safe-area-inset-top,0px))16px 0;flex:1;width:100%;overflow-y:auto}.panne-scroll-inner{max-width:500px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0 auto}.panne-type-grid{flex-wrap:wrap;gap:8px;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:12px;flex-direction:column;flex:calc(33.333% - 6px);align-items:center;gap:4px;min-width:80px;max-width:calc(33.333% - 6px);padding:12px 6px;font-family:inherit;transition:all .15s;display:flex}@media (max-width:300px){.panne-type-btn{flex:calc(50% - 4px);max-width:calc(50% - 4px)}}.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:4px;padding:12px 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:14px;align-items:center;gap:10px;width:100%;padding:14px 16px;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:14px;align-items:center;gap:14px;margin-bottom:10px;padding:16px;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(30px)}to{opacity:1;transform:translate(0)}}@keyframes tabSlideRight{0%{opacity:0;transform:translate(-30px)}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(16px)}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:8px;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:20px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));background:var(--bg-card);border-bottom:1px solid var(--border);z-index:110;align-items:center;gap:14px;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:4px;font-size:24px;display:flex}.vd-body{padding:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:16px;display:flex}.vd-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.vd-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;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:10px;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:12px;padding:12px;transition:transform .1s}.vd-doc-card:active{transform:scale(.97)}.vd-doc-icon{margin-bottom:6px;font-size:32px}.vd-doc-label{font-size:12px;font-weight:600}.vd-doc-date{color:var(--text-muted);margin-top:2px;font-size:11px}.vd-list-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 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(12px + 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:40px;height:40px;font-size:18px;display:flex;position:fixed;right:12px}.vehicle-card-link{cursor:pointer;border-left:3px solid var(--accent);-webkit-tap-highlight-color:transparent;transition:transform .1s}.vehicle-card-link:active{transform:scale(.97)}