:root{--dark-blue:#183050;--deeper-navy:#0d1e33;--light-blue:#468ad4;--pale-blue:#c2daf2;--accent-green:#2dc47a;--cool-white:#f4f6f9;--blue-grey:#7a8a9a;--danger:#e54d4d;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--transition:.2s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--cool-white);color:var(--dark-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}#root{background:#fff;flex-direction:column;max-width:430px;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=431px){#root{border-left:1px solid #e0e4e8;border-right:1px solid #e0e4e8;box-shadow:0 0 40px #0000000f}}input,button,textarea{font-family:var(--font);background:0 0;border:none;outline:none}.dash-header,.scanner-header,.leads-header,.detail-header,.login-screen{padding-top:max(12px, calc(env(safe-area-inset-top) + 8px))!important}.save-toast{top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--dark-blue);color:#fff;z-index:100;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;animation:.3s ease-out toastIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.save-toast svg{flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}button{cursor:pointer;-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes checkmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{opacity:1;transform:scale(1.2)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(-45deg)}}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{background:linear-gradient(165deg, var(--deeper-navy) 0%, var(--dark-blue) 50%, #1e3a5f 100%);height:100%;padding:24px;padding-top:max(24px, calc(env(safe-area-inset-top) + 24px));flex-direction:column;justify-content:center;align-items:center;display:flex}.login-content{flex-direction:column;align-items:center;width:100%;max-width:340px;animation:.6s ease-out fadeIn;display:flex}.login-logo-container{margin-bottom:48px}.login-logo{width:140px;height:auto}.login-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;width:100%;padding:36px 28px}.login-title{color:#fff;letter-spacing:-.3px;margin-bottom:6px;font-size:24px;font-weight:600}.login-subtitle{color:#ffffff80;margin-bottom:32px;font-size:14px}.pin-container{justify-content:center;gap:12px;display:flex}.pin-digit{color:#fff;text-align:center;width:56px;height:64px;caret-color:var(--accent-green);transition:all var(--transition);background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;font-size:28px;font-weight:600}.pin-digit:focus{border-color:var(--light-blue);background:#ffffff1f;box-shadow:0 0 0 4px #468ad433}.pin-digit.filled{border-color:var(--accent-green);background:#2dc47a1a}.pin-digit.error{border-color:var(--danger);background:#e54d4d1a}.login-error{color:var(--danger);margin-top:16px;font-size:13px;font-weight:500;animation:.3s ease-out fadeIn}.login-footer{color:#ffffff40;margin-top:48px;font-size:12px}@keyframes shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.shake{animation:.5s ease-in-out shake}.scanner{background:var(--cool-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.scanner-header{background:#fff;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.back-btn{width:36px;height:36px;color:var(--dark-blue);transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.back-btn:active{background:var(--cool-white)}.scanner-title{color:var(--dark-blue);font-size:17px;font-weight:600}.capture-view{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.capture-area{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%}.capture-frame{aspect-ratio:3/4;border:2px dashed var(--pale-blue);width:100%;max-height:420px;transition:all var(--transition);background:#fff;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative}.capture-frame:active{border-color:var(--light-blue);background:#468ad408}.frame-corner{border-color:var(--light-blue);border-style:solid;border-width:0;width:24px;height:24px;position:absolute}.frame-corner.tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:20px;top:-2px;left:-2px}.frame-corner.tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:20px;top:-2px;right:-2px}.frame-corner.bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:20px;bottom:-2px;left:-2px}.frame-corner.br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:20px;bottom:-2px;right:-2px}.capture-content{flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.capture-text{color:var(--dark-blue);font-size:16px;font-weight:600}.capture-hint{color:var(--blue-grey);font-size:13px}.file-input{display:none}.processing-view{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.preview-image{object-fit:cover;width:100%;height:100%}.processing-overlay{-webkit-backdrop-filter:blur(8px);background:#0d1e33b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.processing-card{box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;animation:.3s ease-out fadeIn;display:flex}.spinner{border:3px solid var(--pale-blue);border-top-color:var(--light-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner.large{border-width:4px;width:48px;height:48px}.processing-text{color:var(--dark-blue);font-size:15px;font-weight:600}.progress-bar{background:var(--cool-white);border-radius:2px;width:160px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--light-blue), var(--accent-green));border-radius:2px;height:100%;transition:width .3s}.progress-text{color:var(--blue-grey);font-variant-numeric:tabular-nums;font-size:13px}.review-view{-webkit-overflow-scrolling:touch;flex:1;animation:.4s ease-out fadeIn;overflow-y:auto}.review-image-container{padding:16px 16px 0}.review-image{object-fit:cover;border-radius:var(--radius);width:100%;max-height:200px;box-shadow:var(--shadow-md)}.review-form{padding:20px 16px 32px}.form-group{margin-bottom:16px}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--blue-grey);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input{border-radius:var(--radius-sm);width:100%;color:var(--dark-blue);transition:all var(--transition);background:#fff;border:1.5px solid #e0e4e8;padding:14px 16px;font-size:16px}.form-group input:focus{border-color:var(--light-blue);box-shadow:0 0 0 3px #468ad426}.form-group input::placeholder{color:#c0c4ca}.review-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.btn-save{background:var(--accent-green);color:#fff;border-radius:var(--radius-sm);width:100%;transition:all var(--transition);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 16px #2dc47a4d}.btn-save:active{transform:scale(.98);box-shadow:0 2px 8px #2dc47a4d}.btn-retake{width:100%;color:var(--blue-grey);border-radius:var(--radius-sm);transition:all var(--transition);padding:14px;font-size:15px;font-weight:500}.btn-retake:active{background:var(--cool-white)}.saving-view,.done-view{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.saving-view p,.done-text{color:var(--dark-blue);font-size:16px;font-weight:600}.done-check{background:#2dc47a1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.6s ease-out pulse;display:flex}.leads-screen{background:var(--cool-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.leads-header{background:#fff;border-bottom:1px solid #eef0f3;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.leads-title{color:var(--dark-blue);font-size:17px;font-weight:600}.export-btn{width:36px;height:36px;color:var(--light-blue);transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.export-btn:active{background:var(--cool-white)}.leads-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px;overflow-y:auto}.leads-empty{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.empty-title{color:var(--dark-blue);margin-top:8px;font-size:17px;font-weight:600}.empty-text{color:var(--blue-grey);font-size:14px}.leads-grid{flex-direction:column;gap:8px;display:flex}.swipe-container{border-radius:var(--radius);animation:.4s ease-out both slideUp;position:relative;overflow:hidden}.swipe-container.deleting{animation:.3s ease-out forwards swipeOut}@keyframes swipeOut{to{opacity:0;height:0;margin-bottom:-8px;transform:translate(-100%)}}.swipe-delete-bg{background:var(--danger);border-radius:var(--radius);justify-content:center;align-items:center;width:80px;display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-delete-btn{color:#fff;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.swipe-delete-btn span{font-size:11px;font-weight:600}.lead-card{border-radius:var(--radius);text-align:left;width:100%;box-shadow:var(--shadow-sm);z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #eef0f3;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.lead-card.tier-hot{border-color:var(--accent-green);background:linear-gradient(135deg,#fff 85%,#2dc47a14);border-width:2px}.lead-card.tier-warm{background:linear-gradient(135deg,#fff 85%,#f0c43014);border-width:2px;border-color:#f0c430}.star-icon{color:var(--accent-green);font-size:14px}.truck-count{color:var(--blue-grey);font-weight:500}.lead-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.lead-info{flex-direction:column;flex:1;min-width:0;display:flex}.lead-name{color:var(--dark-blue);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.lead-company{color:var(--blue-grey);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.lead-meta{flex-shrink:0;align-items:center;gap:4px;display:flex}.lead-time{color:var(--blue-grey);white-space:nowrap;font-size:12px}.leads-grouped{flex-direction:column;gap:20px;display:flex}.lead-group{flex-direction:column;gap:8px;display:flex}.group-header{align-items:center;gap:8px;padding:0 4px;display:flex}.group-scanner-avatar{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.group-scanner-name{color:var(--dark-blue);font-size:13px;font-weight:600}.group-count{color:var(--blue-grey);background:#e8eaed;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.leads-footer{text-align:center;background:#fff;border-top:1px solid #eef0f3;flex-shrink:0;padding:12px 16px}.leads-footer p{color:var(--blue-grey);font-size:12px;font-weight:500}.detail-screen{background:var(--cool-white);flex-direction:column;flex:1;display:flex;overflow:hidden}.detail-header{background:#fff;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.detail-title{color:var(--dark-blue);font-size:17px;font-weight:600}.detail-body{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:32px;overflow-y:auto}.detail-hero{background:#fff;border-bottom:1px solid #eef0f3;flex-direction:column;align-items:center;padding:32px 16px 24px;animation:.4s ease-out fadeIn;display:flex}.detail-avatar{background:var(--dark-blue);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:22px;font-weight:700;display:flex}.detail-name{color:var(--dark-blue);text-align:center;font-size:22px;font-weight:700}.detail-company{color:var(--blue-grey);margin-top:2px;font-size:15px}.detail-badge-type{background:var(--pale-blue);color:var(--dark-blue);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.detail-section{padding:20px 16px 0;animation:.4s ease-out both slideUp}.detail-section:nth-child(2){animation-delay:50ms}.detail-section:nth-child(3){animation-delay:.1s}.detail-section:nth-child(4){animation-delay:.15s}.section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--blue-grey);margin-bottom:8px;font-size:12px;font-weight:600}.detail-badge-image{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md)}.info-card{border-radius:var(--radius);background:#fff;border:1px solid #eef0f3;overflow:hidden}.info-row{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.info-row+.info-row{border-top:1px solid #f0f2f5}.info-row svg{flex-shrink:0;margin-top:2px}.info-row div{flex-direction:column;min-width:0;display:flex}.info-label{color:var(--blue-grey);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.info-value{color:var(--dark-blue);word-break:break-word;margin-top:1px;font-size:15px}.editable-row{align-items:flex-start}.editable-field{flex-direction:column;flex:1;min-width:0;display:flex}.inline-input{width:100%;color:var(--dark-blue);font-size:15px;font-family:var(--font);transition:border-color var(--transition);background:0 0;border:none;border-bottom:1.5px solid #e0e4e8;outline:none;padding:6px 0}.inline-input:focus{border-bottom-color:var(--light-blue)}.inline-input::placeholder,.inline-textarea::placeholder{color:#b8bcc4}.inline-textarea{width:100%;color:var(--dark-blue);font-size:15px;font-family:var(--font);resize:none;transition:border-color var(--transition);background:0 0;border:none;border-bottom:1.5px solid #e0e4e8;outline:none;padding:6px 0;line-height:1.4}.inline-textarea:focus{border-bottom-color:var(--light-blue)}.btn-save-lead{border-radius:var(--radius-sm);width:100%;transition:all var(--transition);color:var(--blue-grey);background:#e0e4e8;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:16px;font-size:16px;font-weight:600;display:flex}.btn-save-lead.dirty{background:var(--accent-green);color:#fff;box-shadow:0 4px 16px #2dc47a59}.btn-save-lead.dirty:active{transform:scale(.98);box-shadow:0 2px 8px #2dc47a4d}.btn-save-lead.saving{background:var(--light-blue);color:#fff}.btn-save-lead.success{background:var(--accent-green);color:#fff;box-shadow:0 4px 16px #2dc47a59}.btn-save-lead:disabled:not(.success){opacity:.5}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.detail-danger{padding:24px 16px}.btn-delete{width:100%;color:var(--danger);border-radius:var(--radius-sm);transition:all var(--transition);padding:14px;font-size:15px;font-weight:500}.btn-delete:active{background:#e54d4d0f}.delete-confirm{border-radius:var(--radius);text-align:center;background:#fff;border:1px solid #eef0f3;padding:20px;animation:.2s ease-out fadeIn}.delete-confirm p{color:var(--dark-blue);margin-bottom:16px;font-size:15px;font-weight:600}.delete-actions{gap:10px;display:flex}.btn-cancel{background:var(--cool-white);color:var(--dark-blue);transition:all var(--transition);border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.btn-delete-confirm{background:var(--danger);color:#fff;transition:all var(--transition);border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.btn-delete-confirm:active{transform:scale(.98)}.dashboard{background:var(--cool-white);flex-direction:column;height:100%;display:flex}.dashboard-content,.dashboard-content>*{flex-direction:column;flex:1;display:flex;overflow:hidden}.home-view{flex-direction:column;height:100%;display:flex}.dash-header{background:#fff;border-bottom:1px solid #eef0f3;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.dash-brand{color:var(--dark-blue);letter-spacing:2px;font-size:18px;font-weight:700}.dash-header-actions{gap:4px;display:flex}.dash-header-btn{width:36px;height:36px;color:var(--blue-grey);transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.dash-header-btn:active{background:var(--cool-white);color:var(--dark-blue)}.dash-body{-webkit-overflow-scrolling:touch;flex:1;padding:28px 20px;overflow-y:auto}.dash-greeting{animation:.5s ease-out fadeIn}.dash-greeting h1{color:var(--dark-blue);letter-spacing:-.5px;margin-bottom:2px;font-size:28px;font-weight:700}.dash-date{color:var(--blue-grey);font-size:14px;font-weight:400}.dash-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;animation:.5s ease-out .1s both slideUp;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #eef0f3;flex-direction:column;padding:20px 16px;display:flex}.stat-number{color:var(--dark-blue);letter-spacing:-1px;font-size:36px;font-weight:700;line-height:1}.stat-label{color:var(--blue-grey);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:12px;font-weight:500}.dash-actions{flex-direction:column;gap:12px;margin-top:28px;animation:.5s ease-out .2s both slideUp;display:flex}.action-btn{border-radius:var(--radius);width:100%;transition:all var(--transition);text-align:left;border:1px solid #0000;align-items:center;gap:14px;padding:16px;display:flex}.action-btn.primary{background:var(--dark-blue);box-shadow:0 4px 16px #18305040}.action-btn.primary .action-icon{color:#fff;background:#ffffff1f}.action-btn.primary .action-title{color:#fff;font-size:16px;font-weight:600}.action-btn.primary .action-desc{color:#ffffff80;font-size:13px}.action-btn.primary .action-chevron{color:#fff6}.action-btn.primary:active{transform:scale(.98);box-shadow:0 2px 8px #1830504d}.action-btn.secondary{box-shadow:var(--shadow-sm);background:#fff;border-color:#eef0f3}.action-btn.secondary .action-icon{background:var(--pale-blue);color:var(--dark-blue)}.action-btn.secondary .action-title{color:var(--dark-blue);font-size:16px;font-weight:600}.action-btn.secondary .action-desc{color:var(--blue-grey);font-size:13px}.action-btn.secondary .action-chevron{color:var(--blue-grey)}.action-btn.secondary:active{background:var(--cool-white);transform:scale(.98)}.action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-text{flex-direction:column;flex:1;gap:2px;display:flex}.tab-bar{padding:6px 0;padding-bottom:max(6px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8eaed;flex-shrink:0;justify-content:space-around;align-items:stretch;display:flex}.tab-item{color:var(--blue-grey);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;transition:all .15s;display:flex;position:relative}.tab-item span{letter-spacing:.2px;font-size:10px;font-weight:500}.tab-item.active{color:var(--dark-blue)}.tab-item.active span{font-weight:600}.tab-item:active{transform:scale(.92)}.scan-tab .scan-tab-icon{background:var(--accent-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-22px;transition:all .15s;display:flex;box-shadow:0 4px 16px #2dc47a59}.scan-tab.active .scan-tab-icon{background:var(--dark-blue);box-shadow:0 4px 16px #1830504d}.scan-tab:active .scan-tab-icon{transform:scale(.92)}.scan-tab span{margin-top:2px}.tab-badge{background:var(--accent-green);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;line-height:1;display:flex;position:absolute;top:2px;right:50%;transform:translate(16px);color:#fff!important;font-size:9px!important;font-weight:700!important}.splash-screen{background:var(--dark-blue);justify-content:center;align-items:center;height:100%;display:flex}.splash-logo{width:160px;animation:1.5s ease-in-out infinite pulse}