:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.app{min-height:100vh;width:100vw;background:#f8f9fa}.landing-page{background:#fff;min-height:100vh;width:100vw}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #e5e7eb}.logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.25rem;color:#111827}.logo-icon{width:24px;height:24px;background:#111827;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.nav{display:flex;gap:2rem}.nav-link{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#111827}.header-actions{display:flex;gap:1rem}.btn-primary{background:#111827;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#374151}.btn-secondary{background:#fff;color:#111827;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.hero{text-align:center;padding:4rem 2rem;width:100%}.announcement-banner{display:inline-flex;align-items:center;gap:.5rem;background:#374151;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;margin-bottom:2rem}.new-tag{background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.hero-title{font-size:3.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;width:100%}.hero-actions{display:flex;gap:1rem;justify-content:center}.product-interface{padding:2rem;background:#f8f9fa;width:100%}.interface-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;min-height:600px;width:100%}.sidebar{width:250px;border-right:1px solid #e5e7eb;padding:1.5rem}.search-bar{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;color:#6b7280}.shortcut{background:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;color:#6b7280;font-weight:500;transition:all .2s}.nav-item:hover{background:#f3f4f6;color:#111827}.main-content{flex:1;padding:1.5rem}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.tab.active{background:#111827;color:#fff;border-color:#111827}.controls-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.control{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-size:.875rem;color:#6b7280}.control-group{display:flex;gap:.5rem;margin-left:auto}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.control-btn:hover{background:#f9fafb}.collaboration{display:flex;align-items:center;gap:.5rem}.avatars{display:flex;gap:-.5rem}.avatar{width:32px;height:32px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid white;margin-left:-.5rem}.add-btn,.more-btn{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem}.table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.column{padding:1rem;font-weight:600;color:#374151;font-size:.875rem}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;border-bottom:1px solid #e5e7eb}.cell{padding:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.company-logo{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.company-logo.stripe{background:#635bff}.company-logo.canva{background:#00c4cc}.company-logo.digitalocean{background:#0080ff}.stage{font-weight:500}.stage.won{color:#059669}.stage.expansion{color:#2563eb}.meeting-time{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.meeting-time.tomorrow{background:#dbeafe;color:#1d4ed8}.meeting-time.urgent{background:#dcfce7;color:#16a34a}.connection{color:#6b7280}.tag{background:#f3e8ff;color:#7c3aed;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.footer{background:#374151;color:#fff;padding:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-weight:600}.footer-logo .logo-icon{background:#fff;color:#374151}.footer-center{display:flex;align-items:center;gap:1rem;color:#9ca3af}.mobbin-logo{font-weight:600;color:#fff}.login-page{min-height:100vh;width:100vw;background:#f8f9fa;display:flex;flex-direction:column}.login-header{padding:2rem;text-align:center}.login-card{flex:1;display:flex;width:100%;max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:2rem}.login-form{flex:1;padding:3rem;display:flex;flex-direction:column;gap:1.5rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.google-btn:hover{background:#f9fafb}.google-icon{width:20px;height:20px;background:linear-gradient(45deg,#4285f4,#ea4335,#fbbc05,#34a853);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.email-field,.password-field{position:relative;width:100%}.email-field input,.password-field input{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:border-color .2s}.email-field input:focus,.password-field input:focus{outline:none;border-color:#111827}.field-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem}.continue-btn{width:100%;padding:.875rem;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.continue-btn.checking{background:#6b7280;cursor:not-allowed}.disclaimer{font-size:.75rem;color:#6b7280;line-height:1.5}.disclaimer a{color:#111827;text-decoration:underline}.welcome-section{flex:1;padding:3rem;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center}.welcome-section h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.welcome-section p{color:#6b7280;margin-bottom:1rem;line-height:1.6}.welcome-section em{font-style:italic}.cta{color:#111827;font-weight:500;margin-top:1rem}.login-footer{background:#374151;color:#fff;padding:2rem;position:relative}.footer-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem}.footer-center{display:flex;align-items:center;gap:1rem;color:#9ca3af;font-size:.875rem}.footer-center a{color:#9ca3af;text-decoration:none}.footer-right{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}.chat-widget{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;background:#111827;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem}.email-display{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280}.instruction{color:#6b7280;margin-bottom:1.5rem}.password-field input.error{border-color:#dc2626}.error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem}.onboarding-page{min-height:100vh;width:100vw;background:#f8f9fa;display:flex;flex-direction:column}.onboarding-header{padding:2rem;text-align:center}.onboarding-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem}.onboarding-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;width:100%;max-width:1000px;overflow:hidden}.onboarding-form{flex:1;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.step-indicator{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:4px;transition:background .2s}.back-btn:hover{background:#f3f4f6}.step-number{font-size:.875rem;color:#6b7280;font-weight:500}.step-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem}.profile-image-section,.company-logo-section{display:flex;flex-direction:column;gap:1rem}.profile-image-placeholder,.logo-placeholder{width:120px;height:120px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden}.logo-placeholder{border-radius:12px}.profile-image-placeholder img,.logo-placeholder img{width:100%;height:100%;object-fit:cover}.profile-initials,.logo-initials{font-size:2rem;font-weight:600;color:#6b7280}.image-actions{display:flex;gap:1rem;margin-bottom:.5rem}.upload-btn,.remove-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.upload-btn:hover{background:#f9fafb;border-color:#9ca3af}.remove-btn{color:#dc2626;border-color:#dc2626}.remove-btn:hover{background:#fef2f2}.upload-icon{font-size:.875rem}.image-requirements{font-size:.75rem;color:#6b7280;margin:0}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:#374151;font-size:.875rem}.form-field input,.form-field select,.form-field textarea{padding:.875rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#111827}.form-field input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-field textarea{resize:vertical;min-height:80px}.toggle-field{margin-top:1rem}.toggle-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.toggle-text{flex:1}.toggle-text label{font-weight:500;color:#374151;font-size:.875rem;margin-bottom:.25rem;display:block}.toggle-text p{color:#6b7280;font-size:.75rem;margin:0}.toggle-switch{position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-label{display:block;width:48px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;position:relative;transition:background .2s}.toggle-label:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input[type=checkbox]:checked+.toggle-label{background:#111827}.toggle-switch input[type=checkbox]:checked+.toggle-label:after{transform:translate(24px)}.continue-btn{width:100%;padding:.875rem;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;margin-top:1rem}.continue-btn:hover{background:#374151}.workspace-preview-section{flex:1;background:#f8f9fa;padding:1.5rem;display:flex;flex-direction:column}.workspace-preview{flex:1;background:#fff;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.preview-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.workspace-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.preview-search{flex:1;display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.5rem .75rem;max-width:300px}.search-icon{color:#6b7280;font-size:.875rem}.preview-search input{border:none;outline:none;flex:1;font-size:.875rem;background:#fff;color:#111827}.preview-controls{display:flex;align-items:center;gap:.5rem}.control-item{font-size:.75rem;color:#6b7280;padding:.25rem .5rem;background:#f3f4f6;border-radius:4px}.preview-sidebar{width:200px;border-right:1px solid #e5e7eb;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;color:#6b7280;font-size:.875rem;cursor:pointer;transition:background .2s}.sidebar-item:hover{background:#f3f4f6}.sidebar-text{flex:1}.preview-content{flex:1;display:flex;flex-direction:column}.preview-table{flex:1;padding:1rem}.table-row{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.table-cell{flex:1;height:20px;background:#e5e7eb;border-radius:4px}.add-row{padding:1rem;border-top:1px solid #e5e7eb}.add-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6b7280;transition:all .2s}.onboarding-footer{background:#374151;color:#fff;padding:2rem}.onboarding-footer .footer-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem}.onboarding-footer .footer-center{display:flex;align-items:center;gap:1rem;color:#9ca3af;font-size:.875rem}.onboarding-footer .footer-center a{color:#9ca3af;text-decoration:none}.onboarding-footer .footer-right{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.login-card{flex-direction:column;margin:1rem}.login-form,.welcome-section{padding:2rem}.hero-title{font-size:2.5rem}.interface-card{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.onboarding-card{flex-direction:column;margin:1rem}.onboarding-form{padding:2rem}.workspace-preview-section{padding:1rem}.preview-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.toggle-content{flex-direction:column;gap:.5rem}}.sync-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.benefits-list{margin-bottom:2rem}.benefit-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:#374151}.checkmark{color:#059669;font-weight:600;font-size:1rem}.data-visibility-section{margin-bottom:2rem}.data-visibility-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.visibility-options{display:flex;flex-direction:column;gap:1rem}.visibility-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.visibility-option:hover{border-color:#d1d5db}.visibility-option.selected{border-color:#111827;background:#f9fafb}.option-icon{font-size:1.5rem;margin-top:.25rem}.option-content h4{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.option-content p{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.connection-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.connect-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s;width:100%}.connect-btn:hover{background:#f9fafb;border-color:#9ca3af}.google-btn:hover{border-color:#4285f4}.microsoft-btn:hover{border-color:#0078d4}.provider-logo{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.google-logo{background:linear-gradient(45deg,#4285f4,#ea4335,#fbbc05,#34a853)}.microsoft-logo{background:#0078d4}.skip-link{background:none;border:none;color:#6b7280;text-decoration:underline;cursor:pointer;font-size:.875rem;margin-bottom:1.5rem;padding:0}.skip-link:hover{color:#374151}.privacy-notice{font-size:.75rem;color:#6b7280;margin:0}.privacy-notice a{color:#111827;text-decoration:underline}.data-flow-visualization{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.data-sources{display:flex;flex-direction:column;align-items:center;gap:1rem}.source-box{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;position:relative}.source-icon{font-size:1.5rem}.source-text{font-size:.875rem;color:#374151;font-weight:500}.source-badge{background:#111827;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:.5rem}.flow-arrow{font-size:1.5rem;color:#6b7280;text-align:center}.plus-sign{font-size:1.5rem;color:#6b7280;text-align:center;padding:.5rem;background:#f3f4f6;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.result-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{display:flex;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header-cell{flex:1;padding:.75rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.grid-icon{font-size:.875rem}.dropdown-arrow,.eye-icon,.sort-icon{font-size:.75rem}.table-rows{display:flex;flex-direction:column}.table-row{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #f3f4f6}.row-indicator{color:#6b7280;margin-right:.75rem}.row-content{flex:1;height:16px;background:#e5e7eb;border-radius:4px;margin-right:.5rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.modal-content p{color:#6b7280;margin-bottom:2rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.confirm-btn{background:#dc2626;border:1px solid #dc2626;color:#fff}.confirm-btn:hover{background:#b91c1c;border-color:#b91c1c}.customize-description{color:#6b7280;margin-bottom:1rem;line-height:1.6}.use-cases-section,.current-work-section,.team-section{margin-bottom:2rem}.use-cases-section h3,.current-work-section h3,.team-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.use-cases-grid,.current-work-grid{display:flex;flex-wrap:wrap;gap:.75rem}.use-case-tag,.current-work-tag{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:20px;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.use-case-tag:hover,.current-work-tag:hover{border-color:#9ca3af;background:#f9fafb}.use-case-tag.selected,.current-work-tag.selected{background:#111827;border-color:#111827;color:#fff}.team-input{width:100%;padding:.875rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:border-color .2s}.team-input:focus{outline:none;border-color:#111827}.workspace-customization{display:flex;height:100%;background:#f8f9fa;border-radius:8px;overflow:hidden}.customization-sidebar{width:200px;background:#fff;border-right:1px solid #e5e7eb;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.customization-sidebar .sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;color:#6b7280;font-size:.875rem;cursor:pointer;transition:background .2s}.customization-sidebar .sidebar-item:hover{background:#f3f4f6}.sidebar-icon{font-size:1rem}.sidebar-bar{flex:1;height:12px;background:#e5e7eb;border-radius:6px}.customization-content{flex:1;background:#fff;padding:1.5rem;display:flex;flex-direction:column}.content-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.add-item-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#6b7280;transition:all .2s}.add-item-btn:hover{background:#f9fafb;border-color:#9ca3af}.customization-items{display:flex;flex-direction:column;gap:.75rem}.customization-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.customization-item:last-child{border-bottom:none}.item-checkbox{width:20px;height:20px;border:1px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.item-checkbox:hover{border-color:#9ca3af}.item-content{flex:1;display:flex;align-items:center;gap:.75rem}.item-indicator{color:#6b7280;font-size:.75rem}.item-bar{flex:1;height:16px;background:#e5e7eb;border-radius:4px}.item-dropdown{color:#6b7280;font-size:.75rem;cursor:pointer}.collaborate-description{color:#6b7280;margin-bottom:1rem;line-height:1.6}.invitation-section{margin-bottom:2rem}.invitation-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.invitation-inputs{display:flex;flex-direction:column;gap:1rem}.invitation-row{display:flex;gap:1rem;align-items:center}.invitation-email{flex:1;padding:.875rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#111827;transition:border-color .2s}.invitation-email:focus{outline:none;border-color:#111827}.invitation-role{padding:.875rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#111827;cursor:pointer;transition:border-color .2s;min-width:120px}.invitation-role:focus{outline:none;border-color:#111827}.send-invites-btn{width:100%;padding:.875rem;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s;margin-bottom:1rem}.send-invites-btn:hover{background:#374151}.terms-notice{font-size:.75rem;color:#6b7280;line-height:1.5;margin:0}.terms-notice a{color:#111827;text-decoration:underline}.team-collaboration{display:flex;flex-direction:column;height:100%;background:#f8f9fa;border-radius:8px;overflow:hidden}.collaboration-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.user-info{display:flex;align-items:center;gap:.75rem}.user-name{font-weight:500;color:#374151;font-size:.875rem}.user-menu{color:#6b7280;font-size:1rem;cursor:pointer}.header-controls{display:flex;gap:1rem}.control-item{display:flex;align-items:center;gap:.5rem}.control-icon{font-size:.875rem;color:#6b7280}.control-bar{width:40px;height:12px;background:#e5e7eb;border-radius:6px}.collaboration-content{flex:1;background:#fff;padding:1.5rem;display:flex;flex-direction:column}.content-section{margin-bottom:1.5rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-icon{font-size:1rem;color:#6b7280}.dropdown-arrow{color:#6b7280;font-size:.75rem;cursor:pointer}.section-bar{flex:1;height:12px;background:#e5e7eb;border-radius:6px}.team-grid{display:flex;flex-direction:column;gap:.5rem;flex:1}.grid-row{display:flex;gap:.5rem;flex:1}.grid-cell{flex:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;min-height:20px}.workspace-page{display:flex;min-height:100vh;background:#f8f9fa}.workspace-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.sidebar-header{padding:1rem;border-bottom:1px solid #e5e7eb}.workspace-selector{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;cursor:pointer}.dropdown-arrow{font-size:.75rem;color:#6b7280}.sidebar-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.quick-actions{margin-bottom:1rem}.search-section{display:flex;flex-direction:column;gap:.5rem}.search-label{font-size:.75rem;color:#6b7280;font-weight:500}.search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#6b7280}.search-icon{font-size:.875rem}.search-shortcut{background:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-left:auto}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;font-size:.875rem}.nav-item:hover{background:#f3f4f6;color:#374151}.nav-item.active{background:#111827;color:#fff}.nav-icon{font-size:1rem;width:20px;text-align:center}.sidebar-section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.section-content{display:flex;flex-direction:column;gap:.25rem}.empty-state{font-size:.75rem;color:#9ca3af;font-style:italic}.sidebar-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}.footer-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:color .2s}.footer-item:hover{color:#374151}.footer-icon{font-size:1rem;width:20px;text-align:center}.progress-indicator{background:#111827;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;margin-left:auto}.trial-info{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#6b7280;padding:.5rem;background:#f9fafb;border-radius:6px}.billing-btn{background:#111827;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background .2s}.billing-btn:hover{background:#374151}.workspace-main{flex:1;display:flex;flex-direction:column;background:#fff}.main-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.header-left{display:flex;align-items:center;gap:.5rem}.header-left h1{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.info-icon{font-size:1rem;color:#6b7280;cursor:pointer}.header-right{display:flex;align-items:center;gap:1rem}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.header-btn:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon{font-size:.875rem}.user-avatar{width:32px;height:32px;background:#f59e0b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.menu-icon{font-size:1.25rem;color:#6b7280;cursor:pointer}.main-content{flex:1;padding:1.5rem;display:flex;flex-direction:column}.content-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.filter-dropdown{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.filter-dropdown:hover{background:#f3f4f6}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.control-btn:hover{background:#f9fafb;border-color:#9ca3af}.companies-table{flex:1;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header-cell{padding:1rem;font-weight:600;color:#374151;font-size:.875rem;border-right:1px solid #e5e7eb}.header-cell:last-child{border-right:none}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #f3f4f6}.table-row:last-child{border-bottom:none}.cell{padding:1rem;font-size:.875rem;color:#374151;border-right:1px solid #f3f4f6;display:flex;align-items:center}.cell:last-child{border-right:none}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.add-calculations{display:flex;gap:.5rem}.add-btn{padding:.25rem .5rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.add-btn:hover{background:#f9fafb;border-color:#9ca3af}.welcome-modal{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-logo{width:48px;height:48px;background:#111827;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.modal-content{text-align:center}.welcome-message{color:#6b7280;line-height:1.6;margin-bottom:2rem}.welcome-illustration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.person-illustration{display:flex;flex-direction:column;align-items:center;gap:.5rem}.person-body{font-size:3rem}.person-device{font-size:1.5rem}.attio-logo-large{width:60px;height:60px;background:#111827;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.modal-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.invite-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.invite-btn:hover{background:#374151}.workspace-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:#f9fafb;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.workspace-btn:hover{background:#f3f4f6;border-color:#9ca3af}.btn-icon{font-size:1rem}.modal-note{font-size:.75rem;color:#6b7280;line-height:1.5;margin:0}