:root{--task-primary:#8b5cf6;--task-secondary:#ec4899;--task-accent:#f59e0b;--task-status-pending:#6366f1;--task-status-in-progress:#3b82f6;--task-status-completed:#10b981;--task-status-overdue:#ef4444;--task-priority-high:#dc2626;--task-priority-medium:#f59e0b;--task-priority-low:#10b981;--task-bg-start:#0a0118;--task-bg-mid:#1a0a2e;--task-bg-end:#16213e;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--glass-hover-bg:rgba(255,255,255,0.08);--glass-hover-border:rgba(255,255,255,0.2);--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.5)}[data-community-color]{--task-primary:var(--community-primary,#8b5cf6)}.tasks-text-primary{color:var(--text-primary)}.tasks-text-secondary{color:var(--text-secondary)}.tasks-text-muted{color:var(--text-muted)}.task-card-modern{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--task-primary),var(--task-secondary));opacity:0;transition:opacity .3s ease}.task-card-modern:hover{background:var(--glass-hover-bg);border-color:var(--glass-hover-border);transform:translateY(-2px);box-shadow:0 12px 48px rgba(0,0,0,.5)}.task-card-modern:hover:before{opacity:1}.task-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease}.task-status-pending{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(99,102,241,.1));color:#a5b4fc;border:1px solid rgba(99,102,241,.3);box-shadow:0 0 15px rgba(99,102,241,.3)}.task-status-in-progress{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));color:#93c5fd;border:1px solid rgba(59,130,246,.3);box-shadow:0 0 15px rgba(59,130,246,.3);animation:pulse-glow 2s ease-in-out infinite}.task-status-completed{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:#6ee7b7;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 15px rgba(16,185,129,.3)}.task-status-overdue{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));color:#fca5a5;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 15px rgba(239,68,68,.3);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(59,130,246,.3)}50%{box-shadow:0 0 25px rgba(59,130,246,.5)}}.task-priority-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.task-priority-high{background:linear-gradient(135deg,rgba(220,38,38,.2),rgba(220,38,38,.1));color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.task-priority-medium{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.1));color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.task-priority-low{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.1));color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.task-button-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--task-primary),var(--task-secondary));color:white;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.task-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(139,92,246,.5)}.task-button-primary:hover:before{opacity:1}.task-button-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.05);color:white;font-weight:500;border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-button-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.task-progress-wrapper{position:relative;margin:1rem 0}.task-progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.task-progress-container{position:relative;height:10px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.task-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);animation:shimmer 3s ease-in-out infinite;box-shadow:0 0 20px rgba(139,92,246,.6),inset 0 1px 0 rgba(255,255,255,.3);position:relative}.task-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:slide 2s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.task-input{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:white;font-size:.938rem;transition:all .3s ease}.task-input::-moz-placeholder{color:rgba(255,255,255,.3)}.task-input::placeholder{color:rgba(255,255,255,.3)}.task-input:focus{outline:none;background:rgba(255,255,255,.08);border-color:var(--task-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.task-select{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:white;font-size:.938rem;cursor:pointer;transition:all .3s ease}.task-select:focus{outline:none;background:rgba(255,255,255,.08);border-color:var(--task-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.task-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:.5rem .75rem;background:rgba(0,0,0,.9);color:white;font-size:.75rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000}.task-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.9)}:hover>.task-tooltip{opacity:1;transform:translateX(-50%) translateY(-12px)}.task-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.task-card-modern{padding:1rem}.task-button-primary,.task-button-secondary{padding:.625rem 1.25rem;font-size:.875rem}}