.Container{background:#121212;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Poppins,sans-serif;padding:40px 20px;color:#e1e1e1}h1{font-size:2.5rem;margin-bottom:5px;color:#0a66c2;text-shadow:1px 1px 3px rgba(0,0,0,.7)}hr{width:60%;margin:15px 0;border:none;height:2px;background-color:#0a66c2}.grey-text{color:#aaa;font-style:italic;margin-bottom:20px}.task-form{width:80%;max-width:700px;background-color:#242526;display:flex;flex-direction:column;padding:25px 30px;gap:20px;box-shadow:0 8px 25px #0009;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease}.task-form:hover{transform:translateY(-5px);box-shadow:0 12px 35px #000c}.inputs{display:flex;flex-direction:column;gap:15px}.task-input{display:flex;align-items:center;justify-content:space-between}.task-input label{font-weight:500;width:120px;color:#e1e1e1}.task-input input,.task-input select{flex:1;height:45px;padding:0 10px;border-radius:8px;border:1px solid #555;font-size:16px;background-color:#1b1b1b;color:#e1e1e1;transition:all .2s ease}.task-input input:focus,.task-input select:focus{border-color:#0a66c2;outline:none;box-shadow:0 0 5px #0a66c299}button{height:45px;width:150px;background-color:#0a66c2;color:#fff;font-size:16px;border:none;border-radius:10px;align-self:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#084a9e;transform:scale(1.05)}.card-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;gap:15px}.card{display:flex;justify-content:space-between;align-items:center;margin-top:30px;width:95%;max-width:1030px;padding:15px 20px;background-color:#2c2c2c;border-radius:15px;box-shadow:0 5px 15px #00000080;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #000000b3}.left-card{display:flex;flex-direction:column;font-size:16px;color:#e1e1e1}.priority-spans{display:flex;gap:10px;margin-top:5px}.priority-spans span:first-child{padding:3px 10px;border-radius:5px;font-weight:700;color:#fff;text-transform:uppercase;font-size:12px}.priority-spans span:first-child[data-priority=High]{background-color:#ff4d4f}.priority-spans span:first-child[data-priority=Medium]{background-color:#f7c948}.priority-spans span:first-child[data-priority=Low]{background-color:#36b37e}.right-card button{width:120px;height:38px;border-radius:5px;margin-left:10px;font-weight:500;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.right-card button:hover{transform:scale(1.05);opacity:.85}.complete-btn{background-color:#0f6a3d;color:#fff;border:none}.Delete-btn{background-color:#555;color:#ddd;border:none}@media screen and (max-width:900px){.task-input{flex-direction:column;align-items:flex-start}.task-input label{width:100%;margin-bottom:5px}.task-input input,.task-input select{width:100%;padding:10px;margin-left:0}.task-input input{width:93%}.card{flex-direction:column;align-items:flex-start;margin-bottom:13px}.right-card{margin-left:0;margin-top:10px;display:flex;gap:10px}}