body{background-color:#f4f7f6;margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app-container{max-width:1400px;margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.app-header h1{text-align:left;margin:0}.btn-add{color:#fff;cursor:pointer;background-color:#48bb78;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add:hover{background-color:#38a169}.new-lead-form{background-color:#fff;border-radius:8px;gap:10px;margin-bottom:20px;padding:15px;display:flex;box-shadow:0 2px 4px #0000001a}.lead-input{border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:10px 15px;font-size:14px}.lead-input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e133}.btn-submit{color:#fff;cursor:pointer;background-color:#4299e1;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-submit:hover{background-color:#3182ce}.btn-secondary{color:#2d3748;cursor:pointer;background-color:#edf2f7;border:1px solid #cbd5e0;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background-color:#e2e8f0}.client-select{color:#2d3748;background-color:#fff;border:1px solid #cbd5e0;border-radius:6px;min-width:180px;padding:10px 12px;font-size:14px}.session-info{color:#718096;margin-top:4px;font-size:.9em}.pipeline-container{align-items:flex-start;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.column{background-color:#e2e8f0;border-radius:8px;flex-shrink:0;width:300px;min-width:280px;padding:15px;transition:background-color .2s}.column.column-over{background-color:#cbd5e0}.column-header{color:#2d3748;border-bottom:2px solid #cbd5e0;margin-bottom:15px;padding-bottom:10px}.column-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.column-title-block{min-width:0}.column-title{overflow-wrap:anywhere;font-size:1.1em;font-weight:700}.column-subtitle{color:#718096;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:.85em;font-weight:400;line-height:1.35}.btn-column-edit{color:#4a5568;cursor:pointer;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.btn-column-edit:hover{background:#edf2f7}.column-edit-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.column-edit-form{flex-direction:column;gap:8px;display:flex}.column-title-input,.column-subtitle-input{box-sizing:border-box;color:#2d3748;border:1px solid #cbd5e0;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.column-title-input{font-weight:700}.column-subtitle-input{resize:vertical;min-height:54px}.column-title-input:focus,.column-subtitle-input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e133}.column-edit-actions{gap:8px;display:flex}.btn-column-save,.btn-column-cancel{cursor:pointer;border:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:700}.btn-column-save{color:#fff;background-color:#4299e1}.btn-column-cancel{color:#2d3748;background-color:#edf2f7;border:1px solid #cbd5e0}.btn-column-save:disabled,.btn-column-cancel:disabled{cursor:not-allowed;opacity:.7}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;padding:12px;transition:transform .1s,box-shadow .1s;box-shadow:0 2px 4px #0000001a}.card:hover{box-shadow:0 4px 8px #00000026}.card-dragging{transform:rotate(3deg);box-shadow:0 8px 16px #0003}.card-title{color:#1a202c;margin-bottom:8px;font-weight:600}.custom-fields{color:#718096;border-top:1px solid #edf2f7;padding-top:8px;font-size:.85em}.custom-field-item{margin-bottom:3px}.loading{text-align:center;color:#666;margin-top:50px;font-size:1.2em}.error{text-align:center;color:#c53030;background:#fff5f5;border-radius:8px;margin-top:50px;padding:20px;font-size:1.2em}.empty-state{text-align:center;color:#4a5568;background:#fff;border-radius:8px;margin-top:50px;padding:24px;font-size:1.1em}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 40px);display:flex}.auth-form{background-color:#fff;border-radius:8px;flex-direction:column;gap:12px;width:min(360px,100%);padding:24px;display:flex;box-shadow:0 2px 8px #0000001f}.auth-form h1{color:#1a202c;margin:0 0 8px}.form-error{color:#c53030;background:#fff5f5;border-radius:6px;padding:10px 12px;font-size:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.btn-add-column{background-color:#4299e1}.btn-add-column:hover{background-color:#3182ce}.btn-add-custom-field{background-color:#805ad5}.btn-add-custom-field:hover{background-color:#6b46c1}.modal-backdrop{z-index:50;background:#1a202c8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lead-modal{background:#fff;border-radius:8px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:24px;overflow:auto;box-shadow:0 20px 40px #0000003d}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h2{color:#1a202c;margin:0;font-size:1.4rem}.modal-subtitle{color:#718096;margin-top:4px;font-size:.9rem}.modal-close{color:#2d3748;cursor:pointer;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.modal-close:hover{background:#edf2f7}.modal-close-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.lead-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.lead-detail-grid div{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.lead-detail-grid span{color:#718096;text-transform:uppercase;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.lead-detail-grid strong{color:#1a202c;overflow-wrap:anywhere}.custom-field-values-form{flex-direction:column;gap:14px;display:flex}.custom-field-values-form h3{color:#1a202c;margin:0;font-size:1rem}.custom-field-control{color:#2d3748;flex-direction:column;gap:6px;font-size:.95rem;font-weight:700;display:flex}.modal-checkbox-field{color:#4a5568;align-items:center;gap:8px;width:fit-content;font-weight:600;display:inline-flex}.modal-checkbox-field input{width:18px;height:18px}.empty-custom-fields{color:#718096;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}@media (width<=720px){body{padding:12px}.app-header,.new-lead-form,.modal-header,.modal-actions{flex-direction:column;align-items:stretch}.lead-detail-grid{grid-template-columns:1fr}.lead-modal{padding:18px}}