main{max-width:none;display:flex;flex-direction:column;flex:1;padding:0;margin:0;overflow:hidden}#toolbar{background-color:var(--card-bg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}#toolbar button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm)}#toolbar-add-board-btn{background-color:var(--success)!important;color:#fff!important;border-color:var(--success)!important}#manage-labels-btn{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary-dark)!important}#report-btn{background-color:var(--warning)!important;color:var(--gray-800)!important;border-color:var(--warning)!important}#toolbar #help-toolbar-btn{background-color:var(--secondary)!important;color:#fff!important;border-color:var(--secondary)!important}#export-json-btn{margin-left:auto;background-color:var(--gray-600)!important;color:#fff!important;border-color:var(--gray-600)!important}#import-json-btn{background-color:var(--gray-600)!important;color:#fff!important;border-color:var(--gray-600)!important}#filter-container{background-color:var(--card-bg);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);box-shadow:var(--box-shadow-sm)}.filter-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.filter-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}#toggle-filters{background:none;border:none;font-size:1rem;cursor:pointer;transition:transform .3s ease;color:var(--text-muted)}#filter-container.collapsed #toggle-filters{transform:rotate(180deg)}#label-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-sm);transition:all .3s ease-in-out;max-height:500px;overflow:hidden}#filter-container.collapsed #label-filters{max-height:0;padding-top:0;overflow:hidden}.label-filter{padding:3px 12px;border-radius:15px;cursor:pointer;border:1px solid rgba(0,0,0,.1);background-color:var(--label-color, var(--gray-200));transition:all .2s ease;box-shadow:0 2px 2px #0000001a}.label-filter.active{box-shadow:inset 0 3px 5px #00000059;border-color:#0003}#main-content{display:flex;gap:1rem;overflow-x:auto;flex-grow:1;padding:1rem}.kanban-board{background-color:var(--gray-200);border-radius:var(--border-radius-sm);width:300px;min-width:300px;padding:var(--spacing-sm);display:flex;flex-direction:column}.kanban-board.collapsed .board-header{flex-direction:column;align-items:center;gap:1rem}.kanban-board.collapsed{width:50px;min-width:50px;cursor:pointer}.kanban-board.collapsed .cards,.kanban-board.collapsed .add-card-btn,.kanban-board.collapsed .delete-board-btn,.kanban-board.collapsed .board-header .toggle-board-btn i.fa-chevron-left{display:none}.kanban-board.drag-over{background-color:var(--gray-400)!important}.board-heading{font-size:1.2rem;padding:var(--spacing-sm);flex-grow:1;margin:0 0 var(--spacing-sm) 0;color:var(--text-color)}.kanban-board.collapsed .board-heading{writing-mode:vertical-rl;transform:rotate(180deg);text-align:left;white-space:nowrap;margin:0}.board-heading[contenteditable=true]{background-color:var(--input-bg-color);outline:2px solid var(--primary)}.cards{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:50px}.board-header{display:flex;justify-content:space-between;align-items:center}.delete-board-btn,.toggle-board-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--text-muted);padding:var(--spacing-sm)}.toggle-board-btn i.fa-chevron-right{display:none}.kanban-board.collapsed .toggle-board-btn i.fa-chevron-right{display:inline-block}.kanban-board .card{background-color:var(--card-bg);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-sm);padding:var(--spacing-sm);cursor:grab;position:relative;border:1px solid var(--border-color);margin-bottom:0}.kanban-board .card.dragging,.kanban-board.dragging{opacity:.5}.kanban-board .card textarea{width:100%;border:none}.kanban-board .card.hide{display:none}.card-labels{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:var(--spacing-sm)}.card-label{padding:2px 8px;font-size:.75rem;border-radius:10px;color:var(--text-color);background-color:var(--gray-300);font-weight:700}.delete-card-btn{position:absolute;top:2px;right:2px;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-muted);opacity:0;transition:opacity .2s ease-in-out}.kanban-board .card:hover .delete-card-btn{opacity:1}dialog{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:var(--spacing-lg);position:relative;width:400px;background-color:var(--card-bg);color:var(--text-color)}dialog::backdrop{background-color:#00000080}dialog form{display:flex;flex-direction:column;gap:1rem}dialog h2{margin-top:0;border-bottom:1px solid var(--gray-200);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--gray-800)}dialog .form-group{display:flex;flex-direction:column;gap:.25rem}dialog label{font-weight:600;font-size:.9rem;color:var(--gray-700)}dialog input[type=text],dialog textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);font-size:1rem;box-sizing:border-box;background-color:var(--input-bg-color);color:var(--text-color)}.dialog-btn{padding:.6rem 1.2rem;font-size:1rem;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:filter .2s}.dialog-btn:hover{filter:brightness(.9)}.dialog-btn.add{background-color:var(--success);color:#fff}.dialog-btn.cancel{background-color:var(--gray-600);color:#fff}.dialog-btn.danger{background-color:var(--danger);color:#fff}.dialog-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.8rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:.25rem}.dialog-close-btn:hover{color:var(--text-color)}.dialog-buttons{display:flex;gap:var(--spacing-sm);justify-content:flex-end}#label-manager-dialog{width:450px}#label-manager-dialog h2,#label-manager-dialog h3{margin-top:0}.label-color-selector{position:relative}#label-color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}#label-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}#label-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}#label-list li:last-child{border-bottom:none}.label-preview{padding:3px 10px;border-radius:12px;font-size:.9rem;font-weight:500}#card-dialog-labels-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);max-height:150px;overflow-y:auto;border:1px solid var(--border-color);padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}#card-dialog-labels-list label{cursor:pointer}#card-dialog-labels-list label:hover{filter:brightness(.95)}.label-button-text{display:inline-block;padding:5px 12px;border-radius:15px;border:1px solid var(--border-color);background-color:var(--label-color, var(--gray-200));transition:all .2s ease;box-shadow:0 2px 2px #0000001a}#card-dialog-labels-list input:checked+.label-button-text{box-shadow:inset 0 3px 5px #00000059;border-color:#0003!important}#report-dialog{width:800px;max-width:90vw;max-height:85vh}.report-content{max-height:60vh;overflow-y:auto;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--card-bg)}.report-board{margin-bottom:1.5rem;border-bottom:2px solid var(--gray-300);padding-bottom:1rem}.report-board:last-child{border-bottom:none;margin-bottom:0}.report-board-title{font-size:1.3rem;color:var(--primary);margin-bottom:.75rem}.report-card-item{margin-bottom:.5rem;padding-left:1rem}#board-color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.color-swatch{width:35px;height:35px;border-radius:var(--border-radius-sm);cursor:pointer;border:2px solid rgba(0,0,0,.1);box-sizing:border-box;transition:transform .1s ease,box-shadow .2s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{box-shadow:0 0 0 3px var(--primary)}.color-swatch.custom{background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;text-shadow:0 0 3px rgba(0,0,0,.5)}#custom-color-container{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}#board-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:35px;height:35px;padding:0;border:none;border-radius:var(--border-radius-sm);cursor:pointer}#board-color-picker::-webkit-color-swatch-wrapper{padding:0}#board-color-picker::-webkit-color-swatch{border:none;border-radius:3px}#board-color-picker::-moz-color-swatch{border:none;border-radius:3px}.hidden{display:none!important}.labels-legend{margin:0 0 var(--spacing-xs) 0}body.dark-theme .kanban-board{background-color:var(--gray-200)}body.dark-theme .kanban-board.drag-over{background-color:var(--gray-300)!important}body.dark-theme .board-heading{color:var(--text-color)}body.dark-theme dialog{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}body.dark-theme dialog h2,body.dark-theme dialog h3{color:var(--text-color)}body.dark-theme dialog label{color:var(--gray-700)}body.dark-theme dialog input[type=text],body.dark-theme dialog textarea{background-color:var(--input-bg-color);color:var(--text-color);border-color:var(--input-border-color)}body.dark-theme #toolbar,body.dark-theme #filter-container{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .filter-header h3{color:var(--text-color)}body.dark-theme .label-filter{border-color:#ffffff1a}body.dark-theme .color-swatch{border-color:#ffffff26}body.dark-theme .card-label{color:var(--gray-900)}body.dark-theme #label-list li{border-bottom-color:var(--border-color)}body.dark-theme .report-content{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .report-board{border-bottom-color:var(--border-color)}@media (max-width: 768px){#toolbar{padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap}#toolbar button{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}#export-json-btn{margin-left:0}#filter-container{padding:var(--spacing-sm) var(--spacing-md)}dialog{width:90vw}#label-manager-dialog{width:90vw}}@media (max-width: 480px){#toolbar{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}#toolbar button{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}#main-content{padding:var(--spacing-sm)}.kanban-board{min-width:250px;width:250px}dialog{width:95vw;padding:var(--spacing-md)}}