html,body{height:100%;margin:0}body{background-color:#f4f5f7;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:hidden}#loader{z-index:2000;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#main-wrapper{flex-direction:column;flex:1 0 auto;display:flex}#landing-page{margin-top:auto;margin-bottom:auto}.kanban-col{background-color:#ebecf0;border-radius:8px;flex-direction:column;height:80vh;margin-bottom:20px;padding:10px;display:flex}.kanban-col-header{border-bottom:2px solid #dfe1e6;flex-shrink:0;margin-bottom:10px;padding-bottom:10px;font-weight:600}.task-list{flex-grow:1;min-height:100px;overflow-y:auto}.task-card{cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:6px;margin-bottom:10px;padding:12px;box-shadow:0 1px 2px #091e4240}.sortable-fallback,.sortable-drag{opacity:1!important;z-index:1000!important;transition:none!important;box-shadow:0 10px 25px #0003!important}.ghost-card{opacity:.5!important;box-shadow:none!important;background-color:#c1c7d0!important;border:2px dashed #97a0af!important}#pomodoro-widget{z-index:1500;color:#fff;cursor:pointer;text-align:center;background-color:#e74c3c;border-radius:30px;min-width:120px;padding:10px 20px;transition:all .3s;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 15px #0000004d}#pomo-header{font-size:1.2rem;font-weight:700}#pomo-body{border-top:1px solid #ffffff4d;margin-top:10px;padding-top:10px}.pomo-work{background-color:#e74c3c!important}.pomo-break{background-color:#27ae60!important}@media (width<=576px){#pomodoro-widget{padding:8px 15px;bottom:70px;right:10px}}@media (width<=768px){.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:15px;overflow:auto hidden;flex-wrap:nowrap!important}.kanban-board::-webkit-scrollbar{display:none}.kanban-col-wrapper{scroll-snap-align:center;flex:none;width:85vw;padding:0 10px}.kanban-col{height:72vh}body{font-size:16px}.task-card span{font-size:1.15rem}.kanban-col-header{padding-bottom:15px;font-size:1.2rem}.form-control{padding:12px;font-size:1.1rem}.btn{padding:10px;font-size:1.1rem}.modal-title{font-size:1.4rem;font-weight:700}#pomodoro-widget{border-radius:20px;width:90%;max-width:400px;padding:2px;bottom:40px;left:50%;transform:translate(-50%);display:none!important}#pomo-header{font-size:1.6rem}#pomo-start-btn,.btn-outline-light{padding:10px 20px;font-size:1.1rem}}[data-bs-theme=dark] body{background-color:#121212}[data-bs-theme=dark] .kanban-col{background-color:#212529;border:1px solid #343a40}[data-bs-theme=dark] .task-card{background-color:#2b3035;box-shadow:0 1px 3px #00000080}[data-bs-theme=dark] .kanban-col-header{border-bottom-color:#495057;color:#e9ecef!important}[data-bs-theme=dark] footer.border-top{border-color:#343a40!important}.task-card{border-left:6px solid #0000;transition:border-color .3s,background-color .3s}.card-tag-trabajo{border-left-color:#0d6efd!important}.card-tag-personal{border-left-color:#198754!important}.card-tag-estudio{border-left-color:#f1c40f!important}.card-tag-urgente{border-left-color:#dc3545!important}.task-tag-text{text-transform:uppercase;letter-spacing:.5px;margin-top:5px;margin-bottom:2px;font-size:.75rem;font-weight:600}.text-tag-trabajo{color:#0d6efd}.text-tag-personal{color:#198754}.text-tag-estudio{color:#b58900}.text-tag-urgente{color:#dc3545}[data-bs-theme=dark] .text-tag-trabajo{color:#70a9ff}[data-bs-theme=dark] .text-tag-personal{color:#66bb6a}[data-bs-theme=dark] .text-tag-estudio{color:#ffd54f}[data-bs-theme=dark] .text-tag-urgente{color:#ef5350}.dashboard-card{background-color:#fff}[data-bs-theme=dark] .dashboard-card{background-color:#212529;border:1px solid #343a40}[data-bs-theme=dark] .dashboard-card h5{color:#e9ecef!important}[data-bs-theme=dark] #xp-badge{background-color:#2b3035!important;border-color:#495057!important}[data-bs-theme=dark] #loader{background-color:#121212!important}[data-bs-theme=dark] #loader p{color:#e9ecef!important}[data-bs-theme=dark] #landing-page h1,[data-bs-theme=dark] #landing-page strong{color:#f8f9fa!important}[data-bs-theme=dark] #landing-page .text-muted{color:#adb5bd!important}
