body{align-items:center;background:linear-gradient(120deg,#a3cef1,#fbeee6);display:flex;font-family:Inter,Segoe UI,sans-serif;justify-content:center;margin:0;min-height:100vh}*{box-sizing:border-box}.app-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffffe6,#f5f8fff2);border-radius:18px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;gap:1.2rem;margin:auto;max-width:500px;min-height:200px;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:background .4s ease,min-height .4s ease,opacity .4s ease;width:100%}.app-container.dark{background:linear-gradient(160deg,#282e3af2,#373e49f7);box-shadow:0 8px 30px #0006;color:#f9fafc}.app-container.has-tasks{animation:fade-grow .4s ease}@keyframes fade-grow{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.filter-bar{align-items:center;flex-wrap:wrap;justify-content:space-between}.filter-bar,.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{background:#ffffff4d;border:none;border-radius:7px;cursor:pointer;font-size:.9rem;padding:.4rem .9rem;transition:background .2s,transform .15s}.filter-buttons button.active{background:linear-gradient(90deg,#26c6cf,#7461fa 90%);color:#fff}.filter-buttons button:hover{transform:translateY(-1px)}.clear-all-btn{border:none;border-radius:7px;color:#fff;cursor:pointer;padding:.4rem .8rem}.clear-all-btn,.clear-all-btn:hover{background:linear-gradient(90deg,#26c6cf,#7461fa 90%)}@media (max-width:600px){.app-container{padding:1rem;width:98vw}}.app-container.has-tasks{min-height:auto}.app-header{align-items:center;display:flex;flex-direction:column}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#332f46,#7461fa);-webkit-background-clip:text;font-family:Montserrat,sans-serif;font-size:2.4em;letter-spacing:1px;margin-bottom:4px}.app-container.dark .app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f9fafc,#80ded9);-webkit-background-clip:text}.app-header p{color:#444a53;font-style:italic;margin-bottom:10px}.app-container.dark .app-header p{color:#dbeafe}.toggle-switch{align-items:center;cursor:pointer;display:flex;margin-top:5px}.switch-bg{background:#e0e1e5;border-radius:12px;height:24px;margin:0 8px;position:relative;transition:background .3s;width:48px}.switch-bg.dark{background:#232946}.switch-knob{background:#80ded9;border-radius:50%;height:22px;left:2px;position:absolute;top:1px;transition:left .25s;width:22px}.switch-bg.dark .switch-knob{background:#39375b;left:24px}.toggle-label{font-size:.97em;letter-spacing:.5px}.task-input-form{align-items:center;display:flex;flex-wrap:wrap;gap:.45em}.task-input-form input[type=text]{background:#fffffff7;border:1px solid #c6cbd2;border-radius:8px;color:#35333b;flex:2 1;font-size:1em;outline:none;padding:.7rem .9rem}.task-input-form select{background:linear-gradient(145deg,#eef4ff,#d6e0ff);border:1px solid #c6cbd2;border-radius:7px;color:#2f3640;cursor:pointer;flex:1 1;font-size:.98em;padding:.58rem .55rem;transition:box-shadow .2s ease}.task-input-form select:hover{box-shadow:0 2px 6px #0000001a}.task-input-form input[type=date]{background:#f0f1faf5;border:1px solid #e0e1e5;border-radius:7px;color:#282c41;flex:1 1;font-size:.98em;padding:.58rem .55rem}.task-input-form button{background:linear-gradient(90deg,#26c6cf,#7461fa 90%);border:none;border-radius:8px;box-shadow:0 1px 6px #272c4617;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.3rem;transition:opacity .22s,box-shadow .21s}.task-input-form button:hover{opacity:.84}.task-list{display:flex;flex-direction:column;gap:.7rem;margin-top:.3rem}.task-item{align-items:center;animation:fade-in-task .5s;background:#f4f8fa;border-radius:12px;box-shadow:0 1px 5px #2e3a591a;display:flex;gap:.85rem;padding:1rem}.app-container.dark .task-item{background:#222337;color:#e8ebf7}@keyframes fade-in-task{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.checkbox{align-items:center;background:#fff;border:2px solid #45c4b0;border-radius:6px;cursor:pointer;display:flex;height:1.15em;justify-content:center;width:1.15em}.app-container.dark .checkbox{background:#444562;border-color:#80ded9}.checkbox.checked{background:#45c4b0;border-color:#45c4b0}.checkbox.checked:after{color:#fff;content:"✔";font-size:1em;font-weight:800}.task-content{display:flex;flex:1 1;flex-direction:column}.task-title{align-items:center;display:flex;gap:.7em}.task-completed{color:#969ada;opacity:.7;text-decoration:line-through}.priority-badge{align-items:center;border-radius:7px;display:flex;font-size:.87em;font-weight:600;gap:4px;padding:.08em .7em}.priority-low{background:#fbe192;color:#b18532}.priority-normal{background:#add8ea;color:#5f7898}.priority-high{background:#fa6161;color:#fff}.task-date{color:#84898f;font-size:.86em;margin-left:.7em}.task-item button{background:none;border:none;cursor:pointer;font-size:1.15rem;margin-left:.7em;opacity:.82}.task-item button:hover{color:#d7263d;opacity:1}
/*# sourceMappingURL=main.af17f09e.css.map*/