.tasks-container{flex:1;overflow-y:auto;min-height:0;}.tasks-container::-webkit-scrollbar{width:4px;display:block !important;}.tasks-container::-webkit-scrollbar-track{background:var(--theme-accent-cyan-alpha);border-radius:4px;}.tasks-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--theme-accent-cyan), var(--theme-accent-orange));border-radius:4px;}.tasks-glass-card{width:100%;display:flex;flex-direction:column;}.tasks-main-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;padding-left:1rem;border-bottom:1px solid var(--theme-border);flex-shrink:0;}.tasks-header-left{display:flex;align-items:center;gap:0.5rem;}.tasks-count-badge{font-size:0.75rem;padding:0.125rem 0.375rem;border-radius:9999px;background:var(--theme-accent-cyan-alpha);color:var(--theme-accent-cyan);}.tasks-count-badge.tasks-hidden{display:none;}.tasks-item{background:var(--theme-bg-card);backdrop-filter:blur(4px);border:1px solid var(--theme-border);border-radius:12px;padding:1rem;margin-bottom:0.75rem;transition:all 0.3s ease;cursor:pointer;}.tasks-item:hover{border-color:var(--theme-accent-cyan);box-shadow:var(--theme-shadow-glow);}.tasks-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem;}.tasks-tags-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:0.75rem;}.tasks-title{font-weight:500;font-size:0.875rem;background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.tasks-title.line-through{text-decoration:line-through;opacity:0.7;}.tasks-actions{display:flex;gap:4px;}.tasks-edit-btn{padding:6px;border-radius:8px;background:transparent;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);cursor:pointer;transition:all 0.2s ease;}.tasks-edit-btn i{font-size:12px;color:inherit;}.tasks-edit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tasks-delete-btn{padding:6px;border-radius:8px;background:transparent;border:1px solid var(--theme-border);color:var(--theme-error);cursor:pointer;transition:all 0.2s ease;}.tasks-delete-btn i{font-size:12px;color:inherit;}.tasks-delete-btn:hover{background:var(--theme-error-alpha);border-color:var(--theme-error);}.tasks-tag-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;}.tasks-tag-pill i{margin-right:4px;font-size:10px;}.tasks-tag-priority-high{background:var(--theme-error-alpha);color:var(--theme-error);}.tasks-tag-priority-medium{background:var(--theme-warning-alpha);color:var(--theme-warning);}.tasks-tag-priority-low{background:var(--theme-success-alpha);color:var(--theme-success);}.tasks-tag-status-todo{background:var(--theme-info-alpha);color:var(--theme-info);}.tasks-tag-status-inprogress{background:var(--theme-warning-alpha);color:var(--theme-warning);}.tasks-tag-status-done{background:var(--theme-success-alpha);color:var(--theme-success);}.tasks-description{padding:12px;border-radius:12px;background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.4));margin-bottom:16px;}.tasks-description-label{font-size:11px;color:var(--theme-accent-cyan);opacity:0.7;margin-bottom:8px;}.tasks-description-content{font-size:0.75rem;color:var(--theme-text-dim);line-height:1.5;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.tasks-dates{display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:8px;border-radius:8px;background:var(--theme-bg-overlay-light, rgba(0, 0, 0, 0.2));margin-bottom:12px;}.tasks-date-item{flex:1;text-align:center;transition:all 0.2s ease;}.tasks-date-item:hover{background:var(--theme-accent-cyan-alpha);border-radius:8px;}.tasks-date-label{font-size:10px;color:var(--theme-accent-cyan);opacity:0.6;margin-bottom:4px;}.tasks-date-value{font-size:0.7rem;color:var(--theme-text-main);font-family:monospace;}.tasks-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--theme-border);display:flex;justify-content:space-between;align-items:center;}.tasks-time-info{font-size:0.6rem;color:var(--theme-text-muted);}.tasks-time-info i{margin-right:4px;}.tasks-status-buttons{display:flex;gap:8px;}.tasks-status-btn{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;border:none;transition:all 0.2s ease;}.tasks-status-btn-todo{background:var(--theme-info-alpha);color:var(--theme-info);}.tasks-status-btn-todo:hover{background:var(--theme-info-alpha-hover, rgba(59, 130, 246, 0.25));}.tasks-status-btn-inprogress{background:var(--theme-warning-alpha);color:var(--theme-warning);}.tasks-status-btn-inprogress:hover{background:var(--theme-warning-alpha-hover, rgba(245, 158, 11, 0.25));}.tasks-status-btn-done{background:var(--theme-success-alpha);color:var(--theme-success);}.tasks-status-btn-done:hover{background:var(--theme-success-alpha-hover, rgba(34, 197, 94, 0.25));}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--theme-text-muted);font-size:14px;text-align:center;padding:2rem;}.tasks-empty i{font-size:30px;margin-bottom:8px;opacity:0.5;color:var(--theme-text-muted);}.tasks-loading{display:flex;align-items:center;justify-content:center;color:var(--theme-text-muted);font-size:14px;padding:2rem;}.tasks-loading i{margin-right:8px;color:var(--theme-accent-cyan);}.tasks-filters{padding:12px;border-bottom:1px solid var(--theme-border);flex-shrink:0;}.tasks-search-wrapper{position:relative;margin-bottom:12px;}.tasks-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);font-size:11px;}.tasks-search-input{width:100%;padding:6px 12px 6px 32px;font-size:11px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);color:var(--theme-text-main);outline:none;transition:all 0.2s ease;}.tasks-search-input:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 10px var(--theme-accent-cyan-alpha);}.tasks-filter-group{display:flex;gap:8px;}.tasks-filter-select{flex:1;padding:6px 8px;font-size:11px;border-radius:8px;background:var(--theme-bg-card);border:1px solid var(--theme-border);color:var(--theme-text-main);outline:none;cursor:pointer;}.tasks-filter-select:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 10px var(--theme-accent-cyan-alpha);}.tasks-filter-select option{background:var(--theme-bg-deep);}.tasks-stats{display:flex;justify-content:space-around;padding:12px;border-bottom:1px solid var(--theme-border);text-align:center;font-size:11px;flex-shrink:0;}.tasks-stats-total{color:var(--theme-accent-cyan);}.tasks-stats-todo{color:var(--theme-info);}.tasks-stats-progress{color:var(--theme-warning);}.tasks-stats-completed{color:var(--theme-success);}.tasks-stats-value{font-weight:bold;color:var(--theme-text-main);font-size:14px;}.tasks-add-btn{width:28px;height:28px;border-radius:9999px;background:transparent;border:1px solid var(--theme-border);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}.tasks-add-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tasks-add-btn i{color:var(--theme-accent-cyan);font-size:11px;transition:transform 0.3s ease;}.tasks-add-btn:hover i{transform:scale(1.1);}.tasks-icon{color:var(--theme-accent-cyan);font-size:1rem;}.tasks-border-theme{border-color:var(--theme-border);}.tasks-form-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;border-radius:16px;overflow-y:auto;background:var(--theme-bg-overlay);backdrop-filter:blur(4px);}.tasks-form-panel.tasks-hidden{display:none;}.tasks-form-panel:not(.tasks-hidden){display:block;animation:tasksFormSlideIn 0.25s ease-out;}@keyframes tasksFormSlideIn{from{opacity:0;transform:scale(0.98);}to{opacity:1;transform:scale(1);}}.tasks-panel-inner{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;padding:1.25rem;background:var(--theme-bg-card);border-radius:16px;}.tasks-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--theme-border);}.tasks-panel-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;margin:0;}.tasks-form-scroll{flex:1;overflow-y:auto;padding-right:0.25rem;padding-left:0.25rem;}.tasks-form-field{margin-bottom:1rem;}.tasks-form-field:last-child{margin-bottom:0;}.tasks-form-label{display:block;margin-bottom:0.375rem;color:var(--theme-accent-cyan);font-size:0.75rem;font-weight:500;}.tasks-form-required{color:var(--theme-accent-orange);}.tasks-form-input{width:100%;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--theme-text-main);outline:none;}.tasks-form-input:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.tasks-form-input::placeholder{color:var(--theme-text-muted);}.tasks-form-textarea{width:100%;height:160px;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--theme-text-main);outline:none;resize:none;}.tasks-form-textarea:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.tasks-form-select{width:100%;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:8px;padding:0.5rem 0.75rem;font-size:0.875rem;color:var(--theme-text-main);outline:none;cursor:pointer;}.tasks-form-select:focus{border-color:var(--theme-accent-cyan);box-shadow:0 0 0 2px var(--theme-accent-cyan-alpha);}.tasks-form-select option{background:var(--theme-bg-deep);}.tasks-form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem;}.tasks-form-actions-container{padding-top:0.75rem;display:flex;justify-content:flex-end;gap:0.75rem;border-top:1px solid var(--theme-border);}.tasks-submit-btn{padding:0.375rem 1rem;font-size:0.875rem;border-radius:8px;background:transparent;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;}.tasks-submit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tasks-submit-btn:disabled{opacity:0.6;cursor:not-allowed;}.tasks-cancel-btn{padding:0.375rem 1rem;font-size:0.875rem;border-radius:8px;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);background:transparent;cursor:pointer;transition:all 0.2s ease;}.tasks-cancel-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tasks-save-icon{margin-right:0.375rem;font-size:0.75rem;}.tasks-form-title-icon{color:var(--theme-accent-cyan);font-size:1rem;margin-right:0.5rem;}.tasks-form-title{color:var(--theme-accent-cyan);font-weight:700;font-size:1.125rem;}.tasks-detail-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:25;border-radius:16px;overflow-y:auto;background:var(--theme-bg-overlay) !important;backdrop-filter:blur(12px);}.tasks-detail-panel.tasks-hidden{display:none;}.tasks-detail-panel:not(.tasks-hidden){display:block;animation:tasksDetailSlideIn 0.25s ease-out;}@keyframes tasksDetailSlideIn{from{opacity:0;transform:scale(0.98);}to{opacity:1;transform:scale(1);}}.tasks-detail-container{position:absolute;inset:0;background:var(--theme-bg-card);backdrop-filter:blur(12px);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;}.tasks-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border);flex-shrink:0;}.tasks-detail-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;margin:0;}.tasks-detail-title i{color:var(--theme-primary-light);margin-right:0.5rem;}.tasks-detail-title span{background:var(--theme-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}.tasks-detail-content{flex:1;overflow-y:auto;padding:1.25rem;}.tasks-detail-section{padding:12px;border-radius:12px;background:var(--theme-bg-overlay-alpha, rgba(0, 0, 0, 0.3));margin-bottom:1rem;}.tasks-detail-label{font-size:11px;color:var(--theme-accent-cyan);opacity:0.6;margin-bottom:8px;}.tasks-detail-title-value{color:var(--theme-text-main);font-size:1rem;font-weight:500;}.tasks-detail-description-text{color:var(--theme-text-dim);font-size:0.875rem;line-height:1.5;white-space:pre-wrap;}.tasks-detail-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem;}.tasks-detail-time-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0.5rem;text-align:center;}.tasks-detail-time-label{font-size:10px;margin-bottom:0.25rem;color:var(--theme-accent-cyan);opacity:0.6;}.tasks-detail-time-value{color:var(--theme-text-dim);font-size:0.75rem;}.tasks-detail-meta-row{display:flex;justify-content:space-between;font-size:0.75rem;}.tasks-detail-meta-label{color:var(--theme-accent-cyan);font-size:0.7rem;}.tasks-detail-meta-value{color:var(--theme-text-dim);font-size:0.7rem;}.tasks-detail-footer{padding:1rem 1.25rem;display:flex;justify-content:flex-end;gap:0.75rem;border-top:1px solid var(--theme-border);flex-shrink:0;}.tasks-detail-close-btn{padding:0.375rem 1rem;font-size:0.875rem;border-radius:8px;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);background:transparent;cursor:pointer;transition:all 0.2s ease;}.tasks-detail-close-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.tasks-detail-edit-btn{padding:0.375rem 1rem;font-size:0.875rem;border-radius:8px;background:transparent;border:1px solid var(--theme-border);color:var(--theme-accent-cyan);font-weight:500;transition:all 0.2s ease;display:flex;align-items:center;gap:0.375rem;cursor:pointer;}.tasks-detail-edit-btn:hover{background:var(--theme-accent-cyan-alpha);border-color:var(--theme-accent-cyan);}.task-overdue{font-size:10px;color:var(--theme-error);margin-top:4px;}.task-overdue i{margin-right:4px;}.tasks-list-container{padding-top:0.75rem;}.tasks-mt-1{margin-top:0.25rem;}.tasks-text-small{font-size:0.75rem;}.tasks-datetime-wrapper{position:relative;display:block;width:100%;}.tasks-datetime-input{padding-right:2rem;}.tasks-datetime-input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer;z-index:1;}.tasks-datetime-wrapper::after{content:"\f017";font-family:"FontAwesome";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--theme-accent-cyan);font-size:0.875rem;pointer-events:none;}.tasks-datetime-wrapper:hover::after{color:var(--theme-accent-purple);}.tasks-animate-shake{animation:tasksShake 0.5s ease-in-out;}@keyframes tasksShake{0%, 100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}.task-chart-empty{display:flex;align-items:center;justify-content:center;height:280px;color:var(--theme-text-muted);font-size:0.875rem;text-align:center;}.tasks-hidden{display:none;}@media (max-width:768px){.tasks-datetime-wrapper{width:100%;}.tasks-detail-time-grid{gap:0.25rem;}.tasks-detail-time-label{font-size:8px;}.tasks-detail-time-value{font-size:0.65rem;}}