@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg:#f4f5f7;--surface:#fff;--surface2:#f8f9fa;--border:#e5e7eb;--border-dark:#d1d5db;--text:#111827;--text-2:#6b7280;--text-3:#9ca3af;--blue:#2563eb;--blue-h:#1d4ed8;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--purple:#7c3aed;--purple-bg:#f5f3ff;--r-sm:6px;--r:8px;--r-lg:12px;--r-xl:16px;--shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000001a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f4f5f7;background:var(--bg);color:#111827;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:#2563eb;color:var(--blue);text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:190px}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.page-content{flex:1 1;overflow-y:auto;padding:18px 20px}.sidebar-brand{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);gap:8px;padding:14px}.brand-icon,.sidebar-brand{align-items:center;display:flex}.brand-icon{background:#2563eb;background:var(--blue);border-radius:6px;border-radius:var(--r-sm);color:#fff;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.brand-name{color:#111827;color:var(--text);font-size:15px;font-weight:700}.brand-name span{color:#2563eb;color:var(--blue)}.nav-section{color:#9ca3af;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.08em;padding:16px 12px 4px;text-transform:uppercase}.nav-link{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r-sm);color:#6b7280;color:var(--text-2);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:8px;margin:1px 5px;padding:7px 9px;transition:all .12s;width:calc(100% - 10px)}.nav-link:hover{background:#f4f5f7;background:var(--bg);color:#111827;color:var(--text)}.nav-link.active{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.nav-link .icon{flex-shrink:0;font-size:16px;text-align:center;width:18px}.nav-badge{background:#dc2626;background:var(--red);border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:16px;margin-left:auto;min-width:18px;padding:1px 5px;text-align:center}.nav-badge.blue{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.sidebar-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:auto;padding:12px 16px}.sidebar-user-info{min-width:0}.sidebar-user-info .name{font-size:12px;font-weight:600}.sidebar-user-info .email,.sidebar-user-info .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info .email{color:#6b7280;color:var(--text-2);font-size:11px}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:11px 20px}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.page-title{color:#111827;color:var(--text);font-size:16px;font-weight:700}.page-sub{color:#6b7280;color:var(--text-2);font-size:12px;margin-top:1px}.topbar-actions{gap:8px}.avatar,.topbar-actions{align-items:center;display:flex}.avatar{border-radius:50%;flex-shrink:0;font-weight:600;justify-content:center}.av-sm{font-size:11px;height:28px;width:28px}.av-md{font-size:13px;height:34px;width:34px}.av-lg{font-size:17px;height:48px;width:48px}.av-blue{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.av-green{background:#f0fdf4;background:var(--green-bg);color:#16a34a;color:var(--green)}.av-amber{background:#fffbeb;background:var(--amber-bg);color:#d97706;color:var(--amber)}.av-purple{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.av-red{background:#fef2f2;background:var(--red-bg);color:#dc2626;color:var(--red)}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--r-sm);color:#111827;color:var(--text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .12s;white-space:nowrap}.btn:hover:not(:disabled){background:#f4f5f7;background:var(--bg)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--blue-h);border-color:#1d4ed8;border-color:var(--blue-h)}.btn-success{background:#16a34a;background:var(--green);border-color:#16a34a;border-color:var(--green);color:#fff}.btn-danger{background:#fef2f2;background:var(--red-bg);border-color:#fecaca;border-color:var(--red-border);color:#dc2626;color:var(--red)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-ghost{background:#0000;border-color:#0000;color:#6b7280;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:#f4f5f7;background:var(--bg);color:#111827;color:var(--text)}.btn-sm{font-size:12px;padding:5px 10px}.btn-xs{font-size:11px;padding:3px 8px}.btn-icon{border-radius:6px;border-radius:var(--r-sm);padding:6px}.card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.card-title{color:#111827;color:var(--text);font-size:13px;font-weight:600}.card-body{padding:16px}.metrics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.metric-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);padding:16px}.metric-label{color:#6b7280;color:var(--text-2);font-size:11px;font-weight:500;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.metric-value{color:#111827;color:var(--text);font-size:26px;font-weight:700;line-height:1}.metric-sub{color:#9ca3af;color:var(--text-3);font-size:11px;margin-top:5px}.metric-sub.up{color:#16a34a;color:var(--green)}.metric-sub.warn{color:#d97706;color:var(--amber)}.metric-sub.bad{color:#dc2626;color:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{background:#f8f9fa;background:var(--surface2);color:#6b7280;color:var(--text-2);font-size:10px;font-weight:600;letter-spacing:.05em;padding:9px 14px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);white-space:nowrap}td{color:#111827;color:var(--text);overflow:hidden;padding:11px 14px;text-overflow:ellipsis}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#eff6ff;background:var(--blue-bg);cursor:pointer}tbody tr.selected td{background:#eff6ff}.pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.pill-blue{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.pill-green{background:#f0fdf4;background:var(--green-bg);color:#16a34a;color:var(--green)}.pill-amber{background:#fffbeb;background:var(--amber-bg);color:#d97706;color:var(--amber)}.pill-red{background:#fef2f2;background:var(--red-bg);color:#dc2626;color:var(--red)}.pill-gray{background:#f8f9fa;background:var(--surface2);color:#6b7280;color:var(--text-2)}.pill-purple{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.s-new{background:#f8f9fa;background:var(--surface2);color:#6b7280;color:var(--text-2)}.s-sent{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue)}.s-followup{background:#fffbeb;background:var(--amber-bg);color:#d97706;color:var(--amber)}.s-replied{background:#f0fdf4;background:var(--green-bg);color:#16a34a;color:var(--green)}.s-closed{background:#f8f9fa;background:var(--surface2);color:#9ca3af;color:var(--text-3)}.s-active{background:#f0fdf4;background:var(--green-bg);color:#16a34a;color:var(--green)}.s-paused{background:#fffbeb;background:var(--amber-bg);color:#d97706;color:var(--amber)}.form-group{margin-bottom:14px}.form-label{color:#6b7280;color:var(--text-2);display:block;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--r-sm);color:#111827;color:var(--text);font-size:13px;outline:none;padding:8px 11px;transition:border-color .12s,box-shadow .12s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{line-height:1.6;min-height:80px;resize:vertical}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.toggle{display:inline-block;flex-shrink:0;height:21px;position:relative;width:38px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;background:var(--border-dark);border-radius:21px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:15px;left:3px;position:absolute;transition:.2s;width:15px}.toggle input:checked+.toggle-slider{background:#2563eb;background:var(--blue)}.toggle input:checked+.toggle-slider:before{transform:translateX(17px)}.chips-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.chip{align-items:center;background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border-dark);border-radius:6px;border-radius:var(--r-sm);color:#6b7280;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;justify-content:center;padding:8px 10px;text-align:center;transition:all .12s}.chip:hover{border-color:#2563eb;border-color:var(--blue)}.chip.selected,.chip:hover{color:#2563eb;color:var(--blue)}.chip.selected{background:#eff6ff;background:var(--blue-bg);border-color:#bfdbfe;border-color:var(--blue-border);font-weight:600}.alert{border-radius:6px;border-radius:var(--r-sm);display:flex;font-size:13px;gap:9px;margin-bottom:14px;padding:10px 14px}.alert-info{background:#eff6ff;background:var(--blue-bg);border:1px solid #bfdbfe;border:1px solid var(--blue-border);color:#1e40af}.alert-success{background:#f0fdf4;background:var(--green-bg);border:1px solid #bbf7d0;border:1px solid var(--green-border);color:#14532d}.alert-warning{background:#fffbeb;background:var(--amber-bg);border:1px solid #fde68a;border:1px solid var(--amber-border);color:#78350f}.alert-error{background:#fef2f2;background:var(--red-bg);border:1px solid #fecaca;border:1px solid var(--red-border);color:#7f1d1d}.toast{align-items:center;animation:slideIn .2s ease;border-radius:12px;border-radius:var(--r-lg);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 18px;position:fixed;right:20px;top:20px;z-index:9999}.toast-success{background:#f0fdf4;background:var(--green-bg);border:1px solid #bbf7d0;border:1px solid var(--green-border);color:#14532d}.toast-error{background:#fef2f2;background:var(--red-bg);border:1px solid #fecaca;border:1px solid var(--red-border);color:#7f1d1d}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.empty-state{color:#6b7280;color:var(--text-2);padding:48px 24px;text-align:center}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.35}.empty-title{color:#111827;color:var(--text);font-size:15px;font-weight:600;margin-bottom:6px}.empty-desc{color:#6b7280;color:var(--text-2);font-size:13px;margin-bottom:16px}.spinner{animation:spin .65s linear infinite;border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--border);border-radius:50%;border-top-color:var(--blue)}.spinner-sm{height:14px;width:14px}.spinner-md{height:22px;width:22px}.spinner-lg{border-width:3px;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;padding:48px}.divider{background:#e5e7eb;background:var(--border);height:1px;margin:16px 0}.progress-bar{background:#f8f9fa;background:var(--surface2);border-radius:3px;height:5px;overflow:hidden}.progress-fill{background:#2563eb;background:var(--blue);border-radius:3px;height:100%;transition:width .3s}.campaign-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;gap:14px;margin-bottom:10px;padding:14px 16px;transition:border-color .12s}.campaign-card:hover{border-color:#bfdbfe;border-color:var(--blue-border)}.campaign-icon{align-items:center;border-radius:6px;border-radius:var(--r-sm);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:12px}.tl-left{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:16px}.tl-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:3px;width:10px}.tl-line{background:#e5e7eb;background:var(--border);flex:1 1;margin:3px 0;min-height:24px;width:2px}.tl-body{flex:1 1;padding-bottom:16px}.tl-label{color:#111827;color:var(--text);font-size:12px;font-weight:600}.tl-time{font-size:11px;margin-top:2px}.tl-preview,.tl-time{color:#6b7280;color:var(--text-2)}.tl-preview{border-left:2px solid #e5e7eb;border-left:2px solid var(--border);font-size:12px;font-style:italic;line-height:1.5;margin-top:5px;padding-left:8px}.bubble{border-radius:12px;border-radius:var(--r-lg);font-size:13px;line-height:1.65;margin-bottom:10px;padding:12px 14px}.bubble-out{background:#f8f9fa;background:var(--surface2);margin-right:28px}.bubble-in{background:#f0fdf4;background:var(--green-bg);border:1px solid #bbf7d0;border:1px solid var(--green-border);margin-left:28px}.bubble-hdr{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:7px}.bubble-name{font-size:12px;font-weight:600}.bubble-time{color:#6b7280;color:var(--text-2);flex-shrink:0;font-size:11px;margin-left:10px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:200}.modal-box{background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-xl);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-title{font-size:15px;font-weight:700}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:14px 20px}.step-bar{margin-bottom:24px}.step-bar,.step-item{align-items:center;display:flex}.step-item{color:#6b7280;color:var(--text-2);font-size:12px;font-weight:500;gap:7px}.step-num{align-items:center;border:2px solid #d1d5db;border:2px solid var(--border-dark);border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.step-item.done .step-num{background:#16a34a;background:var(--green);border-color:#16a34a;border-color:var(--green);color:#fff}.step-item.active .step-num{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);color:#fff}.step-item.active{color:#111827;color:var(--text)}.step-line{background:#e5e7eb;background:var(--border);flex:1 1;height:2px;margin:0 8px}.step-line.done{background:#16a34a;background:var(--green)}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.contacts-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.contact-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);cursor:pointer;padding:16px;transition:all .12s}.contact-card:hover{border-color:#bfdbfe;border-color:var(--blue-border);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.email-layout{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;height:calc(100vh - 120px);overflow:hidden}.email-sidebar{background:#f8f9fa;background:var(--surface2);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:175px}.email-folder{align-items:center;background:none;border:none;border-right:3px solid #0000;color:#6b7280;color:var(--text-2);cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;font-weight:500;gap:8px;padding:8px 12px;text-align:left;transition:all .12s;width:100%}.email-folder:hover{background:#f4f5f7;background:var(--bg);color:#111827;color:var(--text)}.email-folder.active{background:#fff;background:var(--surface);border-right-color:#2563eb;border-right-color:var(--blue);color:#2563eb;color:var(--blue)}.email-list{border-right:1px solid #e5e7eb;border-right:1px solid var(--border);flex:1 1;min-width:0;overflow-y:auto}.email-list.narrow{flex:none;width:300px}.email-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:10px 12px;transition:background .1s}.email-row:hover{background:#eff6ff;background:var(--blue-bg)}.email-row.unread{background:#fafbff}.email-row.selected{background:#eff6ff;background:var(--blue-bg)}.email-view{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.email-view-header{align-items:center;display:flex;gap:10px;padding:14px 18px}.email-view-header,.email-view-meta{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);flex-shrink:0}.email-view-meta{background:#f8f9fa;background:var(--surface2);padding:11px 18px}.email-view-body{flex:1 1;overflow-y:auto}.email-empty{align-items:center;color:#9ca3af;color:var(--text-3);display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-3)}
/*# sourceMappingURL=main.68968ac2.css.map*/