body{background:linear-gradient(135deg,#1f2233,#2c2f4a);color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}#root{max-width:1480px;margin:0 auto;padding:4rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}button{cursor:pointer;transition:background .3s,color .3s}.main-bar .filter-btn{cursor:pointer;color:#bdbdbd;background:transparent;border:none;padding:6px 10px;transition:color .18s,background .18s}.main-bar .filter-btn.active{color:#fff;background:#ffffff0f;border-radius:6px;font-weight:600}.container{padding:15px}.container button{background-color:#4a5568;color:#fff;border:solid 1px rgba(128,128,128,.295);padding:6px 10px;border-radius:5px}.container select,.container input{width:98%;padding:6px;border-radius:5px;background-color:#394151;color:#fff;border:none;margin-top:10px}.tasks-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin-top:20px;flex-wrap:wrap}.alltasks{width:30%;min-height:400px;border-radius:10px;background-color:#212937;color:#fff;overflow-y:auto;padding:15px;box-shadow:0 8px 20px #0000004d;transition:transform .2s}.alltasks:hover{transform:translateY(-3px)}.alltasks ul{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:0}.alltasks li{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;border-radius:8px;padding:8px 12px;box-shadow:0 2px 6px #0003;transition:background .2s}.alltasks li:hover{background-color:#ffffff0d}.alltasks li>div{display:flex;align-items:center;gap:12px}.box_add{margin:0 auto;padding:20px;border-radius:10px;background-color:#212937;box-shadow:0 8px 20px #0000004d;transition:transform .2s}.box_add:hover{transform:translateY(-3px)}.addTask_items{max-width:250px;display:flex;background-color:#212937;color:#fff;margin:0 auto;border-radius:5px;padding:5px;gap:5px}.addTask_items input,.addTask_items .addTask_select{background-color:#394151;color:#fff;border-radius:5px;padding:6px;border:1px solid gray;margin-top:10px}.addTask_items button{background-color:#3f61e9;color:#fff;border:none;border-radius:5px;padding:7px 2px;width:45px;font-size:12px;transition:background .2s;margin-top:10px;width:100%}.addTask_items button:hover{background-color:#5b7bf0}table{background-color:#394151;border-radius:6px;overflow:hidden;margin-top:10px}tr{font-size:8px;border-bottom:solid 1px rgba(128,128,128,.295)}td{font-size:8px;padding:4px 6px}@media (max-width: 768px){.tasks-wrapper{flex-direction:column;align-items:center}.alltasks,.box_add{width:90%;min-height:auto}.container input{width:100%}.searchTask input{width:100%;margin-bottom:10px}}