.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:380px;box-shadow:0 20px 50px #0003}.login-logo{font-size:12px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.login-card h1{font-size:24px;margin-bottom:24px;color:var(--text)}.login-card label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;margin-top:14px}.login-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-family:inherit}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0084ff1a}.login-card button{width:100%;padding:12px;margin-top:20px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.login-card button:hover:not(:disabled){background:var(--primary-hover)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{margin-top:14px;padding:10px 12px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;font-size:13px}.app-layout{display:flex;height:100%}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;flex-shrink:0}.sidebar-logo{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e7f3ff}.sidebar-link{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;padding:8px 4px;border-radius:8px;color:var(--text-secondary);width:52px;transition:background .15s}.sidebar-link:hover{background:#f0f0f0}.sidebar-link.active{color:var(--primary);background:#e7f3ff}.sidebar-icon{font-size:20px}.sidebar-label{font-size:10px;font-weight:500}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.top-bar{height:44px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;flex-shrink:0;gap:12px}.top-bar-spacer{flex:1}.notif-toggle-group{display:flex;gap:4px;align-items:center}.notif-btn{width:32px;height:32px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.notif-btn:hover{background:#f0f0f0}.notif-btn.active{background:#e7f3ff;border-color:var(--primary)}.user-menu{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border);margin-left:4px}.user-menu-name{font-size:12px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.user-badge{background:var(--primary);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase}.user-menu-logout{padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:4px;font-size:11px;cursor:pointer;color:var(--text-secondary)}.user-menu-logout:hover{background:#f0f0f0;color:var(--text)}.ws-switcher{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;min-width:200px}.ws-switcher.empty{color:var(--text-secondary);font-style:italic}.main-body{flex:1;overflow:hidden;display:flex}.inbox-layout{display:flex;height:100%;width:100%}.conversation-list{width:var(--conversation-list-width);border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0}.conv-list-header{padding:16px;border-bottom:1px solid var(--border)}.conv-list-header h2{font-size:18px;margin-bottom:8px}.conv-filters{display:flex;gap:4px}.filter-btn{padding:4px 10px;border:1px solid var(--border);background:var(--surface);border-radius:16px;font-size:12px;cursor:pointer;color:var(--text-secondary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.conv-items{flex:1;overflow-y:auto}.conv-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.conv-item:hover{background:#f5f7fa}.conv-item.active{background:#e7f3ff}.conv-item-top{display:flex;justify-content:space-between;align-items:center}.conv-name{font-weight:600;font-size:14px}.unread-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px}.conv-listing{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.conv-account{font-size:11px;color:var(--text-secondary)}.conv-type-badge{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--marketplace-badge);color:#333}.conv-empty{padding:40px 16px;text-align:center;color:var(--text-secondary)}.message-thread{flex:1;display:flex;flex-direction:column;background:var(--bg)}.thread-header{padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.thread-header-actions{display:flex;align-items:center;gap:8px}.thread-header-btn{padding:4px 10px;font-size:11px;background:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer;color:var(--text-secondary)}.thread-header-btn:hover{background:#f0f0f0;color:var(--text)}.thread-name{font-weight:600}.thread-listing{color:var(--text-secondary);font-size:13px}.thread-account{font-size:12px;color:var(--text-secondary)}.thread-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:6px}.message-bubble{max-width:65%;padding:8px 14px;border-radius:18px;font-size:14px;line-height:1.4}.message-bubble.inbound{align-self:flex-start;background:var(--inbound-bg);color:var(--text)}.message-bubble.outbound{align-self:flex-end;background:var(--outbound-bg);color:var(--outbound-text)}.message-time{font-size:10px;opacity:.6;margin-top:2px}.thread-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px}.send-notice{padding:10px 20px;font-size:13px;font-weight:500;border-top:1px solid var(--border);animation:slideDown .2s ease-out}.send-notice.info{background:#e7f3ff;color:#0062cc;border-color:#b3d9ff}.send-notice.success{background:#d4edda;color:#155724;border-color:#b7dfbe}.send-notice.error{background:#f8d7da;color:#721c24;border-color:#f1b0b7}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.thread-composer{padding:12px 20px;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end}.thread-composer textarea{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:20px;font-size:14px;font-family:inherit;resize:none;outline:none;max-height:120px}.thread-composer textarea:focus{border-color:var(--primary)}.thread-composer button{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.thread-composer button:disabled{opacity:.5;cursor:not-allowed}.thread-composer button:hover:not(:disabled){background:var(--primary-hover)}.accounts-page{padding:24px;width:100%;overflow-y:auto}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.accounts-header h2{font-size:20px}.account-form{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.account-form input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;flex:1;min-width:180px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.account-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.account-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.account-name{font-weight:600;flex:1}.account-status-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.account-details{font-size:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.account-workspace{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;background:#fafafa;border-radius:6px}.account-workspace label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.account-workspace select{flex:1;padding:4px 8px;border:1px solid var(--border);border-radius:4px;font-size:12px;background:#fff}.account-actions{display:flex;gap:8px}.btn-primary{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:12px;cursor:pointer}.btn-secondary:hover{background:#f0f0f0}.btn-danger{padding:6px 12px;background:var(--surface);border:1px solid #dc3545;color:#dc3545;border-radius:6px;font-size:12px;cursor:pointer}.btn-danger:hover{background:#fff5f5}.automations-page{padding:24px;width:100%;overflow-y:auto}.automations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.automations-header h2{font-size:20px}.automation-form{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:500px;background:var(--surface);padding:16px;border:1px solid var(--border);border-radius:10px}.automation-form input,.automation-form select,.automation-form textarea{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit}.automations-list{display:flex;flex-direction:column;gap:8px}.automation-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.automation-card.disabled{opacity:.6}.automation-info{display:flex;flex-direction:column;gap:2px}.automation-name{font-weight:600}.automation-flow{font-size:12px;color:var(--text-secondary)}.automation-actions{display:flex;gap:8px}.toggle-btn{padding:6px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none}.toggle-btn.on{background:#d4edda;color:#155724}.toggle-btn.off{background:#f8d7da;color:#721c24}.automation-empty{padding:40px;text-align:center;color:var(--text-secondary)}.workspaces-page{padding:24px;width:100%;overflow-y:auto}.ws-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ws-header h2{font-size:20px}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ws-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.ws-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ws-card-name{font-weight:600;font-size:15px}.ws-badge{font-size:10px;font-weight:600;padding:3px 7px;border-radius:4px;text-transform:uppercase}.ws-badge.used_goods{background:#e7f3ff;color:#0062cc}.ws-badge.lead_gen{background:#fff3d4;color:#8b6914}.ws-badge.other{background:#f0f0f0;color:#555}.ws-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.ws-card-stats>div{text-align:center;padding:6px 4px;background:#fafafa;border-radius:6px}.ws-card-stats span{display:block;font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:2px}.ws-card-stats strong{font-size:16px;font-weight:600}.ws-card-ai{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.ws-ai-on{color:#28a745;font-weight:500}.ws-ai-off{color:#999}.ws-model{color:var(--text-secondary);font-size:11px}.ws-card-actions{display:flex;gap:8px}.ws-card-actions button{flex:1}.ws-empty{grid-column:1 / -1;padding:60px 20px;text-align:center;color:var(--text-secondary)}.ws-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.ws-modal{background:#fff;border-radius:12px;padding:24px;width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ws-modal h3{margin-bottom:8px;font-size:18px}.ws-modal label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:4px}.ws-modal input,.ws-modal select,.ws-modal textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit}.ws-modal textarea{resize:vertical;min-height:100px}.ws-modal label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;margin-top:8px}.ws-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.approvals-page{padding:24px;width:100%;overflow-y:auto}.approvals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.approvals-header h2{font-size:20px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions button{padding:8px 16px;font-size:13px;border-radius:6px;cursor:pointer;font-weight:500;background:#fff;color:var(--text);border:1px solid var(--border)}.header-actions button:disabled{opacity:.5;cursor:not-allowed}.header-actions button:hover:not(:disabled){background:#f0f0f0}.backfill-msg{font-size:12px;color:#28a745;margin-right:8px}.drafts-list{display:flex;flex-direction:column;gap:12px;max-width:800px}.draft-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.approvals-tabs{display:flex;gap:4px;margin-top:6px}.approvals-tabs .tab{padding:4px 12px;border:1px solid var(--border);background:#fff;color:var(--text-secondary);border-radius:6px;font-size:12px;cursor:pointer;font-weight:500}.approvals-tabs .tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.draft-card.queued{border-color:#ffc107;background:#fffbf0}.draft-card.sent{border-color:#9ca3af;background:#f5f5f5}.draft-card.delivered{border-color:#10b981;background:#f0fdf4}.draft-card.failed{border-color:#ef4444;background:#fef2f2}.draft-state-banner{padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px;font-weight:500}.draft-state-banner.sent{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.draft-state-banner.delivered{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.draft-state-banner.failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.draft-state-banner .fb-msg-id{display:block;font-family:ui-monospace,monospace;font-size:10px;opacity:.7;font-weight:400;margin-top:2px}.draft-state-banner .error-detail{margin-top:4px;font-weight:400;font-size:12px}.draft-scheduled{padding:8px 12px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:12px;font-size:13px;color:#856404}.draft-scheduled strong{font-weight:600}.draft-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.draft-participant{font-weight:600;font-size:15px}.draft-listing{color:var(--text-secondary);font-size:13px}.draft-meta{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--text-secondary)}.draft-cost{font-family:ui-monospace,monospace;padding:2px 6px;background:#f0f0f0;border-radius:4px}.draft-context{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:10px;background:#fafafa;border-radius:8px}.context-bubble{font-size:13px;padding:6px 10px;border-radius:12px;max-width:80%}.context-bubble.in{align-self:flex-start;background:var(--inbound-bg)}.context-bubble.out{align-self:flex-end;background:var(--outbound-bg);color:var(--outbound-text)}.draft-suggestion{margin-bottom:12px}.suggestion-label{font-size:11px;font-weight:600;color:#6b46c1;text-transform:uppercase;margin-bottom:4px}.suggestion-text{padding:10px 14px;background:#f0ebff;border-left:3px solid #6b46c1;border-radius:6px;font-size:14px;line-height:1.4}.draft-suggestion textarea{width:100%;padding:10px 14px;border:1px solid #6b46c1;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.draft-actions{display:flex;justify-content:flex-end;gap:8px}.draft-actions button{padding:8px 16px;font-size:13px;border-radius:6px;cursor:pointer;font-weight:500}.draft-actions .btn-primary{background:#6b46c1;color:#fff;border:none}.draft-actions .btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.draft-actions .btn-danger{background:#fff;color:#dc3545;border:1px solid #dc3545}.users-page{padding:24px;width:100%;overflow-y:auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h2{font-size:20px}.user-create-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.user-create-form input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;flex:1;min-width:180px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;padding:0 10px}.users-list{display:flex;flex-direction:column;gap:12px}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.user-card.inactive{opacity:.6}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.user-name{font-weight:600;font-size:15px}.user-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;margin-left:8px}.user-badge.admin{background:#0084ff;color:#fff}.user-badge.inactive{background:#dc3545;color:#fff}.user-badge.self{background:#10b981;color:#fff}.user-actions{display:flex;gap:6px}.user-actions .btn-secondary,.user-actions .btn-danger{padding:5px 10px;font-size:11px;border-radius:4px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text-secondary)}.user-actions .btn-danger{color:#dc3545;border-color:#dc3545}.user-meta{display:flex;gap:16px;font-size:11px;color:var(--text-secondary);margin-bottom:12px}.user-workspaces{padding-top:10px;border-top:1px solid var(--border)}.section-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px}.admin-note,.empty-note{font-size:12px;color:var(--text-secondary);font-style:italic}.membership-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.membership-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px}.ws-name{font-weight:500}.ws-role{font-size:9px;font-weight:700;padding:1px 5px;border-radius:2px;text-transform:uppercase}.ws-role.owner{background:#fef3c7;color:#92400e}.ws-role.editor{background:#dbeafe;color:#1e40af}.ws-role.viewer{background:#e5e7eb;color:#374151}.membership-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.add-workspace-form{display:flex;gap:6px;margin-top:8px}.add-workspace-form select{padding:5px 8px;font-size:12px;border:1px solid var(--border);border-radius:4px}.add-workspace-form button{padding:5px 10px;font-size:11px;border-radius:4px;cursor:pointer;border:1px solid var(--border)}.btn-secondary.small{padding:5px 10px;font-size:11px;background:#fff;color:var(--text-secondary);border:1px dashed var(--border);border-radius:4px;cursor:pointer}.empty-state{padding:60px 20px;text-align:center;color:var(--text-secondary)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f5f5;--surface: #ffffff;--border: #e0e0e0;--text: #1a1a1a;--text-secondary: #666;--primary: #0084ff;--primary-hover: #0073e6;--sidebar-width: 64px;--conversation-list-width: 340px;--inbound-bg: #e4e6eb;--outbound-bg: #0084ff;--outbound-text: #ffffff;--marketplace-badge: #f0c040}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}