.qr-container{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;border-radius:12px;background-color:#f8f9fa;min-height:280px}.qr-placeholder__icon{font-size:48px}.qr-placeholder__text{color:var(--color-text-secondary);text-align:center;font-size:16px;line-height:1.5}.qr-scanner-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;background-color:#000}.qr-viewport{width:100%;min-height:300px}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.qr-scan-frame{width:220px;height:220px;border:3px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 0 0 9999px #0006}.qr-result-card{padding:20px;border-radius:12px;background-color:#f8f9fa;display:flex;flex-direction:column;gap:16px}.qr-result-header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qr-format-badge{padding:4px 10px;border-radius:6px;background-color:#e8eaed;font-size:12px;font-weight:600;letter-spacing:.5px}.qr-confidence-badge{padding:4px 10px;border-radius:6px;color:#fff;font-size:12px;font-weight:600}.qr-confidence-badge--high{background-color:#34a853}.qr-confidence-badge--medium{background-color:#fbbc04}.qr-confidence-badge--low{background-color:#ea4335}.qr-field-list{display:flex;flex-direction:column;gap:8px}.qr-field__label{display:block;font-size:12px;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qr-field__value{display:block;font-size:16px;color:var(--color-text);word-break:break-word}.qr-button-row{display:flex;gap:12px;width:100%}.qr-btn{flex:1;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;min-height:48px;border:none}.qr-btn--primary{background-color:var(--color-primary);color:#fff}.qr-btn--secondary{background-color:transparent;border:2px solid #dadce0;color:var(--color-text)}.qr-btn--torch{background-color:#5f6368;color:#fff}.qr-btn--torch-on{background-color:var(--color-primary)}.qr-spinner{width:40px;height:40px;border:4px solid #dadce0;border-top-color:var(--color-primary);border-radius:50%;animation:qr-spin .8s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-error-text{color:#d93025;text-align:center;font-size:14px;padding:8px 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-primary-light: #e8f0fe;--color-success: #34a853;--color-warning: #fbbc04;--color-danger: #ea4335;--color-background: #f8f9fa;--color-surface: #ffffff;--color-text: #202124;--color-text-secondary: #5f6368;--color-border: #dadce0;--color-border-focus: #1a73e8;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12)}html{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);-webkit-text-size-adjust:100%}body{min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;max-width:600px;width:100%;margin:0 auto}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.app-header h1{font-size:20px;font-weight:700;color:var(--color-primary)}.user-info{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-secondary)}.sync-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;background:var(--color-primary-light);color:var(--color-primary);font-size:11px;font-weight:600;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-signout{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.btn-signout:hover{background:var(--color-background);color:var(--color-text)}.app-main{flex:1;padding:16px;display:flex;flex-direction:column}.action-bar{display:flex;gap:12px;margin-bottom:20px}.btn-primary,.btn-secondary{flex:1;padding:14px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;min-height:48px;border:none;transition:background .15s,transform .1s}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:#a8c7fa;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-background);border-color:var(--color-text-secondary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.lead-form{display:flex;flex-direction:column;gap:16px;background:var(--color-surface);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b3b8}.form-group textarea{resize:vertical;min-height:80px}.notes-header{display:flex;align-items:center;justify-content:space-between}.btn-mic{padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-mic:hover{background:var(--color-background);border-color:var(--color-text-secondary)}.btn-mic--active{background:#fce8e6;border-color:var(--color-danger);color:var(--color-danger);animation:pulse 1.5s ease-in-out infinite}.btn-mic--active:hover{background:#f8d7d4}.form-error{font-size:13px;color:var(--color-danger);font-weight:500}.form-actions{display:flex;gap:12px;margin-top:4px}.lead-list{list-style:none;display:flex;flex-direction:column;gap:10px}.lead-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .15s}.lead-card:hover{box-shadow:var(--shadow-md)}.lead-card-button{display:flex;flex-direction:column;gap:4px;width:100%;padding:14px 16px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.lead-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lead-name{font-size:16px;font-weight:600;color:var(--color-text)}.sync-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.3px;flex-shrink:0}.sync-badge.synced{background:#e6f4ea;color:var(--color-success)}.sync-badge.pending{background:#fef7e0;color:#e37400}.lead-company{font-size:14px;color:var(--color-text-secondary);font-weight:500}.lead-email{font-size:13px;color:var(--color-primary)}.lead-time{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.lead-list-loading,.lead-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.lead-list-empty p:first-child{font-size:16px;font-weight:600;color:var(--color-text)}.lead-list-empty p:last-child{font-size:14px}.lead-list-loading p{font-size:15px;animation:pulse 1.5s ease-in-out infinite}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100dvh;color:var(--color-text-secondary);font-size:16px;animation:pulse 1.5s ease-in-out infinite}.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;background:var(--color-background)}.login-card{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;width:100%;padding:40px 32px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.login-card h1{font-size:28px;font-weight:700;color:var(--color-primary)}.login-card p{font-size:15px;color:var(--color-text-secondary);line-height:1.4}.login-button{width:100%;padding:14px 20px;margin-top:8px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;min-height:48px;transition:background .15s}.login-button:hover{background:var(--color-primary-hover)}.offline-banner{position:sticky;top:0;z-index:20;padding:10px 16px;background:var(--color-warning);color:#3c3000;font-size:13px;font-weight:600;text-align:center;line-height:1.4}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px}.error-boundary-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:360px;width:100%;padding:40px 32px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.error-boundary-card h2{font-size:20px;color:var(--color-danger)}.error-boundary-card p{font-size:14px;color:var(--color-text-secondary);line-height:1.5;word-break:break-word}@supports (padding: env(safe-area-inset-top)){.app-header{padding-top:calc(12px + env(safe-area-inset-top))}.app-main{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}