*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#111}button{cursor:pointer;background:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:6px;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){background:#f0f0f0}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:18px;font-weight:600}.header-actions{display:flex;gap:8px}.banner-error{padding:8px 24px;background:#ffe6e6;color:#a00;font-size:13px}.muted{color:#00000080;font-size:13px}.analytics{display:flex;gap:12px;padding:16px 24px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #e0e0e0}.metric{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:8px 14px;min-width:100px}.metric-label{font-size:11px;color:#0000008c;text-transform:uppercase;letter-spacing:.4px}.metric-value{font-size:22px;font-weight:600}.board{display:flex;gap:12px;padding:16px 24px 24px;overflow-x:auto;flex:1;align-items:flex-start}.board-column{flex:0 0 280px;background:#ececec;border-radius:10px;padding:8px;display:flex;flex-direction:column}.board-column-header{display:flex;justify-content:space-between;padding:6px 8px 10px;font-weight:600;font-size:13px}.board-column-count{background:#fff;border-radius:10px;padding:0 8px;font-size:12px;color:#555}.board-column-body{display:flex;flex-direction:column;gap:8px}.board-empty{text-align:center;padding:12px}.lead-card{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:background-color .6s ease,color .6s ease;box-shadow:0 1px 2px #00000014;position:relative}.lead-card.fresh:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;border:2px solid #2ea043;animation:lead-pulse 1.6s ease-out infinite;pointer-events:none}@keyframes lead-pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.06);opacity:0}to{transform:scale(1.06);opacity:0}}.lead-card-header{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.lead-card-id{flex:1;min-width:0}.lead-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-source{font-size:11px}.burn-badge{border:1px solid;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.lead-snippet{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lead-meta{display:flex;gap:6px;font-size:11px}.lead-actions{display:flex;gap:6px;margin-top:4px}.lead-actions button{flex:1;font-size:11px;padding:4px 6px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:flex-end;z-index:20}.drawer{width:480px;max-width:100%;background:#fff;height:100%;display:flex;flex-direction:column;padding:16px;gap:12px;overflow-y:auto}.drawer-loading{padding:16px;color:#666}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:8px}.drawer-name{font-weight:600;font-size:16px}.drawer-sub{font-size:12px;color:#666;margin-top:2px}.drawer-stage-row{display:flex;flex-wrap:wrap;gap:4px}.stage-pill{font-size:11px;padding:4px 8px;border-radius:16px}.stage-pill.active{background:#111;color:#fff;border-color:#111}.drawer-history{flex:1;display:flex;flex-direction:column;gap:6px;background:#fafafa;border-radius:8px;padding:8px;overflow-y:auto;min-height:200px}.bubble{max-width:80%;padding:6px 10px;border-radius:10px;font-size:13px}.bubble-in{background:#fff;border:1px solid #e0e0e0;align-self:flex-start}.bubble-out{background:#d8f1d8;align-self:flex-end}.bubble-out.from-api{background:#c8e6c9;border-left:3px solid #2ea043}.bubble-out.from-phone{background:#cfe6ff;border-left:3px solid #1f6feb}.bubble-out.from-auto{background:#ececec;border-left:3px solid #888;opacity:.75;font-style:italic}.bubble-out.from-imported{background:#f0f0f0;border-left:3px dashed #aaa;opacity:.85}.bubble.auto{opacity:.7;font-style:italic}.bubble-media{display:flex;flex-direction:column;gap:6px}.bubble-media audio,.bubble-media video,.bubble-media img{outline:none}.bubble-doc{display:inline-block;padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#111;font-size:13px}.bubble-doc:hover{background:#f5f5f5}.bubble-meta{font-size:10px;color:#777;margin-top:2px}.drawer-templates{display:flex;flex-wrap:wrap;gap:4px}.drawer-templates button{font-size:11px;padding:3px 6px}.drawer-textarea{width:100%;font-size:13px;padding:8px;border:1px solid #ccc;border-radius:8px;font-family:inherit;resize:vertical}.drawer-error{background:#ffe6e6;color:#a00;padding:6px 8px;border-radius:6px;font-size:12px}.drawer-actions{display:flex;justify-content:flex-end;gap:6px}.import-list{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow-y:auto}.import-row{display:flex;align-items:flex-start;gap:8px;border:1px solid #eee;border-radius:8px;padding:8px;cursor:pointer}.import-row:hover{background:#fafafa}.import-row-text{flex:1;font-size:13px}.import-row-name{font-weight:500}.tabs{display:flex;gap:4px;padding:0 24px;background:#fff;border-bottom:1px solid #e0e0e0}.tab{background:transparent;border:none;padding:10px 16px;font-size:14px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{font-weight:600;border-bottom-color:#111}.groups-view{display:flex;gap:12px;padding:16px 24px;flex:1;height:calc(100vh - 120px)}.groups-list{flex:0 0 320px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow-y:auto}.groups-list-header{padding:12px;font-weight:600;border-bottom:1px solid #eee}.group-row{padding:10px 12px;border-bottom:1px solid #f1f1f1;cursor:pointer}.group-row:hover{background:#fafafa}.group-row.active{background:#f0f0f0}.group-row-name{font-weight:500;font-size:13px}.group-row-snippet{font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-row-meta{font-size:11px;margin-top:2px;display:flex;justify-content:space-between;align-items:center}.group-unread{background:#111;color:#fff;border-radius:10px;padding:1px 6px;font-size:10px}.group-detail{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;display:flex;flex-direction:column;overflow:hidden}.group-detail-header{border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:8px}.bubble.call{background:#fff8d6;border:1px dashed #d4b800;font-style:italic}