:root{--primary:#3f57c7;--secondary:#3a0ca3;--accent:#ec6714;--success:#4cc9f0;--warning:#f8961e;--dark:#1a1a2e;--light:#f8f9fa;--gray:#6c757d;--card-bg:#ffffff;--border-radius:12px;--shadow:0 4px 12px rgba(0, 0, 0, 0.08);--transition:all 0.3s ease}.task-center-container{width:100%;padding:15px 0}.task-center-header{text-align:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--border-radius);color:#fff;box-shadow:var(--shadow)}.task-center-title{font-size:2.8rem;color:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.task-center-subtitle{font-size:1.4rem;opacity:.9;max-width:600px;margin:0 auto}.task-center-stats{display:flex;justify-content:center;gap:15px;margin-top:15px;flex-wrap:wrap}.task-center-stat{background:rgba(255,255,255,.2);padding:8px 15px;border-radius:50px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:1.2rem}.task-center-main{display:flex;flex-direction:column;gap:20px}@media (min-width:992px){.task-center-main{flex-direction:row}.task-center-content{flex:1}.task-center-sidebar{width:300px;flex-shrink:0}}.task-center-categories{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.task-center-category{padding:8px 16px;background:var(--card-bg);border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow);font-size:1.2rem}.task-center-category.active{background:var(--primary);color:#fff}.task-center-grid{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width:768px){.task-center-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.task-center-grid{grid-template-columns:repeat(3,1fr)}}.task-center-card{background:var(--card-bg);border-radius:var(--border-radius);padding:18px;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.task-center-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.task-center-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-center-card-title{font-size:1.4rem;font-weight:700;margin-bottom:4px}.task-center-card-desc{color:var(--gray);font-size:12.5px;margin-bottom:12px;line-height:1.4}.task-center-card-reward{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:8px;border-radius:20px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px;line-height:12px;position:absolute;left:5px;top:4px}.task-center-card-progress{margin-top:12px}.task-center-progress-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:6px}.task-center-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--warning));border-radius:3px;transition:width .5s ease}.task-center-progress-text{display:flex;justify-content:space-between;font-size:1rem;color:var(--gray)}.task-center-card-actions{margin-top:15px;display:flex;gap:8px}.task-center-btn{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);flex:1;text-align:center;font-size:1.1rem}.task-center-btn-primary{background:var(--primary);color:#fff}.task-center-btn-primary:hover{background:var(--secondary)}.task-center-btn-secondary{background:#e9ecef;color:var(--dark)}.task-center-btn-secondary:hover{background:#dee2e6}.task-center-btn-disabled{background:#e9ecef;color:var(--gray);cursor:not-allowed}.task-center-badge{position:absolute;top:5px;right:5px;line-height:10px;background:var(--accent);color:#fff;padding:7px;border-radius:20px;font-size:11px;font-weight:700}.task-center-sidebar{background:var(--card-bg);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);height:fit-content}@media (min-width:992px){.task-center-sidebar{position:sticky;top:20px}}.task-center-sidebar-title{font-size:1.2rem;margin-bottom:15px;display:flex;align-items:center;gap:8px}.task-center-sidebar-section{margin-bottom:20px}.task-center-streak{display:flex;gap:4px;margin-bottom:12px}.task-center-streak-day{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;background:#e9ecef}.task-center-streak-day.active{background:var(--warning);color:#fff}.task-center-rewards-list{display:flex;flex-direction:column;gap:12px}.task-center-reward-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:#f8f9fa}.task-center-reward-icon{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.task-center-reward-info{flex:1}.task-center-reward-title{font-weight:600;font-size:1.1rem}.task-center-reward-desc{font-size:1rem;color:var(--gray)}.task-center-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.task-center-achievement{background:#f8f9fa;border-radius:6px;padding:8px;text-align:center;transition:var(--transition)}.task-center-achievement:hover{transform:scale(1.03)}.task-center-achievement-icon{width:36px;height:36px;margin:0 auto 4px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.task-center-achievement-title{font-size:.9rem;font-weight:600}.task-center-achievement.locked{opacity:.5}.task-center-achievement.locked .task-center-achievement-icon{background:var(--gray)}.task-center-card{transition:opacity .3s ease,transform .3s ease}.task-center-card.hidden{opacity:0;transform:scale(.98);pointer-events:none}