*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #007aff;--green: #34c759;--orange: #ff9500;--red: #ff3b30;--purple: #5856d6;--teal: #30b0c7;--gray: #8e8e93;--bg: #f2f2f7;--card: #ffffff;--border: #e5e5ea;--text-primary: #1c1c1e;--text-secondary: #8e8e93;--text-tertiary: #aeaeb2;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root{--c-new: #007aff;--c-contacted: #8e8e93;--c-quoted: #5856d6;--c-booked: #34c759;--c-won: #30b0c7;--c-warranty: #34c759;--c-lost: #ff3b30;--c-junk: #8e8e93}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}.screen{display:flex;flex-direction:column;min-height:100dvh}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-bottom) + 88px)}.list-header{padding:calc(var(--safe-top) + 10px) 16px 4px;display:flex;align-items:baseline;justify-content:space-between}.list-title{font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--text-primary)}.list-count{font-size:13px;color:var(--text-secondary);font-weight:500}.nav-bar{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:calc(var(--safe-top) + 8px) 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--border);position:sticky;top:0;z-index:10}.nav-title{font-size:17px;font-weight:700}.nav-back{font-size:16px;color:var(--blue);display:flex;align-items:center;gap:2px;cursor:pointer;min-width:60px;background:none;border:none;padding:6px 0;font-family:inherit}.nav-action{font-size:15px;color:var(--blue);cursor:pointer;min-width:60px;text-align:right;background:none;border:none;padding:0;font-family:inherit}.search-bar{background:#e4e4e9;border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:8px;margin:10px 16px 0}.search-input{flex:1;border:none;background:transparent;font-size:16px;outline:none;color:var(--text-primary);font-family:inherit}.search-input::placeholder{color:var(--text-secondary)}.filter-row{display:flex;gap:8px;padding:12px 16px 2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:7px 14px;border-radius:16px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;border:none;background:var(--card);color:var(--text-primary);font-family:inherit}.filter-pill.active{background:var(--blue);color:#fff}.leads-list{padding:6px 16px 24px;display:flex;flex-direction:column;gap:10px}.lead-row{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:14px;padding:11px 13px;cursor:pointer}.lead-row.urgent{border-left:3px solid var(--blue)}.lead-row.followup-due{border-left:3px solid var(--orange)}.lead-row:active{opacity:.85}.lead-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.lead-info{flex:1;min-width:0}.lead-name{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.lead-meta{font-size:13px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-sub{font-size:12px;margin-top:3px;font-weight:600}.row-call-btn{display:flex;align-items:center;gap:6px;background:var(--green);color:#fff;font-size:14px;font-weight:700;padding:9px 14px;border-radius:22px;flex-shrink:0;border:none;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #34c75959}.row-call-btn:active{opacity:.8;transform:scale(.97)}.badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:5px}.badge-new{color:var(--c-new);background:#007aff1a}.badge-contacted{color:var(--c-contacted);background:#8e8e931f}.badge-quoted{color:var(--c-quoted);background:#5856d61a}.badge-booked{color:var(--c-booked);background:#34c7591a}.badge-won{color:var(--c-won);background:#30b0c71a}.badge-warranty{color:var(--c-warranty);background:#34c7591a}.badge-lost{color:var(--c-lost);background:#ff3b301a}.badge-junk{color:var(--c-junk);background:#8e8e931f}.detail-actions{display:flex;gap:10px;margin:14px 16px 0}.call-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--green);color:#fff;font-size:16px;font-weight:700;padding:14px;border-radius:14px;text-decoration:none;box-shadow:0 3px 10px #34c75959}.call-btn:active{opacity:.8}.sms-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--card);color:var(--blue);font-size:15px;font-weight:700;padding:14px;border-radius:14px;text-decoration:none;border:none;cursor:pointer;font-family:inherit}.sms-btn:active{opacity:.8}.customer-note{background:#fff4f2;border:1px solid #ffd4cc;border-radius:12px;padding:11px 13px;margin:12px 16px 0}.customer-note-label{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--red);margin-bottom:4px}.customer-note-text{font-size:14px;color:#3a3a3c;line-height:1.45}.pipeline-card{background:var(--card);border-radius:16px;padding:16px 15px;margin:14px 16px 0}.pipeline{display:flex;gap:5px}.pip{flex:1;height:5px;border-radius:3px;background:#e0e0e5}.pip.done{background:var(--green)}.pip.active{background:var(--blue)}.pip-labels{display:flex;justify-content:space-between;margin-top:7px}.pip-label{font-size:10px;font-weight:500;color:#b0b0b5;flex:1;text-align:center}.pip-label.done{color:var(--green);font-weight:700}.pip-label.active{color:var(--blue);font-weight:700}.action-btns{display:flex;flex-direction:column;gap:9px;margin:14px 16px 0}.btn{width:100%;border:none;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-purple{background:var(--purple);color:#fff}.btn-orange-ghost{background:var(--card);color:var(--orange);font-size:15px}.btn-gray-ghost{background:var(--card);color:var(--text-secondary)}.btn-red{background:var(--red);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){opacity:.85}.outcome-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.outcome-option{display:flex;align-items:center;gap:13px;background:var(--card);border-radius:14px;padding:15px 16px;cursor:pointer;border:none;font-family:inherit;text-align:left;width:100%}.outcome-option:active{opacity:.85}.outcome-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.outcome-label{font-size:16px;font-weight:700;color:var(--text-primary)}.outcome-desc{font-size:12px;color:var(--text-secondary);margin-top:2px}.outcome-chevron{color:#c7c7cc;font-size:20px;margin-left:auto}.followup-chips{display:flex;flex-direction:column;gap:9px;margin-top:16px}.followup-chip{width:100%;text-align:left;padding:14px 16px;border-radius:13px;font-size:15px;font-weight:600;background:var(--card);color:var(--text-primary);border:none;cursor:pointer;font-family:inherit}.followup-chip.selected{background:var(--blue);color:#fff}.followup-chip:active{opacity:.85}.lost-suggestion{background:#fff4f2;border:1px solid #ffd4cc;border-radius:12px;padding:12px 13px;margin-top:14px}.lost-suggestion-text{font-size:14px;color:#3a3a3c;font-weight:600}.lost-suggestion-btn{margin-top:9px;background:var(--red);color:#fff;font-size:14px;font-weight:700;padding:10px 16px;border-radius:11px;border:none;cursor:pointer;font-family:inherit}.input-group{background:var(--card);border-radius:14px;overflow:hidden}.input-field{width:100%;border:none;padding:15px 16px;font-size:16px;outline:none;color:var(--text-primary);font-family:inherit;background:transparent;border-bottom:1px solid #f0f0f2;display:block}.input-field:last-child{border-bottom:none}.input-field::placeholder{color:var(--text-secondary)}.field-label{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;margin:18px 0 6px}.amount-wrap{display:flex;align-items:center;background:var(--card);border-radius:14px;padding:6px 16px}.amount-sign{font-size:26px;font-weight:800;color:var(--text-primary)}.amount-input{flex:1;border:none;background:transparent;font-size:26px;font-weight:800;outline:none;color:var(--text-primary);padding:10px 6px;font-family:inherit}.amount-input::placeholder{color:var(--text-tertiary)}.warranty-chips{display:flex;gap:9px}.warranty-chip{flex:1;padding:12px 4px;border-radius:12px;text-align:center;border:none;cursor:pointer;background:var(--card);color:var(--text-primary);font-family:inherit}.warranty-chip.selected{background:var(--purple);color:#fff}.warranty-chip:active{opacity:.85}.warranty-n{font-size:20px;font-weight:800;line-height:1}.warranty-unit{font-size:11px;margin-top:3px}.review-screen{padding:24px 20px;text-align:center}.review-icon{width:66px;height:66px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:8px auto 0;box-shadow:0 6px 18px #34c75966}.review-card{background:var(--card);border-radius:18px;padding:20px 18px;margin-top:22px;text-align:left}.sms-preview{background:var(--bg);border-radius:11px;padding:12px;margin-top:13px;font-size:13px;color:#3a3a3c;line-height:1.5}.numbers-header{padding:calc(var(--safe-top) + 10px) 16px 4px;display:flex;align-items:baseline;justify-content:space-between}.numbers-title{font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--text-primary)}.numbers-month{font-size:13px;color:var(--text-secondary);font-weight:500}.revenue-card{background:#1c1c1e;border-radius:20px;padding:20px;margin:14px 16px 0;color:#fff}.revenue-label{font-size:13px;color:#a0a0a8;font-weight:600}.revenue-amount{font-size:44px;font-weight:800;letter-spacing:-1px;margin-top:2px}.revenue-divider{height:1px;background:#3a3a3c;margin:14px 0}.revenue-row{display:flex;justify-content:space-between}.revenue-sub-label{font-size:12px;color:#a0a0a8}.revenue-sub-val{font-size:19px;font-weight:700;margin-top:2px}.stat-tiles{display:flex;gap:10px;margin:12px 16px 0}.stat-tile{flex:1;background:var(--card);border-radius:16px;padding:15px;text-align:center}.stat-n{font-size:26px;font-weight:800}.stat-n.blue{color:var(--blue)}.stat-n.green{color:var(--green)}.stat-n.teal{color:var(--teal)}.stat-lbl{font-size:12px;color:var(--text-secondary);margin-top:2px}.fab{position:fixed;bottom:calc(var(--safe-bottom) + 88px);right:20px;width:56px;height:56px;border-radius:50%;background:var(--blue);color:#fff;border:none;font-size:30px;font-weight:200;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #007aff80;z-index:20}.fab:active{opacity:.8;transform:scale(.95)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#f9f9f9f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid #d1d1d6;padding:9px 0 calc(var(--safe-bottom) + 24px);display:flex;z-index:20}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;background:none;border:none;font-size:10px;font-weight:600;color:var(--text-secondary);font-family:inherit}.nav-tab svg{color:var(--text-secondary)}.nav-tab.active{color:var(--blue)}.nav-tab.active svg{color:var(--blue)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#1c1c1e;color:#fff;font-size:14px;font-weight:600;padding:11px 20px;border-radius:22px;box-shadow:0 8px 24px #0000004d;z-index:99;white-space:nowrap;animation:toastIn .22s ease;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.info-card{background:var(--card);border-radius:16px;padding:15px;margin:14px 16px 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:.5px solid #f0f0f2;font-size:14px}.info-row:last-child{border-bottom:none}.info-key{color:var(--text-secondary)}.info-val{font-weight:600;color:var(--text-primary);text-align:right}.followup-box{background:#fff8ee;border:1px solid #ffddb0;border-radius:12px;padding:11px 13px;margin:12px 16px 0;font-size:13px;color:#b06a00;font-weight:600}.duplicate-warn{background:#fff8ee;border:1px solid #ffddb0;border-radius:12px;padding:11px 13px;margin-top:12px}.duplicate-warn-title{font-size:13px;font-weight:700;color:#b06a00}.duplicate-warn-sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50dvh;gap:12px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.offline-banner{background:var(--orange);color:#fff;padding:8px 16px;font-size:13px;font-weight:600;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .18s ease}