:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-card: #1c2128;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent-blue: #58a6ff;--accent-green: #3fb950;--accent-purple: #a371f7;--accent-orange: #d29922;--danger: #f85149;--shadow: rgba(0, 0, 0, .4);--column-width: 300px;--radius: 8px;--radius-sm: 4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5}.app{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(88,166,255,.1) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(163,113,247,.1) 0%,transparent 50%),var(--bg-primary)}.board-list-container{max-width:1200px;margin:0 auto;padding:40px 20px}.board-list-header{text-align:center;margin-bottom:40px}.board-list-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-summary-row{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.color-legend-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px 20px;max-width:300px;flex-shrink:0}.mini-chart-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px 20px;flex:1;min-width:280px;max-width:400px}.mini-chart-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.mini-chart{display:flex;justify-content:space-between;align-items:flex-end;height:60px;gap:4px;margin-bottom:10px}.mini-chart-day{display:flex;flex-direction:column;align-items:center;flex:1}.mini-chart-bars{display:flex;gap:2px;align-items:flex-end;height:50px;width:100%;justify-content:center}.mini-bar{width:8px;min-height:2px;border-radius:2px;transition:height .3s ease}.mini-bar-this{background:#e94560}.mini-bar-last{background:#5865f280}.mini-chart-label{font-size:.7rem;color:var(--text-muted);margin-top:4px}.mini-chart-summary{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.75rem}.mini-summary-item{display:flex;align-items:center;gap:4px;color:var(--text-secondary)}.mini-dot{width:8px;height:8px;border-radius:50%}.mini-dot.this-week{background:#e94560}.mini-dot.last-week{background:#5865f280}.mini-comparison{font-weight:600;padding:2px 6px;border-radius:4px}.mini-comparison.positive{color:var(--accent-green);background:#3fb9501a}.mini-comparison.negative{color:var(--danger);background:#f851491a}.color-legend-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.color-legend{display:flex;flex-wrap:wrap;gap:12px 20px}.color-legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary)}.color-legend-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.color-legend-label{white-space:nowrap}.color-legend-label-editable{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.color-legend-label-editable:hover{background-color:var(--bg-tertiary)}.color-legend-edit{display:flex;align-items:center;gap:4px}.color-legend-input{padding:4px 8px;font-size:.85rem;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:4px;color:var(--text-primary);width:100px}.color-legend-input:focus{outline:none}.btn-legend-save,.btn-legend-cancel{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background-color .2s}.btn-legend-save{background:var(--accent-green);color:#fff}.btn-legend-save:hover{background:#2ea043}.btn-legend-cancel{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-legend-cancel:hover{background:var(--accent-red);color:#fff}.color-legend-empty{font-size:.85rem;color:var(--text-muted);font-style:italic}.working-section{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #e94560;border-radius:var(--radius);padding:24px 28px;margin-bottom:32px;box-shadow:0 8px 32px #e9456040;transition:all .2s ease}.working-section-title{font-size:1.3rem;font-weight:700;color:#e94560;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.working-board-list{display:flex;flex-wrap:wrap;gap:16px}.working-board-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-secondary);border:3px solid #e94560;border-radius:var(--radius);padding:20px 24px;cursor:pointer;transition:all .2s ease;min-width:280px;flex:1;max-width:400px}.working-board-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #e9456066}.working-board-info{flex:1;min-width:0}.working-board-name{font-size:1.2rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.working-board-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.working-board-progress .progress-text{font-size:.9rem;font-weight:500}.working-board-card .btn-icon{flex-shrink:0;width:36px;height:36px;font-size:1.1rem}.drop-hint{position:absolute;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:var(--radius);font-size:1rem;font-weight:600;pointer-events:none;animation:pulse-hint 1.5s ease-in-out infinite;white-space:nowrap}.working-drop-hint{bottom:-8px;background:#e94560e6;color:#fff;box-shadow:0 4px 20px #e9456066}.archive-drop-hint{top:-8px;background:#3fb950e6;color:#fff;box-shadow:0 4px 20px #3fb95066}@keyframes pulse-hint{0%,to{opacity:.9;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.03)}}.working-section-droppable{border:2px dashed rgba(233,69,96,.5);background:#e945600d}.working-section-drop-active{border:2px solid #e94560;background:#e9456026;box-shadow:0 0 30px #e945604d}.working-section-drop-active .working-section-title{color:#ff6b8a;text-shadow:0 0 10px rgba(233,69,96,.5)}.archived-section-droppable{border:2px dashed rgba(63,185,80,.5);background:#3fb9500d;border-radius:var(--radius)}.archived-section-drop-active{border:2px solid #3fb950;background:#3fb95026;box-shadow:0 0 30px #3fb9504d}.archived-section-drop-active .archived-toggle{color:#5fd068}.working-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:.9rem}.board-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.board-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;min-height:100px}.board-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow)}.board-card-colored{border-style:solid}.board-card-colored:hover{opacity:.9}.board-color-label-input{margin-top:8px;font-size:.85rem}.board-color-picker{position:absolute;top:100%;right:0;z-index:100;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:6px;display:flex;gap:4px;flex-wrap:wrap;width:100px}.board-color-picker .color-option{width:18px;height:18px}.board-card-drag-handle{cursor:grab;padding:4px 8px;margin-right:12px;color:var(--text-secondary);font-size:1.2rem;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);transition:all .2s ease}.board-card-drag-handle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.board-card-drag-handle:active{cursor:grabbing}.board-card-info{flex:1;min-width:0}.board-card-name{font-size:1.2rem;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-progress{display:flex;align-items:center;gap:8px;margin-top:8px}.progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-lg{height:8px;border-radius:4px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),#2ea043);border-radius:inherit;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.board-card-meta{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.board-work-time{font-size:.75rem;color:var(--text-muted);opacity:.7}.board-card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;opacity:0;transition:opacity .2s;flex-shrink:0;width:56px}.board-card-actions .btn-icon{width:26px;height:26px;font-size:.7rem;padding:0}.board-card:hover .board-card-actions{opacity:1}.board-edit-form{width:100%;display:flex;flex-direction:column;gap:12px}.board-edit-input{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem}.board-edit-actions{display:flex;gap:8px}.board-card-add{border:2px dashed var(--border-color);background:transparent;justify-content:center;color:var(--text-secondary);font-size:1rem}.board-card-add:hover{border-color:var(--accent-green);color:var(--accent-green)}.board-card-new{flex-direction:column;gap:12px;align-items:stretch}.new-board-input{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem}.archived-section{position:relative;margin-top:40px;padding:24px;border:1px solid var(--border-color);border-radius:var(--radius);transition:all .2s ease}.archived-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s ease}.archived-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-green)}.archived-toggle-icon{font-size:.75rem;width:16px}.archived-toggle-text{flex:1;text-align:left;font-weight:500}.archived-count{background:var(--accent-green);color:var(--bg-primary);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;min-width:28px;text-align:center}.board-list-archived{margin-top:16px}.board-card-archived{opacity:.7;background:var(--bg-tertiary)}.board-card-archived:hover{opacity:1}.board-card-archived .board-card-name{color:var(--text-secondary)}.board-card-archived .board-card-actions{opacity:1}.board-card-dragging{background:var(--bg-secondary);border:2px solid var(--accent-blue);border-radius:var(--radius);padding:24px;display:flex;align-items:center;min-height:100px;opacity:.9;cursor:grabbing}.new-board-input:focus{outline:none;border-color:var(--accent-blue)}.new-board-actions{display:flex;gap:8px}.board-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.board-header{display:flex;align-items:center;gap:20px;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.board-name{font-size:1.5rem;font-weight:700;flex:1}.board-stats-mini{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary)}.board-stats-mini .stat-item{white-space:nowrap}.board-stats-mini .stat-total{color:var(--text-muted);font-size:.8rem}.btn-back{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-back:hover{background:var(--bg-card);border-color:var(--accent-blue)}.columns-container{flex:1;display:flex;gap:16px;padding:24px;overflow-x:auto;align-items:flex-start}.column{flex-shrink:0;width:var(--column-width);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 140px)}.column-over{border-color:var(--accent-blue)!important;box-shadow:0 0 0 2px #58a6ff4d}.column-dragging{opacity:.5}.column-overlay{opacity:.9}.column-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);border-radius:var(--radius) var(--radius) 0 0;gap:8px}.column-title-row{display:flex;align-items:center;gap:8px;flex:1;cursor:grab;padding:4px;margin:-4px;border-radius:var(--radius-sm)}.column-title-row:active{cursor:grabbing}.column-drag-handle{color:var(--text-secondary);font-size:1.1rem;-webkit-user-select:none;user-select:none}.column-title{font-size:1rem;font-weight:600;cursor:pointer}.column-title:hover{color:var(--accent-blue)}.column-input{flex:1;padding:8px;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-weight:600}.column-cards{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:100px}.btn-add-card{margin:12px;padding:10px;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-add-card:hover{border-color:var(--accent-green);color:var(--accent-green);background:#3fb9501a}.add-card-form{padding:12px;display:flex;flex-direction:column;gap:8px}.add-card-input{width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem}.add-card-input:focus{outline:none;border-color:var(--accent-blue)}.add-card-actions{display:flex;gap:8px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s}.card:hover{border-color:var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.btn-complete{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-complete:hover{border-color:var(--accent-green);color:var(--accent-green)}.btn-complete.completed{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.card-completed{opacity:.7}.title-completed{text-decoration:line-through;color:var(--text-muted)}.card-title-row{display:flex;align-items:center;gap:8px;flex:1;cursor:grab;padding:8px;margin:-8px 0 -8px -8px;border-radius:var(--radius-sm)}.card-title-row:active{cursor:grabbing}.card-drag-handle{color:var(--text-secondary);font-size:1rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.card-title{flex:1;font-size:.95rem;cursor:pointer;word-break:break-word}.card-title:hover{color:var(--accent-blue)}.card-input{flex:1;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem}.card-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.card:hover .card-actions{opacity:1}.card-expanded{border-color:var(--accent-blue)!important}.card-details{padding:12px;border-top:1px solid var(--border-color);max-height:400px;overflow-y:auto}.card-section{margin-bottom:16px}.card-section:last-child{margin-bottom:0}.section-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.card-description{padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);cursor:pointer;min-height:40px}.card-description:hover{background:var(--bg-secondary)}.desc-edit{display:flex;flex-direction:column;gap:8px}.desc-textarea{width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;resize:vertical;font-family:inherit}.desc-actions{display:flex;gap:8px}.attachment-info{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.attachment-link{color:var(--accent-blue);text-decoration:none;font-size:.85rem;flex:1}.attachment-link:hover{text-decoration:underline}.btn-attach{width:100%;padding:8px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.btn-attach:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-attach:disabled{opacity:.5;cursor:not-allowed}.comments-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.comment-item{padding:10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:8px}.comment-item:last-child{margin-bottom:0}.comment-content{font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.comment-date{font-size:.75rem;color:var(--text-secondary)}.comment-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.comment-item:hover .comment-actions{opacity:1}.btn-icon-sm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.7rem;transition:all .2s}.btn-icon-sm:hover{background:var(--bg-card)}.btn-icon-sm.btn-delete:hover{background:#f8514933}.comment-edit{display:flex;flex-direction:column;gap:8px}.comment-textarea{width:100%;padding:8px;background:var(--bg-card);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;resize:vertical;font-family:inherit}.comment-edit-actions{display:flex;gap:8px}.comment-form{display:flex;gap:8px;align-items:flex-end}.comment-input{flex:1;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;resize:none;font-family:inherit}.comment-input:focus{outline:none;border-color:var(--accent-blue)}.card-footer{margin-top:12px;padding-top:8px;border-top:1px solid var(--border-color)}.card-created{font-size:.75rem;color:var(--text-secondary)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-add-column{flex-shrink:0;width:var(--column-width);min-height:100px;background:transparent;border:2px dashed var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .2s}.btn-add-column:hover{border-color:var(--accent-green);color:var(--accent-green);background:#3fb9500d}.add-column-form{padding:16px}.add-column-input{width:100%;padding:10px;margin-bottom:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem}.add-column-input:focus{outline:none;border-color:var(--accent-blue)}.add-column-actions{display:flex;gap:8px}.btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .2s}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-delete:hover{background:#f8514933;color:var(--danger)}.btn-primary{padding:8px 16px;background:var(--accent-green);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top left,rgba(88,166,255,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(163,113,247,.15) 0%,transparent 50%),var(--bg-primary)}.login-card{width:100%;max-width:400px;padding:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 20px 60px var(--shadow)}.login-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;color:var(--text-secondary)}.form-group input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--accent-blue)}.login-error{padding:12px;background:#f851491a;border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:.9rem;text-align:center}.btn-login{padding:14px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:var(--radius-sm);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-header-buttons{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:100}.btn-stats{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--accent-purple);border-radius:var(--radius-sm);color:var(--accent-purple);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-stats:hover{background:#a371f733}.btn-logout{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#f851491a;border-color:var(--danger);color:var(--danger)}.column-actions{display:flex;align-items:center;gap:4px}.color-picker-wrapper{position:relative}.color-picker-dropdown{position:absolute;top:100%;right:0;margin-top:8px;padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 8px 24px var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:50}.btn-color{border:none!important;background:transparent}.btn-color:hover{background:var(--bg-tertiary)}.color-option{width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.15)}.color-option.active{outline:2px solid white;outline-offset:2px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:var(--text-secondary)}::-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)}.touch-hint{display:none;text-align:center;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}@media(pointer:coarse){.touch-hint{display:block}}@media screen and (max-width:768px){.board-list-container{padding:20px 16px}.board-list-header h1{font-size:1.8rem}.board-list{grid-template-columns:1fr;gap:12px}.board-card{padding:16px;min-height:70px}.board-card-drag-handle{padding:8px 12px;margin-right:8px;font-size:1.4rem}.board-card-name{font-size:1rem}.board-card-actions{display:flex;grid-template-columns:none;width:auto;opacity:1;gap:4px}.board-card-actions .btn-icon{width:36px;height:36px;font-size:.9rem}.btn-icon{width:32px;height:32px;font-size:.85rem}.archived-section{margin-top:24px}.archived-toggle{padding:14px 16px}.drop-hint{font-size:.85rem;padding:10px 16px}.board-header{padding:12px 16px;flex-direction:column;gap:8px;align-items:flex-start}.board-name{font-size:1.3rem}.board-stats-mini{font-size:.75rem;gap:8px;flex-wrap:wrap}.btn-back{padding:10px 16px}.columns-container{padding:12px;gap:12px}.column{min-width:280px;width:280px}.column-header{padding:10px 12px;flex-direction:column;align-items:stretch;gap:6px}.column-title-row{padding:6px;margin:-6px -6px 0}.column-drag-handle{font-size:1.2rem;padding:4px}.column-title{font-size:1rem;font-weight:600}.column-actions{opacity:1;justify-content:flex-end;gap:4px}.column-actions .btn-icon{width:32px;height:32px;font-size:.85rem}.column-cards{padding:8px;gap:8px}.card{padding:10px}.card-header{flex-direction:column;align-items:stretch;gap:6px}.card-title-row{padding:6px;margin:-6px -6px 0}.card-drag-handle{font-size:1.2rem;padding:4px}.card-title{font-size:.95rem}.card-actions{opacity:1;justify-content:flex-end;gap:4px}.card-actions .btn-icon{width:32px;height:32px;font-size:.85rem}.btn-add-card,.btn-add-column{padding:14px;font-size:.95rem}.add-card-form,.add-column-form{padding:12px}.add-card-input,.add-column-input,.column-input{padding:12px;font-size:1rem}.add-card-actions,.add-column-actions{gap:8px}.add-card-actions button,.add-column-actions button{padding:10px 16px;font-size:.9rem}.login-card{padding:32px 24px;margin:20px;max-width:100%}.login-title{font-size:1.8rem}.form-group input,.btn-login{padding:14px;font-size:1rem}.color-picker-dropdown{right:-60px}.color-option{width:32px;height:32px}.card-modal-overlay{align-items:flex-end}.card-modal{max-height:90vh;border-radius:var(--radius) var(--radius) 0 0;max-width:100%}.card-modal-header,.card-modal-body{padding:16px}.card-modal-section{margin-bottom:20px}.comment-form textarea{min-height:80px}}@media screen and (max-width:380px){.board-list-header h1{font-size:1.5rem}.column{min-width:260px;width:260px}.btn-icon{width:36px;height:36px;font-size:1rem}}@media screen and (max-height:500px)and (orientation:landscape){.board-header{padding:8px 16px;flex-direction:row}.drop-hint{font-size:.8rem;padding:8px 12px}}@media(pointer:coarse){.btn-icon{min-width:44px;min-height:44px}.board-card-drag-handle,.card-drag-handle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.board-card-actions,.column-actions,.card-actions{opacity:1}.board-card,.column,.card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board-card:active,.column-header:active,.card:active{transform:scale(.98);transition:transform .1s}}.stats-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.stats-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:10}.stats-header h2{font-size:1.5rem;font-weight:600}.btn-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s}.btn-close:hover{background:var(--danger);color:#fff}.stats-content{padding:24px}.stats-section{margin-bottom:32px}.stats-section h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.stats-loading{text-align:center;padding:60px;color:var(--text-secondary)}.active-sessions{display:flex;flex-wrap:wrap;gap:12px}.active-session-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #e94560;border-radius:var(--radius);padding:12px 16px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #e945604d}50%{box-shadow:0 0 20px #e9456099}}.session-board-name{font-weight:500;color:var(--text-primary)}.session-time{font-weight:600;color:#e94560}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-card{background:var(--bg-tertiary);border-radius:var(--radius);padding:20px;text-align:center}.summary-card.comparison{background:linear-gradient(135deg,#58a6ff1a,#a371f71a);border:1px solid var(--accent-purple)}.summary-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.summary-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.summary-value.positive{color:var(--accent-green)}.summary-value.negative{color:var(--danger)}.summary-sub{font-size:.8rem;color:var(--text-muted);margin-top:4px}.chart-container{background:var(--bg-tertiary);border-radius:var(--radius);padding:20px;height:300px}.board-stats-list{display:flex;flex-direction:column;gap:8px}.board-stats-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border-radius:var(--radius);padding:12px 16px}.board-rank{font-weight:600;color:var(--accent-orange);min-width:30px}.board-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.board-stats-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-stats-time{font-weight:600;color:var(--accent-blue)}.board-stats-sessions{font-size:.85rem;color:var(--text-secondary)}@media(max-width:768px){.stats-container{max-height:100vh;border-radius:0}.stats-header,.stats-content{padding:16px}.chart-container{height:250px;padding:12px}.summary-card{padding:16px}.summary-value{font-size:1.5rem}}.memos-page{min-height:100vh;padding:20px}.memos-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.memos-header h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.memos-container{max-width:800px;margin:0 auto}.add-category-form{display:flex;gap:12px;margin-bottom:24px}.add-category-form input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-size:1rem}.add-category-form input:focus{outline:none;border-color:var(--accent-blue)}.add-category-form .add-btn{background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius);padding:12px 24px;font-weight:600;cursor:pointer;transition:opacity .2s}.add-category-form .add-btn:hover{opacity:.9}.memo-categories{display:flex;flex-direction:column;gap:8px}.memo-category{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.category-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .2s}.category-header:hover{background:var(--bg-tertiary)}.expand-icon{color:var(--text-secondary);font-size:.75rem;width:16px;text-align:center;flex-shrink:0}.category-name{font-weight:600;font-size:1rem;flex:1}.item-count{color:var(--text-secondary);font-size:.85rem}.category-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.category-header:hover .category-actions{opacity:1}.icon-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;border-radius:var(--radius-sm);font-size:.9rem;transition:background .2s}.icon-btn:hover{background:var(--bg-tertiary)}.icon-btn.delete:hover{background:#f8514933}.icon-btn.small{font-size:.75rem;padding:2px 4px}.edit-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text-primary);font-size:1rem;font-weight:600}.edit-input:focus{outline:none}.memo-items{border-top:1px solid var(--border-color);background:var(--bg-primary)}.memo-item{padding:10px 16px 10px 44px;border-bottom:1px solid var(--border-color)}.memo-item:last-child{border-bottom:none}.item-content{display:flex;align-items:center;gap:8px}.item-bullet{color:var(--text-secondary);flex-shrink:0}.item-link{color:var(--accent-blue);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.item-link:hover{color:var(--accent-purple);text-decoration:underline}.item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions{display:flex;gap:2px;opacity:0;transition:opacity .2s}.memo-item:hover .item-actions{opacity:1}.add-item-form,.edit-item-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);margin:8px;border-radius:var(--radius)}.add-item-form input,.edit-item-form input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:.95rem}.add-item-form input:focus,.edit-item-form input:focus{outline:none;border-color:var(--accent-blue)}.form-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{background:var(--accent-green);color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-weight:600;cursor:pointer;transition:opacity .2s}.save-btn:hover{opacity:.9}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-sm);padding:8px 16px;font-weight:600;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:var(--border-color)}.empty-items{padding:16px 44px;color:var(--text-secondary);font-size:.9rem;font-style:italic}.empty-categories{text-align:center;padding:40px;color:var(--text-secondary);font-size:1rem}.btn-memos{background:linear-gradient(135deg,var(--accent-orange),#e67e22);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.btn-memos:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.memos-page{padding:12px}.memos-header{flex-direction:column;align-items:flex-start;gap:12px}.memos-header h1{font-size:1.4rem}.add-category-form{flex-direction:column}.category-actions,.item-actions{opacity:1}.memo-item,.empty-items{padding-left:32px}}.btn-today{background:linear-gradient(135deg,#58a6ff,#3a8ee6);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.btn-today:hover{opacity:.9;transform:translateY(-1px)}.today-stats-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.today-stats-container{background:var(--bg-secondary);border-radius:var(--radius);max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid var(--border-color)}.today-stats-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.today-stats-header h2{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.today-stats-content{padding:24px;overflow-y:auto;flex:1}.today-summary{display:flex;gap:20px;margin-bottom:28px}.today-summary-item{flex:1;background:var(--bg-tertiary);border-radius:var(--radius);padding:20px;text-align:center}.today-summary-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.today-summary-value{display:block;font-size:1.8rem;font-weight:700;color:var(--accent-blue)}.today-chart-section{margin-bottom:28px}.today-chart-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.today-board-chart{display:flex;flex-direction:column;gap:12px}.today-board-bar-row{display:flex;flex-direction:column;gap:6px}.today-board-bar-label{display:flex;align-items:center;gap:8px}.today-board-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.today-board-name{font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-board-bar-container{display:flex;align-items:center;gap:12px;height:24px}.today-board-bar{height:100%;border-radius:4px;min-width:4px;transition:width .3s ease}.today-board-bar-value{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.today-sessions-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.today-sessions-list{display:flex;flex-direction:column;gap:8px}.today-session-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-color)}.today-session-active{border-color:var(--accent-orange);background:#d299221a}.today-session-time{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);min-width:120px}.today-session-start{font-weight:600;color:var(--text-primary)}.today-session-separator{color:var(--text-muted)}.today-session-end{font-weight:500}.today-session-active .today-session-end{color:var(--accent-orange)}.today-session-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.today-session-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.today-session-board{font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-session-duration{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--accent-blue);white-space:nowrap}.active-badge{font-size:.85rem}.today-sessions-empty{text-align:center;padding:32px;color:var(--text-secondary);font-size:.95rem}.today-stats-error{text-align:center;padding:32px;color:var(--danger)}@media(max-width:768px){.today-stats-container{max-height:100vh;border-radius:0}.today-stats-header,.today-stats-content{padding:16px}.today-summary{flex-direction:column;gap:12px}.today-summary-item{padding:16px}.today-summary-value{font-size:1.5rem}.today-session-item{flex-wrap:wrap;gap:8px}.today-session-time{min-width:100%}.today-session-info{flex:1}}