*{margin:0;padding:0;box-sizing:border-box}.app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0f1115;color:#f1f1f1;padding:2rem;min-height:100vh;width:80%;align-items:center;margin-left:7rem;border-radius:50px}body{background-color:#fff}.hero{margin-bottom:2rem;text-align:left;margin-right:30rem}.hero h1{font-size:2.5rem;color:#e0e0e0}.hero h1 span{color:#a29bfe}.hero p{color:#bbb;margin-top:.5rem}.task-form{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;margin-top:2rem;margin-left:30rem}.task-form input,.task-form select{padding:.75rem;border:1px solid #444;border-radius:8px;background-color:#1c1e22;color:#f1f1f1;outline:none}.task-form button{background-color:#b2bec3;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.task-form button:hover{background-color:#a29bfe;color:#000}.filter-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.filter-bar button{padding:.5rem 1rem;border:1px solid #444;border-radius:6px;background-color:#1f2227;color:#ccc;cursor:pointer}.filter-bar button.active{background-color:#a29bfe;color:#000;border:none}.task-list{width:100%;margin:0 auto;border-radius:20px;border-color:#a29bfe}.task-list button{padding:20px;background-color:#f5f3f3;border-color:none;gap:20px}.task{background-color:#1f2227;border:1px solid #333;border-radius:20px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.task .info{display:flex;align-items:center;gap:1rem}.task-number{background-color:#444;color:#f1f1f1;padding:.5rem;border-radius:50%;width:32px;height:32px;text-align:center;line-height:1.5;font-size:.9rem}.task-buttons button{background:none;border:none;margin-left:.5rem;color:#bbb;cursor:pointer;font-size:1.2rem}.task-buttons button:hover{color:#a29bfe}.this-icon{background-color:#fff}