:root{--color-canvas: #f4f5f7;--color-surface: #ffffff;--color-border: #dfe1e6;--color-border-hover: #c1c7d0;--color-text-primary: #172b4d;--color-text-secondary: #5e6c84;--color-text-tertiary: #97a0af;--color-accent: #0079bf;--color-accent-hover: #026aa7;--color-success: #36b37e;--color-success-bg: #e3fcef;--color-success-text: #006644;--color-danger: #ff5630;--color-warning: #ffab00;--color-column-bg: #ebecf0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--shadow-card: 0 1px 2px 0 rgba(9, 30, 66, .25);--shadow-card-hover: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);--shadow-modal: 0 8px 16px -4px rgba(9, 30, 66, .25), 0 0 0 1px rgba(9, 30, 66, .08);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-canvas);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}#root{display:flex;flex-direction:column;height:100vh}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg);height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.app-title{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.board-container{flex:1;overflow:hidden;background-image:linear-gradient(to right,#f4f5f7,#fff)}.kanban-board{display:flex;overflow-x:auto;padding:var(--spacing-lg);gap:var(--spacing-md);height:100%;align-items:flex-start}.kanban-column{background-color:var(--color-column-bg);border-radius:var(--radius-md);width:280px;min-width:280px;display:flex;flex-direction:column;max-height:100%;border:1px solid transparent}.column-header{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-sm);font-weight:600;color:var(--color-text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-md) var(--radius-md) 0 0}.column-count{font-size:.75rem;color:var(--color-text-secondary);background:#091e4214;padding:2px 8px;border-radius:12px;font-weight:500}.column-body{padding:4px var(--spacing-sm) var(--spacing-sm);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100px}.opportunity-card{background-color:var(--color-surface);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-card);cursor:grab;transition:all .2s cubic-bezier(.2,0,0,1);position:relative;border:1px solid transparent}.opportunity-card:hover{background-color:#fafbfc;box-shadow:0 1px 3px #0000001f}.opportunity-card.dragging-overlay{cursor:grabbing;transform:rotate(2deg) scale(1.02);box-shadow:var(--shadow-card-hover);z-index:999}.card-title{font-weight:600;margin-bottom:4px;font-size:.95rem;color:var(--color-text-primary);line-height:1.4}.lead-name{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:400}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.card-meta{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.tag-blue{background:#deebff;color:#0747a6}.tag-green{background:#e3fcef;color:#064}.tag-yellow{background:#fffae6;color:#172b4d}.tag-purple{background:#eae6ff;color:#403294}.modal-overlay{position:fixed;inset:0;background-color:#091e428a;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--color-surface);padding:0;border-radius:var(--radius-md);width:100%;max-width:540px;box-shadow:var(--shadow-modal);animation:modalEnter .25s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-form{display:flex;flex-direction:column;overflow:hidden;flex:1}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:flex-end;gap:var(--spacing-sm);background-color:var(--color-canvas);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--color-text-primary);background-color:#fafbfc;transition:all .2s}.form-input:hover,.form-select:hover,.form-textarea:hover{background-color:#ebecf0}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background-color:#fff;border-color:#4c9aff;box-shadow:0 0 0 2px #4c9aff33}.btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background-color:var(--color-success);color:#fff}.btn-primary:hover{background-color:#00875a}.btn-secondary{background-color:#091e420a;color:var(--color-text-primary)}.btn-secondary:hover{background-color:#091e4214}.modal-content{background-color:var(--color-surface);padding:0;border-radius:var(--radius-lg);width:90%;max-width:600px;box-shadow:var(--shadow-modal);animation:modalEnter .25s cubic-bezier(.2,0,0,1);display:flex;flex-direction:column;max-height:90vh}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-grid .form-group{margin-bottom:0}.form-full-width{grid-column:1 / -1}@media(max-width:768px){.kanban-board{padding:var(--spacing-sm);gap:var(--spacing-sm)}.kanban-column{width:85vw;min-width:85vw}.app-header{padding:0 var(--spacing-md)}.modal-content{width:95%}.form-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#091e420a;border-radius:4px}::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#a6a6a6;border:2px solid transparent;background-clip:content-box}.login-container{display:flex;min-height:100vh;align-items:center;justify-content:center;background-color:var(--color-canvas);background-image:linear-gradient(135deg,#f4f5f7,#ebecf0)}.login-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-modal);width:100%;max-width:400px;animation:modalEnter .4s cubic-bezier(.2,0,0,1) backwards}.login-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:0}.form-error{color:var(--color-danger);font-size:.85rem;margin-bottom:var(--spacing-md);text-align:center;background-color:#ffebe6;padding:8px;border-radius:var(--radius-sm)}.btn-full{width:100%;margin-top:var(--spacing-sm)}