:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0f172a;background:#f8fafc;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-muted: #f8fafc;--bg-hover: #f1f5f9;--border: #e2e8f0;--border-input: #cbd5e1;--text-base: #0f172a;--text-muted: #334155;--text-subtle: #64748b;--text-label: #64748b;--btn-bg: #ffffff;--btn-text: #0f172a;--btn-border: #cbd5e1}.dark{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-muted: #1e293b;--bg-hover: #273549;--border: #334155;--border-input: #475569;--text-base: #f1f5f9;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--text-label: #94a3b8;--btn-bg: #1e293b;--btn-text: #f1f5f9;--btn-border: #475569}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-base);transition:background .2s,color .2s}.app{max-width:1240px;margin:0 auto;padding:20px}.app-logo-wrap{margin-bottom:10px;display:flex;align-items:center}.app-logo{width:auto;max-width:min(180px,55vw);max-height:52px;height:auto;display:block}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.app-userbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.toolbar{display:flex;gap:10px;margin-bottom:16px}button{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.layout{border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);padding:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.card{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--bg-surface)}.card h3{margin:0;font-size:14px}.card p{margin:8px 0 0;font-size:24px;font-weight:700}.filters,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid var(--border-input);border-radius:8px;padding:8px;font:inherit;background:var(--bg-surface);color:var(--text-base);transition:background .15s,border-color .15s,color .15s}textarea{min-height:90px}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:8px;font-size:13px;color:var(--text-base)}.lead-row{cursor:pointer}.lead-row.expanded{background:var(--bg-muted)}.lead-expanded-row td{background:var(--bg-muted);border-bottom:1px solid var(--border-input)}.lead-expanded-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px;padding:8px 2px}.assignment-picker{max-height:260px;overflow-y:auto;border:1px solid #cbd5e1;border-radius:8px;padding:8px;margin-bottom:10px;display:grid;gap:6px}.assignment-item{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:var(--bg-surface)}.assignment-lead-id{min-width:58px;font-weight:700;text-align:left}.assignment-checkbox{margin:0;width:16px;height:16px;flex:0 0 auto}.assignment-company{flex:1 1 220px;min-width:140px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-location{flex:0 0 170px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-phone{flex:0 0 140px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-state{border:1px solid #cbd5e1;border-radius:999px;padding:2px 8px;font-size:11px;white-space:nowrap}.assignment-state.assigned{background:#e0f2fe;border-color:#7dd3fc}.assignment-state.unassigned{background:#f1f5f9}.modal{border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:12px;background:var(--bg-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a59;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;overflow-y:auto}.modal-panel{width:min(980px,100%);margin-top:0;background:var(--bg-surface)}.row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.alert{border:1px solid var(--border-input);border-radius:8px;padding:8px;background:var(--bg-surface);color:var(--text-base);font-size:13px;margin-bottom:12px}.small{font-size:12px;color:var(--text-muted)}.admin-modal-overlay{padding:0;align-items:stretch}.admin-modal-panel{width:100%!important;max-width:100%!important;min-height:100vh;border-radius:0!important;margin:0;overflow-y:auto}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface);z-index:10}.admin-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-subtle);padding:4px 8px}.collapsible-section{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;overflow:hidden}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-muted);border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-base);text-align:left}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-chevron{font-size:11px;color:var(--text-subtle)}.collapsible-body{padding:12px}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.user-actions-trigger{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:16px;cursor:pointer;line-height:1}.user-actions-trigger:hover{background:#e2e8f0}.user-actions-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:100;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000002e;min-width:140px;display:flex;flex-direction:column;overflow:hidden}.user-actions-dropdown button{width:100%;text-align:left;padding:9px 14px;border:none;background:none;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border);color:var(--text-base)}.user-actions-dropdown button:last-child{border-bottom:none}.user-actions-dropdown button:hover{background:var(--bg-hover)}.field-label{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;color:var(--text-label);letter-spacing:.02em;text-transform:uppercase}.field-label input,.field-label select,.field-label textarea{font-size:13px;margin-top:0}.field-label--full{grid-column:1 / -1}.interaction-filters{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.interaction-date-row{display:flex;align-items:center;gap:8px}.interaction-date-row input[type=date]{font-size:12px;padding:3px 6px;height:28px;width:auto}.interaction-search-full{width:100%;box-sizing:border-box}.interaction-log{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.interaction-response{max-width:520px;white-space:pre-wrap;word-break:break-word}.caller-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:12px}.caller-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.caller-header select{flex:1;min-width:200px}.caller-timer{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.caller-timer span{font-size:20px;font-weight:600;min-width:40px}.caller-lead-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:10px;padding:14px}.caller-lead-card h2{margin:0 0 8px;font-size:18px;color:var(--text-base)}.caller-lead-card .lead-field{font-size:13px;padding:3px 0;color:var(--text-muted)}.caller-lead-card .lead-field strong{color:var(--text-base)}.caller-lead-card .lead-section-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.caller-form-section{display:flex;flex-direction:column;gap:8px}.caller-ai-section{margin-top:16px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.caller-ai-toggle{width:100%;text-align:left;padding:10px 14px;background:var(--bg-muted);border:none;border-radius:0;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;color:var(--text-base)}.caller-ai-body{padding:14px}.call-history-section{margin-top:18px}.call-history-section h3{margin:0 0 10px;font-size:15px}.call-history-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.call-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.call-history-header{display:flex;align-items:center;gap:12px;margin-bottom:4px;font-size:14px}.call-history-date{color:#64748b;font-size:12px}.call-history-duration{color:#64748b;font-size:12px;background:#e2e8f0;padding:1px 6px;border-radius:4px}.call-history-detail{font-size:13px;color:#334155;margin-top:2px}.caller-lead-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:10px;margin:8px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;font-size:14px}.lead-expanded-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}button.generate{background:#7c3aed;color:#fff;border-color:#7c3aed}button.generate:disabled{opacity:.65;cursor:not-allowed}.leadgen-log{margin-top:12px;max-height:260px;overflow-y:auto;background:#1e293b;color:#94a3b8;font-family:monospace;font-size:12px;padding:10px;border-radius:8px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.leadgen-progress{height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin:12px 0}.leadgen-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa,#7c3aed);background-size:200% 100%;animation:leadgen-slide 1.5s ease-in-out infinite;width:100%}@keyframes leadgen-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.leadgen-categories{margin-top:12px;max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:10px}.leadgen-cat-group{margin-bottom:8px}.leadgen-cat-group h4{margin:0 0 4px;font-size:13px;color:var(--text-subtle);cursor:pointer}.leadgen-cat-items{display:flex;flex-wrap:wrap;gap:4px 12px}.leadgen-cat-items label{font-size:13px;display:flex;align-items:center;gap:4px}.dark-toggle{background:none;border:1px solid var(--border-input);color:var(--text-subtle);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;line-height:1;transition:background .15s}.dark-toggle:hover{background:var(--bg-hover)}.dark .collapsible-section{border-color:var(--border)}.dark .assignment-state.assigned{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.dark .assignment-state.unassigned{background:#1e293b;border-color:var(--border);color:var(--text-muted)}.dark .toolbar{background:var(--bg-page)}@media (max-width: 900px){.app{max-width:100%;padding:12px}.toolbar{position:sticky;top:0;z-index:20;background:#f8fafc;padding-bottom:8px;margin-bottom:10px}.app-header{flex-direction:column;align-items:flex-start}.app-userbar{width:100%;justify-content:flex-start}.toolbar button{flex:1 1 0;min-height:40px;font-weight:600}.row{gap:6px}.row button{min-height:38px}.filters,.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters input:first-child{grid-column:1 / -1}.filters select{min-width:0}.modal-panel{width:100%;border-radius:12px}.lead-expanded-panel,.caller-layout{grid-template-columns:1fr}.crm-table thead{display:none}.crm-table,.crm-table tbody,.crm-table tr,.crm-table td{display:block;width:100%}.crm-table .lead-row{border:1px solid #e2e8f0;border-radius:10px;margin:0 0 10px;background:#fff;overflow:hidden}.crm-table .lead-row td{display:none}.crm-table .lead-row td:first-child{display:block;border-bottom:0;padding:12px 10px;font-weight:600}.crm-table .lead-row td:first-child:before{content:none}.crm-table .lead-expanded-row{margin:-6px 0 12px}.crm-table .lead-expanded-row td{border:1px solid #e2e8f0;border-top:0;border-radius:0 0 10px 10px;padding:10px}}