:root{--primary-color:#116e95;--primary-hover:#0c5677;--primary-dark:#0c4d6a;--primary-gradient:linear-gradient(135deg, #116e95 0%, #0c4d6a 100%);--accent-cyan:#26b8dc;--accent-cyan-light:#e6f7fc;--bg-page:#f4f8fb;--bg-card:#fff;--bg-card-subtle:#f8fcfe;--border-card:#d6e8ef;--border-subtle:#e2eef3;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--text-main:#123d50;--text-muted:#5b7b8a;--text-inverse:#fff;--status-success-bg:#e4f7ed;--status-success-text:#12643e;--status-warning-bg:#fff0c9;--status-warning-text:#7a560b;--status-danger-bg:#fae8e8;--status-danger-text:#8a3030;font-family:var(--font-sans);color:var(--text-main);background:var(--bg-page)}*{box-sizing:border-box}body{background:var(--bg-page);min-width:0;max-width:100%;color:var(--text-main);margin:0;overflow-x:hidden}html,body,#root{width:100%;min-width:0;max-width:100%}.container{width:min(100%,680px);margin:0 auto;padding:24px 16px}h1,h2,h3,h4{color:var(--text-main);margin-top:0;font-weight:800}h1{margin-bottom:24px}form{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;gap:18px;padding:24px;display:grid;box-shadow:0 4px 18px #1242580d}label{color:var(--text-main);gap:7px;font-weight:700;display:grid}input,select,textarea,button{width:100%;font:inherit;border-radius:10px;padding:12px 14px}input,select,textarea{color:var(--text-main);background:#fff;border:1px solid #cce3ed}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline-offset:2px;border-color:var(--accent-cyan);outline:3px solid #23a9cf38}textarea{resize:vertical;min-height:100px}button{cursor:pointer;background:var(--primary-gradient);color:var(--text-inverse);border:0;font-weight:800;transition:all .2s;box-shadow:0 4px 14px #116e9538}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{background:var(--bg-card);border-radius:12px;margin-top:16px;padding:14px}.message-success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid #a3e8c5;font-weight:700}.message-error{background:var(--status-danger-bg);color:var(--status-danger-text);border:1px solid #fecaca;font-weight:700}.loading-message{text-align:center;color:var(--text-muted);padding:24px}.summary-card,.information-panel,.result-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:18px;box-shadow:0 4px 14px #1242580a}.summary-card{justify-content:space-between;margin-bottom:16px;display:flex}.information-panel{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);margin-top:10px}.information-panel p,.result-card p{margin:6px 0}.status-valid{color:var(--status-success-text);font-weight:800}.status-invalid,.validation-error{color:var(--status-danger-text);font-weight:800}.result-card{background:var(--status-success-bg);color:var(--status-success-text);text-align:left;border-color:#a3e8c5;margin-top:20px}button.result-card{color:var(--status-success-text);background:var(--status-success-bg)}button.result-card:hover:not(:disabled){background:#d4f3e3}small{color:var(--text-muted);font-weight:500}.start-trip-button{background:var(--primary-gradient);margin-top:16px}.companions-toggle{width:auto;min-height:auto;color:var(--text-main);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:999px;align-items:center;padding:0;transition:background .18s;display:flex}.companions-toggle-active{background:0 0}.companions-field{gap:10px}.companions-label-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.companions-toggle-track{background:#cbd5e1;border-radius:999px;flex:0 0 76px;align-items:center;width:76px;height:40px;padding:4px;transition:background .18s;display:flex}.companions-toggle-thumb{background:#fff;border-radius:50%;flex:0 0 32px;width:32px;height:32px;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 3px 8px #0f172a42}.companions-toggle-active .companions-toggle-track{background:linear-gradient(135deg,#116e95,#26b8dc)}.companions-toggle-active .companions-toggle-thumb{transform:translate(36px)}.status-pending{color:var(--status-warning-text);font-weight:800}.status-in-progress{color:var(--status-success-text);font-weight:800}.status-cancelled{color:var(--status-danger-text);font-weight:800}.cancel-trip-button{background:var(--status-danger-text);margin-top:12px}.cancel-trip-button:hover:not(:disabled){background:#732323}.gps-panel{background:var(--bg-card-subtle);border:1px solid var(--border-card);border-radius:14px;margin-top:16px;padding:18px}.gps-panel h3{margin-top:0}.gps-button{background:var(--primary-gradient)}.stop-gps-button{background:var(--status-danger-text)}.finish-trip-form{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:16px}.finish-trip-button{background:var(--status-danger-text);margin-top:12px}.new-trip-button{background:var(--primary-gradient);margin-top:16px}.completed-trip-actions{gap:12px;margin-top:16px;display:grid}.completed-trip-actions .new-trip-button{margin-top:0}.exit-app-button{background:var(--text-muted)}.exit-app-button:hover:not(:disabled){background:var(--text-main)}.location-details{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;margin-top:14px;padding:14px}.location-details p{margin:5px 0}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.telegram-auth-error{color:#173c4d;text-align:center;background:#f4f8fb;place-content:center;gap:16px;min-height:100vh;padding:24px;display:grid}.telegram-auth-error h1,.telegram-auth-error p{margin:0}.telegram-auth-error p{color:#607986;max-width:480px;line-height:1.5}.telegram-auth-error button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#116e95 0%,#0c4d6a 100%);border:0;border-radius:10px;justify-self:center;padding:12px 20px;font-weight:800;box-shadow:0 4px 14px #116e9538}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.inspection-modal-open{overscroll-behavior:none}.inspection-page{width:100%;min-width:0;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#f3f4f6}.inspection-modal-overlay{z-index:2147483000;width:100%;height:100dvh;min-height:100%;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;isolation:isolate;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081922a8;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.inspection-modal-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:20px;width:min(900px,100%);min-width:0;max-height:calc(100dvh - 24px);overflow:hidden auto;box-shadow:0 24px 70px #0000004d}.inspection-card{background:#fff;border:1px solid #cfe2ea;border-radius:16px;gap:20px;min-width:0;margin:0;padding:22px;display:grid}.inspection-header{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.inspection-header progress{grid-column:1/-1}.inspection-card header span{color:#159bc4;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.inspection-card progress{accent-color:#159bc4;width:100%}.inspection-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:18px;display:grid}.inspection-data-grid p{background:#f3f8fa;border-radius:8px;margin:0;padding:10px}.inspection-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inspection-field-grid label,.date-range label,.inspection-textarea-label{color:#315566;gap:7px;font-weight:700;display:grid}.inspection-field-grid select,.date-range input,.inspection-textarea-label textarea{box-sizing:border-box;color:#173f51;width:100%;font:inherit;background:#fff;border:1px solid #bcd3dd;border-radius:9px;padding:11px 12px}.inspection-textarea-label textarea{resize:vertical}.date-range{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inspection-section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.inspection-section-heading h3,.inspection-section-heading p,.inspection-checklist h3,.inspection-checklist p,.inspection-signature h3,.inspection-signature p{margin:0}.inspection-section-heading p,.inspection-checklist>div>p,.inspection-signature p{color:#607986;margin-top:5px;line-height:1.45}.inspection-visual{min-width:0;overflow:hidden}.damage-map{touch-action:none;background:#f6fafb;border:2px dashed #8ebfce;border-radius:14px;justify-content:center;width:100%;min-width:0;max-width:100%;padding:10px;display:flex;overflow:hidden}.damage-stage{cursor:crosshair;touch-action:none;width:100%;max-width:520px;line-height:0;display:block;position:relative}.damage-map-frontal .damage-stage,.damage-map-trasera .damage-stage{max-width:280px}.damage-stage img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;width:100%!important;max-width:100%!important;height:auto!important}.damage-point{z-index:2;cursor:pointer;touch-action:none;background:#ffffff61;border:3px solid #dc2626;border-radius:50%;min-width:34px;min-height:34px;animation:.2s ease-out damage-point-in;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0005;width:34px!important;height:34px!important;padding:0!important}@keyframes damage-point-in{0%{transform:translate(-50%,-50%)scale(.3)}to{transform:translate(-50%,-50%)scale(1)}}.damage-feedback{color:#315566;min-height:1.25em;margin:9px 0 0;font-size:.9rem}.damage-viewer{gap:10px;margin:18px 0;display:grid}.damage-viewer h3,.damage-viewer p{margin:0}.damage-viewer>p{color:#607986}.damage-viewer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.damage-viewer-grid figure{background:#f7fbfc;border:1px solid #d5e5eb;border-radius:12px;min-width:0;margin:0;padding:9px}.damage-viewer-grid figcaption{color:#315566;text-align:center;margin-bottom:7px;font-size:.82rem;font-weight:800}.damage-viewer-stage{width:100%;line-height:0;position:relative}.damage-viewer-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.damage-viewer-point{z-index:2;color:#b91c1c;background:#ffffff80;border:2px solid #dc2626;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0005}.inspection-checklist{gap:16px;max-height:60vh;display:grid;overflow:auto}.inspection-checklist fieldset{border:1px solid #d5e5eb;border-radius:12px}.inspection-checklist legend{color:#173f51;font-weight:800}.check-row{color:#173f51;border-bottom:1px solid #edf3f5;grid-template-columns:minmax(160px,1fr) 104px;align-items:center;gap:10px;padding:9px 0;font-weight:600;display:grid}.check-row select{color:#173f51;width:104px;font:inherit;background:#fff;border:1px solid #8ebfce;border-radius:8px;padding:8px 9px;font-weight:800}.inspection-card button,.signature-dialog button{width:auto}.inspection-primary-button,.inspection-secondary-button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 14px;font-weight:800}.inspection-primary-button{color:#fff;background:#159bc4}.inspection-secondary-button{color:#315566;background:#e8f2f5}.inspection-primary-button:disabled,.inspection-secondary-button:disabled{cursor:not-allowed;opacity:.55}.inspection-icon-button{color:#315566;cursor:pointer;background:#e7f1f5;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:1.55rem;line-height:1;display:grid}.inspection-signature{gap:13px;display:grid}.signature-pending{color:#607986;background:#f6fafb;border:1px dashed #b9d5df;border-radius:10px;padding:12px}.signature-saved{color:#17683f;background:#effbf4;border:1px solid #a4d8ba;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-weight:800;display:flex}.signature-saved img{object-fit:contain;background:#fff;border-bottom:1px solid #8bbba0;width:150px;height:56px}.signature-dialog{z-index:2147483001;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:none;background:#0819229e;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.signature-dialog-card{touch-action:none;background:#fff;border-radius:16px;width:min(620px,100%);min-width:0;max-height:calc(100dvh - 24px);padding:20px;overflow:auto;box-shadow:0 18px 48px #00000047}.signature-dialog-heading{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.signature-dialog-heading span{color:#159bc4;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.signature-dialog-heading h3,.signature-dialog-heading p{margin:4px 0 0}.signature-dialog-heading p{color:#607986}.signature-canvas-area{background:#fff;border:2px dashed #8ebfce;border-radius:12px;width:100%;height:min(220px,38dvh);overflow:hidden}.signature-canvas{touch-action:none;width:100%;height:100%;display:block}.signature-dialog-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.inspection-actions{justify-content:space-between;gap:12px;display:flex}.inspection-actions>button{flex:1 1 0}.inspection-complete{max-width:520px}.inspection-required-button{width:100%}.inspection-load-error{color:#991b1b;background:#fff4f4;border:1px solid #f3c3c3;border-radius:10px;gap:10px;padding:14px;display:grid}.inspection-load-error p{margin:0}.container .date-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.container .date-selects select{width:100%;min-width:0}@media (width<=640px){.inspection-modal-overlay{align-items:center;padding:12px}.inspection-modal-card{width:100%;max-height:calc(var(--tg-viewport-stable-height,100dvh) - 24px);border-radius:20px}.inspection-card{border-radius:20px;padding:18px}.inspection-data-grid,.inspection-field-grid,.date-range,.damage-viewer-grid{grid-template-columns:1fr}.inspection-section-heading{flex-direction:column;align-items:stretch}.damage-map{padding:8px}.check-row{grid-template-columns:minmax(0,1fr) 92px;gap:9px}.check-row select{width:92px}.signature-dialog{align-items:center;padding:12px}.signature-dialog-card{border-radius:18px;width:100%}}
