:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--success:#34d399;--warning:#f59e0b;--danger:#f87171;--info:#60a5fa;--bg:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--sidebar-w:240px;--sidebar-w-col:64px;--radius:10px;--shadow:0 1px 3px 0 #00000012,0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary);line-height:1.5}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.app-content,.app-shell{min-height:100vh}.app-content{background:#f8fafc;background:var(--bg);margin-left:240px;margin-left:var(--sidebar-w);transition:margin-left .25s ease}.app-shell--collapsed .app-content{margin-left:64px;margin-left:var(--sidebar-w-col)}.sidebar{background:#0f172a;background:var(--text-primary);bottom:0;color:#e2e8f0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s ease;width:240px;width:var(--sidebar-w);z-index:100}.sidebar--collapsed{width:64px;width:var(--sidebar-w-col)}.sidebar__header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;min-height:64px;padding:16px 12px}.sidebar__brand{align-items:center;display:flex;gap:10px;white-space:nowrap}.sidebar__logo svg{flex-shrink:0;height:32px;width:32px}.sidebar__brand span{color:#fff;font-size:16px;font-weight:700}.sidebar__toggle{border-radius:6px;color:#94a3b8;flex-shrink:0;padding:6px;transition:background .15s}.sidebar__toggle:hover{background:#ffffff1a;color:#fff}.sidebar__toggle svg{display:block;height:18px;width:18px}.sidebar__nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 0}.sidebar__link{align-items:center;border-radius:0;color:#94a3b8;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;text-align:left;transition:background .15s,color .15s;white-space:nowrap;width:100%}.sidebar__link:hover{background:#ffffff12;color:#e2e8f0}.sidebar__link--active{background:#6366f133;color:#818cf8}.sidebar__icon{flex-shrink:0}.sidebar__icon svg{display:block;height:18px;width:18px}.sidebar__footer{border-top:1px solid #ffffff14;padding:8px 0}.sidebar__user-btn{align-items:center;background:#0000;border-radius:0;color:#e2e8f0;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.sidebar__user-btn:hover{background:#ffffff12}.sidebar__avatar{align-items:center;background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.sidebar__user-info{overflow:hidden}.sidebar__user-name{color:#e2e8f0;font-size:13px;font-weight:600}.sidebar__user-email,.sidebar__user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{color:#64748b;font-size:11px}.sidebar__logout{color:#f87171}.sidebar__logout:hover{background:#f871711a;color:#fca5a5}.page{max-width:1400px;padding:28px 32px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:700}.page-subtitle{display:block;font-size:14px;margin-top:2px}.page-loading,.page-subtitle{color:#64748b;color:var(--text-secondary)}.page-error,.page-loading{padding:48px;text-align:center}.page-error{color:#f87171;color:var(--danger)}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #00000012,0 1px 2px -1px #0000000d;box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding:16px 20px}.card-title{font-size:15px;font-weight:600}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);border-top:3px solid;box-shadow:0 1px 3px 0 #00000012,0 1px 2px -1px #0000000d;box-shadow:var(--shadow);padding:20px}.kpi-card__header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.kpi-card__icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.kpi-card__title{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.kpi-card__value{color:#0f172a;color:var(--text-primary);font-size:28px;font-weight:700}.kpi-card__subtitle{color:#94a3b8;color:var(--text-muted);font-size:12px;margin-top:4px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.pipeline-stages{display:flex;flex-direction:column;gap:14px;padding:16px 20px}.pipeline-stage__header{display:flex;justify-content:space-between;margin-bottom:6px}.pipeline-stage__label{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.pipeline-stage__count{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:600}.pipeline-stage__bar-bg{background:#f1f5f9;background:var(--border-light);border-radius:99px;height:6px;overflow:hidden}.pipeline-stage__bar-fill{border-radius:99px;height:100%;transition:width .4s ease}.pipeline-stage__pct{color:#94a3b8;color:var(--text-muted);display:block;font-size:11px;margin-top:2px}.recent-convs{padding:8px 0}.recent-conv-item{align-items:center;display:flex;gap:12px;padding:10px 20px;transition:background .12s}.recent-conv-item:hover{background:#f8fafc;background:var(--bg)}.recent-conv-avatar{align-items:center;background:#eef2ff;background:var(--primary-light);border-radius:50%;color:#6366f1;color:var(--primary);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:38px;justify-content:center;width:38px}.recent-conv-info{flex:1 1;min-width:0}.recent-conv-name{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px}.recent-conv-msg{color:#64748b;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-conv-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.channel-badge{background:#f8fafc;background:var(--bg);border-radius:6px;color:#94a3b8;color:var(--text-muted);font-size:11px;padding:2px 6px}.unread-badge{align-items:center;background:#6366f1;background:var(--primary);border-radius:99px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot--open{background:#34d399;background:var(--success)}.status-dot--closed{background:#94a3b8;background:var(--text-muted)}.status-dot--pending{background:#f59e0b;background:var(--warning)}.btn-primary{background:#6366f1;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:500;padding:9px 18px;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:#4f46e5;background:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;transition:background .12s,border-color .12s}.btn-secondary:hover{background:#f8fafc;background:var(--bg);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-icon{border-radius:6px;font-size:15px;padding:4px 6px;transition:background .12s}.btn-icon:hover{background:#f8fafc;background:var(--bg)}.btn-icon--danger:hover{background:#fef2f2}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-error{background:#fef2f2;border-radius:6px;color:#f87171;color:var(--danger);font-size:13px;padding:8px 12px}.filters-bar{display:flex;gap:12px;margin-bottom:16px}.search-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:9px 14px;transition:border-color .15s}.search-input:focus{border-color:#6366f1;border-color:var(--primary)}.filter-select{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:14px;padding:9px 12px}.filter-select,.filter-select-sm{background:#fff;background:var(--bg-card);outline:none}.filter-select-sm{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;font-size:13px;padding:6px 10px}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:#f8fafc;background:var(--bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text-primary);font-size:14px;padding:12px 16px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f8fafc;background:var(--bg)}.table-loading{color:#94a3b8;color:var(--text-muted);padding:32px;text-align:center}.table-actions{display:flex;gap:4px}.contact-cell{gap:10px}.contact-avatar,.contact-cell{align-items:center;display:flex}.contact-avatar{background:#eef2ff;background:var(--primary-light);border-radius:50%;color:#6366f1;color:var(--primary);flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;width:34px}.contact-avatar--sm{font-size:11px;height:28px;width:28px}.status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px;white-space:nowrap}.status-badge--open{background:#ecfdf5;color:#059669}.status-badge--closed{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted)}.status-badge--pending{background:#fffbeb;color:#d97706}.tags-cell{display:flex;flex-wrap:wrap;gap:4px}.tag{border-radius:99px;font-size:11px;font-weight:500;padding:2px 8px}.pagination{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:center;padding:16px}.pagination-info{color:#64748b;color:var(--text-secondary);font-size:13px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#fff;background:var(--bg-card);border-radius:14px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-header h2{font-size:18px;font-weight:700}.modal-close{border-radius:6px;color:#94a3b8;color:var(--text-muted);font-size:18px;padding:4px 8px}.modal-close:hover{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text-primary)}.modal-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.empty-state{color:#94a3b8;color:var(--text-muted);padding:40px;text-align:center}.empty-state p{margin-bottom:12px}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--bg-card);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}.login-brand{margin-bottom:28px;text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:12px}.login-logo svg{height:48px;width:48px}.login-brand h1{color:#0f172a;color:var(--text-primary);font-size:22px;font-weight:700}.login-brand p{color:#64748b;color:var(--text-secondary);font-size:14px;margin-top:4px}.login-tabs{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;gap:0;margin-bottom:24px;overflow:hidden}.login-tab{background:#f8fafc;background:var(--bg);color:#64748b;color:var(--text-secondary);flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:background .12s,color .12s}.login-tab.active{background:#6366f1;background:var(--primary);color:#fff}.login-form{display:flex;flex-direction:column;gap:14px}.login-submit{font-size:15px;padding:12px;width:100%}.login-error{background:#fef2f2;border-radius:8px;color:#f87171;color:var(--danger);font-size:13px;padding:10px 12px}.conversations-page{display:grid;grid-template-columns:320px 1fr;height:100vh;max-width:none;padding:0!important}.conv-list-panel{background:#fff;background:var(--bg-card);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.conv-list-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:20px 16px 12px}.conv-list-header .page-title{font-size:18px;margin-bottom:10px}.conv-filters{display:flex;gap:6px}.conv-list{flex:1 1;overflow-y:auto}.conv-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:background .1s}.conv-item:hover{background:#f8fafc;background:var(--bg)}.conv-item--active{background:#eef2ff;background:var(--primary-light)}.conv-item-avatar{background:#eef2ff;background:var(--primary-light);color:#6366f1;color:var(--primary);flex-shrink:0;font-size:15px;font-weight:600;height:40px;position:relative;width:40px}.conv-item-avatar,.conv-item-channel{align-items:center;border-radius:50%;display:flex;justify-content:center}.conv-item-channel{bottom:-2px;font-size:10px;height:18px;position:absolute;right:-2px;width:18px}.conv-item-body{flex:1 1;min-width:0}.conv-item-top{align-items:baseline;display:flex;justify-content:space-between}.conv-item-name{font-size:13px;font-weight:600}.conv-item-time{color:#94a3b8;color:var(--text-muted);flex-shrink:0;font-size:11px}.conv-item-preview{color:#64748b;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-chat-panel{background:#f8fafc;background:var(--bg);display:flex;flex-direction:column}.conv-empty-state{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.conv-empty-icon{font-size:48px}.conv-empty-state h2{color:#64748b;color:var(--text-secondary);font-size:18px}.conv-empty-state p{font-size:14px}.chat-header{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 20px}.chat-header-avatar{align-items:center;background:#eef2ff;background:var(--primary-light);border-radius:50%;color:#6366f1;color:var(--primary);display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:38px;justify-content:center;width:38px}.chat-header-info{flex:1 1}.chat-header-name{display:block;font-size:14px;font-weight:600}.chat-header-channel{color:#94a3b8;color:var(--text-muted);font-size:12px}.chat-messages{flex:1 1;gap:8px;overflow-y:auto;padding:20px}.chat-messages,.chat-msg{display:flex;flex-direction:column}.chat-msg{max-width:70%}.chat-msg--agent{align-items:flex-end;align-self:flex-end}.chat-msg--client{align-items:flex-start;align-self:flex-start}.chat-msg-bubble{border-radius:16px;font-size:14px;line-height:1.4;padding:10px 14px}.chat-msg--agent .chat-msg-bubble{background:#6366f1;background:var(--primary);border-bottom-right-radius:4px;color:#fff}.chat-msg--client .chat-msg-bubble{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom-left-radius:4px;color:#0f172a;color:var(--text-primary)}.chat-msg-time{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:2px;padding:0 4px}.chat-input-bar{background:#fff;background:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:10px;padding:14px 20px}.chat-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s}.chat-input:focus{border-color:#6366f1;border-color:var(--primary)}.chat-send{border-radius:24px;padding:9px 20px}.kanban-board{align-items:flex-start;display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.kanban-col{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);flex-shrink:0;min-width:230px;width:230px}.kanban-col-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-top:3px solid;display:flex;justify-content:space-between;padding:12px 14px}.kanban-col-title{font-size:13px;font-weight:600}.kanban-col-count{background:#0000000f;border-radius:99px;font-size:12px;font-weight:600;padding:2px 8px}.kanban-col-body{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:10px}.kanban-col-empty{color:#94a3b8;color:var(--text-muted);font-size:12px;padding:20px 0;text-align:center}.pipeline-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px 0 #00000012,0 1px 2px -1px #0000000d;box-shadow:var(--shadow);padding:12px}.pipeline-card__header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.pipeline-card__info{min-width:0}.pipeline-card__name{display:block;font-size:13px;font-weight:600}.pipeline-card__company{color:#94a3b8;color:var(--text-muted);display:block;font-size:11px}.pipeline-card__email,.pipeline-card__phone{color:#64748b;color:var(--text-secondary);font-size:11px;margin-top:2px}.pipeline-card__actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pipeline-card__move-btn{background:#0000;border:1px solid;border-radius:6px;cursor:pointer;font-size:10px;font-weight:500;padding:3px 8px;transition:background .12s,opacity .12s}.pipeline-card__move-btn:hover{opacity:.8}.reports-placeholder{padding:60px 20px;text-align:center}.reports-placeholder-icon{font-size:56px;margin-bottom:16px}.reports-placeholder h2{font-size:20px;font-weight:700;margin-bottom:8px}.reports-placeholder p{color:#64748b;color:var(--text-secondary);font-size:14px;margin:0 auto 28px;max-width:420px}.reports-coming{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.report-preview-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:20px;width:160px}.report-preview-card span{font-size:28px}.report-preview-card strong{font-size:13px;font-weight:600}.report-preview-card small{color:#94a3b8;color:var(--text-muted);font-size:12px;text-align:center}.profile-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:220px 1fr}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}}.profile-summary-card{align-items:center;display:flex;flex-direction:column;gap:8px;padding:28px 20px;text-align:center}.profile-avatar-lg{align-items:center;background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:700;height:72px;justify-content:center;margin-bottom:8px;width:72px}.profile-summary-name{font-size:16px;font-weight:700}.profile-summary-email{color:#64748b;color:var(--text-secondary);font-size:13px}.profile-role-badge{margin-top:4px}.profile-forms{gap:16px}.profile-form,.profile-forms{display:flex;flex-direction:column}.profile-form{gap:14px;padding:20px}.profile-form-actions{display:flex;justify-content:flex-end;padding-top:4px}.form-status{border-radius:8px;font-size:13px;font-weight:500;padding:10px 14px}.form-status--ok{background:#ecfdf5;color:#059669}.form-status--error{background:#fef2f2;color:#f87171;color:var(--danger)}.page-header{flex-wrap:wrap;gap:12px}.custom-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 360px}@media (max-width:1024px){.custom-grid{grid-template-columns:1fr}}.custom-form-col,.custom-section{display:flex;flex-direction:column;gap:16px}.custom-section{padding:20px}.custom-preview-col{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.custom-actions{display:flex;gap:10px;justify-content:flex-end;padding:4px 0}.color-input-row,.custom-color-row label{align-items:center;display:flex}.color-input-row{gap:8px}.color-picker{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;cursor:pointer;height:36px;padding:2px;width:44px}.color-text-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;flex:1 1;font-family:monospace;font-size:13px;padding:8px 10px}.form-hint{color:#94a3b8;color:var(--text-muted);display:block;font-size:12px;margin-top:2px}.code-block{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:block;font-family:monospace;font-size:11px;margin:8px 0;padding:8px 12px;word-break:break-all}.custom-preview-body{display:flex;gap:12px;padding:16px}.preview-sidebar{border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 8px;width:110px}.preview-logo-placeholder{align-items:center;background:#6366f1;border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;margin-bottom:4px;width:28px}.preview-logo-img{border-radius:4px;height:28px;margin-bottom:4px;object-fit:contain;width:28px}.preview-brand{font-size:11px;font-weight:600;margin-bottom:4px}.preview-nav-item{border-radius:4px;font-size:10px;padding:3px 4px}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.preview-kpi{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-top:3px solid;display:flex;justify-content:space-between;padding:8px 10px}.preview-kpi-label{color:#94a3b8;color:var(--text-muted);font-size:10px}.preview-kpi-value{font-size:15px;font-weight:700}.preview-btn{border-radius:6px;color:#fff;font-size:11px;font-weight:500;margin-top:4px;padding:7px;text-align:center}.logo-preview{display:flex;flex-direction:column;gap:6px}.logo-preview-img{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;max-height:60px;max-width:200px;object-fit:contain;padding:6px}.custom-logo-help .custom-section{gap:8px}.custom-logo-help p{color:#64748b;color:var(--text-secondary);font-size:13px}.mobile-topbar{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:none;gap:12px;height:52px;left:0;padding:0 14px;position:fixed;right:0;top:0;z-index:150}.mobile-topbar__hamburger{border-radius:8px;color:#64748b;color:var(--text-secondary);flex-shrink:0;padding:6px;transition:background .15s}.mobile-topbar__hamburger:hover{background:#f8fafc;background:var(--bg)}.mobile-topbar__hamburger svg{display:block;height:22px;width:22px}.mobile-topbar__title{flex:1 1;font-size:16px;font-weight:700}.sidebar-overlay{background:#00000073;display:none;inset:0;position:fixed;z-index:149}@media (max-width:768px){.mobile-topbar{display:flex}.app-content{margin-left:0!important;padding-top:52px}.sidebar{transform:translateX(-100%);transition:transform .25s ease,width .25s ease;width:240px!important;width:var(--sidebar-w)!important;z-index:200}.sidebar--mobile-open{transform:translateX(0)}.sidebar-overlay{display:block}.page{padding:16px}.page-header{align-items:flex-start;flex-direction:column}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.kanban-board{padding-bottom:16px}.kanban-col{min-width:200px;width:200px}.modal-container{padding:12px!important}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr!important}.page{padding:12px}}.conv-collapse-btn{align-items:center;background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;gap:4px;padding:4px 8px;transition:background .15s;white-space:nowrap}.conv-collapse-btn:hover{background:#e2e8f0;background:var(--border)}.conv-list-panel--collapsed{flex:0 0 60px!important;min-width:60px!important;width:60px!important}.conv-list-panel--collapsed .conv-filters,.conv-list-panel--collapsed .conv-item-body,.conv-list-panel--collapsed .conv-list-header-top{display:none}.conv-list-panel--collapsed .conv-item{justify-content:center;padding:10px 0}.conv-list-panel--collapsed .conv-item-avatar{margin:0}.chat-back-btn{background:#f8fafc;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:none;margin-right:4px;padding:6px}.chat-back-btn svg{display:block;height:18px;width:18px}@media (max-width:768px){.conversations-page{grid-template-columns:1fr!important;height:calc(100vh - 52px)!important;margin-top:0}.conv-list-panel{inset:0;position:absolute;transition:transform .25s ease;z-index:10}.conv-list-panel--hidden-mobile{pointer-events:none;transform:translateX(-100%)}.conv-chat-panel{inset:0;position:absolute;transform:translateX(100%);transition:transform .25s ease;z-index:10}.conv-chat-panel--visible-mobile{transform:translateX(0)}.conv-collapse-btn{display:none}.chat-back-btn{align-items:center;display:flex;justify-content:center}}
/*# sourceMappingURL=main.6f90ef12.css.map*/