body{background-color:#f0f2f5;font-family:Helvetica Neue,Arial,sans-serif}.app-container{margin:0 auto;max-width:900px;padding:40px 20px}.app-header{margin-bottom:40px;text-align:center}.app-header h1{color:#2c3e50;font-size:2.5rem;letter-spacing:-1px}.app-content>aside,.app-content>section{margin-bottom:40px}.sort-controls{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;gap:15px;margin:0 auto 25px;max-width:600px;padding:10px;width:100%}.sort-label{color:#64748b;font-size:.9rem;font-weight:700}.sort-buttons{display:flex;gap:8px}.sort-chip{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .2s ease}.sort-chip:hover{background-color:#edf2f7}.sort-chip.is-active{background-color:#409eff;border-color:#409eff;box-shadow:0 4px 10px #409eff4d;color:#fff;font-weight:700}.logout-btn{background-color:#f56c6c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:10px 150px 10px auto;padding:14px;transition:all .2s ease;width:auto}.logout-btn:hover{background-color:#fd8f8f;box-shadow:0 4px 12px #409eff66;transform:translateY(-1px)}@media (min-width:768px){.app-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr}}.category-form-container{background-color:#fff;border:1px solid #e0e4e8;border-radius:12px;box-shadow:0 8px 16px #0000000d;margin:0 auto 20px;max-width:450px;padding:30px}.category-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;transition:margin-bottom .3s}.category-form-header h2{color:#333;font-size:1.25rem;margin:0}.toggle-btn.is-active{background-color:#fef0f0;border-color:#fbc4c4;color:#f56c6c}.color-selection-area{background:#f8f9fa;border-radius:8px;margin-top:10px;padding:10px}.preset-colors{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:10px;max-width:250px}.color-chip{border:3px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:transform .2s,border-color .2s;width:30px}.color-chip:hover{transform:scale(1.1)}.color-chip.is-active{border-color:#333}.selected-color-text{color:#555;font-size:.85rem}.category-list-container{margin:0 auto;max-width:600px;padding:20px 0}.category-list-container h2{color:#2c3e50;font-size:1.2rem;margin-bottom:20px;padding-left:10px}.category-list-container ul{list-style:none;padding:0}.category-list-container li{align-items:center;background:#fff;border-left:6px solid;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:row;gap:15px;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:transform .2s ease}.category-name{color:#2c3e50;font-size:1.05rem;font-weight:700;margin:0}.category-description{color:#5f6c7b;font-size:.9rem;line-height:1.5;margin:0}.category-list-container li:hover{cursor:pointer;transform:translateX(5px)}.login-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.login-form-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:380px;padding:40px;text-align:center;width:90%}.login-form-card h2{color:#2c3e50;font-size:1.8rem;margin-bottom:24px;margin-top:0}.login-form-card h3{color:#ef2020;font-size:.9rem;margin-bottom:12px;margin-top:12px}.form-group label{color:#64748b;font-size:.9rem;font-weight:700}.form-group input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#409eff;outline:none}.login-submit-btn{background-color:#409eff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.login-submit-btn:hover{background-color:#337ecc;box-shadow:0 4px 12px #409eff66;transform:translateY(-1px)}.register-submit-btn{background-color:#27cc2d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .2s ease;width:100%}.register-submit-btn:hover{background-color:#4caf50;box-shadow:0 4px 12px #409eff66;transform:translateY(-1px)}.password-input-wrapper{position:relative;width:100%}.password-input{box-sizing:border-box;padding-right:45px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;line-height:1;opacity:.6;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.password-toggle-btn:hover{opacity:1}.password-toggle-btn:focus{outline:none}@keyframes errorFade{to{opacity:1;transform:translateY(0)}}.task-form-container{background-color:#fff;border:1px solid #e0e4e8;border-radius:12px;box-shadow:0 8px 16px #0000000d;margin:0 auto 20px;max-width:450px;padding:30px}.task-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;transition:margin-bottom .3s}.task-form-header h2{color:#333;font-size:1.25rem;margin:0}.toggle-btn{align-items:center;background-color:#f4f4f5;border:1px solid #dcdfe6;border-radius:8px;color:#606266;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;padding:0;transition:all .3s;width:32px}.toggle-btn:hover{background-color:#f9fbff;border-color:#409eff;color:#409eff}.toggle-btn.is-active{background-color:#f4f4f5;border-color:#dcdfe6;color:#606266}.toggle-btn.is-active:hover{background-color:#fef0f0;border-color:#fbc4c4;color:#f56c6c}.form-expandable{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s ease-out}.form-expandable.is-open{grid-template-rows:1fr;margin-top:24px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#666;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #dcdfe6;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{background-color:#f9fbff;border-color:#409eff;outline:none}.cancel-button{background-color:#f56c6c}.cancel-button,.submit-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:background-color .3s,transform .1s;width:100%}.submit-button{background-color:#409eff}.cancel-button:hover{background-color:#fd8f8f}.cancel-button:active{transform:scale(.98)}.submit-button:hover{background-color:#66b1ff}.submit-button:active{transform:scale(.98)}.form-expandable>form{min-height:0;overflow:hidden}.error{animation:errorFade .2s ease forwards;color:#f56c6c;font-size:12px;margin-left:2px;margin-top:6px;opacity:0;transform:translateY(-4px)}.task-items{list-style:none;margin:0 auto;max-width:600px;padding:0}.task-card{align-items:flex-start;background:#fff;border-left:6px solid;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;justify-content:space-between;margin-bottom:15px;padding:20px;transition:transform .2s ease}.task-main{flex:1 1;min-width:0;text-align:left}.task-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.task-title{color:#2c3e50;flex:1 1;font-size:1.1rem;margin:0;min-width:0}.task-desc,.task-title{overflow-wrap:anywhere;word-break:break-all}.task-desc{color:#5f6c7b;font-size:.95rem;margin:0 0 12px}.task-side{display:flex;flex-shrink:0;gap:8px}.priority-badge{background:#eee;border-radius:4px;font-size:.75rem;font-weight:700;padding:2px 8px}.progress-wrapper{align-items:center;display:flex;gap:10px}.progress-bar{background:#ddd;border-radius:4px;height:8px;overflow:hidden;width:120px}.progress-fill{background:#4caf50;height:100%;transition:width .3s ease}.p2{background:#ffe3e3;color:#ff4d4f}.p0{background:#e3f2fd;color:#2196f3}.task-footer{color:#999;display:flex;font-size:.85rem;gap:15px}.edit-btn{background:#fff;border:1px solid #18ca6e;border-radius:6px;color:#18ca6e;cursor:pointer;padding:8px 16px;transition:all .2s}.edit-btn:hover{background:#18ca6e;color:#fff}.delete-btn{background:#fff;border:1px solid #ff4d4f;border-radius:6px;color:#ff4d4f;cursor:pointer;padding:8px 16px;transition:all .2s}.delete-btn:hover{background:#ff4d4f;color:#fff}.task-card:hover{cursor:pointer;transform:translateX(5px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7329841d.css.map*/