:root{--primary: #8b5cf6;--secondary: #ec4899;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .6);--text-light: #e2e8f0;--text-gray: #94a3b8;--border: rgba(139, 92, 246, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-light);min-height:100vh;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus,a:focus,input:focus,select:focus{outline:3px solid var(--primary);outline-offset:2px}.task-manager-container{position:relative;z-index:1;padding:2rem;max-width:1200px;margin:0 auto}.particle{position:absolute;background:#8b5cf680;border-radius:50%;animation:float 25s infinite ease-in-out;filter:blur(20px)}.particle:nth-child(1){width:80px;height:80px;left:10%;animation-delay:0s}.particle:nth-child(2){width:60px;height:60px;left:20%;animation-delay:3s}.particle:nth-child(3){width:100px;height:100px;left:60%;animation-delay:6s}.particle:nth-child(4){width:70px;height:70px;left:80%;animation-delay:9s}.particle:nth-child(5){width:90px;height:90px;left:40%;animation-delay:12s}.back-to-portfolio{position:fixed;top:1rem;left:1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:12px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;z-index:1000;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #8b5cf666;text-decoration:none;transition:transform .3s}.back-to-portfolio:hover{transform:translateY(-2px)}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.header p{color:var(--text-gray);font-size:1.1rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #8b5cf64d}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{color:var(--text-gray);font-size:.9rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;transition:all .3s}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #8b5cf64d}.add-task-section{padding:2rem;margin-bottom:2rem}.add-task-section h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--primary)}.task-form{display:flex;flex-direction:column;gap:1rem}.task-input{background:#0f172a80;border:1px solid var(--border);border-radius:8px;padding:.875rem;color:var(--text-light);font-size:1rem;width:100%}.task-input::placeholder{color:var(--text-gray)}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-select{background:#0f172a80;border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text-light);font-size:.9rem;flex:1;min-width:150px}.form-select option{background:var(--bg-dark)}.btn{border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;flex:1;min-width:120px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.btn-filter{background:transparent;border:2px solid var(--border);color:#fff;padding:.5rem 1.5rem;font-size:.9rem;text-transform:capitalize}.btn-filter.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent}.btn-filter:hover{border-color:var(--primary)}.btn-delete{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:.5rem 1rem;font-size:.9rem}.btn-delete:hover{background:#ef44444d}.filter-container{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.task-list{display:flex;flex-direction:column;gap:1rem}.task-card{padding:1.5rem;display:flex;align-items:center;gap:1rem}.task-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.task-content{flex:1}.task-title{font-size:1.1rem;margin-bottom:.5rem}.task-title.completed{text-decoration:line-through;opacity:.6}.task-tags{display:flex;gap:.5rem;flex-wrap:wrap}.task-tag{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;border:1px solid}.task-tag.category{background:#8b5cf633;color:var(--primary);border-color:var(--border)}.task-tag.priority-high{background:#ef444433;color:var(--danger);border-color:#ef44444d}.task-tag.priority-medium{background:#f59e0b33;color:var(--warning);border-color:#f59e0b4d}.task-tag.priority-low{background:#22c55e33;color:var(--success);border-color:#22c55e4d}.task-actions{display:flex;align-items:center;gap:.75rem}.qty-btn{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;border-radius:50%;color:#fff;font-size:1.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:#8b5cf64d}.task-qty{font-weight:700;min-width:24px;text-align:center}.empty-state{padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-text{color:var(--text-gray);font-size:1.1rem}@keyframes float0{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-200px) translate(50px);opacity:.5}}@keyframes float1{0%,to{transform:translateY(0) translate(0);opacity:.4}50%{transform:translateY(-180px) translate(-50px);opacity:.6}}@keyframes float2{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-220px) translate(30px);opacity:.5}}@keyframes float3{0%,to{transform:translateY(0) translate(0);opacity:.4}50%{transform:translateY(-190px) translate(-30px);opacity:.6}}@keyframes float4{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-210px) translate(60px);opacity:.5}}@media(max-width:768px){.header h1{font-size:2rem}.task-manager-container{padding:1.5rem}.form-row{flex-direction:column}.form-select{min-width:100%}.task-card{flex-wrap:wrap}.task-actions{width:100%;justify-content:flex-end}}@media(max-width:480px){.back-to-portfolio{padding:.5rem 1rem;font-size:.8rem}.header h1{font-size:1.5rem}}