.status-timeline{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 0;position:relative}.timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-dot{width:28px;height:28px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;z-index:1;transition:all .3s}.step-dot.complete{background:var(--blue-600)}.step-dot.current{background:var(--blue-600);box-shadow:0 0 0 4px #1a73e833}.step-label{font-size:10px;color:var(--gray-400);margin-top:6px;text-align:center;font-weight:500}.step-label.active{color:var(--blue-600);font-weight:600}.step-line{position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--gray-200);z-index:0}.step-line.complete{background:var(--blue-600)}.timeline-cancelled{text-align:center;padding:16px}.cancelled-badge{background:var(--red-500);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.chat-panel{margin-top:16px;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;background:var(--gray-50)}.chat-messages{max-height:300px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-empty{text-align:center;color:var(--gray-400);font-size:14px;padding:24px 0}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:16px}.chat-bubble.mine{background:var(--blue-600);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-bubble.theirs{background:#fff;color:var(--gray-900);align-self:flex-start;border-bottom-left-radius:4px;border:1px solid var(--gray-200)}.chat-sender{display:block;font-size:11px;font-weight:600;color:var(--gray-400);margin-bottom:2px}.chat-text{font-size:14px;line-height:1.4;margin:0}.chat-time{display:block;font-size:10px;opacity:.7;margin-top:4px;text-align:right}.chat-input-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--gray-200);background:#fff}.chat-input{flex:1;padding:10px 16px;border:1px solid var(--gray-200);border-radius:20px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--blue-600)}.chat-send{padding:10px 20px;background:var(--blue-600);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-photo-btn{width:40px;height:40px;border:none;background:var(--gray-100);border-radius:20px;font-size:18px;cursor:pointer;flex-shrink:0}.chat-photo{max-width:200px;border-radius:12px;margin-bottom:4px;display:block}.chat-photo-loading{padding:12px 16px;background:#0000000d;border-radius:12px;margin-bottom:4px;font-size:12px;color:var(--gray-400);min-width:120px;text-align:center}.chat-send-error{padding:6px 12px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:500;text-align:center;border-top:1px solid #fecaca}.chat-notice{padding:8px 12px;color:#d97706;background:#fffbeb;font-size:11px;font-weight:500;text-align:center;border-top:1px solid #fef3c7}.chat-load-error{text-align:center;padding:16px;color:#dc2626;font-size:13px}.chat-load-error button{margin-top:8px;padding:6px 16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.chat-load-error button:hover{background:#fee2e2}.tracking-container{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:#fff}.tracking-header{background:var(--brand-color, var(--blue-600));color:#fff;padding:22px 24px 20px;text-align:center;position:relative;overflow:hidden}.tracking-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -30%,#ffffff42,#fff0 42%),linear-gradient(180deg,#ffffff14,#0f172a14);pointer-events:none}.tracking-header-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.company-logo-row{display:flex;align-items:center;justify-content:center;gap:10px}.company-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#fff3}.company-name{font-size:21px;font-weight:800;line-height:1.14;letter-spacing:0}.service-type{display:inline-flex;align-items:center;gap:8px;margin-top:8px;max-width:100%;color:#ffffffe6;line-height:1.25}.service-type-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0;padding:4px 7px;border-radius:999px;background:#ffffff29;color:#ffffffd1}.service-type-value{min-width:0;font-size:15px;font-weight:600}.tracking-phone-pill{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 11px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;font-size:13px;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}.map-area{height:clamp(300px,67vw,340px);background:var(--gray-100);position:relative;overflow:hidden}.map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.tech-marker{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.marker-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-color, var(--blue-600));animation:pulse 2s infinite}.marker-label{font-weight:600;font-size:14px;color:var(--gray-700)}.coords{font-size:12px;color:var(--gray-400);font-family:monospace}.map-note{font-size:14px;color:var(--gray-500)}.pulse-ring{width:40px;height:40px;border-radius:50%;background:var(--blue-600);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.info-panel{flex:1;padding:24px}.status-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#fff}.status-scheduled{background:#6b7280}.status-en_route{background:#f59e0b}.status-arrived{background:#3b82f6}.status-in_progress{background:#8b5cf6}.status-completed{background:#10b981}.status-cancelled{background:#ef4444}.eta-display{text-align:right}.eta-label{display:block;font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.eta-time{font-size:28px;font-weight:800;color:var(--gray-900)}.eta-duration{display:block;font-size:13px;color:var(--gray-500);margin-top:2px}.eta-warning{display:block;font-size:12px;color:#b45309;margin-top:4px;font-weight:500}.tech-name-phone{display:flex;flex-direction:column;gap:2px}.tech-name{font-weight:600;color:#1e293b;font-size:15px}.tech-phone{color:var(--brand-color, var(--blue-600));text-decoration:none;font-weight:400;font-size:14px}.address-link{color:var(--brand-color, var(--blue-600))!important;text-decoration:none}.address-link:hover,.tech-phone:hover{text-decoration:underline}.details-section{margin-top:20px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-200)}.detail-label{font-size:13px;color:var(--gray-500)}.detail-value{font-size:14px;font-weight:500;color:var(--gray-700);text-align:right;max-width:60%}.tech-detail-row{align-items:center}.tech-info{display:flex;align-items:center;gap:10px}.tech-avatar-btn{width:40px;height:40px;border-radius:50%;border:none;padding:0;overflow:hidden;flex-shrink:0;background:none}.tech-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.tech-avatar-initials{width:40px;height:40px;border-radius:50%;background:var(--brand-color, var(--blue-600));color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.tech-photo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.tech-photo-modal{background:#fff;border-radius:20px;padding:20px;max-width:320px;width:100%;text-align:center}.tech-photo-full{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:12px}.tech-photo-name{font-size:18px;font-weight:700;color:var(--gray-900);margin:0 0 16px}.tech-photo-close{background:var(--gray-100);border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:600;color:var(--gray-700);cursor:pointer}.tech-photo-close:hover{background:var(--gray-200)}.completed-map-area{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#eff6ff)}.completed-map-message{text-align:center;padding:24px}.completed-map-icon{font-size:48px;display:block;margin-bottom:8px}.completed-map-message p{font-size:16px;font-weight:600;color:var(--gray-700);margin:0}.rating-card-prominent{border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b26}.resched-link{background:none;border:none;color:var(--brand-color, var(--blue-600));font-size:13px;font-weight:600;cursor:pointer;margin-left:8px;text-decoration:underline}.resched-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;padding:20px;margin-bottom:16px}.resched-title{font-size:17px;font-weight:700;color:#1e293b;margin:0 0 12px}.resched-form{display:flex;flex-direction:column;gap:6px}.resched-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.resched-input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;color:#1e293b}.resched-textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;resize:none;font-family:inherit}.resched-submit{background:var(--brand-color, var(--blue-600));color:#fff;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.resched-submit:hover{background:#1557b0}.resched-done{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px;margin-bottom:16px;text-align:center}.resched-done p{font-size:14px;color:#16a34a;font-weight:500;margin:0}.rating-card{background:#fffbeb;border:1px solid #fef08a;border-radius:16px;padding:20px;text-align:center;margin-bottom:16px}.rating-title{font-size:17px;font-weight:700;color:#1e293b;margin:0 0 12px}.rating-stars{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.rating-star{font-size:36px;background:none;border:none;color:#d1d5db;cursor:pointer;transition:color .15s;padding:0}.rating-star.active,.rating-star:hover{color:#f59e0b}.rating-textarea{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:12px;font-size:14px;resize:none;margin-bottom:12px;font-family:inherit}.rating-submit{background:#f59e0b;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;width:100%}.rating-submit:hover{background:#d97706}.rating-done{text-align:center;padding:16px;background:#f0fdf4;border-radius:12px;margin-bottom:16px}.rating-done-stars{font-size:28px;color:#f59e0b}.rating-done p{font-size:14px;color:#16a34a;margin:8px 0 0;font-weight:600}.review-prompt{margin-top:16px;padding-top:16px;border-top:1px solid #d1fae5}.review-prompt-text{color:#1e293b!important;font-size:15px!important;font-weight:600!important;margin:0 0 12px!important}.review-copy-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin-bottom:12px}.review-copy-text{font-size:14px;color:#475569;font-style:italic;margin:0 0 8px;line-height:1.4}.review-copy-btn{background:#1e293b;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.review-copy-btn:hover{background:#334155}.review-links{display:flex;gap:10px;justify-content:center;margin-top:4px}.review-link{display:inline-block;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;transition:opacity .2s}.review-link:hover{opacity:.85}.review-link-google{background:#4285f4}.review-link-yelp{background:#d32323}.discount-banner{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #a7f3d0;border-radius:16px;padding:20px;margin-bottom:16px;text-align:center;position:relative;overflow:hidden}.discount-banner:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#10b98114;border-radius:50%}.discount-banner:after{content:"";position:absolute;bottom:-15px;left:-15px;width:60px;height:60px;background:#3b82f60f;border-radius:50%}.discount-icon{font-size:32px;margin-bottom:8px}.discount-content{position:relative;z-index:1}.discount-heading{font-size:16px;font-weight:700;color:#065f46;margin:0 0 6px}.discount-text{font-size:15px;color:#1e293b;margin:0 0 12px}.discount-text strong{color:#059669;font-weight:700}.discount-code-box{display:inline-block;background:#fff;border:2px dashed #10b981;border-radius:10px;padding:10px 24px;margin-bottom:10px}.discount-code{font-size:20px;font-weight:800;color:#059669;letter-spacing:1px;font-family:system-ui,-apple-system,sans-serif}.discount-fine-print{font-size:12px;color:#64748b;margin:0}.contact-card-section{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.contact-card-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.contact-card-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;overflow:hidden}.contact-card-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.contact-card-avatar-initials{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center}.contact-card-info{display:flex;flex-direction:column;gap:2px}.contact-card-name{font-size:16px;font-weight:700;color:#1e293b}.contact-card-company{font-size:13px;color:#64748b}.contact-card-buttons{display:flex;flex-direction:column;gap:10px;position:relative}.contact-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .2s,transform .1s;font-family:inherit}.contact-card-btn:active{transform:scale(.98)}.contact-card-btn-icon{flex-shrink:0}.contact-card-btn-save{background:#1e293b;color:#fff}.contact-card-btn-save:hover{opacity:.9}.contact-card-btn-wallet{background:#000;color:#fff;position:relative}.contact-card-btn-wallet:hover{opacity:.85}.wallet-tooltip{background:#1e293b;color:#fff;font-size:13px;font-weight:500;line-height:1.5;padding:12px 16px;border-radius:10px;margin-top:2px;animation:fadeIn .2s ease}.chat-toggle{width:100%;margin-top:24px;padding:14px;border:2px solid var(--brand-color, var(--blue-600));background:transparent;color:var(--brand-color, var(--blue-600));font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s}.chat-toggle:hover{background:var(--brand-color, var(--blue-600));color:#fff}.chat-toggle.has-unread{background:var(--brand-color, var(--blue-600));color:#fff;animation:pulse-unread 2s infinite}@keyframes pulse-unread{0%,to{box-shadow:0 0 #1a73e866}50%{box-shadow:0 0 0 10px #1a73e800}}.custom-marker{display:flex;flex-direction:column;align-items:center;cursor:pointer;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25));transition:transform .2s}.custom-marker:hover{transform:scale(1.1)}.tech-marker-icon .marker-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid #fff;display:flex;align-items:center;justify-content:center;animation:techPulse 2s ease-in-out infinite;position:relative}.tech-marker-icon .marker-circle:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid rgba(59,130,246,.3);animation:techRing 2s ease-in-out infinite}.dest-marker-icon .marker-circle{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #fff;display:flex;align-items:center;justify-content:center}.marker-emoji{font-size:22px;line-height:1}.marker-arrow{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;margin-top:-3px}.tech-marker-icon .marker-arrow{border-top:12px solid #2563eb}.dest-marker-icon .marker-arrow{border-top:11px solid #059669}.marker-label{background:#2563eb;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:4px;white-space:nowrap;letter-spacing:.3px}@keyframes techPulse{0%,to{box-shadow:0 0 #1a73e866}50%{box-shadow:0 0 0 12px #1a73e800}}@keyframes techRing{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}}.tracking-loading,.tracking-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--brand-color, var(--blue-600));border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.error-icon{width:60px;height:60px;border-radius:50%;background:var(--red-500);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tracking-error h2{font-size:20px;color:var(--gray-900);margin-bottom:8px}.tracking-error p,.tracking-loading p{font-size:15px;color:var(--gray-500)}.retry-btn{margin-top:16px;padding:10px 24px;background:var(--brand-color, var(--blue-600));color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.retry-btn:hover{background:#1557b0}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:16px;border-radius:4px}.skeleton-badge{width:100px;height:30px;border-radius:20px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.connection-banner{text-align:center;padding:8px 16px;font-size:13px;font-weight:600;z-index:10}.offline-banner{background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca}.reconnect-banner{background:#fffbeb;color:#d97706;border-bottom:1px solid #fde68a;animation:fadeInSlide .3s ease}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-hero-area{display:flex;align-items:center;justify-content:center;min-height:280px;background:linear-gradient(160deg,#f0f4ff,#e8efff 40%,#f5f8ff)}.status-hero-arrived{background:linear-gradient(160deg,#ecfdf5,#d1fae5 40%,#f0fdf4)}.status-hero-working{background:linear-gradient(160deg,#f5f3ff,#ede9fe,#f5f3ff 60%,#f8fafc)}.status-hero{text-align:center;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-visual{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;top:0;right:0;bottom:0;left:0}.hero-orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed;border-color:var(--hero-accent, #2563eb);opacity:.15;animation:heroOrbitSpin 20s linear infinite}.hero-orbit-ring-2{top:18px;right:18px;bottom:18px;left:18px;opacity:.1;animation-duration:15s;animation-direction:reverse}.hero-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--hero-accent, #2563eb);opacity:.3}.hero-orbit-dot-1{top:0;left:50%;transform:translate(-50%);animation:heroOrbitSpin 20s linear infinite}.hero-orbit-dot-2{bottom:12px;right:8px;animation:heroOrbitSpin 20s linear infinite 6s}.hero-orbit-dot-3{bottom:12px;left:8px;animation:heroOrbitSpin 20s linear infinite 12s}@keyframes heroOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-number-card{position:relative;z-index:2;width:96px;height:96px;border-radius:28px;background:#fff;box-shadow:0 8px 32px #2563eb1f,0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.hero-number{font-size:40px;font-weight:900;color:var(--hero-accent, #2563eb);line-height:1;letter-spacing:-.02em}.hero-number-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.hero-arrived-ping{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid #10b981;top:50%;left:50%;transform:translate(-50%,-50%);animation:arrivedPing 2s ease-out infinite}.hero-arrived-ping-2{animation-delay:.6s}.hero-arrived-icon{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #10b98140}.hero-headline-arrived{color:#065f46!important}@keyframes arrivedPing{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.hero-working-spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--hero-accent, #2563eb);animation:heroSpinner 1.5s linear infinite}.hero-working-icon{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #8b5cf61f;color:var(--hero-accent, #2563eb);animation:heroGearSpin 8s linear infinite}.hero-working-icon:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--hero-accent, #2563eb);opacity:0;animation:heroWorkPulse 2.5s ease-out infinite}@keyframes heroSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-progress{width:200px;height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden}.hero-progress-fill{height:100%;width:30%;border-radius:3px;background:linear-gradient(90deg,var(--hero-accent, #2563eb),#8b5cf6);animation:heroProgressSlide 2s ease-in-out infinite}@keyframes heroProgressSlide{0%{transform:translate(-100%)}50%{transform:translate(350%)}to{transform:translate(350%)}}@keyframes heroWorkPulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.4);opacity:0}}.hero-route-strip{position:relative;width:min(320px,80vw);height:36px;margin:4px auto}.hero-route-line{position:absolute;top:12px;left:8%;right:8%;height:4px;background:#e2e8f0;border-radius:2px}.hero-route-progress{position:absolute;top:12px;left:8%;width:45%;height:4px;border-radius:2px;animation:routeProgressPulse 3s ease-in-out infinite}.hero-route-van{position:absolute;top:2px;left:38%;animation:routeVanDrive 3.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.hero-route-stop{position:absolute;top:8px}.hero-route-stop-dot{width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid #cbd5e1;box-shadow:0 1px 3px #00000014}.hero-route-dest{position:absolute;top:0;right:6%;animation:routeDestBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(239,68,68,.3))}@keyframes routeVanDrive{0%{transform:translate(0)}50%{transform:translate(18px)}to{transform:translate(0)}}@keyframes routeProgressPulse{0%,to{width:42%;opacity:.7}50%{width:52%;opacity:1}}@keyframes routeDestBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-headline{font-size:22px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.01em}.hero-subtext{font-size:15px;color:#64748b;margin:0}.completed-animation{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.confetti-container{position:absolute;top:0;left:50%;width:0;height:0;pointer-events:none}.confetti-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--color, #10b981);animation:confettiFall 2.5s ease-out var(--delay, 0s) infinite;transform:translate(var(--x, 0px))}@keyframes confettiFall{0%{opacity:1;transform:translate(var(--x, 0px)) translateY(-20px) scale(0)}20%{opacity:1;transform:translate(var(--x, 0px)) translateY(-60px) scale(1)}to{opacity:0;transform:translate(calc(var(--x, 0px) * 1.5)) translateY(80px) scale(.5)}}.completed-check-circle{width:90px;height:90px;animation:bounceIn .6s ease-out forwards}.completed-check-svg{width:100%;height:100%}.completed-check-bg{fill:none;stroke:#10b981;stroke-width:3;stroke-dasharray:157;stroke-dashoffset:157;animation:checkCircleDraw .6s ease-out .2s forwards}.completed-check-mark{fill:none;stroke:#10b981;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkMarkDraw .4s ease-out .7s forwards}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes checkCircleDraw{to{stroke-dashoffset:0}}@keyframes checkMarkDraw{to{stroke-dashoffset:0}}.completed-text{font-size:22px;font-weight:800;color:#059669;margin:0;animation:fadeInUp .5s ease-out .9s both}.completed-confetti-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.completed-confetti-piece{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--c-color);animation:confettiBurst 1.8s ease-out var(--c-delay, 0s) infinite}.completed-hero-check{position:relative;z-index:2;animation:bounceIn .6s ease-out forwards}.completed-circle-draw{stroke-dasharray:157;stroke-dashoffset:157;animation:checkCircleDraw .8s ease-out .3s forwards}.completed-check-draw{stroke-dasharray:48;stroke-dashoffset:48;animation:checkMarkDraw .4s ease-out .9s forwards}@keyframes confettiBurst{0%{transform:translate(-50%,-50%) rotate(var(--c-angle)) translateY(0) scale(0);opacity:1}30%{transform:translate(-50%,-50%) rotate(var(--c-angle)) translateY(calc(var(--c-dist) * -1)) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--c-angle)) translateY(calc(var(--c-dist) * -1.3)) scale(0);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge-animated{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#fff}.status-badge-animated.status-in_progress{background:#8b5cf6;animation:badgePulse 2s ease-in-out infinite}.status-wrench-icon{display:inline-block;animation:wrenchSpin 3s ease-in-out infinite;font-size:14px}@keyframes wrenchSpin{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}50%{transform:rotate(20deg)}75%{transform:rotate(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.status-completed-badge{background:#10b981;animation:bounceIn .6s ease-out forwards}.status-check-bounce{display:inline-block;animation:checkBounce .6s ease-out;font-size:14px}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.4)}to{transform:scale(1)}}.status-cancelled-badge{background:#ef4444}.tracking-footer{text-align:center;padding:16px;font-size:12px;color:#94a3b8}.tracking-footer a{color:#64748b;text-decoration:none}.tracking-footer a:hover{text-decoration:underline}.queue-map-area{display:flex;align-items:center;justify-content:center;min-height:280px;background:linear-gradient(180deg,#f0f7ff,#e8f2ff 40%,#f8fbff);overflow:hidden}.queue-indicator{text-align:center;width:100%;padding:20px 20px 32px}.queue-scene-v2{position:relative;width:min(500px,90vw);height:200px;margin:0 auto 20px;overflow:visible}.queue-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.queue-cloud{position:absolute;background:#fff;border-radius:50px;opacity:.5}.queue-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.queue-cloud-1{width:60px;height:18px;top:12px;left:15%;animation:cloudDrift 18s linear infinite}.queue-cloud-1:after{width:28px;height:28px;top:-14px;left:12px}.queue-cloud-2{width:45px;height:14px;top:28px;left:55%;opacity:.35;animation:cloudDrift 22s linear infinite 4s}.queue-cloud-2:after{width:22px;height:22px;top:-12px;left:8px}.queue-cloud-3{width:35px;height:12px;top:8px;left:80%;opacity:.25;animation:cloudDrift 15s linear infinite 8s}.queue-cloud-3:after{width:18px;height:18px;top:-10px;left:6px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(-120px)}}.queue-road-svg{position:absolute;bottom:20px;left:-5%;width:110%;height:160px}.queue-start-marker{position:absolute;bottom:42px;left:6%;z-index:3}.queue-start-dot{width:22px;height:22px;border-radius:50%;border:3px solid;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001a}.queue-start-inner{width:8px;height:8px;border-radius:50%;opacity:.7}.queue-van-container{position:absolute;bottom:52px;left:32%;width:72px;height:42px;z-index:5;animation:vanDrive 3s ease-in-out infinite}.queue-van-body{position:absolute;bottom:8px;left:0;width:52px;height:28px;border-radius:6px 6px 4px 4px}.queue-van-cab{position:absolute;right:-18px;top:4px;width:20px;height:22px;border-radius:4px 8px 4px 4px}.queue-van-window{position:absolute;right:-16px;top:6px;width:14px;height:12px;border-radius:3px 6px 3px 3px;background:#ffffffd9}.queue-van-stripe{position:absolute;left:6px;top:50%;width:38px;height:2px;background:#ffffff4d;border-radius:1px}.queue-van-wheel{position:absolute;bottom:0;width:14px;height:14px;border-radius:50%;background:#1e293b;border:2px solid #475569;box-shadow:inset 0 0 0 2px #64748b;animation:wheelSpin .6s linear infinite}.queue-van-wheel-rear{left:4px}.queue-van-wheel-front{left:42px}.queue-van-shadow{position:absolute;bottom:-4px;left:4px;width:58px;height:8px;border-radius:50%;background:#00000014;filter:blur(3px);animation:vanDriveShadow 3s ease-in-out infinite}@keyframes vanDrive{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(6px) translateY(-3px)}50%{transform:translate(12px) translateY(-1px)}75%{transform:translate(6px) translateY(-4px)}}@keyframes vanDriveShadow{0%,to{transform:scaleX(1);opacity:.08}25%{transform:scaleX(.9);opacity:.06}50%{transform:scaleX(1.05);opacity:.1}75%{transform:scaleX(.92);opacity:.05}}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.queue-badge-container{position:absolute;bottom:56px;left:42%;transform:translate(-50%);z-index:6}.queue-badge{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #2563eb4d;position:relative;z-index:2;border:3px solid white}.queue-badge-pulse{position:absolute;top:50%;left:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;border-radius:50%;opacity:0;z-index:1;animation:badgePulseRing 2.5s ease-out infinite}.queue-badge-number{color:#fff;font-size:20px;font-weight:800;font-family:system-ui,-apple-system,sans-serif;line-height:1}@keyframes badgePulseRing{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}.queue-dest-container{position:absolute;bottom:60px;right:10%;z-index:4;animation:destFloat 2.5s ease-in-out infinite}.queue-dest-ring{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-12px;margin-left:-25px;border-radius:50%;border:2px solid rgba(239,68,68,.15);animation:destRingPulse 2s ease-out infinite}.queue-dest-pin{position:relative;filter:drop-shadow(0 4px 8px rgba(239,68,68,.25))}.queue-dest-pin-svg{width:36px;height:48px}@keyframes destFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes destRingPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.4}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.queue-next-stop{animation:queueStopLift 2.4s cubic-bezier(.4,0,.2,1) infinite}.queue-destination{animation:queuePinLift 2.6s cubic-bezier(.4,0,.2,1) infinite}.queue-service-marker{animation:queueServiceFloat 3s cubic-bezier(.4,0,.2,1) infinite}.queue-route-base{fill:none;stroke:#94a3b842;stroke-width:7;stroke-linecap:round}.queue-route-active{fill:none;stroke:var(--brand-color, #2563eb);stroke-width:7;stroke-linecap:round;stroke-dasharray:212 260;stroke-dashoffset:18;animation:queueRoutePulse 2.8s ease-in-out infinite}.queue-stop-svg{animation:queueStopFloat 2s ease-in-out infinite}.queue-stop-glow{fill:#2563eb14}.queue-stop-ring{fill:#ffffffdb;stroke:#94a3b847;stroke-width:1}.queue-stop-core{fill:#94a3b8}.queue-pin-svg{animation:queuePinFloat 1.8s ease-in-out infinite}.queue-pin-halo{fill:#ef44441f}.queue-pin-shape{fill:#ef4444;stroke:#fff;stroke-width:4}.queue-pin-dot{fill:#fff}.queue-van-svg{animation:queueVanDrive 2.4s ease-in-out infinite}.queue-van-body,.queue-van-cab{fill:url(#queueVanGradient)}.queue-van-window{fill:#dbeafe}.queue-van-stripe{fill:none;stroke:#ffffff8c;stroke-width:4;stroke-linecap:round}.queue-van-wheel{fill:#0f172a;stroke:#fff;stroke-width:3}.queue-van-wheel-inner{fill:#94a3b8}.queue-road{width:min(360px,84vw);height:118px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:22px;position:relative}.queue-road-line{position:absolute;left:15%;right:15%;height:5px;background:#94a3b847;border-radius:999px;top:42%;transform:translateY(-50%);z-index:0}.queue-road-progress{position:absolute;left:15%;width:38%;height:5px;background:var(--brand-color, #2563eb);border-radius:999px;top:42%;transform:translateY(-50%);z-index:1;animation:queueProgress 2.6s ease-in-out infinite}.queue-stop{width:24px;height:24px;border-radius:50%;background:#fffffff0;border:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:center;z-index:2;animation:queueStopPulse 2s ease-in-out infinite;box-shadow:0 8px 18px #0f172a14}.queue-stop-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.queue-house{width:38px;height:38px;border-radius:19px;background:#fff;color:#ef4444;display:flex;align-items:center;justify-content:center;z-index:3;animation:queueHouseBounce 1.5s ease-in-out infinite;box-shadow:0 10px 24px #0f172a1f}.queue-house svg{width:23px;height:23px;fill:currentColor}.queue-truck{position:absolute;left:27%;top:58px;width:74px;height:52px;animation:queueTruckBounce 1.2s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(37,99,235,.18));z-index:4}.queue-truck svg{width:100%;height:100%}.queue-truck-body,.queue-truck-cab{fill:var(--brand-color, #2563eb)}.queue-truck-window{fill:#dbeafe}.queue-truck-wheel{fill:#0f172a;stroke:#fff;stroke-width:2}.queue-text{font-size:21px;font-weight:800;color:#1e293b;margin:0 0 6px;letter-spacing:-.01em}.queue-subtext{font-size:15px;color:#64748b;margin:0}@keyframes queueProgress{0%,to{opacity:.65;transform:translateY(-50%) scaleX(.86);transform-origin:left center}50%{opacity:1;transform:translateY(-50%) scaleX(1);transform-origin:left center}}@keyframes queueRoutePulse{0%,to{opacity:.75;stroke-dashoffset:22}50%{opacity:1;stroke-dashoffset:0}}@keyframes queueVanDrive{0%,to{transform:translate(0)}50%{transform:translate(8px,-5px)}}@keyframes queueStopFloat{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-4px);opacity:1}}@keyframes queuePinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes queueStopLift{0%,to{transform:translate(252px,128px) scale(1)}50%{transform:translate(252px,122px) scale(1.02)}}@keyframes queuePinLift{0%,to{transform:translate(456px,70px)}50%{transform:translate(456px,64px)}}@keyframes queueServiceFloat{0%,to{transform:translate(148px,112px)}50%{transform:translate(156px,107px)}}@keyframes queueStopPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes queueHouseBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes queueTruckBounce{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-3px) translate(2px)}75%{transform:translateY(-2px) translate(-2px)}}.cancelled-map-area{display:flex;align-items:center;justify-content:center;min-height:220px;background:linear-gradient(135deg,#fef2f2,#fff1f2,#fefce8)}.cancelled-animation{text-align:center;padding:32px 20px}.cancelled-icon-circle{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #0000000f;animation:cancelledBounce 1s ease-out}.cancelled-icon{font-size:32px;animation:cancelledFade 1.5s ease-out}.cancelled-text{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 6px;animation:cancelledFadeUp .8s ease-out}.cancelled-subtext{font-size:14px;color:#64748b;margin:0 0 16px;animation:cancelledFadeUp 1s ease-out}.cancelled-contact-btn{display:inline-block;padding:10px 24px;border-radius:10px;background:#f1f5f9;color:#2563eb;font-weight:600;font-size:14px;text-decoration:none;animation:cancelledFadeUp 1.2s ease-out}.cancelled-contact-btn:hover{background:#e2e8f0}.status-cancelled-badge{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca}@keyframes cancelledBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes cancelledFade{0%{opacity:0}to{opacity:1}}@keyframes cancelledFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.document-container{min-height:100vh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:#fff}.document-header{background:var(--brand-color, var(--blue-600));color:#fff;padding:20px 24px;text-align:center}.document-header .company-logo-row{display:flex;align-items:center;justify-content:center;gap:10px}.document-header .company-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#fff3}.document-header .company-name{font-size:20px;font-weight:700}.document-header .document-type{font-size:14px;opacity:.85;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.document-header .document-type-prominent{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:3px;opacity:.7;margin-bottom:8px}.document-header .document-header-number{font-size:13px;opacity:.75;margin-top:6px;font-weight:500;letter-spacing:.5px}.document-parties{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.document-party{flex:1;min-width:0}.document-party-to{text-align:right}@media(max-width:640px){.document-parties{flex-direction:column}.document-party-to{text-align:left}}.document-service{margin:4px 0 16px;padding:12px 14px;background:var(--gray-50, #f8fafc);border-left:3px solid var(--brand-color, #2563eb);border-radius:4px}.document-service-label{font-size:11px;color:var(--gray-400, #94a3b8);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.document-service-value{font-size:14px;color:var(--gray-900, #0f172a);line-height:1.4}.document-party-label{font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.document-party-name{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:2px}.document-party-detail{font-size:13px;color:var(--gray-500);margin-top:2px;line-height:1.4}.document-party-link{color:var(--brand-color, var(--blue-600));text-decoration:none}.document-party-link:hover{text-decoration:underline}.document-body{flex:1;padding:24px}.document-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.document-number{font-size:15px;font-weight:600;color:var(--gray-700)}.document-status-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#6b7280}.status-sent{background:#3b82f6}.status-accepted{background:#10b981}.status-declined{background:#ef4444}.status-pending{background:#f59e0b}.status-paid{background:#10b981}.status-overdue{background:#ef4444}.document-customer{background:var(--gray-50);border-radius:12px;padding:16px;margin-bottom:20px}.document-customer-label{font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.document-customer-name{font-size:16px;font-weight:600;color:var(--gray-900)}.document-customer-phone{font-size:14px;color:var(--gray-500);margin-top:2px}.document-dates{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.document-date-row{display:flex;justify-content:space-between;align-items:center}.document-date-label{font-size:13px;color:var(--gray-500)}.document-date-value{font-size:14px;font-weight:500;color:var(--gray-700)}.line-items-section{margin-bottom:24px}.line-items-heading{font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.line-items-table{width:100%;border-collapse:collapse}.line-items-table thead th{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;padding:8px 0;border-bottom:2px solid var(--gray-200);text-align:left}.line-items-table thead th:nth-child(2),.line-items-table thead th:nth-child(3),.line-items-table thead th:nth-child(4){text-align:right}.line-items-table tbody td{padding:12px 0;border-bottom:1px solid var(--gray-100);font-size:14px;color:var(--gray-700)}.line-items-table tbody td:nth-child(2),.line-items-table tbody td:nth-child(3),.line-items-table tbody td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.line-items-table tbody td:first-child{font-weight:500;max-width:180px}.line-item-desc-sub{display:block;font-size:12px;color:var(--gray-400);font-weight:400;margin-top:2px}.document-totals{border-top:2px solid var(--gray-200);padding-top:16px;margin-bottom:24px}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.totals-row.totals-grand{border-top:2px solid var(--gray-900);margin-top:8px;padding-top:12px}.totals-label{font-size:14px;color:var(--gray-500)}.totals-value{font-size:14px;font-weight:600;color:var(--gray-700);font-variant-numeric:tabular-nums}.totals-grand .totals-label{font-size:16px;font-weight:700;color:var(--gray-900)}.totals-grand .totals-value{font-size:20px;font-weight:800;color:var(--gray-900)}.document-notes{background:#eff6ff;border-radius:12px;padding:16px;margin-bottom:24px}.document-notes-label{font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.document-notes-text{font-size:14px;color:var(--gray-700);line-height:1.5;white-space:pre-wrap}.document-actions{display:flex;gap:12px;margin-bottom:24px}.document-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;font-family:inherit;text-align:center}.document-btn:active{transform:scale(.98)}.document-btn:disabled{opacity:.5;cursor:not-allowed}.document-btn:disabled:active{transform:none}.document-btn-accept{background:#10b981;color:#fff}.document-btn-accept:hover:not(:disabled){opacity:.9}.document-btn-decline{background:#fff;color:#ef4444;border:2px solid #ef4444}.document-btn-decline:hover:not(:disabled){background:#fef2f2}.document-btn-pay{background:var(--brand-color, var(--blue-600));color:#fff;position:relative}.document-btn-pay:hover:not(:disabled){opacity:.9}.pay-tooltip{background:#1e293b;color:#fff;font-size:13px;font-weight:500;padding:10px 16px;border-radius:10px;text-align:center;margin-bottom:8px;animation:fadeIn .2s ease}.paid-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.paid-badge-icon{font-size:32px;display:block;margin-bottom:8px}.paid-badge-text{font-size:16px;font-weight:700;color:#16a34a;margin:0 0 4px}.paid-badge-detail{font-size:13px;color:var(--gray-500);margin:0}.response-banner{border-radius:12px;padding:16px;margin-bottom:24px;text-align:center}.response-banner-accepted{background:#f0fdf4;border:1px solid #bbf7d0}.response-banner-declined{background:#fef2f2;border:1px solid #fecaca}.response-banner-icon{font-size:28px;display:block;margin-bottom:6px}.response-banner-text{font-size:15px;font-weight:600;margin:0}.response-banner-accepted .response-banner-text{color:#16a34a}.response-banner-declined .response-banner-text{color:#dc2626}.due-date-overdue{color:#ef4444!important;font-weight:700!important}.document-loading,.document-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;max-width:480px;margin:0 auto}.document-loading .spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.document-error .error-icon{width:60px;height:60px;border-radius:50%;background:var(--red-500);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.document-error h2{font-size:20px;color:var(--gray-900);margin-bottom:8px}.document-error p,.document-loading p{font-size:15px;color:var(--gray-500)}.document-retry-btn{margin-top:16px;padding:10px 24px;background:var(--blue-600);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.document-retry-btn:hover{background:#1557b0}.document-footer{text-align:center;padding:20px 24px;border-top:1px solid var(--gray-100)}.document-footer p{font-size:12px;color:var(--gray-400);margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-600: #2563eb;--blue-700: #0d47a1;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--green-500: #10b981;--amber-500: #f59e0b;--red-500: #ef4444}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}