*{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}.banner-warn{padding:6px 24px;background:#fff4cc;color:#850;font-size:12px}.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:8px 12px;border-radius:10px;font-size:13px;word-break:break-word;overflow-wrap:anywhere}.bubble-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.bubble-text:empty:before{content:"—";color:#00000059}.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-section{display:flex;flex-direction:column;gap:6px;padding:8px;background:#fffae6;border:1px solid #f0e6c0;border-radius:8px}.drawer-events{background:#f4f6fa;border:1px solid #d6dee8;border-radius:8px;padding:6px 10px}.drawer-events summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.drawer-events summary::-webkit-details-marker{display:none}.events-log{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;margin-top:6px;font-size:12px}.events-row{display:grid;grid-template-columns:130px 80px 130px 1fr;gap:6px;padding:3px 4px;border-bottom:1px solid #eaeef3;align-items:baseline}.events-row:last-child{border-bottom:none}.events-time{font-variant-numeric:tabular-nums;color:#666;font-size:11px}.events-actor{font-weight:500}.events-action{color:#444}.events-extra{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.events-row{grid-template-columns:1fr 1fr}.events-time{grid-column:span 2}}.drawer-scoring{display:flex;flex-direction:column;gap:6px;padding:8px;background:#eef8ff;border:1px solid #cce5f5;border-radius:8px}.drawer-scoring-buttons{display:flex;flex-wrap:wrap;gap:6px}.drawer-scoring-buttons button{flex:1;font-weight:500;min-width:160px}.drawer-scoring-buttons button:disabled{background:#d4f1d4;color:#1f7a1f;border-color:#b8e6b8;opacity:1}.leaderboard{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin:16px 24px 0;padding:12px 16px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px}.leaderboard-title{font-weight:600;font-size:14px}.leaderboard-periods{display:flex;gap:4px}.period-pill{padding:4px 10px;font-size:12px;border-radius:14px;border:1px solid #ddd}.period-pill.active{background:#111;color:#fff;border-color:#111}.leaderboard-rows{display:flex;flex-direction:column;gap:4px}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px}.leaderboard-row:nth-child(odd){background:#fafafa}.leaderboard-rank{width:26px;font-weight:600}.leaderboard-name{flex:1;font-weight:500}.leaderboard-stats{display:flex;gap:6px;align-items:center;font-size:12px}.leaderboard-points{font-weight:600;color:#1f7a1f}.report{padding:16px 24px;display:flex;flex-direction:column;gap:16px}.report-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.metric-large .metric-value{font-size:28px;color:#1f7a1f}.report-section{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:12px 16px}.report-section h3{margin:0 0 8px;font-size:14px;font-weight:600}.report-section-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.report-stages{display:flex;flex-direction:column;gap:4px}.report-stage{display:flex;gap:10px;padding:4px 8px;background:#fafafa;border-radius:4px;font-size:13px}.report-stage>:last-child{margin-left:auto}.report-feed{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.report-feed-row{display:grid;grid-template-columns:150px 60px 180px 1fr;gap:8px;padding:4px 8px;border-bottom:1px solid #eee;font-size:13px;align-items:baseline}.report-feed-row:last-child{border-bottom:none}@media (max-width: 768px){.report-feed-row{grid-template-columns:1fr 60px}.report-feed-row>:nth-child(3),.report-feed-row>:nth-child(4){grid-column:span 2}}.drawer-section-header{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#555}.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-since{display:flex;gap:8px;align-items:center;padding:8px;background:#f7f7f7;border-radius:6px}.import-since label{display:flex;gap:6px;align-items:center;font-size:13px}.import-since input[type=date]{font-size:14px;padding:6px 8px;border:1px solid #ccc;border-radius:6px}.import-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;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}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f5f7;padding:16px}.login-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.login-title{margin:0;font-size:22px;font-weight:600}.login-sub{margin-top:-4px;font-size:13px}.login-label{display:flex;flex-direction:column;font-size:12px;color:#555;gap:4px}.login-label input{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px;font-family:inherit}.login-submit{margin-top:8px;padding:10px;font-size:14px;font-weight:600;background:#111;color:#fff;border:none;border-radius:6px}.login-submit:disabled{background:#888}button.danger{background:#ffd6d6;border-color:#d44;color:#a00}button.danger:hover:not(:disabled){background:#ffbcbc}.user-badge{font-size:12px;margin-right:8px}.night-on{background:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important}.night-on:hover:not(:disabled){background:#243f9c!important}.lamp{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500;border:1px solid transparent;cursor:help}.lamp-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor}.lamp-green{background:#e6f7ea;color:#1f7a1f;border-color:#b8e6b8}.lamp-green .lamp-dot{animation:lamp-pulse 2s ease-in-out infinite}.lamp-red{background:#ffe6e6;color:#b00020;border-color:#f4b8b8}.lamp-red .lamp-dot{animation:lamp-blink 1s steps(2,jump-none) infinite}.lamp-unknown{background:#f0f0f0;color:#666;border-color:#ddd}@keyframes lamp-pulse{0%,to{box-shadow:0 0 #2ea04300}50%{box-shadow:0 0 0 5px #2ea04340}}@keyframes lamp-blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}.app-header h1{font-size:16px}.header-actions{flex-wrap:wrap;gap:6px}.header-actions button{font-size:12px;padding:8px 10px;min-height:36px}.user-badge{width:100%;margin-right:0}.tabs{padding:0 12px}.tab{padding:12px 14px;min-height:44px}.analytics{gap:6px;padding:8px 12px;overflow-x:auto;flex-wrap:nowrap}.metric{min-width:90px;padding:6px 10px;flex:0 0 auto}.metric-value{font-size:18px}.board{padding:8px 12px 16px;gap:8px;-webkit-overflow-scrolling:touch}.board-column{flex:0 0 240px}.lead-card{padding:10px}.lead-actions button{min-height:32px;font-size:12px}.drawer-overlay{align-items:stretch;justify-content:stretch}.drawer{width:100%;max-width:100%;border-radius:0;padding:12px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.drawer-history{min-height:240px;max-height:50vh;flex:1}.bubble{max-width:92%;font-size:14px}.bubble-meta{font-size:11px}.stage-pill{padding:8px 10px;min-height:32px}.drawer-stage-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.drawer-stage-row .stage-pill{flex:0 0 auto;white-space:nowrap}.drawer-scoring-buttons button{min-width:0;flex:1 1 45%;font-size:12px}.groups-view{flex-direction:column;height:auto}.groups-list{flex:0 0 auto;max-height:50vh}.login-card{border-radius:12px;padding:20px}.login-label input{font-size:16px;padding:10px 12px}.drawer-textarea{font-size:16px}}@media (max-width: 480px){.board-column{flex:0 0 88vw}.bubble{max-width:92%}}