*{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}.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.auto{opacity:.7;font-style:italic}.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}
