.container{max-width:650px;margin:60px auto;padding:20px}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border-radius:20px;padding:30px;box-shadow:0 20px 60px #00000080}h1{text-align:center;margin-bottom:5px;font-weight:600}.subtitle{text-align:center;opacity:.7;margin-bottom:20px;font-size:14px}.progress-box{margin-bottom:20px}progress{width:100%;height:8px}.task-form{grid-template-columns:1fr 110px 140px 80px;gap:10px;margin-bottom:20px;display:grid}input,select{color:#fff;background:#ffffff14;border:none;border-radius:10px;padding:12px}input::placeholder{color:#ffffff80}button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px;transition:all .2s}button:hover{background:#2563eb}.filters{gap:8px;margin-bottom:20px;display:flex}.filters button{flex:1}.task-list{list-style:none}.task{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;transition:transform .15s,background .15s;display:flex}.task:hover{background:#ffffff14;transform:translateY(-2px)}.task-left{flex-direction:column;display:flex}.task-meta{opacity:.6;margin-top:4px;font-size:12px}.task-actions button{margin-left:5px}.done span{opacity:.5;text-decoration:line-through}.overdue{border:1px solid #ef4444}.priority.low{color:#22c55e}.priority.medium{color:#f59e0b}.priority.high{color:#ef4444}.empty{text-align:center;opacity:.6;margin:20px 0}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}a{color:#93c5fd;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}