:root{--bg-primary: #282828;--bg-secondary: #3c3836;--bg-sidebar: #1d2021;--bg-card: #504945;--text-primary: #ebdbb2;--text-secondary: #a89984;--text-light: #fbf1c7;--accent-primary: #d79921;--accent-hover: #fabd2f;--border-color: #665c54;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4);--priority-high: #fb4934;--priority-medium: #fabd2f;--priority-low: #83a598;--priority-standby: #b8bb26;--status-todo: #83a598;--status-progress: #fabd2f;--status-completed: #b8bb26;--gruvbox-red: #fb4934;--gruvbox-green: #b8bb26;--gruvbox-yellow: #fabd2f;--gruvbox-blue: #83a598;--gruvbox-purple: #d3869b;--gruvbox-aqua: #8ec07c;--gruvbox-orange: #fe8019;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-sidebar);color:var(--text-light);padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.sidebar-header{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.sidebar-logo{width:36px;height:36px;background:var(--accent-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--bg-primary)}.sidebar-logo-img{width:36px;height:36px;border-radius:var(--radius-md);object-fit:cover}.sidebar-title{font-size:20px;font-weight:600;color:var(--text-light)}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px;padding-left:12px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:14px;color:var(--text-primary)}.sidebar-item:hover{background:var(--bg-secondary)}.sidebar-item.active{background:var(--accent-primary);color:var(--bg-primary)}.sidebar-item-icon{width:8px;height:8px;border-radius:50%}.sidebar-item-count{margin-left:auto;font-size:12px;opacity:.7}.main-content{flex:1;padding:24px 32px;overflow-x:auto;background:var(--bg-primary)}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.main-title{font-size:28px;font-weight:700;color:var(--text-light)}.header-actions{display:flex;gap:12px}.btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card)}.kanban-board{display:flex;gap:24px;min-height:calc(100vh - 150px)}.kanban-column{flex:1;min-width:320px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.column-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-light)}.column-dot{width:10px;height:10px;border-radius:50%}.column-dot.todo{background:var(--status-todo)}.column-dot.in_progress{background:var(--status-progress)}.column-dot.completed{background:var(--status-completed)}.column-count{background:var(--bg-card);padding:2px 10px;border-radius:12px;font-size:13px;color:var(--text-secondary)}.column-add-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;font-size:20px;color:var(--text-secondary);transition:all .2s}.column-add-btn:hover{background:var(--bg-card);color:var(--accent-primary)}.column-tasks{display:flex;flex-direction:column;gap:12px;min-height:200px}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;cursor:grab;transition:all .2s}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-primary)}.task-card.dragging{box-shadow:var(--shadow-lg);opacity:.9}.task-card.completed .task-title{text-decoration:line-through;opacity:.6}.task-card.completed .task-description{opacity:.5}.task-title{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-light)}.task-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.task-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.task-footer{display:flex;justify-content:space-between;align-items:center}.task-meta{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.priority-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.high{background:#fb493433;color:var(--priority-high)}.priority-badge.medium{background:#fabd2f33;color:var(--priority-medium)}.priority-badge.low{background:#83a59833;color:var(--priority-low)}.priority-badge.standby{background:#b8bb2633;color:var(--priority-standby)}.category-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;margin-right:auto}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;color:var(--text-light)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary)}.modal-close:hover{color:var(--gruvbox-red)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s;background:var(--bg-card);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary)}.form-textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.add-category-form{display:flex;gap:8px;padding:8px 12px}.add-category-form input{flex:1;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-light);font-size:13px}.add-category-form input::placeholder{color:var(--text-secondary)}.add-category-form input:focus{outline:none;border-color:var(--accent-primary)}.add-category-form button{padding:8px 12px;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600}.add-category-form button:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}