:root{--primary: #024a59;--primary-light: #036a7d;--secondary: #d99178;--secondary-light: #e8b4a3;--bg: #f4f8fa;--text: #0b1a1f;--muted: #667085;--line: #dce7ea;--success: #0f7b46;--danger: #b42318;--shadow: rgba(2, 74, 89, .08);--radius: 18px;--radius-sm: 12px;--spacing: 16px;--font-base: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;font-size:var(--font-base)}h1{font-size:clamp(24px,6vw,36px);margin:0}h2{font-size:clamp(20px,5vw,28px);color:var(--primary);margin:12px 0 8px}h3{font-size:clamp(18px,4vw,24px);margin:0}p{margin:0 0 12px}button{border:0;background:var(--primary);color:#fff;padding:14px 20px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;min-height:52px;font-size:clamp(15px,4vw,18px);touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.secondary{background:white;color:var(--primary);border:1.5px solid var(--line)}button.secondary:active{background:var(--bg)}button.ghost{background:transparent;color:var(--primary);border:1.5px solid rgba(2,74,89,.18)}button.ghost:active{background:rgba(2,74,89,.05)}input,select,textarea{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;background:#fff;outline:none;transition:border-color .2s ease;min-height:48px;font-size:var(--font-base)}input:focus,select:focus,textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #d9917826}textarea{min-height:80px;resize:vertical;font-family:inherit}label{font-weight:600;font-size:14px;display:block;margin-bottom:4px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 20px var(--shadow)}.appShell{min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;flex-direction:column;gap:12px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.topbar>div{display:flex;flex-direction:column}.topbar strong{color:var(--primary);font-size:clamp(16px,4vw,20px)}.topbar span{color:var(--muted);font-size:13px;margin-top:2px}.topbar button{width:100%;padding:10px;font-size:14px;min-height:44px}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at top left,rgba(217,145,120,.2),transparent 35%),var(--bg)}.loginCard{width:100%;max-width:480px;padding:24px 20px;display:flex;flex-direction:column;gap:14px}.loginCard .brandBadge{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--primary);color:#fff;font-weight:900;font-size:20px}.loginCard h1{color:var(--primary);margin:4px 0 0}.loginCard .muted{font-size:14px;margin-bottom:4px}.stepCard{width:100%;max-width:860px;margin:0 auto;padding:20px 16px}.stepLabel{display:inline-flex;color:var(--primary);background:rgba(2,74,89,.08);padding:4px 12px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.choiceGrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.choice{min-height:100px;font-size:clamp(18px,5vw,28px);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius);padding:20px}.choice:active{transform:scale(.97)}.formGrid{display:grid;gap:12px;margin:16px 0}.formGrid label{margin-bottom:0}.formGrid .hint{font-size:13px;color:var(--muted);margin:-4px 0 4px;line-height:1.4}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.actions button{width:100%}.documentStep .vehicleStatus{border-radius:var(--radius-sm);padding:12px 14px;margin:8px 0 16px;font-weight:600;border:1.5px solid var(--line);font-size:14px}.vehicleStatus.new{color:#075985;background:#e0f2fe;border-color:#bae6fd}.vehicleStatus.update{color:#92400e;background:#fef3c7;border-color:#fde68a}.progressLine{height:8px;border-radius:999px;background:#edf3f5;overflow:hidden;margin:12px 0 16px}.progressLine span{display:block;height:100%;background:var(--secondary);transition:width .3s ease}.docList{display:grid;gap:12px}.docRow{border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px;background:#fbfdfe;transition:border-color .2s ease}.docRow.activeDoc{border-color:var(--secondary);background:#fff8f5}.docRow.doneDoc{background:#f6fef9;border-color:#abefc6}.docText{display:flex;flex-direction:column;gap:4px}.docText strong{font-size:15px}.docText span{color:var(--muted);font-size:13px}.docText .thumb{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);margin-top:6px}.docActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.docActions .fileButton{display:inline-flex;justify-content:center;align-items:center;background:var(--primary);color:#fff;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;min-height:44px;width:100%;transition:all .2s ease}.docActions .fileButton:active{transform:scale(.97)}.docActions .fileButton input{display:none}.docActions .secondaryFile{background:white;color:var(--primary);border:1.5px solid var(--line)}.docActions .ghost{grid-column:1 / -1;background:transparent;color:var(--danger);border:1.5px solid rgba(180,35,24,.2);padding:10px;font-size:13px;min-height:40px;width:100%}.docActions .ghost:active{background:rgba(180,35,24,.05)}.previewOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:8px;background:rgba(5,28,34,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.previewCard{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:white;border-radius:22px 22px 12px 12px;padding:20px 18px;box-shadow:0 24px 80px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.previewCard h3{color:var(--primary);margin:0 0 4px}.previewCard .muted{margin-bottom:12px;font-size:14px}.previewCard img{width:100%;max-height:50vh;object-fit:contain;border-radius:var(--radius);background:#f8fafc;border:1px solid var(--line)}.pdfPreview{padding:24px;border-radius:var(--radius);border:2px dashed var(--line);background:#f8fafc;text-align:center;font-weight:600}.previewActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.previewActions button{min-height:48px}.doneCard{text-align:center;max-width:560px;padding:32px 20px}.doneIcon{width:72px;height:72px;margin:0 auto 16px;display:grid;place-items:center;background:#dcfae6;color:var(--success);border-radius:50%;font-size:36px;font-weight:900}.doneCard p{color:var(--muted);margin-bottom:20px}.errorBox{background:#fee4e2;color:var(--danger);border:1px solid #fecdca;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px}.pageError{max-width:860px;margin:0 auto 8px}.muted{color:var(--muted);line-height:1.5}@media (min-width: 768px){:root{--radius: 22px;--spacing: 24px}.appShell{padding:20px;gap:20px}.topbar{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:var(--radius)}.topbar>div{flex-direction:row;align-items:center;gap:16px}.topbar span{margin-top:0}.topbar button{width:auto;padding:10px 20px;min-height:40px}.loginCard{padding:32px;border-radius:var(--radius)}.stepCard{padding:28px 32px;border-radius:var(--radius)}.choiceGrid{grid-template-columns:1fr 1fr;gap:16px}.choice{min-height:120px}.formGrid{grid-template-columns:1fr 1fr;gap:14px}.formGrid label,.formGrid input,.formGrid select,.formGrid textarea{grid-column:1 / -1}.formGrid label:has(+input[type=tel]),.formGrid input[type=tel]{grid-column:1 / 2}.formGrid label:has(+textarea),.formGrid textarea{grid-column:1 / -1}.actions{grid-template-columns:auto auto;justify-content:flex-end}.actions button{width:auto;min-width:140px}.docRow{flex-direction:row;align-items:center;padding:16px 18px}.docText{flex:1}.docActions{grid-template-columns:auto auto auto;flex-shrink:0}.docActions .fileButton{width:auto;padding:10px 16px}.docActions .ghost{grid-column:auto;width:auto;padding:10px 16px}.previewOverlay{align-items:center;padding:20px}.previewCard{border-radius:24px;padding:24px}.previewCard img{max-height:60vh}.previewActions{grid-template-columns:1fr 1fr}.doneCard{padding:40px 32px}}@media (min-width: 1024px){.appShell{padding:32px;gap:24px}.stepCard{padding:36px 40px}.docActions{gap:12px}.docActions .fileButton{padding:12px 20px;font-size:15px}.docActions .ghost{padding:12px 20px;font-size:14px}.previewCard{padding:28px;max-width:640px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,.fileButton,input,select,textarea{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}::selection{background:var(--secondary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}button:disabled{position:relative}button:disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgba(255,255,255,.1);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0}50%{opacity:.5}}@media print{body{background:white!important}.topbar{position:static!important}.previewOverlay{position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.previewCard{box-shadow:none!important;border:1px solid #ddd!important}button,.fileButton{display:none!important}}