*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F8FA;--bg-card: #FFFFFF;--bg-column: #FFFFFF;--bg-hover: #F0F1F4;--border: #E5E8EC;--text: #1A1D23;--text-dim: #667085;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #EFF4FF;--green: #16A34A;--red: #DC2626;--amber: #D97706;--amber-light: #FEF3C7;--violet: #7C3AED;--violet-light: #EDE9FE;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.header-left h1{font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--text)}.header-count{font-size:13px;color:var(--text-dim)}.header-version{font-size:11px;color:var(--text-dim);opacity:.6}.header-center{display:flex;gap:2px;background:var(--bg);border-radius:6px;padding:2px}.view-btn{padding:6px 16px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s}.view-btn.active{background:var(--bg-card);color:var(--text);box-shadow:0 1px 2px #0000000f}.header-right{display:flex;align-items:center;gap:10px}.btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger-outline{background:transparent;color:var(--red);border:1px solid var(--red)}.btn-danger-outline:hover{background:var(--red);color:#fff}.main{flex:1;overflow:auto}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.dashboard{padding:24px;max-width:1200px;margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:4px}.metric-card.metric-alert{border-color:var(--amber);background:var(--amber-light)}.metric-value{font-size:32px;font-weight:700;color:var(--text);line-height:1.1}.metric-alert .metric-value{color:var(--amber)}.metric-label{font-size:13px;color:var(--text-dim);font-weight:500}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.dashboard-card h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:14px}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;align-items:center;gap:8px}.breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-new{background:#9ca3af}.status-dot-contacted{background:var(--amber)}.status-dot-replied{background:var(--violet)}.breakdown-label{flex:1;font-size:14px;color:var(--text)}.breakdown-value{font-size:14px;font-weight:600;color:var(--text)}.empty-message{font-size:14px;color:var(--text-dim);padding:8px 0}.callbacks-list{display:flex;flex-direction:column}.callback-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.callback-row:last-child{border-bottom:none}.callback-row:hover{background:var(--bg-hover);margin:0 -20px;padding:10px 20px}.callback-info{display:flex;flex-direction:column;gap:2px}.callback-company{font-size:14px;font-weight:600;color:var(--text)}.callback-contact{font-size:12px;color:var(--text-dim)}.callback-date{font-size:13px;font-weight:500;color:var(--amber)}.board{display:flex;gap:16px;padding:20px;height:100%;overflow-x:auto}.board-column{flex:1;min-width:320px;background:var(--bg-column);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;max-height:100%;transition:border-color .15s}.board-column.drag-over{border-color:var(--accent)}.column-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.column-header-left{display:flex;align-items:center;gap:8px}.column-dot{width:8px;height:8px;border-radius:50%}.column-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.column-count{font-size:12px;color:var(--text-dim);background:var(--bg);padding:2px 8px;border-radius:10px}.column-cards{flex:1;overflow-y:auto;padding:10px}.card-wrapper{margin-bottom:10px}.card-wrapper.dragging .target-card{box-shadow:0 8px 24px #0000001f;border-color:var(--accent)}.target-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.target-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #2563eb14}.card-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.card-company{font-size:14px;font-weight:600;color:var(--text)}.review-alert-badge{font-size:10px;font-weight:600;background:var(--amber-light);color:var(--amber);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.card-contact-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.sector-badge{font-size:11px;font-weight:500;background:var(--accent-light);color:var(--accent);padding:1px 8px;border-radius:10px}.card-contact-info{font-size:12px;color:var(--text-dim)}.card-role{color:var(--text-dim)}.card-email{margin-bottom:6px}.card-email a{font-size:12px;color:var(--accent);text-decoration:none}.card-email a:hover{text-decoration:underline}.card-reqs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.req-pill{font-size:10px;font-weight:500;background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:10px;white-space:nowrap}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-review{font-size:12px;font-weight:600;color:var(--text-dim)}.card-review.review-due{color:var(--amber)}.card-contacted{font-size:11px;color:var(--text-dim)}.table-view{padding:20px}.callbacks-view{padding:20px;max-width:1000px;margin:0 auto}.table-filters{display:flex;gap:10px;margin-bottom:16px}.table-filters select,.table-filters input{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px}.table-scroll{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:var(--bg)}th:hover{color:var(--text)}td{padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border)}tr:hover td{background:var(--bg-hover);cursor:pointer}.table-role{color:var(--text-dim);font-size:12px}.table-reqs{display:flex;flex-wrap:wrap;gap:3px}.review-date-cell{font-weight:600;color:var(--text-dim)}.review-date-cell.review-due{color:var(--amber)}.review-alert-inline{font-weight:700;color:var(--amber)}.callback-date-cell{font-weight:500;color:var(--text)}.callback-date-cell.due-soon{color:var(--amber);font-weight:600}.callback-date-cell.overdue{color:var(--red);font-weight:600}.empty-cell{text-align:center;color:var(--text-dim);padding:32px 14px!important}.status-pill{font-size:11px;font-weight:500;padding:2px 10px;border-radius:10px;white-space:nowrap}.status-new{background:#f3f4f6;color:#6b7280}.status-contacted{background:var(--amber-light);color:var(--amber)}.status-replied{background:var(--violet-light);color:var(--violet)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:680px;max-width:100%;max-height:calc(100vh - 48px);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:modalIn .2s ease}.modal-small{width:460px}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:1}.modal-header h2{font-size:17px;font-weight:600;color:var(--text)}.close-btn{background:none;border:none;color:var(--text-dim);font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.close-btn:hover{color:var(--text)}.modal-body{padding:24px}.modal-section{margin-bottom:24px}.modal-section h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:10px}.form-stack{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.modal-body label,.form-stack label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:var(--text-dim)}.modal-body input,.modal-body textarea,.modal-body select{padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical}.modal-body input:focus,.modal-body textarea:focus{outline:none;border-color:var(--accent)}.modal-body textarea{width:100%}.form-hint{font-size:13px;color:var(--text-dim);margin-bottom:8px}.form-error{font-size:13px;color:var(--red);background:#fef2f2;padding:8px 12px;border-radius:6px;margin-bottom:12px}.toggle-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:14px!important;font-weight:500!important;color:var(--text)!important;cursor:pointer;margin-bottom:8px}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.req-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px!important;color:var(--text)!important;cursor:pointer}.checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.status-selector{display:flex;flex-wrap:wrap;gap:6px}.status-option{padding:6px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.status-option:hover{border-color:var(--text-dim)}.status-option.active.status-new{border-color:#9ca3af;color:#6b7280;background:#f3f4f6}.status-option.active.status-contacted{border-color:var(--amber);color:var(--amber);background:var(--amber-light)}.status-option.active.status-replied{border-color:var(--violet);color:var(--violet);background:var(--violet-light)}.import-file-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.import-divider{text-align:center;color:var(--text-dim);font-size:12px;margin:12px 0;position:relative}.import-divider:before,.import-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:var(--border)}.import-divider:before{left:0}.import-divider:after{right:0}.import-preview h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.import-fields-found{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:10px 0 16px}.import-preview-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.import-preview-table table{width:100%}.import-preview-table th{font-size:11px}.import-preview-table td{font-size:13px}.import-actions{display:flex;justify-content:space-between;gap:12px}.field-with-link{display:flex;align-items:center;gap:8px}.field-with-link input{flex:1}.field-link{font-size:12px;font-weight:500;color:var(--accent);text-decoration:none;white-space:nowrap;flex-shrink:0}.field-link:hover{text-decoration:underline}.modal-section>label+.btn{margin-top:10px}.linkedin-note-box{margin-top:10px}.linkedin-note-box textarea{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical}.linkedin-note-box textarea:focus{outline:none;border-color:var(--accent)}.linkedin-note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.char-count{font-size:12px;color:var(--text-dim);font-weight:500}.char-count.over-limit{color:var(--red);font-weight:600}.btn-sm{padding:5px 12px;font-size:12px}.modal-header-right{display:flex;align-items:center;gap:12px}.save-indicator{font-size:12px;font-weight:500;transition:opacity .2s}.save-indicator.idle{opacity:0}.save-indicator.saving{color:var(--text-dim);opacity:1}.save-indicator.saved{color:var(--green);opacity:1}.modal-danger-section{padding-top:20px;border-top:1px solid var(--border)}.delete-confirm{display:flex;align-items:center;gap:10px;font-size:14px}.sign-in-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}@media(max-width:768px){.header{flex-wrap:wrap;gap:10px;padding:10px 16px}.header-center{order:3;width:100%;justify-content:center}.board{padding:12px;gap:10px}.board-column{min-width:280px}.modal-card{width:100%;max-height:100vh;border-radius:8px}.modal-overlay{padding:12px}.metrics-grid{grid-template-columns:1fr 1fr}.dashboard-row,.form-grid,.req-checkboxes{grid-template-columns:1fr}}