:root{--blue:#034b93;--blue2:#078bd2;--navy:#02294f;--orange:#ff7900;--orange2:#ffae00;--green:#18a84b;--ink:#101828;--muted:#667085;--line:#e4eaf1;--bg:#eef5fc;--white:#fff;--radius:22px;--shadow:0 12px 32px rgba(3,42,79,.12)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;padding-bottom:94px}a{color:inherit;text-decoration:none}button,input{font:inherit}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--blue2);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.page{width:min(720px,100%);margin:auto;padding:20px 16px}.app-header,.detail-header{background:linear-gradient(135deg,var(--navy),var(--blue) 55%,var(--blue2));color:#fff;padding:calc(18px + env(safe-area-inset-top)) max(18px,calc((100vw - 688px)/2)) 24px;display:flex;align-items:center;justify-content:space-between;min-height:118px}.app-header small,.detail-header small{opacity:.8}.app-header h1,.detail-header h1{font-size:1.45rem;margin:5px 0 0}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange2),var(--orange));display:grid;place-items:center;font-weight:900;border:2px solid rgba(255,255,255,.7)}
.overview-card{background:linear-gradient(140deg,#fff 55%,#e8f7ff);padding:22px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.overview-card h2{font-size:1.65rem;margin:5px 0}.overview-card p{margin:0;max-width:260px;color:var(--muted);font-size:.9rem}.progress-ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--orange) calc(var(--value)*1%),#e7edf3 0);display:grid;place-content:center;text-align:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.progress-ring strong,.progress-ring span{position:relative;z-index:1}.progress-ring strong{font-size:1.5rem}.progress-ring span{font-size:.7rem;color:var(--muted)}
.next-card,.flow-card,.info-card{background:#fff;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin:18px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-heading h2{margin:0;font-size:1.15rem}.status{font-size:.7rem;font-weight:800;padding:7px 10px;border-radius:999px;background:#eaf2f8;color:var(--blue);text-transform:capitalize}.status-driving{background:#fff0dd;color:#b94f00}.status-safety,.status-installing,.status-connecting,.status-testing{background:#e6f5ff;color:#0573b5}.status-completed{background:#e8f8ec;color:#147b38}.time-route{display:flex;gap:16px;padding:18px 0}.time-box{border-right:1px solid var(--line);padding-right:16px;min-width:76px}.time-box strong,.time-box span{display:block}.time-box strong{font-size:1.35rem}.time-box span,.time-route p{font-size:.82rem;color:var(--muted);margin:4px 0}.next-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.button{border:0;border-radius:14px;min-height:50px;padding:0 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button-primary{color:#fff;background:linear-gradient(135deg,var(--orange2),var(--orange));box-shadow:0 8px 16px rgba(255,121,0,.22)}.button-soft{color:var(--blue);background:#eaf5ff}.button-full{width:100%}.task-list{display:grid;gap:10px}.task-card{background:#fff;border-radius:17px;padding:15px;display:flex;align-items:center;gap:14px;border:1px solid var(--line)}.task-time{min-width:57px}.task-time strong,.task-time span,.task-main strong,.task-main span,.task-main small{display:block}.task-time span,.task-main span,.task-main small{font-size:.78rem;color:var(--muted);margin-top:3px}.task-main{flex:1}.chevron{font-size:1.8rem;color:var(--blue2)}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(430px,calc(100% - 24px));height:70px;background:#0b0d10;border-radius:24px;display:flex;justify-content:space-around;align-items:center;padding:5px 8px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.bottom-nav a{color:#fff;opacity:.75;text-align:center;font-size:.65rem;min-width:60px}.bottom-nav b,.bottom-nav span{display:block}.bottom-nav b{font-size:1.2rem;margin-bottom:4px}.bottom-nav a.active{opacity:1;color:var(--orange2)}
.empty-state{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 22px;text-align:center;box-shadow:var(--shadow)}.empty-state .empty-icon{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#e8f8ec;color:var(--green);font-size:1.8rem;font-weight:900}.empty-state h3{margin:0 0 7px;font-size:1.25rem}.empty-state p{color:var(--muted);margin:0 auto 20px;max-width:330px}
.detail-header{justify-content:flex-start;gap:14px;min-height:112px}.detail-header>a{font-size:2rem}.detail-header>div{flex:1}.task-page{margin-top:-10px}.route-card{display:flex;align-items:center;gap:12px;background:#fff;padding:15px;border-radius:18px;box-shadow:var(--shadow)}.route-card>div:nth-child(2){flex:1}.route-card strong,.route-card span{display:block}.route-card span{font-size:.8rem;color:var(--muted);margin-top:3px}.route-card>a{color:var(--blue);font-size:.8rem;font-weight:800}.route-icon{width:42px;height:42px;background:#e7f5ff;color:var(--blue);border-radius:13px;display:grid;place-items:center;font-size:1.3rem}.stepper{display:flex;align-items:center;justify-content:space-between;margin:22px 10px}.stepper:before{content:"";height:3px;background:#dce6ef;position:absolute;left:40px;right:40px}.step-dot{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e1e8ef;color:#7a8795;font-size:.75rem;font-weight:900;border:3px solid var(--bg)}.step-dot.done{background:var(--green);color:#fff}.step-dot.active{background:var(--orange);color:#fff}.flow-card h2{font-size:1.65rem;margin:5px 0}.checklist{margin:18px 0}.check-row{display:flex;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid var(--line);cursor:pointer}.check-row input{position:absolute;opacity:0}.custom-check{width:25px;height:25px;border:2px solid #bbc7d2;border-radius:50%;flex:0 0 auto;display:grid;place-items:center}.check-row input:checked+.custom-check{background:var(--green);border-color:var(--green)}.check-row input:checked+.custom-check:after{content:"✓";color:#fff;font-weight:900}.timer{text-align:center;background:linear-gradient(135deg,#e6f6ff,#fff5e5);border-radius:18px;padding:22px;margin:18px 0}.timer span,.timer small{display:block;color:var(--muted)}.timer strong{font-size:2.4rem;display:block;margin:8px}.navigation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.navigation-grid a{border:1px solid var(--line);border-radius:13px;padding:14px 7px;text-align:center;font-size:.78rem;font-weight:800;color:var(--blue)}.info-card h3{margin:6px 0}.info-card p{color:var(--muted)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid span{background:#f5f8fb;padding:12px;border-radius:12px;color:var(--muted);font-size:.75rem}.info-grid strong{display:block;color:var(--ink);margin-top:5px}.toast{position:fixed;z-index:30;left:50%;bottom:30px;transform:translate(-50%,130px);background:#101828;color:#fff;padding:13px 18px;border-radius:14px;transition:.25s;max-width:calc(100% - 32px);text-align:center}.toast.show{transform:translate(-50%,0)}
.login-body{padding:32px;background:radial-gradient(circle at 12% 10%,#d9efff 0,transparent 35%),radial-gradient(circle at 90% 90%,#fff0dc 0,transparent 34%),#f4f8fc;display:grid;place-items:center}.login-shell{width:min(1120px,100%);min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(2,41,79,.18)}.login-hero{background:linear-gradient(145deg,var(--navy),var(--blue) 55%,var(--blue2));color:#fff;padding:58px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;width:480px;height:480px;border:90px solid rgba(255,255,255,.055);border-radius:50%;right:-220px;top:80px}.login-logo{width:min(290px,78%);height:100px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.15));position:relative;z-index:1}.login-visual{font-size:7rem;color:#fff;opacity:.22;text-align:center;position:relative;z-index:1}.login-hero h1{font-size:2.65rem;margin:0;position:relative;z-index:1}.login-hero p{opacity:.82;font-size:1.05rem;position:relative;z-index:1}.login-card{align-self:center;padding:64px 68px}.login-card h2{font-size:2.2rem;margin:0}.login-card label{display:block;font-weight:750;margin:20px 0}.login-card input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid #ccd6e0;border-radius:13px;outline:none}.login-card input:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(7,139,210,.12)}.login-divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:.8rem;margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.face-button{background:#fff;color:var(--navy);border:1px solid #cbd5df}.face-icon{font-size:1.35rem;margin-right:9px;color:var(--blue)}.passkey-message{font-size:.78rem;color:var(--green);min-height:18px;text-align:center}.passkey-message.error{color:#b42318}.login-help{text-align:center;color:var(--muted);font-size:.8rem}.alert{background:#fff0ee;color:#b42318;padding:12px;border-radius:12px;margin-top:18px}.passkey-card{margin:18px 0;background:linear-gradient(135deg,#e6f5ff,#fff);border:1px solid #cce8f8;border-radius:var(--radius);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.passkey-card h3{margin:4px 0}.passkey-card p{margin:0;color:var(--muted);font-size:.85rem}.registered{background:#e8f8ec!important;color:var(--green)!important}
.completion-form{margin-top:18px}.upload-box{background:#f5f9fc;border:2px dashed #b9d8ec;border-radius:17px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.upload-box strong,.upload-box span{display:block}.upload-box span{color:var(--muted);font-size:.78rem;margin-top:4px}.upload-box input{display:none}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.photo-gallery figure{margin:0}.photo-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.photo-gallery figcaption{font-size:.67rem;color:var(--muted);padding:4px}.field-label{display:block;font-weight:750;margin:20px 0}.field-label textarea,.field-label input{width:100%;margin-top:8px;padding:14px;border:1px solid #ccd6e0;border-radius:13px;resize:vertical}.signature-wrap{margin:20px 0}.signature-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.signature-heading button{border:0;background:none;color:var(--blue);font-weight:800}.signature-wrap canvas{display:block;width:100%;height:170px;background:#fff;border:2px dashed #adc4d4;border-radius:14px;touch-action:none}.signature-wrap small{color:var(--muted)}.approval-row{display:flex;gap:12px;align-items:flex-start;background:#f5f8fb;padding:14px;border-radius:13px;margin:18px 0;font-size:.82rem}.approval-row input{width:20px;height:20px;flex:0 0 auto}
@media(max-width:680px){.login-body{padding:0;display:block}.login-shell{grid-template-columns:1fr;min-height:100vh;border-radius:0}.login-hero{min-height:35vh;padding:28px}.login-logo{height:70px;width:220px}.login-visual{display:none}.login-hero h1{font-size:1.85rem;margin-top:35px}.login-card{padding:30px 24px}.app-header{padding-left:18px;padding-right:18px}.next-actions{grid-template-columns:1fr}.page{padding-left:14px;padding-right:14px}.upload-box,.passkey-card{align-items:stretch;flex-direction:column}.photo-gallery{grid-template-columns:repeat(2,1fr)}}
@media(min-width:681px){.home-page{padding-top:30px}.overview-card{padding:28px}.task-card{padding:18px}}