@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.build-brain-modal{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.build-brain-modal h3{margin:0 0 8px;font-size:20px}.modal-subtitle{margin:0 0 20px;color:#666;font-size:14px}.topics-list{margin-bottom:20px}.topic-item{margin-bottom:8px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.topic-header{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background .2s}.topic-header:hover{background:#f5f5f5}.topic-icon{font-size:20px;margin-right:12px}.topic-label{flex:1;font-weight:500;font-size:14px}.topic-toggle{font-size:20px;color:#666;font-weight:700}.topic-input{width:100%;padding:12px;border:none;border-top:1px solid #e0e0e0;font-size:14px;outline:none;font-family:inherit;resize:none;overflow-y:hidden;min-height:44px}.topic-input:focus{background:#f9f9f9}.relationship-note{margin-bottom:20px}.relationship-note label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.relationship-note textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn,.build-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none}.cancel-btn{background:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0}.build-btn{background:#28a745;color:#fff}.build-btn:hover{background:#218838}.tone-selector{position:relative}.tone-dropdown-button{width:100%;padding:12px 16px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#000;font-weight:500}.tone-dropdown-button:hover{background:#f5f5f5}.dropdown-arrow{color:#666;font-size:16px}.tone-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:4px}.tone-option{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:16px;color:#000;font-weight:500}.tone-option:hover{background:#f5f5f5}.tone-option.selected{background:#dbeafe;color:#1d4ed8}.brain-status-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin:20px 0}.brain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.brain-header h3{margin:0;font-size:18px}.brain-date{font-size:12px;color:#666}.brain-empty p{margin-bottom:16px;color:#666;font-size:14px}.build-brain-button{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.build-brain-button:hover{background:#218838}.brain-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.spinner-large{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.processing-text{margin:0 0 4px;color:#333;font-size:16px;font-weight:600}.processing-subtext{margin:0;color:#999;font-size:13px}.brain-error{padding:12px 0}.brain-error p{color:#dc3545;margin-bottom:12px;font-size:14px}.retry-button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.retry-button:hover{background:#c82333}.brain-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.brain-tag{background:#007bff;color:#fff;padding:4px 12px;border-radius:16px;font-size:13px}.brain-summary{color:#333;font-size:14px;line-height:1.5;margin-bottom:16px}.brain-actions{display:flex;gap:12px}.view-details-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 2px 8px #667eea4d;transition:all .2s}.view-details-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.rebuild-button{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px}.rebuild-button:hover{background:#5a6268}.generate-message-modal{max-width:500px;width:90%}.generate-message-modal h2{margin-bottom:24px;font-size:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.primary-button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.primary-button:hover{background:#0056b3}.draft-message-card{background:#fff;border:2px solid #007bff;border-radius:8px;padding:20px;margin:20px 0}.draft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.draft-header h3{margin:0;font-size:18px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px}.close-button:hover{color:#000}.draft-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-badge{background:#e9ecef;padding:4px 12px;border-radius:16px;font-size:12px;text-transform:capitalize}.draft-options{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.option-button{background:none;border:none;padding:8px 16px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;transition:all .2s}.option-button:hover{background:#f8f9fa}.option-button.active{border-bottom-color:#007bff;color:#007bff;font-weight:500}.draft-content{margin-bottom:16px}.draft-subject{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:12px;font-size:14px}.draft-body{white-space:pre-wrap;line-height:1.6;font-size:14px;padding:12px;background:#f8f9fa;border-radius:6px;min-height:150px}.draft-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;line-height:1.6;resize:vertical}.draft-explanation{margin-top:12px;padding:12px;background:#e7f3ff;border-left:3px solid #007bff;font-size:13px;color:#333}.news-context{margin-top:12px;padding:12px;background:#fff3cd;border-left:3px solid #ffc107;font-size:13px}.news-context ul{margin:8px 0 0;padding-left:20px}.news-context li{margin:4px 0}.draft-actions{display:flex;gap:12px;flex-wrap:wrap}.copy-button,.edit-button,.regenerate-button{padding:10px 16px;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;background:#fff}.copy-button:hover,.edit-button:hover{background:#f8f9fa}.regenerate-button{background:#28a745;color:#fff;border-color:#28a745}.regenerate-button:hover{background:#218838}.view-brain-modal{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.view-brain-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f0f0f0;position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1;border-radius:16px 16px 0 0}.view-brain-modal .modal-header h2{margin:0;font-size:22px;color:#fff;font-weight:600}.view-brain-modal .close-button{background:#fff3;border:none;font-size:20px;cursor:pointer;color:#fff;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-brain-modal .close-button:hover{background:#ffffff4d;transform:scale(1.1)}.brain-content{padding:24px;background:#fafafa}.brain-section{margin-bottom:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}.brain-section h3{margin:0 0 16px;font-size:15px;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.brain-section p{margin:8px 0;line-height:1.7;color:#444;font-size:15px}.brain-section ul{margin:12px 0;padding-left:0;list-style:none}.brain-section li{margin:10px 0;padding-left:24px;position:relative;color:#444;line-height:1.6}.brain-section li:before{content:"•";position:absolute;left:8px;color:#667eea;font-weight:700}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #667eea4d}.user-note{background:linear-gradient(135deg,#fff9e6,#fffbf0);border-left:4px solid #ffc107;padding:20px;border-radius:12px;box-shadow:0 2px 12px #ffc10726}.user-note h3{color:#f57c00!important}.user-note-text{font-style:italic;color:#333;font-weight:500;font-size:15px;line-height:1.7}.user-topic{background:linear-gradient(135deg,#ffc107,#ffb300);color:#333;font-weight:600;box-shadow:0 2px 8px #ffc1074d}.brain-meta{margin-top:20px;padding:16px 20px;background:#fff;border-radius:12px;color:#999;font-size:12px;text-align:center}.integration-provider{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;box-sizing:border-box;width:100%}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.provider-header h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.account-count{font-size:14px;font-weight:500;color:#6b7280}.empty-state{text-align:center;padding:32px 16px}.empty-state p{color:#6b7280;margin-bottom:16px}.accounts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.account-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-sizing:border-box;width:100%}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.account-email{font-size:16px;font-weight:600;color:#1f2937;word-break:break-word;overflow-wrap:break-word}.delete-btn{background:none;border:none;color:#dc2626;font-size:24px;font-weight:700;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.delete-btn:hover{background-color:#fee2e2}.services-list{display:flex;flex-direction:column;gap:8px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.service-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.service-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.service-info{display:flex;align-items:center;gap:12px}.last-sync{font-size:12px;color:#6b7280}.sync-btn{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.sync-btn:hover:not(:disabled){background:#2563eb}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.provider-actions{display:flex;gap:12px;margin-top:16px}.add-account-btn{flex:1;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.add-account-btn:hover:not(:disabled){background:#2563eb}.add-account-btn:disabled{opacity:.6;cursor:not-allowed}.sync-all-btn{flex:1;background:#16a34a;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.sync-all-btn:hover:not(:disabled){background:#15803d}.sync-all-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.provider-actions{flex-direction:column}.service-row{flex-direction:column;align-items:flex-start;gap:8px}.service-info{width:100%;justify-content:space-between}}.sync-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.sync-modal{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 20px #00000026;min-width:300px}.sync-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.sync-modal h3{margin:0 0 .5rem;color:#333}.sync-modal p{margin:0;color:#666}.contact-deletion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.contact-deletion-modal{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.contact-deletion-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.contact-deletion-modal-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.contact-deletion-modal-content{padding:24px}.contact-deletion-modal-content p{margin:0 0 16px;color:#374151;line-height:1.5}.contact-deletion-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.deletion-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.deletion-option-btn:hover{border-color:#3b82f6;background-color:#f8fafc}.deletion-option-btn strong{color:#1f2937;font-size:14px;margin-bottom:4px}.deletion-option-btn span{color:#6b7280;font-size:12px;line-height:1.4}.remove-btn:hover{border-color:#ef4444;background-color:#fef2f2}.remove-btn:hover strong{color:#dc2626}.hide-btn:hover{border-color:#f59e0b;background-color:#fffbeb}.hide-btn:hover strong{color:#d97706}.keep-btn:hover{border-color:#10b981;background-color:#f0fdf4}.keep-btn:hover strong{color:#059669}:root{--font-body: "Inter", system-ui, sans-serif;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-text: #1a1a1a;--color-bg: #FFFFFF;--color-input-border: #d1d5db;--color-box-shadow: rgba(0, 0, 0, .05);font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:2.5em;font-weight:600;color:var(--color-primary);margin-bottom:1rem}a{font-weight:500;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{border-radius:8px;border:none;padding:.75em 1.5em;font-size:1em;font-weight:600;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--color-primary-hover)}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#fff;gap:20px;height:100vh;max-height:100vh;width:100%;max-width:412px;padding:20px 24px 0;margin:0 auto;box-sizing:border-box;overflow:hidden}@media (max-width: 480px){.login-page{padding:12px 16px 0;gap:16px}}.login-header{flex-shrink:0}.logo-container{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;width:255px;height:fit-content;flex-shrink:0}.logo-image{width:80px;height:80px;background-image:url(/BackPocketShield.svg);background-position:center;background-size:cover;flex-shrink:0}.brand-text{display:flex;flex-direction:column;align-items:center;justify-content:start;width:fit-content;height:fit-content}.brand-top{display:flex;flex-direction:row;align-items:start;justify-content:center;width:fit-content;height:fit-content}.back-text{color:#0e1b2a;font-family:Inter,system-ui,sans-serif;font-size:38px;font-weight:700;line-height:100%;text-align:right;white-space:pre-wrap;width:94px;height:61px;display:flex;align-content:center;flex-shrink:0}.crm-text{color:#2d87b8;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:45%;white-space:pre-wrap;transform:rotate(270deg);transform-origin:50% 50%;width:65px;height:46px;flex-shrink:0}.pocket-text{color:#0e1b2a;font-family:Inter,system-ui,sans-serif;font-size:38px;font-weight:700;line-height:5px;white-space:pre-wrap;width:152px;height:48px;flex-shrink:0}.login-form-container,.login-form{display:flex;flex-direction:column;gap:24px;width:100%;align-items:center}.login-form input{display:flex;align-items:center;justify-content:center;background-color:#f2f4f7;border:1px solid #D0D5DD;border-radius:12px;padding:0 16px;width:100%;max-width:360px;height:48px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;color:#656565a6;flex-shrink:0}.login-form input:focus{outline:none;border-color:#d0d5dd}.login-button,.create-account-button{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#e5e5e5,#b8b8b8);border:1px solid #D0D5DD;border-radius:12px;box-shadow:#0003 0 2px 3px;padding:0 16px;width:100%;max-width:360px;height:48px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#000000a6;cursor:pointer;flex-shrink:0}.login-description{font-family:system-ui,sans-serif;font-size:14px;font-weight:400;line-height:120%;text-align:center;color:#000;white-space:pre-wrap;width:100%;max-width:327px;display:flex;align-content:end;flex-shrink:1}@media (max-width: 480px){.login-description{font-size:12px;line-height:110%}}.error-message{color:#dc2626;font-size:.9em;text-align:center;margin-top:.5rem;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.social-login{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:24px;padding-top:12px;width:fit-content;height:fit-content;flex-shrink:0}.social-buttons{display:flex;flex-direction:column;gap:24px}.google-button,.apple-button{background-position:center;background-size:cover;border-radius:6px;flex-shrink:0}.linkedin-btn{width:100%;border-radius:4px;border:none;background:#0a66c2;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #0003}.linkedin-btn:hover{background:#084c93}.linkedin-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;font-weight:700;background:#fff;color:#0a66c2;border-radius:4px;text-transform:lowercase}.logo{width:160px;margin-bottom:1.5rem}.contacts-prompt-container{display:flex;flex-direction:column;gap:24px;width:100%;align-items:center;flex:1}.contacts-prompt-content{text-align:center;max-width:360px}.contacts-prompt-title{font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:700;color:#0e1b2a;margin:0 0 16px;line-height:120%}.contacts-prompt-description{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;color:#656565;line-height:140%;margin:0;text-align:center}.contacts-prompt-buttons{display:flex;flex-direction:column;gap:16px;width:100%;align-items:center}.contacts-yes-button{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#4285f4,#3367d6);border:1px solid #3367d6;border-radius:12px;box-shadow:#0003 0 2px 3px;padding:0 16px;width:100%;max-width:360px;height:48px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0}.contacts-yes-button:hover:not(:disabled){background-image:linear-gradient(180deg,#3367d6,#2851a3)}.contacts-yes-button:disabled{opacity:.6;cursor:not-allowed}.sync-result{padding:12px;border-radius:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;text-align:center;max-width:360px}.sync-result.success{background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.sync-result.error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.contacts-no-button{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#e5e5e5,#b8b8b8);border:1px solid #D0D5DD;border-radius:12px;box-shadow:#0003 0 2px 3px;padding:0 16px;width:100%;max-width:360px;height:48px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#000000a6;cursor:pointer;flex-shrink:0}.dont-ask-again-container{display:flex;justify-content:center;width:100%;max-width:360px}.dont-ask-again-label{display:flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#656565;cursor:pointer}.dont-ask-again-checkbox{width:16px;height:16px;cursor:pointer}.contacts-prompt-footer{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:120%;text-align:center;color:#656565;max-width:327px;margin-top:auto}.integrations-section{display:flex;flex-direction:column;gap:20px;width:100%;max-width:360px}.integration-item{border:1px solid #E5E7EB;border-radius:12px;padding:16px;background:#f9fafb}.integration-item h3{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:600;color:#0e1b2a;margin:0 0 8px}.integration-item p{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#656565;margin:0 0 12px;line-height:140%}.integration-button{display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#4285f4,#3367d6);border:1px solid #3367d6;border-radius:8px;box-shadow:#0003 0 2px 3px;padding:0 16px;width:100%;height:40px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0}.integration-button:hover:not(:disabled){background-image:linear-gradient(180deg,#3367d6,#2851a3)}.integration-button:disabled{opacity:.6;cursor:not-allowed}.integration-button.synced{background-image:linear-gradient(180deg,#16a34a,#15803d);border-color:#15803d}.integration-button.synced:hover{background-image:linear-gradient(180deg,#15803d,#166534)}.app-header{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;padding:25px 20px 0;width:100%;box-sizing:border-box;flex-shrink:0}.header-logo{display:flex;flex-direction:row;align-items:center;gap:5px}.header-logo-image{width:60px;height:60px;background-image:url(/BackPocketShield.svg);background-position:center;background-size:cover;flex-shrink:0}.header-brand-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.header-brand-main{color:#0e1b2a;font-family:Inter,system-ui,sans-serif;font-size:35px;font-weight:700;line-height:100%;white-space:pre}.header-brand-sub{color:#2d87bb;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:.05em;line-height:20px;white-space:pre}.header-menu{display:flex;flex:1;justify-content:end;align-items:center}.hamburger-button{background:none!important;border:none;cursor:pointer;padding:8px}.hamburger-button:hover{background:none!important}.hamburger-icon{width:52px;height:50px;background-position:center;background-size:contain;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:6px;background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA0MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNSIgeT0iMTUiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzIiBmaWxsPSIjMEUxQjJBIi8+CjxyZWN0IHg9IjUiIHk9IjI0IiB3aWR0aD0iMzAiIGhlaWdodD0iMyIgZmlsbD0iIzBFMUIyQSIvPgo8cmVjdCB4PSI1IiB5PSIzMyIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMiIGZpbGw9IiMwRTFCMkEiLz4KPC9zdmc+)}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.dropdown-menu{position:fixed;top:60px;right:20px;background:#fff;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1001;min-width:120px}.menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#0e1b2a}.menu-item:hover{background-color:#f2f4f7}.app-container{min-height:100vh;width:100%;max-width:100%;margin:0 auto;background-color:#fff;box-sizing:border-box}.app-container.admin{max-width:100%;margin:0}.app-content{padding:0;box-sizing:border-box;max-width:600px;margin:0 auto}.app-content.dashboard-page{padding:8px 24px}.app-content h1{font-size:1.5em;font-weight:600;color:#0e1b2a;margin:0 0 1rem;word-break:break-word;overflow-wrap:break-word;line-height:1.3}.app-content p{font-size:14px;line-height:1.4;color:#374151;margin:.5rem 0}.app-content h3{font-size:1.2em;font-weight:600;color:#0e1b2a;margin:1.5rem 0 1rem}@media (max-width: 480px){.app-container{padding:0}.app-content{padding:12px}.app-content h1{font-size:1.3em}.app-content p{font-size:13px}.app-content h3{font-size:1.1em}.app-header{padding:16px 16px 0}.header-brand-main{font-size:28px}.header-brand-sub{font-size:16px}.header-logo-image{width:50px;height:50px}}.contact-form{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;border:1px solid #D0D5DD;padding:16px;border-radius:12px;background-color:#f9fafb}.contact-label{display:flex;flex-direction:column;gap:4px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500;color:#374151}.contact-input{background-color:#f2f4f7;border:1px solid #D0D5DD;border-radius:8px;padding:12px 16px;width:100%;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;color:#374151}.contact-input:focus{outline:none;border-color:#646cff;background-color:#fff}.contact-submit-button{background-image:linear-gradient(180deg,#646cff,#535bf2);border:1px solid #535bf2;border-radius:8px;padding:12px 16px;width:100%;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;box-sizing:border-box}.contact-submit-button:hover{background-image:linear-gradient(180deg,#535bf2,#4338ca)}.contact-item{display:flex;justify-content:space-between;align-items:flex-start;border:1px solid #eee;padding:12px;margin-bottom:8px;border-radius:8px;background-color:#f9f9f9}.contact-info p{margin:4px 0}.delete-button{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;margin-left:12px}.delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;border-radius:12px;padding:24px;max-width:320px;width:90%;text-align:center;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto}@media (max-width: 768px){.delete-overlay{align-items:flex-start;padding-top:20px}.delete-modal{margin-top:0;transform:none;position:relative;max-height:calc(100vh - 40px)}.delete-overlay.keyboard-open{align-items:flex-start;padding-top:10px;justify-content:flex-start}.delete-overlay.keyboard-open .delete-modal{max-height:50vh;margin-top:0;position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1001}@media (max-height: 500px){.delete-overlay{align-items:flex-start;padding-top:5px;justify-content:flex-start}.delete-modal{max-height:calc(100vh - 10px);margin-top:0;position:fixed;top:5px;left:50%;transform:translate(-50%);z-index:1001}}@media (max-height: 400px){.delete-overlay{padding-top:2px}.delete-modal{max-height:calc(100vh - 4px);top:2px;padding:16px}.delete-modal h3{font-size:16px;margin-bottom:8px}.delete-modal p{font-size:13px;margin-bottom:12px}}}.delete-modal h3{margin:0 0 12px;color:#dc2626;font-size:18px}.delete-modal p{margin:0 0 20px;color:#374151;line-height:1.4}.delete-buttons{display:flex;gap:12px;justify-content:center}.cancel-button{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-weight:500;cursor:pointer}.cancel-button:hover{background-color:#e5e7eb}.confirm-delete-button{background-color:#dc2626;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:500;cursor:pointer}.confirm-delete-button:hover{background-color:#b91c1c}.tags-section{margin-top:16px}.tags-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#374151}.tag-input-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.tag-input{flex:1;background-color:#f2f4f7;border:1px solid #D0D5DD;border-radius:6px;padding:8px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#374151}.tag-input:focus{outline:none;border-color:#646cff;background-color:#fff}.contact-sources{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.source-badge{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.source-google{background-color:#e3f2fd;color:#1565c0}.source-apple{background-color:#f3e5f5;color:#7b1fa2}.source-manual{background-color:#e8f5e8;color:#2e7d32}.contact-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tag{background-color:#e0e7ff;color:#3730a3;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.contact-actions{display:flex;flex-direction:column;gap:8px;margin-left:12px}.message-contact-button{background-color:#16a34a;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.edit-button{background-color:#2563eb;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.edit-button:hover{background-color:#1d4ed8}.edit-form{width:100%}.edit-inputs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.edit-buttons{display:flex;gap:8px}.save-button{background-color:#16a34a;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.save-button:hover{background-color:#15803d}.email-count{color:#059669;font-size:13px;font-weight:500;margin:4px 0}.dashboard-page{display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#fff;gap:24px;width:100%;max-width:412px;padding:8px 24px;margin:0 auto;box-sizing:border-box}.dashboard-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding:0;width:100%;box-sizing:border-box}.dashboard-logo{display:flex;align-items:center;gap:12px;flex:1}.dashboard-logo-image{width:60px;height:60px;background-image:url(/BackPocketShield.svg);background-position:center;background-size:cover;flex-shrink:0}.dashboard-brand-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dashboard-brand-main{color:#0e1b2a;font-family:Inter,system-ui,sans-serif;font-size:35px;font-weight:700;line-height:100%;white-space:pre}.dashboard-brand-sub{color:#2d87bb;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;letter-spacing:.05em;line-height:20px;white-space:pre}.dashboard-menu{display:flex;justify-content:flex-end;align-items:center}.dashboard-divider{align-self:stretch;background-color:#e5e7eb;height:1px;width:auto;flex-shrink:0}.dashboard-welcome{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:327px;margin-top:40px}@media (max-width: 480px){.dashboard-welcome{margin-top:20px}}.welcome-title{align-self:stretch;color:#000;font-family:Inter,system-ui,sans-serif;font-size:32px;font-weight:600;line-height:120%;word-wrap:break-word;margin-top:40px;margin-bottom:5px}.welcome-subtitle{color:#000;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:500;line-height:150%;white-space:pre;margin-bottom:20px}@media (max-width: 480px){.welcome-subtitle{margin-bottom:12px}}.dashboard-stats{position:relative;height:260px;width:100%;max-width:380px}.stats-grid{display:flex;flex-direction:column;gap:20px;width:100%;max-width:373px}.stats-row{display:flex;align-items:center;gap:20px;width:100%}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1px solid #D0D5DD;border-radius:12px;box-shadow:#0000001a 0 8px 16px;gap:4px;height:120px;padding:12px;flex:1;min-width:0;cursor:pointer;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#000;font-family:Inter,system-ui,sans-serif;font-size:38px;font-weight:800;line-height:95%;white-space:pre}.stat-label{color:#000;font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:500;line-height:95%;white-space:pre}.add-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;padding:0;background-color:#fff;border-radius:50%;border:1px solid #D0D5DD;color:#16a34a;font-family:Inter,system-ui,sans-serif;font-size:56px;font-weight:600;line-height:72px;display:flex;align-items:center;justify-content:center;box-shadow:#0000001a 0 8px 16px;cursor:pointer;transition:transform .2s}.add-button:hover{transform:scale(1.05)}.dashboard-actions{display:flex;flex-direction:column;gap:0;padding:20px 0 0;margin-top:40px;margin-bottom:0;width:100%;max-width:300px}.action-button{display:flex;align-items:center;justify-content:center;border:1px solid #D0D5DD;box-shadow:#0003 0 2px 3px;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;white-space:pre;cursor:pointer;margin-bottom:8px}.action-button.primary{background-color:#16a34a;border-radius:30px;color:#fff;height:80px;padding:0 16px;align-self:stretch}.action-button.secondary{background-color:transparent;border:none;color:#6b7280;height:80px;padding:0 16px;align-self:stretch;white-space:pre-line;cursor:default;box-shadow:none}.time-filter{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;width:100%;max-width:340px;margin-top:20px;margin-bottom:0}@media (max-width: 480px){.time-filter{margin-top:12px}}.filter-button{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #D0D5DD;border-radius:24px;height:48px;padding:0 16px;width:100%;max-width:300px;cursor:pointer;box-shadow:#0000001a 0 8px 16px}.filter-button:hover{background-color:#2563eb;border-color:#2563eb}.filter-button:hover .filter-text{color:#fff}.filter-button:hover .filter-icon:before{color:#fff}.filter-content{display:flex;align-items:center;flex:1}.filter-spacer{flex:1}.filter-text{color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;text-align:center;white-space:nowrap}.filter-icon{flex:1;display:flex;align-items:center;justify-content:flex-end;background-color:transparent;width:auto;height:auto}.filter-icon:before{content:"▾";font-size:16px;color:#6b6f76}.login-divider{display:flex;align-items:center;margin:20px 0 8px;width:100%}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:#d1d5db}.login-divider-text{padding:0 16px;color:#374151;font-size:16px;font-weight:700;text-transform:uppercase}.coming-soon-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.coming-soon-content{background:#fff;border-radius:12px;padding:24px;margin:16px;max-width:300px;text-align:center;box-shadow:0 10px 25px #0003}.coming-soon-title{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:600;color:#0a66c2;margin:0 0 8px}.coming-soon-message{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#666;margin:0 0 20px;line-height:1.4}.coming-soon-button{background-color:#0a66c2;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.coming-soon-button:hover{background-color:#084c93}@media (max-width: 480px){.dashboard-page{padding:4px 16px;gap:20px}.dashboard-header{padding:0}.dashboard-brand-main{font-size:28px}.dashboard-brand-sub{font-size:16px}.dashboard-logo-image{width:50px;height:50px}.dashboard-logo{gap:8px}.dashboard-menu{margin-left:8px}.dashboard-welcome{width:100%;max-width:327px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}.dashboard-stats{width:100%;max-width:380px;height:auto}.stats-grid{width:100%}.stats-row{gap:12px}.stat-number{font-size:32px}.stat-label{font-size:20px}.dashboard-actions{width:100%;max-width:300px;padding:20px 0 0}.action-button{font-size:18px}.action-button.primary{height:70px}.action-button.secondary{height:70px;font-size:16px}.time-filter{width:100%;max-width:340px}.filter-button{width:100%;max-width:300px}.filter-text{font-size:18px}}.modal-content{background:#fff;border-radius:12px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.modal-body{padding:20px}.quick-contact-form{display:flex;flex-direction:column;gap:16px}.quick-input{background-color:#f2f4f7;border:1px solid #D0D5DD;border-radius:8px;padding:12px 16px;width:100%;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;color:#374151}.quick-input:focus{outline:none;border-color:#646cff;background-color:#fff}.quick-submit-button{background-image:linear-gradient(180deg,#16a34a,#15803d);border:none;border-radius:8px;padding:12px 16px;width:100%;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#fff;cursor:pointer;box-sizing:border-box}.quick-submit-button:hover{background-image:linear-gradient(180deg,#15803d,#166534)}.delete-all-button{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer}.delete-all-button:hover{background-color:#b91c1c}.time-filter{position:relative}.time-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #D0D5DD;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:4px}.dropdown-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:16px;color:#000;font-weight:500}.dropdown-item:hover{background-color:#f2f4f7}.dropdown-item.active{background-color:#2563eb;color:#fff}.dont-lose-page{display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#fff;gap:15px;min-height:calc(100vh - 80px);width:100%;max-width:412px;padding:24px;margin:0 auto;box-sizing:border-box}.dont-lose-title-section{display:flex;flex-direction:column;align-items:start;gap:0;width:100%;max-width:340px;padding:5px 0 0}.warm-up-title{align-self:stretch;color:#000;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:120%;white-space:pre-wrap}.main-question{align-self:stretch;color:#000;font-family:Inter,system-ui,sans-serif;font-size:35px;font-weight:700;line-height:150%;text-align:center;white-space:pre-wrap}.time-description{align-self:stretch;color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:150%;text-align:center;white-space:pre-wrap}.contact-image-section{position:relative;height:350px;width:100%;max-width:380px}.contact-background-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:360px;background-image:url(/PlainIceBlock.png);background-position:center;background-size:contain;background-repeat:no-repeat}.contact-profile-circle{position:absolute;top:50%;left:calc(50% - 5px);transform:translate(-50%,-50%);width:100px;height:100px;background-color:transparent;border-radius:50%}.contact-profile-image{position:absolute;top:50%;left:calc(50% - 5px);transform:translate(-50%,-50%);width:140px;height:140px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:50%;overflow:hidden;background-color:transparent}.contact-info-section{display:flex;flex-direction:column;align-items:center;gap:10px}.contact-name{color:#000;font-family:Inter,system-ui,sans-serif;font-size:35px;font-weight:700;line-height:150%;text-align:center;white-space:pre}.contact-title{color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:44px;text-align:center;text-shadow:rgba(68,68,68,.2) 0px 2px 3px;border-radius:16px;width:299px;max-width:100%}.dont-lose-actions{display:flex;flex-direction:column;gap:15px;width:100%;max-width:300px;padding:10px 0 0}.message-button{display:flex;align-items:center;justify-content:center;background-color:#16a34a;border:1px solid #D0D5DD;border-radius:30px;box-shadow:#0003 0 2px 3px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;height:60px;padding:0 16px;cursor:pointer;transition:background-color .2s}.message-button:hover{background-color:#15803d}.snooze-button{display:flex;align-items:center;justify-content:center;background-color:#ddd;border:1px solid #D0D5DD;border-radius:30px;box-shadow:#0003 0 2px 3px;color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;height:60px;padding:0 16px;cursor:pointer;transition:background-color .2s}.snooze-button:hover{background-color:#ccc}@media (max-width: 480px){.dont-lose-page{padding:16px;gap:12px}.dont-lose-title-section{max-width:100%}.warm-up-title{font-size:24px}.main-question{font-size:28px}.time-description{font-size:18px}.contact-image-section{height:280px;max-width:100%}.contact-background-image{width:250px;height:280px}.contact-profile-circle{top:50%;left:calc(50% - 5px);transform:translate(-50%,-50%);width:80px;height:80px}.contact-profile-image{top:50%;left:calc(50% - 5px);transform:translate(-50%,-50%);width:115px;height:115px}.contact-name{font-size:28px}.contact-title{font-size:18px;width:100%}.dont-lose-actions{max-width:100%}.message-button,.snooze-button{font-size:18px;height:50px}}.snooze-options{display:flex;flex-direction:column;gap:12px;padding:20px}.snooze-option-button{display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #D1D5DB;border-radius:8px;color:#374151;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:500;height:48px;padding:0 16px;cursor:pointer;transition:all .2s}.snooze-option-button:hover{background-color:#e5e7eb;border-color:#9ca3af}.snooze-option-button.forever{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.snooze-option-button.forever:hover{background-color:#fde68a}.snooze-option-button.cancel{background-color:#fff;border-color:#d1d5db;color:#6b7280}.snooze-option-button.cancel:hover{background-color:#f9fafb}.contact-name-row{display:flex;align-items:center;gap:8px}.snooze-icon-button{background:none;border:none;font-size:16px;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s}.snooze-icon-button:hover{background-color:#f3f4f6}.unsnooze-info{padding:20px;text-align:center}.unsnooze-info p{margin-bottom:20px;color:#6b7280;font-size:14px}.unsnooze-actions{display:flex;flex-direction:column;gap:12px}.unsnooze-button{background-color:#16a34a;border:1px solid #16A34A;border-radius:8px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:500;height:48px;cursor:pointer;transition:background-color .2s}.unsnooze-button:hover{background-color:#15803d}.unsnooze-cancel-button{background-color:#fff;border:1px solid #D1D5DB;border-radius:8px;color:#6b7280;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:500;height:48px;cursor:pointer;transition:all .2s}.unsnooze-cancel-button:hover{background-color:#f9fafb}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-bottom:1px solid #E5E7EB;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out;display:flex;align-items:center;justify-content:space-between;padding:12px 8px;max-width:600px;margin:0 auto}.app-header.visible{transform:translateY(0)}.app-header.hidden{transform:translateY(-100%)}.header-logo{display:flex;align-items:center;gap:12px}.header-logo-image{width:55px;height:55px;background-image:url(/BackPocketShield.svg);background-position:center;background-size:cover;flex-shrink:0}.header-brand-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}.header-brand-main{color:#0e1b2a;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:700;line-height:100%;pointer-events:none}.header-brand-sub{color:#2d87bb;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;line-height:14px;pointer-events:none}.header-menu{display:flex;align-items:center}.app-content{padding-top:80px}@media (max-width: 480px){.app-header{padding:8px 16px}.header-logo{gap:8px}.header-logo-image{width:45px;height:45px}.header-brand-main{font-size:24px}.header-brand-sub{font-size:12px}.app-content{padding-top:70px}}.message-page{display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#fff;gap:12px;min-height:100vh;width:100%;max-width:350px;padding:100px 12px 12px;margin:0 auto;box-sizing:border-box}.message-title-section{display:flex;flex-direction:column;align-items:start;gap:20px;width:100%;max-width:100%;padding:5px 0 0}.message-title{align-self:stretch;color:#000;font-family:Inter,system-ui,sans-serif;font-size:28px;font-weight:600;line-height:120%;white-space:pre-wrap}.message-subtitle{text-align:center;align-self:center;width:100%}.message-contact-card{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #D0D5DD;border-radius:12px;box-shadow:#0003 0 15px 15px;gap:5px;padding:8px 12px 8px 8px;width:100%;margin-bottom:20px}.contact-card-row{display:flex;flex-direction:row;align-items:center;gap:4px;width:100%;position:relative}.contact-card-ice{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:45px;height:45px;background-image:url(/small-ice-cube.png);background-size:contain;background-repeat:no-repeat;background-position:center}.contact-card-image{width:90px;height:90px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:8px;flex-shrink:0}.contact-card-info{display:flex;flex-direction:column;align-items:start;flex:1;padding-left:8px}.contact-card-name{color:#000;font-family:Inter,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:150%;white-space:pre-wrap}.contact-card-title{color:#000;font-family:system-ui,sans-serif;font-size:16px;font-weight:400;line-height:150%;white-space:pre-wrap}.contact-card-company{color:#000;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:150%;white-space:pre-wrap}.ai-message-section{display:flex;flex-direction:column;align-items:center;height:360px;width:100%}.ai-suggestion-label{color:#000;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:500;line-height:150%;text-shadow:rgba(68,68,68,.2) 0px 2px 3px;text-align:center;padding:15px 0 5px;width:100%;max-width:280px}.ai-message-box{display:flex;flex-direction:column;align-items:center;background-color:#ddd;border-radius:20px;gap:0;height:220px;padding:8px;width:100%;margin:20px 0}.ai-message-text{color:#000;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:150%;white-space:pre-wrap;padding:30px 5px;flex:1;display:flex;align-items:center}.message-details{color:#0009;font-family:Inter,system-ui,sans-serif;font-size:18px;font-style:italic;font-weight:500;line-height:150%;white-space:pre-wrap;word-wrap:break-word;text-align:center;padding-top:10px;max-width:100%;overflow-wrap:break-word}.message-actions{display:flex;flex-direction:column;gap:20px;width:100%;padding:8px 0 0;margin-top:20px}.send-button{display:flex;align-items:center;justify-content:center;background-color:#16a34a;border:1px solid #D0D5DD;border-radius:30px;box-shadow:#0003 0 2px 3px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;height:80px;padding:0 16px;align-self:stretch;cursor:pointer;transition:background-color .2s}.send-button:hover{background-color:#15803d}.advanced-button{display:flex;align-items:center;justify-content:center;background-color:#2563eb;border:1px solid #2563eb;border-radius:30px;box-shadow:#0003 0 2px 3px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:120%;height:80px;padding:0 16px;align-self:stretch;cursor:pointer;transition:background-color .2s}.advanced-button:hover{background-color:#1d4ed8}.send-options-modal{background:#fff;border-radius:12px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.send-options{display:flex;flex-direction:column;gap:12px}.send-option-button{display:flex;align-items:center;gap:16px;background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.send-option-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.option-icon{font-size:24px;flex-shrink:0}.option-details{flex:1}.option-title{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.option-subtitle{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:#6b7280;margin:0}.email-option:hover{background-color:#eff6ff;border-color:#3b82f6}.text-option:hover{background-color:#f0fdf4;border-color:#10b981}.no-options{text-align:center;padding:20px;color:#6b7280;font-family:Inter,system-ui,sans-serif;font-size:14px}.modal-actions{padding:16px 20px;border-top:1px solid #E5E7EB;display:flex;justify-content:center}@media (max-width: 480px){.message-page{padding:80px 8px 8px;gap:8px;max-width:100vw}.message-title{font-size:20px}.message-contact-card{padding:6px 8px 6px 6px}.contact-card-image{width:90px;height:90px}.contact-card-name{font-size:16px}.contact-card-title{font-size:12px}.contact-card-company{font-size:13px}.ai-message-section{height:310px}.ai-suggestion-label{font-size:12px;padding:10px 0 5px}.ai-message-box{height:180px;padding:6px;border-radius:16px}.ai-message-text{font-size:14px;padding:2px}.message-details{font-size:11px;padding-top:6px;white-space:pre-wrap;word-wrap:break-word}.send-button,.advanced-button{font-size:18px;height:70px}.send-options-modal{max-width:350px}.send-option-button{padding:12px;gap:12px}.option-icon{font-size:20px}.option-title{font-size:14px}.option-subtitle{font-size:12px}}.admin-navbar{display:flex;justify-content:space-between;align-items:center;background-color:#1f2937;color:#fff;padding:12px 24px;box-shadow:0 2px 4px #0000001a}.admin-nav-left{display:flex;align-items:center;gap:12px}.admin-logo{width:32px;height:32px;filter:brightness(0) invert(1)}.admin-title{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:600}.admin-nav-right{display:flex;align-items:center;gap:16px}.admin-user{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#d1d5db}.admin-signout-btn{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer}.admin-signout-btn:hover{background-color:#b91c1c}.admin-back-btn{background-color:#374151;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer}.admin-back-btn:hover{background-color:#4b5563}.admin-content{padding:24px;max-width:100%;margin:0}.admin-content h1{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;box-shadow:0 1px 3px #0000001a}.stat-number{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:8px}.stat-label{font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.admin-actions{display:flex;gap:16px;margin-bottom:32px}.admin-action-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.admin-action-btn:hover{background-color:#2563eb}.admin-users-container{display:grid;grid-template-columns:500px 1fr;gap:32px;height:calc(100vh - 200px)}.admin-users-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;overflow-y:auto}.admin-users-list h2{margin:0 0 16px;font-size:20px;font-weight:600;color:#1f2937}.admin-user-card{border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.admin-user-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.admin-user-card.selected{border-color:#3b82f6;background-color:#eff6ff}.user-info{flex:1}.user-id{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.user-email{font-size:12px;color:#6b7280;margin-bottom:4px}.user-stats{font-size:14px;color:#6b7280;margin-bottom:4px}.snoozed-count{color:#f59e0b;font-weight:500}.last-activity{font-size:12px;color:#9ca3af}.user-actions{display:flex;gap:8px;margin-top:8px}.clear-snoozes-btn{background-color:#f59e0b;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.clear-snoozes-btn:hover{background-color:#d97706}.admin-contacts-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;overflow-y:auto}.admin-contacts-panel h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.admin-contacts-list{display:flex;flex-direction:column;gap:12px}.admin-contact-item{display:flex;justify-content:space-between;align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background-color:#f9fafb}.contact-info{flex:1}.contact-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.contact-details{font-size:14px;color:#6b7280;margin-bottom:4px}.snooze-info{font-size:12px;color:#f59e0b;font-weight:500}.delete-contact-btn{background-color:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.delete-contact-btn:hover{background-color:#b91c1c}.admin-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#6b7280}.user-details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.user-details-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.user-attributes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attribute-item{display:flex;flex-direction:column;gap:4px}.attr-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.attr-value{font-size:14px;font-weight:500;color:#1f2937}.user-attributes{margin-top:8px}.user-attributes small{color:#9ca3af;font-size:11px}.back-button{background:none;border:none;color:#3b82f6;font-size:16px;font-weight:500;cursor:pointer;padding:8px 0}.back-button:hover{color:#2563eb;text-decoration:underline}.contact-detail-back-button{background-color:#6b7280;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.contact-detail-back-button:hover{background-color:#4b5563}.contact-detail{max-width:600px;margin:0 auto;padding:0 16px;box-sizing:border-box}.contact-detail .contact-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.contact-detail .contact-info h1{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 20px;line-height:1.2}.contact-detail .contact-info p{font-size:16px;line-height:1.6;color:#374151;margin:12px 0;padding:4px 0}.contact-detail .contact-info p strong{color:#1f2937;font-weight:600}.contact-detail .contact-sources{margin:16px 0 24px}.contact-detail .contact-tags{margin:20px 0}.contact-detail .contact-actions{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto;padding:0 16px;box-sizing:border-box}.contact-detail .contact-actions button{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.message-contact-button{background-color:#16a34a;color:#fff}.message-contact-button:hover{background-color:#15803d}.edit-button{background-color:#3b82f6;color:#fff}.edit-button:hover{background-color:#2563eb}.delete-button{background-color:#dc2626;color:#fff}.delete-button:hover{background-color:#b91c1c}@media (max-width: 768px){.contact-detail .contact-info{padding:24px 20px;margin:0 8px 20px}.contact-detail .contact-info h1{font-size:28px}.contact-detail .contact-info p{font-size:15px;margin:10px 0}.contact-detail,.contact-detail .contact-actions{padding:0 8px}}.nearby-header{text-align:center;margin-bottom:24px}.nearby-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:16px 0 8px}.nearby-header p{color:#6b7280;font-size:16px;margin:4px 0}.nearby-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.sort-controls{display:flex;align-items:center;gap:8px}.sort-controls label{font-size:14px;font-weight:500;color:#374151}.sort-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:16px;height:16px}.nearby-contact{cursor:pointer;transition:background-color .2s}.nearby-contact:hover{background-color:#f3f4f6}.contact-location{font-size:14px;color:#6b7280;margin-top:4px}.no-location{color:#dc2626;font-style:italic}@media (max-width: 768px){.nearby-controls{flex-direction:column;gap:12px;align-items:stretch}.sort-controls,.filter-controls{justify-content:center}}@media (max-width: 1024px){.admin-users-container{grid-template-columns:1fr;height:auto}.admin-content{max-width:1200px;margin:0 auto}}@media (max-width: 768px){.user-attributes-grid{grid-template-columns:1fr}.admin-contacts-panel{max-height:400px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-actions{flex-direction:column}.admin-content{padding:16px}.admin-navbar{padding:8px 16px}.admin-title{font-size:16px}}.profile-header{text-align:center;margin-bottom:32px}.profile-header h1{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.profile-header p{color:#6b7280;font-size:16px}.account-info-section{width:100%;margin:0 0 32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-sizing:border-box}.account-info-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-info-item{display:flex;flex-direction:column;gap:6px}.account-info-item label{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#374151}.readonly-field{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#64748b;font-weight:500}.integrations-section{width:100%;margin:0 0 32px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-sizing:border-box}.integrations-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 20px}.integration-item{border:1px solid #f3f4f6;border-radius:8px;padding:20px;background:#fafbfc;margin-bottom:16px}.integration-item:last-child{margin-bottom:0}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.integration-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.integration-info p{margin:0;font-size:14px;color:#6b7280}.sync-status{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px}.sync-status.connected{background:#dcfce7;color:#166534}.sync-status.not-synced{background:#fef3c7;color:#92400e}.integration-controls{display:flex;gap:16px;align-items:flex-end}.sync-frequency{flex:1}.sync-frequency label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.frequency-select{width:100%;background-color:#fff;border:1px solid #6B6F76;border-radius:999px;padding:12px 16px;font-size:16px;font-weight:600;color:#000;font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 10px #00000014;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%236B6F76" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.frequency-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.frequency-select option{padding:12px 16px;font-size:16px;font-family:Inter,system-ui,sans-serif;font-weight:500;color:#000;background-color:#fff;border:none;line-height:1.5}.frequency-select option:hover{background-color:#f2f4f7;color:#000}.frequency-select option:checked{background-color:#dbeafe;color:#1d4ed8;font-weight:600}.sync-button{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.sync-button:hover:not(:disabled){background-color:#2563eb}.sync-button:disabled{opacity:.6;cursor:not-allowed}.profile-form{width:100%;margin:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-field label{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#374151}.profile-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-family:Inter,system-ui,sans-serif;font-size:16px;color:#1f2937;transition:border-color .2s,background-color .2s}.profile-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.profile-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.save-profile-btn{background-color:#16a34a;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.save-profile-btn:hover:not(:disabled){background-color:#15803d}.save-profile-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-btn:hover{background-color:#e5e7eb}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#6b7280}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.profile-form{padding:24px;margin:0 16px}.profile-actions{flex-direction:column}.account-info-section{margin:0 16px 32px;padding:20px}.account-info-grid{grid-template-columns:1fr}.integrations-section{margin:0 16px 32px;padding:20px;max-width:calc(100vw - 32px)}.integration-header{flex-direction:column;align-items:flex-start;gap:8px}.integration-controls{flex-direction:column;align-items:stretch;gap:12px}.sync-frequency{width:100%}.frequency-select{width:100%;box-sizing:border-box}}.spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}select option{padding:12px 16px;font-size:16px;font-family:Inter,system-ui,sans-serif;font-weight:500;color:#374151;background-color:#fff;border:none;line-height:1.5}select option:hover{background-color:#f3f4f6;color:#1f2937}select option:checked{background-color:#3b82f6;color:#fff;font-weight:600}select option:checked{background:#3b82f6 linear-gradient(0deg,#3b82f6,#3b82f6)}@-moz-document url-prefix(){select option{padding:8px 12px}select option:hover{background-color:#f3f4f6!important}select option:checked{background-color:#3b82f6!important;color:#fff!important}}.nearby-header{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.nearby-header h1{margin:0;font-size:24px;font-weight:600;color:#000}.nearby-header p{margin:0;font-size:14px;color:#6b7280}.back-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;padding:4px 0;margin-bottom:8px;text-align:left}.back-button:hover{text-decoration:underline}.nearby-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.search-filter{width:100%;max-width:300px}.search-input{width:100%;background-color:#fff;border:1px solid #D0D5DD;border-radius:24px;height:48px;padding:0 16px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;color:#000;box-shadow:#0000001a 0 8px 16px;box-sizing:border-box}.search-input:focus{outline:none;border-color:#2563eb}.search-input::placeholder{color:#6b7280;font-weight:400}.sort-filter{display:flex;flex-direction:column;align-items:center;padding:0;width:100%;max-width:300px}.sort-button{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #D0D5DD;border-radius:24px;height:48px;padding:0 16px;width:100%;cursor:pointer;box-shadow:#0000001a 0 8px 16px}.sort-content{display:flex;align-items:center;flex:1}.sort-spacer{flex:1}.sort-select{background:transparent;border:none;color:#000;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:120%;text-align:center;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sort-icon{flex:1;display:flex;align-items:center;justify-content:flex-end;background-color:transparent;width:auto;height:auto}.sort-icon:before{content:"▾";font-size:16px;color:#6b6f76}.sort-select option{background-color:#fff;color:#000;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;padding:12px 16px;border:none}.sort-select option:hover{background-color:#f3f4f6}.sort-select option:checked{background-color:#e5e7eb;font-weight:700}.filter-controls{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151;cursor:pointer}.nearby-stats{margin-bottom:16px;font-size:14px;color:#6b7280}.nearby-contact{border-bottom:1px solid #e5e7eb;padding:12px 0}.nearby-contact:last-child{border-bottom:none}.contact-location{font-size:13px;color:#6b7280;margin-top:4px}.distance{color:#059669;font-weight:500}.no-location{color:#dc2626}.no-contacts{text-align:center;padding:40px 20px;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a}.modal-content h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#000}.location-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.location-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:Inter,system-ui,sans-serif}.location-input:focus{outline:none;border-color:#2563eb}.location-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.distance-loading{color:#6b7280;font-weight:500}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #6b7280;border-radius:50%;animation:spin 1s linear infinite;margin-left:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}