@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";.project-card{background:#00ffcc08;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-primary);background:#00ffcc14;box-shadow:var(--glow-primary);transform:translateY(-4px)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.project-card-title{font-size:18px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:1px;flex:1;margin-right:var(--spacing-sm);word-break:break-word}.project-card-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition)}.project-card:hover .project-card-actions{opacity:1}.card-action-btn{background:transparent;border:1px solid var(--color-text-secondary);border-radius:var(--border-radius);padding:4px 8px;cursor:pointer;font-size:14px;transition:all var(--transition)}.card-action-btn:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.card-action-btn.edit:hover{border-color:var(--color-highlight);box-shadow:var(--glow-highlight)}.card-action-btn.delete:hover{border-color:var(--color-danger);box-shadow:var(--glow-accent)}.project-card-description{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-footer{display:flex;gap:var(--spacing-md);font-size:12px;color:var(--color-text-secondary)}.footer-icon{margin-right:4px}.swimlane-count,.task-count-badge{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#00ffcc1a;border-radius:var(--border-radius)}.task-count-badge{background:#ff00ff1a}.project-card-hover-indicator{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#00ffcc1a);padding:var(--spacing-sm) var(--spacing-md);font-size:11px;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;text-align:right;opacity:0;transform:translateY(100%);transition:all var(--transition)}.project-card:hover .project-card-hover-indicator{opacity:1;transform:translateY(0)}@media(max-width:768px){.project-card-actions{opacity:1}.project-card-hover-indicator{display:none}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius);box-shadow:var(--glow-primary),0 10px 40px #00000080;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(0,255,204,.3);background:#00ffcc0d}.modal-header h2{font-size:18px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1.5px}.modal-close{background:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{border-color:var(--color-danger);color:var(--color-danger);box-shadow:var(--glow-accent);transform:rotate(90deg)}.modal-body{padding:var(--spacing-lg)}@media(max-width:768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:var(--spacing-md)}}.project-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.project-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-form label{font-size:12px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center}.char-count{font-weight:400;color:var(--color-text-secondary);font-size:11px}.char-count.over{color:var(--color-danger)}.project-form input,.project-form textarea{font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition);resize:vertical}.project-form input:focus,.project-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.project-form input::placeholder,.project-form textarea::placeholder{color:var(--color-text-secondary)}.project-form input.error,.project-form textarea.error{border-color:var(--color-danger);box-shadow:var(--glow-accent)}.error-message{font-size:12px;color:var(--color-danger)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,255,204,.2)}.form-actions .btn-primary,.form-actions .btn-secondary{min-width:120px}@media(max-width:480px){.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}}.delete-confirm{text-align:center}.delete-confirm-icon{font-size:48px;margin-bottom:var(--spacing-md)}.delete-confirm-message{font-size:16px;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.5}.delete-confirm-details{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.delete-confirm-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.delete-confirm-actions .btn-secondary{flex:1}.delete-confirm-actions .btn-confirm{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:1px;background:var(--color-primary);color:var(--color-bg);box-shadow:var(--glow-primary)}.delete-confirm-actions .btn-confirm:hover{background:var(--color-highlight);border-color:var(--color-highlight);box-shadow:var(--glow-highlight);transform:translateY(-2px)}.delete-confirm-actions .btn-confirm.danger{background:var(--color-danger);border-color:var(--color-danger);box-shadow:var(--glow-accent)}.delete-confirm-actions .btn-confirm.danger:hover{background:#f3f;border-color:#f3f;box-shadow:0 0 20px #ff00ffb3}@media(max-width:480px){.delete-confirm-actions{flex-direction:column}}.projects-view{min-height:100vh;display:flex;flex-direction:column}.projects-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--color-border);background:#00ffcc0d;box-shadow:var(--glow-primary)}.projects-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.projects-title{font-size:24px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:var(--glow-primary)}.btn-new-project{font-size:16px;padding:var(--spacing-sm) var(--spacing-lg)}.projects-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 20px rgba(0,255,204,.3))}.projects-empty h2{font-size:24px;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-shadow:var(--glow-primary)}.projects-empty p{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:400px}.btn-create-first{font-size:16px;padding:var(--spacing-md) var(--spacing-xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}@media(max-width:768px){.projects-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.projects-title{font-size:20px}.btn-new-project{width:100%}.projects-grid{grid-template-columns:1fr;padding:var(--spacing-md)}}.task-card{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md);cursor:grab;transition:all var(--transition);position:relative}.task-card:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary);transform:translateY(-2px)}.task-card.dragging{opacity:.7;cursor:grabbing;transform:rotate(3deg);box-shadow:0 5px 20px #0fc6}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.task-title{font-size:14px;font-weight:600;color:var(--color-text);flex:1;word-wrap:break-word}.task-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.task-edit{background:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition);opacity:.5}.task-card:hover .task-edit{opacity:1}.task-edit:hover{border-color:var(--color-highlight);color:var(--color-highlight);box-shadow:var(--glow-highlight);transform:scale(1.1)}.task-delete{background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;opacity:.5}.task-card:hover .task-delete{opacity:1}.task-delete:hover{background:var(--color-danger);color:var(--color-bg);box-shadow:var(--glow-accent);transform:scale(1.1)}.task-move-btn{background:transparent;border:1px solid var(--color-highlight);color:var(--color-highlight);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;opacity:.5}.task-card:hover .task-move-btn{opacity:1}.task-move-btn:hover{background:var(--color-highlight);color:var(--color-bg);box-shadow:var(--glow-highlight);transform:scale(1.1)}.task-description{font-size:12px;color:var(--color-text-secondary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.task-card{padding:var(--spacing-sm)}.task-title{font-size:13px}.task-description{font-size:11px}}.column{background:#00ffcc0d;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;min-height:500px;transition:all var(--transition);width:300px;min-width:300px;flex-shrink:0}.column:hover{box-shadow:var(--glow-primary)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(0,255,204,.3);background:#00ffcc14}.column-title{font-size:16px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1.5px}.task-count{font-size:14px;font-weight:600;color:var(--color-highlight);background:#ffff001a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);border:1px solid var(--color-highlight)}.column-content{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;transition:background var(--transition)}.column-content.drag-over{background:#ff00ff1a;box-shadow:inset var(--glow-accent)}@media(max-width:768px){.column{min-height:300px;width:280px;min-width:280px}}.board-container{min-height:100vh;display:flex;flex-direction:column}.board-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-width) solid var(--color-border);background:#00ffcc0d;box-shadow:var(--glow-primary)}.board-header-left,.board-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.btn-back{background:transparent;border:1px solid rgba(0,255,204,.3);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;transition:all var(--transition)}.btn-back:hover{border-color:var(--color-primary);color:var(--color-primary)}.board-title{font-size:24px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:var(--glow-primary)}.btn-settings{background:transparent;border:1px solid rgba(0,255,204,.3);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;transition:all var(--transition)}.btn-settings:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.board{flex:1;display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow-x:auto;min-height:0;align-items:flex-start}.board-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.board-tabs{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#00ffcc05;border-bottom:1px solid rgba(0,255,204,.1)}.board-tabs-list{display:flex;gap:4px;overflow-x:auto}.board-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;transition:all var(--transition);white-space:nowrap}.board-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#00ffcc0d}.board-tab-count{font-size:11px;padding:2px 6px;background:#00ffcc1a;border-radius:10px;color:var(--color-text-secondary)}.board-tab.active .board-tab-count{background:#0fc3;color:var(--color-primary)}.board-tab-add{background:transparent;border:1px solid rgba(0,255,204,.3);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-size:12px;transition:all var(--transition)}.board-tab-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.board-tabs{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);background:#00ffcc08;border-bottom:1px solid rgba(0,255,204,.2)}.board-tabs-list{display:flex;gap:var(--spacing-xs);flex:1;overflow-x:auto}.board-tab{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;transition:all var(--transition);white-space:nowrap}.board-tab:hover{color:var(--color-text);background:#00ffcc0d}.board-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#00ffcc1a}.board-tab-count{font-size:11px;background:#0fc3;padding:2px 6px;border-radius:10px;color:var(--color-text-secondary)}.board-tab.active .board-tab-count{background:#00ffcc4d;color:var(--color-primary)}.board-tab-add{background:transparent;border:1px solid rgba(0,255,204,.3);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:all var(--transition)}.board-tab-add:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--glow-primary)}@media(max-width:768px){.board-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.board-header-left{flex-direction:column;gap:var(--spacing-sm)}.board-title{font-size:18px}.board{padding:var(--spacing-md);gap:var(--spacing-md)}.board-tabs{padding:0 var(--spacing-md)}.board-tab{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.board-tab-count{font-size:10px}}.task-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-form label{font-size:12px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.task-form input,.task-form textarea,.task-form select{font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition);resize:vertical}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.task-form input::placeholder,.task-form textarea::placeholder{color:var(--color-text-secondary)}.task-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ffcc' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.task-form select option{background:var(--color-bg);color:var(--color-text)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:480px){.form-actions{flex-direction:column}}.move-to-board{display:flex;flex-direction:column;gap:var(--spacing-md)}.move-task-title{font-size:14px;color:var(--color-text-secondary);margin:0}.no-boards-message{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.board-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.board-option{background:#00ffcc0d;border:1px solid rgba(0,255,204,.2);border-radius:var(--border-radius);padding:var(--spacing-sm)}.board-option-header{font-weight:600;color:var(--color-primary);font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid rgba(0,255,204,.2)}.swimlane-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.swimlane-option-btn{background:transparent;border:1px solid rgba(0,255,204,.3);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;transition:all var(--transition)}.swimlane-option-btn:hover{background:#00ffcc1a;border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--glow-primary)}.task-migration{display:flex;flex-direction:column;gap:var(--spacing-md)}.migration-warning{text-align:center;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(0,255,204,.2)}.warning-icon{font-size:32px;display:block;margin-bottom:var(--spacing-sm)}.migration-warning p{margin-bottom:var(--spacing-xs);color:var(--color-text)}.migration-warning strong{color:var(--color-primary)}.tasks-preview{background:#00ffcc08;border:1px solid rgba(0,255,204,.2);border-radius:var(--border-radius);padding:var(--spacing-md)}.tasks-preview h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.tasks-list{list-style:none;max-height:120px;overflow-y:auto}.tasks-list li{padding:var(--spacing-xs) 0;font-size:13px;color:var(--color-text);border-bottom:1px solid rgba(0,255,204,.1)}.tasks-list li:last-child{border-bottom:none}.more-tasks{color:var(--color-text-secondary);font-style:italic}.migration-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.migration-option{padding:var(--spacing-md);background:#00ffcc08;border-radius:var(--border-radius)}.migration-option h4{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.migration-option select{width:100%;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;margin-bottom:var(--spacing-sm)}.migration-option select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.btn-migrate{width:100%}.migration-divider{text-align:center;position:relative;color:var(--color-text-secondary);font-size:12px}.migration-divider:before,.migration-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:#0fc3}.migration-divider:before{left:0}.migration-divider:after{right:0}.btn-delete-all{width:100%;border-color:var(--color-danger);color:var(--color-danger)}.btn-delete-all:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-bg);box-shadow:var(--glow-accent)}.migration-cancel{text-align:center;margin-top:var(--spacing-sm)}.migration-cancel .btn-secondary{min-width:150px}.project-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(0,255,204,.2);margin-bottom:var(--spacing-md)}.settings-tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:13px;transition:all var(--transition)}.settings-tab:hover{color:var(--color-text)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.section-hint{font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:#00ffcc0d;border-radius:var(--border-radius)}.board-selector{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.board-select-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#00ffcc0d;border:1px solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;transition:all var(--transition)}.board-select-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.board-select-btn.active{background:#00ffcc1a;border-color:var(--color-primary);color:var(--color-primary)}.settings-section{background:#00ffcc08;border:1px solid rgba(0,255,204,.2);border-radius:var(--border-radius);padding:var(--spacing-md)}.settings-section h3{font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,204,.2)}.settings-section .form-group{margin-bottom:var(--spacing-md)}.settings-section .form-group:last-child{margin-bottom:0}.settings-section label{display:block;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.settings-section input,.settings-section textarea{width:100%;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition)}.settings-section input:focus,.settings-section textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.settings-section input::placeholder,.settings-section textarea::placeholder{color:var(--color-text-secondary)}.swimlanes-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.swimlane-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:1px solid rgba(0,255,204,.2);border-radius:var(--border-radius);transition:all var(--transition)}.swimlane-item:hover{border-color:var(--color-primary)}.swimlane-reorder{display:flex;flex-direction:column;gap:2px}.reorder-btn{background:transparent;border:1px solid rgba(0,255,204,.3);border-radius:3px;color:var(--color-text-secondary);cursor:pointer;font-size:10px;padding:2px 6px;transition:all var(--transition);line-height:1}.reorder-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.reorder-btn:disabled{opacity:.3;cursor:not-allowed}.swimlane-name{flex:1;font-weight:600}.swimlane-task-count{font-size:12px;color:var(--color-text-secondary)}.swimlane-edit-input{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-text)}.swimlane-actions{display:flex;gap:var(--spacing-xs)}.swimlane-action-btn{background:transparent;border:1px solid rgba(0,255,204,.3);border-radius:var(--border-radius);padding:4px 8px;cursor:pointer;font-size:12px;transition:all var(--transition)}.swimlane-action-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--glow-primary)}.swimlane-action-btn.rename:hover{border-color:var(--color-highlight);box-shadow:var(--glow-highlight)}.swimlane-action-btn.delete:hover:not(:disabled){border-color:var(--color-danger);box-shadow:var(--glow-accent)}.swimlane-action-btn:disabled{opacity:.3;cursor:not-allowed}.add-swimlane{display:flex;gap:var(--spacing-sm)}.add-swimlane input{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition)}.add-swimlane input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.add-swimlane input::placeholder{color:var(--color-text-secondary)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,255,204,.2)}.settings-actions .btn-primary,.settings-actions .btn-secondary{min-width:120px}.section-subtitle{font-weight:400;font-size:10px;color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.boards-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.board-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:1px solid rgba(0,255,204,.2);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition)}.board-item:hover{border-color:var(--color-primary)}.board-item.active{background:#00ffcc1a;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.board-name{flex:1;font-weight:600}.board-task-count{font-size:12px;color:var(--color-text-secondary)}.board-edit-input{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border:var(--border-width) solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-text)}.board-actions{display:flex;gap:var(--spacing-xs)}.board-action-btn{background:transparent;border:1px solid rgba(0,255,204,.3);border-radius:var(--border-radius);padding:4px 8px;cursor:pointer;font-size:12px;transition:all var(--transition)}.board-action-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--glow-primary)}.board-action-btn.rename:hover{border-color:var(--color-highlight);box-shadow:var(--glow-highlight)}.board-action-btn.delete:hover:not(:disabled){border-color:var(--color-danger);box-shadow:var(--glow-accent)}.board-action-btn:disabled{opacity:.3;cursor:not-allowed}.add-board{display:flex;gap:var(--spacing-sm)}.add-board input{flex:1;font-family:JetBrains Mono,monospace;font-size:14px;padding:var(--spacing-sm) var(--spacing-md);background:#00ffcc0d;border:var(--border-width) solid rgba(0,255,204,.3);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition)}.add-board input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.add-board input::placeholder{color:var(--color-text-secondary)}.delete-confirm-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.delete-confirm-content p{margin:0}.warning-text{color:var(--color-danger);font-size:13px}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn-danger{background:#ff525233;border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px;transition:all var(--transition)}.btn-danger:hover{background:var(--color-danger);color:var(--color-bg);box-shadow:var(--glow-accent)}@media(max-width:480px){.swimlane-item{flex-wrap:wrap;padding:var(--spacing-sm)}.swimlane-reorder{flex-direction:row;order:2;width:100%;justify-content:center}.swimlane-actions{order:3}.settings-actions{flex-direction:column}.settings-actions .btn-primary,.settings-actions .btn-secondary{width:100%}.add-swimlane,.add-board{flex-direction:column}.board-item{flex-wrap:wrap;padding:var(--spacing-sm)}.board-actions{order:3}.delete-confirm-actions{flex-direction:column}.delete-confirm-actions button{width:100%}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:all .25s ease}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.theme-toggle svg{width:18px;height:18px}.app{min-height:100vh;display:flex;flex-direction:column}.sync-indicator{position:fixed;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);font-family:JetBrains Mono,monospace;font-size:12px;border-radius:var(--border-radius);z-index:1000;display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border)}.sync-indicator.connected{color:#10b981;border-color:#10b981}.sync-indicator.syncing{color:#f59e0b;border-color:#f59e0b}.sync-indicator.syncing span{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-indicator.offline{color:var(--color-text-muted);border-color:var(--color-border)}.sync-error{background:#ef4444;color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;cursor:help}.sync-error .theme-toggle-container{position:fixed;top:var(--spacing-md);right:var(--spacing-md);z-index:1000}.sync-error .btn-new-task.floating{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:16px;border-radius:50px;box-shadow:var(--glow-primary),0 10px 30px #0000004d;z-index:100}.sync-error .btn-new-task.floating:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--glow-highlight),0 15px 40px #0006}.sync-error .btn-primary,.sync-error .btn-secondary{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:1px}.sync-error .btn-primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--glow-primary)}.sync-error .btn-primary:hover:not(:disabled){background:var(--color-highlight);border-color:var(--color-highlight);box-shadow:var(--glow-highlight);transform:translateY(-2px)}.sync-error .btn-primary:active:not(:disabled){transform:translateY(0)}.sync-error .btn-primary:disabled{opacity:.5;cursor:not-allowed}.sync-error .btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-text-secondary)}.sync-error .btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--glow-primary)}@media(max-width:768px){.sync-error .btn-new-task.floating{bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}}.sync-error :root{--color-bg: #000000;--color-surface: #0a0a0a;--color-surface-hover: #1a1a1a;--color-primary: #00ffcc;--color-accent: #ff00ff;--color-highlight: #ffff00;--color-text: #ffffff;--color-text-secondary: #aaaaaa;--color-border: #00ffcc;--color-danger: #ff00ff;--glow-primary: 0 0 10px rgba(0, 255, 204, .5);--glow-accent: 0 0 10px rgba(255, 0, 255, .5);--glow-highlight: 0 0 10px rgba(255, 255, 0, .5);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 6px;--border-width: 2px;--transition: .25s ease}.sync-error [data-theme=light]{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-hover: #e8e8ec;--color-primary: #00a896;--color-accent: #9d4edd;--color-highlight: #f77f00;--color-text: #1a1a2e;--color-text-secondary: #6e6e80;--color-border: #00a896;--color-danger: #d62828;--glow-primary: 0 0 8px rgba(0, 168, 150, .3);--glow-accent: 0 0 8px rgba(157, 78, 221, .3);--glow-highlight: 0 0 8px rgba(247, 127, 0, .3)}.sync-error *{box-sizing:border-box;margin:0;padding:0}.sync-error body{font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sync-error #root{min-height:100vh}.sync-error ::-webkit-scrollbar{width:10px;height:10px}.sync-error ::-webkit-scrollbar-track{background:#00ffcc1a}.sync-error ::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius)}.sync-error ::-webkit-scrollbar-thumb:hover{background:var(--color-highlight)}.sync-error ::selection{background:var(--color-primary);color:var(--color-bg)}