*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--surface:#fff;--border:#e2e8f0;--text:#1a202c;--text-muted:#718096;--primary:#4f46e5;--primary-light:#eef2ff;--danger:#ef4444;--radius:8px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}body{margin:0}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;font:inherit;background:0 0;border:none}input,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background:var(--surface);border-bottom:1px solid var(--border);height:56px;box-shadow:var(--shadow);flex-shrink:0;align-items:center;gap:20px;padding:0 20px;display:flex}.header__brand{align-items:center;gap:8px;display:flex}.header__logo{font-size:22px}.header__title{color:var(--text);font-size:16px;font-weight:700}.header__stats{gap:16px;margin-left:20px;display:flex}.stat{color:var(--text-muted);font-size:13px}.stat b{color:var(--text)}.stat--new b{color:var(--primary)}.header__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.btn-primary{border-radius:var(--radius);background:var(--primary);color:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--bg);color:var(--text)}.icon-btn--danger:hover{color:#dc2626;background:#fee2e2}.main{flex:1;overflow:hidden}.loading-screen{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.kanban-board{gap:12px;height:100%;padding:16px;display:flex;overflow-x:auto}.kanban-column{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:0 0 240px;display:flex;overflow:hidden}.kanban-column__header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:10px 12px;display:flex}.kanban-column__dot{background:var(--col-color,#6b7280);border-radius:50%;width:10px;height:10px}.kanban-column__title{flex:1;font-size:13px;font-weight:600}.kanban-column__count{color:#fff;background:var(--col-color,#6b7280);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.kanban-column__body{flex-direction:column;flex:1;gap:8px;padding:8px;transition:background .15s;display:flex;overflow-y:auto}.kanban-column__body--over{background:#4f46e50d}.kanban-column__empty{text-align:center;color:var(--text-muted);padding:20px 0;font-size:12px}.lead-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:5px;padding:10px;transition:box-shadow .15s,border-color .15s;display:flex}.lead-card:hover{box-shadow:var(--shadow-md);border-color:#c7d2fe}.lead-card--waiting{background:#fef2f2;border-color:#fecaca}.wait-badge{color:#dc2626;background:#fee2e2;border-radius:20px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.confirm-badge{border-radius:20px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.confirm-badge--pending{color:#64748b;background:#f1f5f9}.confirm-badge--confirmed{color:#059669;background:#d1fae5}.confirm-badge--escalated{color:#dc2626;background:#fee2e2}.missing-date-badge{color:#b45309;background:#fef3c7;border-radius:20px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.schedule-view{max-width:720px;margin:0 auto;padding:20px}.schedule-group{margin-bottom:24px}.schedule-group__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:700}.schedule-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;margin-bottom:6px;padding:10px 14px;transition:box-shadow .15s,border-color .15s;display:flex}.schedule-row:hover{box-shadow:var(--shadow-md);border-color:#c7d2fe}.schedule-row__time{color:var(--primary);flex-shrink:0;width:48px;font-size:13px;font-weight:700}.schedule-row__name{flex:1;min-width:0;font-size:13px;font-weight:600}.schedule-row__phone{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.schedule-row__stage{background:color-mix(in srgb, var(--stage-color) 15%, white);color:var(--stage-color);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.schedule-row__conflict{color:#b45309;background:#fef3c7;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.lead-card__name{color:var(--text);font-size:13px;font-weight:600}.lead-card__phone{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.lead-card__last-msg{color:var(--text-muted);background:#f8fafc;border-radius:4px;align-items:flex-start;gap:4px;padding:4px 6px;font-size:11px;display:flex}.lead-card__last-msg svg{flex-shrink:0;margin-top:1px}.lead-card__footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.lead-card__msg-count,.lead-card__time{color:var(--text-muted);align-items:center;gap:3px;font-size:10px;display:flex}.chat-panel{background:var(--surface);border-left:1px solid var(--border);z-index:100;flex-direction:column;width:380px;display:flex;position:fixed;top:56px;bottom:0;right:0;box-shadow:-4px 0 16px #00000014}.chat-panel__loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.chat-panel__header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat-panel__lead-info{align-items:center;gap:10px;display:flex}.chat-panel__avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.chat-panel__name{font-size:14px;font-weight:600}.chat-panel__phone{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.chat-panel__actions{align-items:center;gap:6px;display:flex}.chat-panel__notes-input{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:#fffbeb;flex-shrink:0;margin:8px 14px;padding:6px 8px;font-family:inherit;font-size:12px}.chat-panel__notes-input:focus{border-color:var(--primary);outline:none}.chat-panel__meta-row{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.chat-panel__deal-value{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.chat-panel__deal-value input{width:100%;padding:4px 8px;font-size:12px}.chat-panel__lost-row{border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 14px}.lost-badge{color:#dc2626;background:#fee2e2;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.lost-badge button{color:#dc2626;opacity:.7;display:flex}.lost-badge button:hover{opacity:1}.lost-selector{display:inline-block;position:relative}.lost-selector__btn{color:var(--text-muted);border:1px dashed var(--border);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.lost-selector__btn:hover{color:var(--danger);border-color:var(--danger)}.chat-panel__messages{background:#f8fafc;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-panel__input{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-panel__input input{border-radius:20px;padding:8px 14px}.bubble{flex-direction:column;max-width:80%;display:flex}.bubble--inbound{align-self:flex-start}.bubble--outbound{align-self:flex-end}.bubble__body{word-break:break-word;border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.4}.bubble--inbound .bubble__body{border:1px solid var(--border);background:#fff;border-bottom-left-radius:2px}.bubble--outbound .bubble__body{background:#dcf8c6;border-bottom-right-radius:2px}.bubble__meta{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;padding:0 4px;font-size:10px;display:flex}.bubble--outbound .bubble__meta{justify-content:flex-end}.bubble__status{font-size:12px}.bubble__status--read{color:#3b82f6}.bubble__media{object-fit:cover;border-radius:12px;max-width:260px;max-height:260px;margin-bottom:2px;display:block}.bubble__media--loading{background:var(--bg);border-radius:12px;width:200px;height:150px}.attach-preview{border-top:1px solid var(--border);background:#f8fafc;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.attach-preview img{object-fit:cover;border-radius:6px;width:36px;height:36px}.attach-preview span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.templates-selector{position:relative}.templates-dropdown{min-width:200px;max-width:260px}.template-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.template-list__empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:12px}.template-row{border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:6px;padding:8px;display:flex}.template-row--editing{flex-direction:column}.template-row--editing input,.template-row--editing textarea{font-size:12px}.template-row__actions{align-self:flex-end;gap:8px;display:flex}.template-row__body{flex:1;min-width:0}.template-row__title{font-size:12px;font-weight:600}.template-row__text{color:var(--text-muted);white-space:pre-wrap;margin-top:2px;font-size:11px}.template-add{flex-direction:column;gap:8px;display:flex}.stage-selector{position:relative}.stage-selector__btn{background:color-mix(in srgb, var(--stage-color) 15%, transparent);color:var(--stage-color);border:1px solid color-mix(in srgb, var(--stage-color) 30%, transparent);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.stage-selector__btn:hover{background:color-mix(in srgb, var(--stage-color) 25%, transparent)}.stage-selector__dropdown{z-index:200;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;min-width:130px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.stage-selector__item{text-align:left;width:100%;color:var(--stage-color);padding:8px 12px;font-size:12px;font-weight:500;transition:background .1s;display:block}.stage-selector__item:hover{background:color-mix(in srgb, var(--stage-color) 10%, transparent)}.stage-selector__item.active{background:color-mix(in srgb, var(--stage-color) 15%, transparent)}.send-btn{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.send-btn:hover:not(:disabled){background:#4338ca}.send-btn:disabled{background:var(--border);color:var(--text-muted)}.modal-overlay{z-index:300;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 20px 40px #00000026}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal__header h3{font-size:16px;font-weight:600}.modal__form{flex-direction:column;gap:14px;padding:20px;display:flex}.modal__form label{flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.modal__error{color:var(--danger);font-size:12px}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--surface);width:320px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.login-card__icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.login-card h1{font-size:18px}.login-card p{color:var(--text-muted);margin-bottom:6px;font-size:13px}.login-card input{text-align:center}.login-card .btn-primary{justify-content:center;width:100%;padding:9px}.wa-pill{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.wa-pill--connected{color:#16a34a;background:#dcfce7}.wa-pill--disconnected{color:#dc2626;background:#fee2e2}.wa-pill--unknown{background:var(--bg);color:var(--text-muted)}.header__nav{background:var(--bg);border-radius:var(--radius);gap:2px;padding:3px;display:flex}.nav-tab{color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.nav-tab:hover{color:var(--text)}.nav-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.chat-panel__appointment{color:var(--text-muted);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.chat-panel__appointment label{flex:1;align-items:center;gap:8px;display:flex}.chat-panel__appointment input{min-width:190px;padding:5px 8px;font-size:13px}.modal--wide{width:480px}.stage-list{flex-direction:column;gap:6px;max-height:320px;display:flex;overflow-y:auto}.stage-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:6px 8px;display:flex}.stage-row__handle{color:var(--text-muted);cursor:grab;touch-action:none;display:flex}.stage-row__color{cursor:pointer;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:2px}.stage-row__label{flex:1;padding:5px 8px;font-size:13px}.stage-row__count{color:var(--text-muted);white-space:nowrap;font-size:11px}.stage-add{gap:8px;display:flex}.stage-add input{flex:1}.tasks-panel{max-width:640px;height:100%;margin:0 auto;padding:16px;overflow-y:auto}.task-group{margin-bottom:20px}.task-group__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.task-group--overdue .task-group__title{color:var(--danger)}.task-group--today .task-group__title{color:var(--primary)}.task-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.task-group--overdue .task-row{background:#fef2f2;border-color:#fecaca}.task-row__body{cursor:pointer;flex:1}.task-row__title{font-size:13px;font-weight:500}.task-row__meta{color:var(--text-muted);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.funnel-view{max-width:700px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.funnel-view__controls{margin-bottom:20px}.funnel-view__controls select{width:auto;padding:6px 10px;font-size:13px}.funnel-bars{flex-direction:column;gap:14px;display:flex}.funnel-row{grid-template-columns:90px 1fr 50px;align-items:center;gap:10px;display:grid}.funnel-row__label{font-size:13px;font-weight:500}.funnel-row__bar-track{background:var(--bg);border-radius:6px;height:28px;position:relative;overflow:hidden}.funnel-row__bar{background:var(--primary);border-radius:6px;height:100%;transition:width .3s}.funnel-row__count{color:var(--text);font-size:12px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.funnel-row__conversion{color:var(--text-muted);text-align:right;font-size:12px}.funnel-row--lost{grid-template-columns:140px 1fr}.funnel-row__bar--lost{background:var(--danger)}.funnel-section{border-top:1px solid var(--border);margin-top:32px;padding-top:20px}.funnel-section__title{margin-bottom:12px;font-size:14px;font-weight:600}.funnel-revenue__total{color:var(--primary);margin-bottom:10px;font-size:24px;font-weight:700}.funnel-revenue__breakdown{flex-direction:column;gap:6px;display:flex}.funnel-revenue__row{background:var(--bg);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}