*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;position:relative}#root{display:flex;flex-direction:column;min-height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{-webkit-appearance:none;appearance:none;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{touch-action:manipulation}input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@supports (padding:max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media screen and (orientation:landscape) and (max-height:500px){.todo-list{max-height:40vh!important}}@media (max-width:600px){button,input[type=checkbox],select{min-height:44px;min-width:44px}.filter-btn,.priority-btn{min-width:70px}}.App{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4eaff);box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInApp{0%{opacity:0}to{opacity:1}}.App{animation:fadeInApp .5s ease-in}main{align-items:center;display:flex;flex-direction:column;max-width:100%;width:100%}@media (min-width:1400px){.App{padding:40px}}@media (max-width:768px){.App{padding:15px}}@media (max-width:600px){.App{padding:0}main{width:100%}}@supports (padding:max(0px)){.App{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}@media (max-width:600px){.App{padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}}}.todo-container{background-color:#fff;border-radius:20px;box-shadow:0 15px 40px #00000026;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:35px;transition:all .3s ease}.todo-header{margin-bottom:30px;text-align:center}h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4c75f2,#6a8ff5);-webkit-background-clip:text;color:#3a3a3a;display:inline-block;font-size:38px;font-weight:700;margin-bottom:8px;padding-bottom:12px;position:relative;transition:font-size .3s ease}h1:after{background:linear-gradient(90deg,#4c75f2,#6a8ff5);border-radius:4px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:100px}.date-display{color:#666;font-size:16px;font-style:italic;margin-top:8px}h3{color:#444;font-size:20px;font-weight:600;margin-top:0;transition:font-size .3s ease}.input-section{background-color:#f9fafc;border-radius:16px;box-shadow:0 3px 10px #0000000d;margin-bottom:28px;padding:24px;transition:padding .3s ease,border-radius .3s ease}.input-container{border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;margin-bottom:18px;overflow:hidden;transition:border-radius .3s ease}input{border:none;border-radius:10px 0 0 10px;flex:1 1;font-size:16px;outline:none;padding:16px;transition:all .2s}input:focus{box-shadow:inset 0 0 0 2px #4c75f233}select{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000a;color:#333;cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .2s}select:focus{border-color:#4c75f2;box-shadow:0 0 0 2px #4c75f233;outline:none}button{background-color:#4c75f2;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s}button:hover{background-color:#3d66e0;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}button:active{transform:translateY(0)}.add-btn{align-items:center;border-radius:0 10px 10px 0;display:flex;font-weight:600;gap:6px;justify-content:center}.add-btn:before{content:"+";font-size:18px;font-weight:700}.task-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:5px;transition:flex-direction .3s ease}.option-group{align-items:center;display:flex;gap:10px;transition:width .3s ease}.option-group label{color:#555;font-size:14px;font-weight:500}.priority-options{display:flex;gap:5px;transition:width .3s ease}.priority-btn{border-radius:8px;font-size:13px;opacity:.7;padding:8px 14px;transition:all .2s}.priority-btn.active{font-weight:600;opacity:1;transform:scale(1.05)}.priority-btn.low{background-color:#8bc34a}.priority-btn.medium{background-color:#ffa726}.priority-btn.high{background-color:#ef5350}.filters{align-items:center;background-color:#f9fafc;border-radius:16px;box-shadow:0 3px 10px #0000000d;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:24px;padding:18px;transition:padding .3s ease,flex-direction .3s ease}.filter-group{display:flex;gap:8px;transition:width .3s ease}.filter-btn{background-color:#f1f3f9;border:1px solid #0000;border-radius:8px;color:#555;font-size:14px;padding:10px 18px;transition:all .2s}.filter-btn:hover{background-color:#e4e8f5}.filter-btn.active{background-color:#4c75f2;box-shadow:0 3px 8px #4c75f24d;color:#fff}.loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:15px;padding:40px 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f1f3f9;border-radius:50%;border-top-color:#4c75f2;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.todo-list{list-style-type:none;margin:0;max-height:450px;overflow-y:auto;padding:0;transition:max-height .3s ease}li{align-items:center;background-color:#f9fafc;border-left:5px solid #4c75f2;border-radius:12px;box-shadow:0 3px 12px #0000000f;display:flex;justify-content:space-between;margin-bottom:14px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}li:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.swipe-hint{color:#888;font-size:12px;opacity:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .3s}@media (max-width:768px){li:active .swipe-hint{opacity:.7}}li.priority-high{border-left:5px solid #ef5350}li.priority-medium{border-left:5px solid #ffa726}li.priority-low{border-left:5px solid #8bc34a}li.completed{background-color:#f5f5f5;opacity:.8}li.completed .todo-text{color:#888;text-decoration:line-through}.todo-item{align-items:flex-start;flex:1 1;gap:16px}.todo-content,.todo-item{display:flex;transition:gap .3s ease}.todo-content{flex-direction:column;gap:10px}.todo-text{color:#333;font-size:17px;font-weight:500;line-height:1.4;transition:font-size .3s ease}.todo-meta{display:flex;flex-wrap:wrap;gap:8px;transition:gap .3s ease}.todo-item input[type=checkbox]{accent-color:#66bb6a;border-radius:6px;cursor:pointer;height:24px;margin-top:3px;transition:all .2s;width:24px}.todo-item input[type=checkbox]:checked{transform:scale(1.1)}.category-tag,.priority-tag{border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;transition:padding .3s ease}.category-tag{background-color:#607d8b}.category-tag.personal{background-color:#7e57c2}.category-tag.work{background-color:#5c6bc0}.category-tag.shopping{background-color:#26a69a}.category-tag.health{background-color:#66bb6a}.category-tag.other{background-color:#78909c}.priority-tag{background-color:#9e9e9e}.priority-tag.high{background-color:#ef5350}.priority-tag.medium{background-color:#ffa726}.priority-tag.low{background-color:#8bc34a}.delete-btn{align-items:center;background-color:#ff5252;border-radius:10px;display:flex;font-size:14px;font-weight:600;margin-left:8px;opacity:.9;padding:10px 16px;transition:all .2s}.delete-btn:hover{background-color:#e33e3e;opacity:1}.empty-state{background-color:#f9fafc;border-radius:16px;box-shadow:0 3px 10px #0000000d;color:#888;font-style:italic;margin:20px 0;padding:60px 0;text-align:center}.empty-state:before{content:"📋";display:block;font-size:50px;margin-bottom:20px}.todo-footer{align-items:center;background-color:#f9fafc;border-radius:16px;box-shadow:0 3px 10px #0000000d;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:30px;padding:18px;transition:padding .3s ease,flex-direction .3s ease}.todo-stats{color:#555;display:flex;flex-direction:column;font-size:15px;font-weight:500;gap:8px;transition:text-align .3s ease}.clear-completed{background-color:#f1f3f9;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:14px;font-weight:600;padding:10px 18px}.clear-completed:hover{background-color:#e5e5e5;border-color:#ccc}.todo-summary{background-color:#f9fafc;border-radius:16px;box-shadow:0 3px 10px #0000000d;margin-top:30px;padding:24px;transition:padding .3s ease}.summary-chart{margin-top:20px}.chart-bar{background-color:#e0e0e0;border-radius:8px;box-shadow:inset 0 2px 4px #0000000d;display:flex;height:40px;overflow:hidden;width:100%}.bar{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;text-shadow:0 1px 2px #0003;transition:width .5s ease}.bar.high{background-color:#ef5350}.bar.medium{background-color:#ffa726}.bar.low{background-color:#8bc34a}.chart-legend{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:18px;transition:gap .3s ease}.legend-item{align-items:center;color:#555;display:flex;font-size:14px;font-weight:500;gap:8px}.legend-color{border-radius:4px;box-shadow:0 1px 2px #0003;display:inline-block;height:16px;width:16px}.legend-color.high{background-color:#ef5350}.legend-color.medium{background-color:#ffa726}.legend-color.low{background-color:#8bc34a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}li{animation:fadeIn .3s ease-in-out}.todo-list::-webkit-scrollbar{width:10px}.todo-list::-webkit-scrollbar-track{background:#f1f3f9;border-radius:10px}.todo-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.todo-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (min-width:1400px){.todo-container{max-width:900px;padding:40px}h1{font-size:42px}h1:after{width:120px}.todo-list{max-height:600px}}@media (max-width:768px){.todo-container{border-radius:16px;max-width:95%;padding:30px 20px}h1{font-size:34px}h1:after{width:80px}.input-section{padding:20px}.filters,.todo-footer{padding:15px}.task-options{flex-direction:column;gap:12px}.option-group{width:100%}.filter-group,.priority-options{justify-content:space-between;width:100%}.todo-list{max-height:500px}.chart-legend{gap:15px}}@media (max-width:600px){.todo-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:100vh;padding:25px 15px;width:100%}h1{font-size:32px}h1:after{height:3px;width:70px}.date-display{font-size:14px}h3{font-size:18px}.input-section{border-radius:12px;margin-bottom:20px;padding:15px}.input-container{border-radius:8px}input{border-radius:8px 0 0 8px;font-size:15px;padding:14px}.add-btn{border-radius:0 8px 8px 0;padding:10px 15px}.filters{align-items:flex-start;border-radius:12px;flex-direction:column;margin-bottom:20px;padding:15px}.filter-btn{border-radius:6px;font-size:13px;padding:8px 12px}.category-filter,.filter-group{width:100%}.category-filter select{margin-top:10px;width:100%}li{border-radius:10px;margin-bottom:12px;padding:15px}.todo-item{gap:12px}.todo-content{gap:6px}.todo-text{font-size:15px}.category-tag,.priority-tag{font-size:11px;padding:3px 8px}.todo-footer{border-radius:12px;flex-direction:column;gap:15px;margin-top:20px;padding:15px}.clear-completed,.todo-stats{text-align:center;width:100%}.clear-completed{padding:10px}.todo-summary{border-radius:12px;margin-top:20px;padding:15px}.bar{font-size:14px}.chart-legend{flex-wrap:wrap;gap:12px;justify-content:center}.delete-btn{align-items:center;border-radius:50%;display:flex;font-size:0;height:36px;justify-content:center;min-width:36px;padding:0;width:36px}.delete-btn:before{content:"×";font-size:24px;font-weight:700}.todo-list{max-height:60vh}}@media (max-width:380px){h1{font-size:28px}.priority-options{flex-wrap:wrap;gap:8px}.priority-btn{flex:1 1;font-size:12px;padding:6px 10px}.todo-item input[type=checkbox]{height:20px;width:20px}.todo-text{font-size:14px}.empty-state:before{font-size:40px}}
/*# sourceMappingURL=main.cafcc417.css.map*/