*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal-dark: #0D4B5E;--teal-dark-hover: #0a3d4d;--teal-bright: #00A99D;--teal-bright-hover: #008f85;--teal-bright-10: rgba(0,169,157,.1);--teal-bright-15: rgba(0,169,157,.15);--lime: #C8D943;--lime-bg: rgba(200,217,67,.12);--lime-dark: #a8b836;--gray-bg: #F4F6F7;--white: #ffffff;--text: #1A2B33;--text-secondary: #4a5e68;--text-muted: #7a8f99;--text-light: #a0b0b8;--border: #dfe4e7;--border-light: #e8ecee;--hover: #edf0f2;--amber: #d97706;--amber-bg: rgba(217,119,6,.1);--red: #ef4444;--red-bg: rgba(239,68,68,.08);--radius: 8px;--radius-sm: 6px;--radius-pill: 99px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 2px 8px rgba(0,0,0,.07);--transition: .12s ease}html{font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gray-bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;width:100vw;height:100vh;overflow:hidden}.sidebar{width:420px;min-width:420px;background:var(--gray-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:28px 24px 22px;background:var(--teal-dark)}.sidebar-header h1{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.sidebar-header .subtitle{font-size:16px;color:#cbd5e1;margin-top:4px;font-weight:400}.mode-tabs{display:flex;padding:0 16px;background:var(--gray-bg);gap:0;border-bottom:2px solid var(--border-light)}.mode-tab{padding:9px 16px;border:none;background:none;color:var(--text-muted);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition),border-color var(--transition)}.mode-tab:hover{color:var(--text)}.mode-tab.active{color:var(--teal-dark);border-bottom-color:var(--teal-dark)}.platform-tabs{display:flex;padding:0 16px;background:var(--gray-bg);gap:2px;border-bottom:1px solid var(--border-light)}.platform-tab{flex:1;padding:10px 0;border:none;background:none;color:var(--text-muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.platform-tab:hover{color:var(--text)}.platform-tab.active{color:var(--teal-bright);border-bottom-color:var(--teal-bright)}.search-wrapper{padding:16px 16px 12px;background:var(--gray-bg)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-light);pointer-events:none;display:flex}.search-input{width:100%;height:40px;padding:0 12px 0 36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--white);color:var(--text);font-size:14px;outline:none;transition:border var(--transition),box-shadow var(--transition);font-family:inherit}.search-input::placeholder{color:var(--text-light)}.search-input:focus{border-color:var(--teal-bright);box-shadow:0 0 0 3px var(--teal-bright-10)}.filter-row{padding:0 16px 14px;display:flex;gap:6px;flex-wrap:wrap;background:var(--gray-bg)}.filter-pill{padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--white);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit;line-height:1;white-space:nowrap}.filter-pill:hover{border-color:var(--teal-bright);color:var(--teal-dark)}.filter-pill.active{background:var(--teal-dark);color:var(--white);border-color:var(--teal-dark)}.filter-pill.active[data-filter=Care]{background:#2563eb;border-color:#2563eb}.filter-pill.active[data-filter=Community]{background:#7c3aed;border-color:#7c3aed}.filter-pill.active[data-filter=Marketing]{background:#db2777;border-color:#db2777}.filter-pill.active[data-filter=All]{background:#0f172a;border-color:#0f172a}.filter-pill.active[data-filter=Active]{background:#059669;border-color:#059669}.filter-pill.active[data-filter=Partial]{background:#d97706;border-color:#d97706}.filter-pill.active[data-filter=All-status]{background:#0f172a;border-color:#0f172a}.filter-divider{width:1px;background:var(--border);margin:0 4px;align-self:stretch}.sort-bar{display:flex;padding:8px 16px;gap:16px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;font-weight:600;background:var(--white)}.sort-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;transition:color var(--transition);font-family:inherit}.sort-btn:hover{color:var(--teal-bright)}.sort-btn.active{color:var(--teal-dark)}.account-list{flex:1;overflow-y:auto;padding:8px 12px;background:var(--gray-bg)}.account-item{padding:14px 16px;cursor:pointer;border-radius:var(--radius);background:var(--white);margin-bottom:6px;border-left:3px solid transparent;transition:all var(--transition);box-shadow:var(--shadow-xs)}.account-item:hover{border-left-color:var(--teal-bright);box-shadow:var(--shadow-sm)}.account-item.active{border-left-color:var(--teal-dark);box-shadow:var(--shadow-sm);background:var(--white)}.account-name{font-weight:700;font-size:16px;color:var(--text);margin-bottom:5px;display:flex;align-items:center;gap:8px}.account-meta{display:flex;align-items:center;gap:10px;font-size:15px}.arr-value{font-weight:600;color:var(--lime-dark)}.status-badge{font-size:11px;padding:2px 9px;border-radius:var(--radius-pill);font-weight:500;letter-spacing:.02em}.status-badge.active{background:var(--lime-bg);color:var(--lime-dark)}.status-badge.partial{background:var(--amber-bg);color:var(--amber)}.account-poc{font-size:12px;color:var(--text-light);margin-top:3px}.product-badges{display:flex;gap:5px;margin-top:8px}.product-badge{font-size:13px;padding:3px 11px;border-radius:var(--radius-pill);font-weight:600}.product-badge.care{background:#2563eb1a;color:#2563eb}.product-badge.community{background:#7c3aed1a;color:#7c3aed}.product-badge.marketing{background:#db27771a;color:#db2777}.product-badge.platform{background:#0d4b5e1a;color:var(--teal-dark)}.product-badge.unknown{background:var(--hover);color:var(--text-muted)}.low-confidence{font-size:11px;color:var(--amber);margin-top:6px;display:flex;align-items:center;gap:4px}.main-panel{flex:1;overflow-y:auto;background:var(--gray-bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;color:var(--text-light);gap:16px}.empty-state svg{opacity:.2;stroke:var(--teal-bright)}.empty-state p{font-size:15px;font-weight:400}.contact-hero{background:var(--teal-dark);padding:44px 48px 40px;position:relative}.contact-hero-header{margin-bottom:24px}.contact-company{font-size:14px;color:#e2e8f0;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:10px}.contact-name{font-size:44px;font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.15)}.contact-title{font-size:20px;color:#fff;font-weight:400;margin-top:8px;opacity:.85}.data-pills{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.data-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--white)}.data-pill .pill-icon{display:flex;align-items:center;color:#fff9}.data-pill .pill-label{font-size:12px;color:#e2e8f0;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.data-pill .pill-value{font-weight:700;color:#fff}.data-pill .pill-value.lime{color:var(--lime)}.data-pill .pill-value.teal{color:var(--teal-bright)}.contact-actions{display:flex;gap:10px;margin-top:20px}.contact-action-btn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.3);border-left:3px solid var(--teal-bright);background:#ffffff14;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition);text-decoration:none}.contact-action-btn:hover{background:#ffffff1f;border-color:#fff6;border-left-color:var(--lime)}.contact-action-btn svg{flex-shrink:0}.confidence-tag{position:absolute;top:24px;right:48px;font-size:13px;padding:6px 14px;border-radius:var(--radius-pill);font-weight:600}.confidence-tag.low,.confidence-tag.medium{background:#f59e0b;color:#fff}.sf-signal{margin-top:20px;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:12px;color:#ffffffb3}.sf-signal .sf-label{color:#fff6;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.06em;margin-bottom:6px}.email-workspace{padding:28px 48px 48px}.email-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;box-shadow:var(--shadow-sm)}.email-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.email-field{margin-bottom:0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:12px 0}.email-field-label{font-size:13px;color:var(--text-light);font-weight:500;min-width:64px;flex-shrink:0}.email-field input{flex:1;padding:0;border:none;background:transparent;color:var(--text);font-size:14px;outline:none;font-family:inherit;font-weight:400}.email-field input::placeholder{color:var(--text-light)}.email-field:focus-within{border-bottom-color:var(--teal-bright)}.email-body-wrap{padding-top:20px}.email-textarea{width:100%;min-height:240px;padding:0;border:none;background:transparent;color:var(--text);font-size:15px;line-height:1.7;resize:vertical;outline:none;font-family:inherit;font-weight:400}.email-textarea::placeholder{color:var(--text-light)}.email-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.email-actions-right{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);font-family:inherit;line-height:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal-dark);color:var(--white)}.btn-primary:hover{background:var(--teal-dark-hover);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--hover);border-color:var(--teal-bright);color:var(--teal-dark)}.btn-send{background:var(--teal-dark);color:var(--white);padding:10px 24px;font-size:13px}.btn-send:hover{background:var(--teal-dark-hover);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--hover);border-color:var(--teal-bright);color:var(--teal-dark)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--teal-dark);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted);font-size:14px}.refresh-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:color var(--transition)}.refresh-btn:hover{color:var(--white)}.refresh-btn.spinning svg{animation:spin 1s linear infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}