.header{padding:var(--sb-spacing-lg) var(--sb-spacing-3xl);background:linear-gradient(135deg, var(--sb-bg-light) 0%, var(--sb-bg-lighter) 100%);border-bottom:1px solid var(--sb-border-light);z-index:var(--sb-z-sticky);box-shadow:var(--sb-shadow-md);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:var(--sb-spacing-md);display:flex}.header-brand img{width:auto;height:36px}.header-brand h1{font-size:var(--sb-font-size-xl);font-weight:var(--sb-font-weight-bold);color:var(--sb-text-primary)}.header-nav{align-items:center;gap:var(--sb-spacing-xs);display:flex}.nav-link{padding:var(--sb-spacing-sm) var(--sb-spacing-lg);border-radius:var(--sb-radius-md);color:var(--sb-text-secondary);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-medium);transition:all var(--sb-transition-smooth);text-decoration:none}.nav-link:hover{color:var(--sb-text-primary);background:var(--sb-surface-4)}.nav-link.active{color:var(--sb-text-primary);background:rgba(var(--sb-primary-rgb), .3)}.header-actions{align-items:center;gap:var(--sb-spacing-lg);display:flex}.user-info{color:var(--sb-text-secondary);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-medium)}.btn{justify-content:center;align-items:center;gap:var(--sb-spacing-sm);padding:var(--sb-spacing-md) var(--sb-spacing-xl);border-radius:var(--sb-radius-md);font-family:var(--sb-font-family);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-semibold);cursor:pointer;transition:all var(--sb-transition-smooth);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);color:var(--sb-text-primary);box-shadow:var(--sb-shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--sb-shadow-primary);transform:translateY(-2px)}.btn-secondary{background:var(--sb-surface-4);color:var(--sb-text-secondary);border:1px solid var(--sb-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--sb-surface-5);color:var(--sb-text-primary)}.btn-danger{color:var(--sb-danger-light);background:#ef444433;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:var(--sb-danger);color:var(--sb-text-primary)}.btn-logout{background:rgba(var(--sb-primary-rgb), .2);color:var(--sb-primary-light);border:1px solid rgba(var(--sb-primary-rgb), .3)}.btn-logout:hover:not(:disabled){background:var(--sb-primary);color:var(--sb-text-primary)}.card{background:var(--sb-surface-2);border:1px solid var(--sb-border-light);border-radius:var(--sb-radius-xl);padding:var(--sb-spacing-2xl);transition:all var(--sb-transition-smooth)}.card:hover{border-color:var(--sb-border-medium);box-shadow:var(--sb-shadow-sm)}.card-header{margin-bottom:var(--sb-spacing-lg);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--sb-font-size-lg);font-weight:var(--sb-font-weight-semibold);color:var(--sb-text-primary)}.form-group{margin-bottom:var(--sb-spacing-lg)}.form-label{font-size:var(--sb-font-size-sm);font-weight:var(--sb-font-weight-medium);color:var(--sb-text-secondary);margin-bottom:var(--sb-spacing-sm);display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--sb-spacing-md) var(--sb-spacing-lg);background:var(--sb-surface-2);border:1px solid var(--sb-border-light);border-radius:var(--sb-radius-md);color:var(--sb-text-primary);font-family:var(--sb-font-family);font-size:var(--sb-font-size-base);transition:all var(--sb-transition-base)}.form-input::placeholder,.form-textarea::placeholder{color:var(--sb-text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--sb-primary);background:var(--sb-surface-3);box-shadow:0 0 0 4px rgba(var(--sb-primary-rgb), .2);outline:none}.form-row{gap:var(--sb-spacing-lg);grid-template-columns:1fr 1fr;display:grid}.modal-overlay{width:100%;height:100%;z-index:var(--sb-z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--sb-transition-smooth);padding:var(--sb-spacing-2xl);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-overlay .modal{background:linear-gradient(180deg, var(--sb-bg-light) 0%, var(--sb-bg-dark) 100%);border:1px solid var(--sb-border-light);border-radius:var(--sb-radius-xl);width:100%;max-width:600px;max-height:90vh;transition:transform var(--sb-transition-smooth);overflow-y:auto;transform:scale(.9)translateY(20px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--sb-spacing-2xl);border-bottom:1px solid var(--sb-border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--sb-font-size-xl);font-weight:var(--sb-font-weight-semibold);color:var(--sb-text-primary)}.modal-close{width:32px;height:32px;color:var(--sb-text-muted);cursor:pointer;border-radius:var(--sb-radius-sm);transition:all var(--sb-transition-base);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.modal-close:hover{background:var(--sb-surface-4);color:var(--sb-text-primary)}.modal-body{padding:var(--sb-spacing-2xl)}.modal-footer{justify-content:flex-end;gap:var(--sb-spacing-md);padding:var(--sb-spacing-lg) var(--sb-spacing-2xl);border-top:1px solid var(--sb-border-light);background:var(--sb-surface-1);display:flex}.data-table{background:var(--sb-surface-2);border:1px solid var(--sb-border-light);border-radius:var(--sb-radius-xl);width:100%;overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table th{background:var(--sb-surface-2);color:var(--sb-text-secondary);font-size:var(--sb-font-size-sm);font-weight:var(--sb-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;padding:var(--sb-spacing-lg) var(--sb-spacing-xl);text-align:left}.data-table td{color:var(--sb-text-primary);font-size:var(--sb-font-size-base);padding:var(--sb-spacing-lg) var(--sb-spacing-xl);border-top:1px solid var(--sb-border-light)}.data-table tr:hover td{background:var(--sb-surface-1)}.badge{padding:var(--sb-spacing-xs) var(--sb-spacing-md);border-radius:var(--sb-radius-full);font-size:var(--sb-font-size-xs);font-weight:var(--sb-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;align-items:center;display:inline-flex}.badge.active,.badge.success{color:var(--sb-success-light);background:#10b98133}.badge.inactive,.badge.danger{color:var(--sb-danger-light);background:#ef444433}.badge.warning{color:var(--sb-warning-light);background:#f59e0b33}.avatar{background:linear-gradient(135deg, var(--sb-primary), var(--sb-primary-dark));width:40px;height:40px;color:var(--sb-text-primary);font-size:var(--sb-font-size-sm);font-weight:var(--sb-font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.loading-overlay{background:linear-gradient(135deg, var(--sb-bg-dark) 0%, var(--sb-bg-medium) 50%, #0f3460 100%);justify-content:center;align-items:center;gap:var(--sb-spacing-2xl);width:100%;height:100%;z-index:var(--sb-z-loading);transition:opacity var(--sb-transition-slow), visibility var(--sb-transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0}.loading-overlay.hidden{opacity:0;visibility:hidden}.spinner{border:3px solid var(--sb-surface-5);border-top-color:var(--sb-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite sb-spin}.toast{bottom:var(--sb-spacing-2xl);right:var(--sb-spacing-2xl);background:var(--sb-bg-light);border:1px solid var(--sb-border-light);padding:var(--sb-spacing-lg) var(--sb-spacing-2xl);border-radius:var(--sb-radius-lg);color:var(--sb-text-primary);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-medium);opacity:0;transition:all var(--sb-transition-smooth);z-index:var(--sb-z-toast);max-width:400px;position:fixed;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-left:4px solid var(--sb-success)}.toast.error{border-left:4px solid var(--sb-danger)}.empty-state{text-align:center;padding:var(--sb-spacing-4xl) var(--sb-spacing-xl);color:var(--sb-text-muted)}.empty-state-icon{margin-bottom:var(--sb-spacing-lg);font-size:64px}.empty-state-title{font-size:var(--sb-font-size-lg);font-weight:var(--sb-font-weight-semibold);color:var(--sb-text-secondary);margin-bottom:var(--sb-spacing-sm)}.progress-bar{background:var(--sb-surface-4);border-radius:var(--sb-radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sb-success), var(--sb-success-light));border-radius:var(--sb-radius-full);height:100%;transition:width var(--sb-transition-smooth)}.progress-fill.over{background:linear-gradient(90deg, var(--sb-danger), var(--sb-danger-light))}.tabs{gap:var(--sb-spacing-xs);margin-bottom:var(--sb-spacing-2xl);border-bottom:1px solid var(--sb-border-light);padding-bottom:var(--sb-spacing-sm);display:flex}.tab{padding:var(--sb-spacing-md) var(--sb-spacing-lg);border-radius:var(--sb-radius-md) var(--sb-radius-md) 0 0;color:var(--sb-text-secondary);font-family:var(--sb-font-family);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-medium);cursor:pointer;transition:all var(--sb-transition-base);background:0 0;border:none}.tab:hover{color:var(--sb-text-primary);background:var(--sb-surface-3)}.tab.active{color:var(--sb-primary);background:rgba(var(--sb-primary-rgb), .1);border-bottom:2px solid var(--sb-primary)}.kanban-container{padding:var(--sb-spacing-3xl);gap:var(--sb-spacing-2xl);min-height:calc(100vh - 160px);animation:.6s ease-out sb-fade-in;display:flex;overflow-x:auto}.column{background:var(--sb-surface-2);backdrop-filter:blur(12px);border:1px solid var(--sb-border-light);border-radius:var(--sb-radius-xl);min-width:320px;max-width:320px;max-height:calc(100vh - 200px);box-shadow:var(--sb-shadow-lg);flex-direction:column;transition:transform .2s,opacity .2s,border-color .2s;animation:.5s ease-out backwards sb-slide-up;display:flex}.column:first-child{animation-delay:.1s}.column:nth-child(2){animation-delay:.2s}.column:nth-child(3){animation-delay:.3s}.column:nth-child(4){animation-delay:.4s}.column:nth-child(5){animation-delay:.5s}.column.dragging{opacity:.5;cursor:grabbing;transform:scale(.98)}.column.drag-over-column{border-color:var(--sb-primary);box-shadow:0 8px 32px rgba(var(--sb-primary-rgb), .3)}.column.is-finished{background:linear-gradient(180deg, #10b98126 0%, var(--sb-surface-1) 100%);border-color:#10b9814d}.column-header{padding:var(--sb-spacing-lg) var(--sb-spacing-xl);font-weight:var(--sb-font-weight-bold);color:var(--sb-text-primary);font-size:var(--sb-font-size-base);text-transform:uppercase;letter-spacing:.5px;cursor:grab;justify-content:space-between;align-items:center;display:flex}.column.dragging .column-header{cursor:grabbing}.column-header span{align-items:center;gap:var(--sb-spacing-sm);display:flex}.column-header .column-actions{gap:var(--sb-spacing-sm);display:flex}.column-delete-btn{color:var(--sb-text-muted);cursor:pointer;padding:var(--sb-spacing-xs) var(--sb-spacing-sm);border-radius:var(--sb-radius-sm);opacity:0;background:0 0;border:none;font-size:16px;transition:all .2s}.column:hover .column-delete-btn{opacity:1}.column-delete-btn:hover{color:var(--sb-danger-light);background:#dc26264d}.column-finished-toggle{border:1px solid var(--sb-border-medium);color:var(--sb-text-muted);cursor:pointer;padding:var(--sb-spacing-xs) var(--sb-spacing-sm);border-radius:var(--sb-radius-sm);opacity:0;background:0 0;font-size:11px;transition:all .2s}.column:hover .column-finished-toggle{opacity:1}.column-finished-toggle:hover{color:var(--sb-success);background:#10b98133;border-color:#10b98166}.column-finished-toggle.active{border-color:var(--sb-success);color:var(--sb-success);opacity:1;background:#10b98133}.finished-badge{background:linear-gradient(135deg, var(--sb-success) 0%, #059669 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:var(--sb-font-weight-semibold);border-radius:10px;padding:2px 8px}.task-count{background:linear-gradient(135deg, var(--sb-primary) 0%, var(--sb-primary-dark) 100%);color:#fff;font-size:var(--sb-font-size-sm);padding:var(--sb-spacing-xs) var(--sb-spacing-md);border-radius:var(--sb-radius-full);font-weight:var(--sb-font-weight-semibold)}.column-tasks{padding:var(--sb-spacing-md);flex:1;min-height:120px;transition:background .2s;overflow-y:auto}.column-tasks::-webkit-scrollbar{width:6px}.column-tasks::-webkit-scrollbar-track{background:0 0}.column-tasks::-webkit-scrollbar-thumb{background:var(--sb-surface-5);border-radius:3px}.column-tasks.drag-over{background:rgba(var(--sb-primary-rgb), .15);border-radius:var(--sb-radius-md)}.task-card{background:var(--sb-surface-3);border-radius:var(--sb-radius-md);padding:var(--sb-spacing-lg);margin-bottom:var(--sb-spacing-md);box-shadow:var(--sb-shadow-md);cursor:grab;border:1px solid var(--sb-border-light);transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out backwards sb-fade-in}.task-card:hover{box-shadow:var(--sb-shadow-lg);border-color:rgba(var(--sb-primary-rgb), .5);background:var(--sb-surface-4);transform:translateY(-3px)}.task-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(3deg)}.task-card h4{color:var(--sb-text-primary);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-semibold);margin-bottom:var(--sb-spacing-sm);line-height:1.4}.task-card p{color:var(--sb-text-secondary);font-size:var(--sb-font-size-sm);line-height:1.5}.task-card-actions{gap:var(--sb-spacing-sm);opacity:0;border-top:1px solid #0000;max-height:0;margin-top:0;padding-top:0;transition:max-height .25s,opacity .2s,margin-top .25s,padding-top .25s;display:flex;overflow:hidden}.task-card:hover .task-card-actions{opacity:1;max-height:50px;margin-top:var(--sb-spacing-md);padding-top:var(--sb-spacing-md);border-top-color:var(--sb-border-light)}.task-card-actions button{background:var(--sb-surface-4);color:var(--sb-text-secondary);cursor:pointer;font-size:var(--sb-font-size-sm);font-weight:var(--sb-font-weight-medium);font-family:var(--sb-font-family);padding:var(--sb-spacing-xs) var(--sb-spacing-md);border-radius:var(--sb-radius-sm);border:none;transition:all .2s}.task-card-actions button:hover{background:var(--sb-surface-5);color:var(--sb-text-primary)}.task-card-actions button.delete:hover{color:var(--sb-danger-light);background:#dc26264d}.task-card-meta{align-items:center;gap:var(--sb-spacing-md);margin-top:var(--sb-spacing-md);padding-top:var(--sb-spacing-md);border-top:1px solid var(--sb-border-light);display:flex}.task-card-assignees{display:flex}.task-card-assignees .avatar{border:2px solid var(--sb-surface-3);width:24px;height:24px;margin-left:-6px;font-size:9px}.task-card-assignees .avatar:first-child{margin-left:0}.task-card-comments,.task-card-attachments{color:var(--sb-text-muted);font-size:var(--sb-font-size-sm);align-items:center;gap:4px;display:flex}.task-card-comments svg,.task-card-attachments svg{fill:currentColor;width:14px;height:14px}.add-column-card{background:var(--sb-surface-1);border:2px dashed var(--sb-border-medium);border-radius:var(--sb-radius-xl);cursor:pointer;justify-content:center;align-items:center;min-width:320px;max-width:320px;min-height:120px;transition:all .3s;animation:.5s ease-out backwards sb-slide-up;display:flex}.add-column-card:hover{background:rgba(var(--sb-primary-rgb), .1);border-color:rgba(var(--sb-primary-rgb), .4)}.add-column-card span{color:var(--sb-text-muted);font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-semibold);transition:color .3s}.add-column-card:hover span{color:var(--sb-primary)}.add-task-btn{margin:var(--sb-spacing-md);padding:var(--sb-spacing-lg);border:2px dashed var(--sb-border-medium);border-radius:var(--sb-radius-md);color:var(--sb-text-muted);cursor:pointer;font-size:var(--sb-font-size-base);font-weight:var(--sb-font-weight-semibold);font-family:var(--sb-font-family);background:0 0;transition:all .3s}.add-task-btn:hover{background:rgba(var(--sb-primary-rgb), .15);border-color:var(--sb-primary);color:var(--sb-primary)}.drop-indicator{background:linear-gradient(90deg, transparent, var(--sb-primary), transparent);border-radius:2px;height:4px;margin:6px 0;animation:1s ease-in-out infinite sb-pulse}