@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";body{margin:0;font-family:sans-serif;background-color:#594ef5}body,.homepage-container{font-family:Poppins,sans-serif}.homepage-container{max-width:900px;margin:40px auto;background-color:#fff;border-radius:18px;padding:32px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;gap:24px}.todo-title{text-align:center;font-size:2.1rem;font-weight:700;color:#3a3a3a;margin-bottom:0;letter-spacing:1px}.filters-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:0}.filters-left{flex:1;display:flex;justify-content:flex-start}.filter-form-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.filter-form{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:0;width:100%}.filter-form select,.filter-form input[type=date],.filter-form input[type=text]{border-radius:8px;border:1px solid #f6f6fa;padding:5px 10px;font-size:.93rem;font-family:Poppins,sans-serif;background:#f4f4f7;color:#444;outline:none;transition:border .2s;min-width:80px}.filter-form select{min-width:80px;background:#e5e5ea;color:#444;font-weight:500}.filter-form input[type=text]{min-width:110px}.filter-form input[type=date]{min-width:100px}.filter-buttons{display:flex;justify-content:center;gap:10px;margin-top:6px}.filter-buttons button{border-radius:8px;border:none;padding:5px 12px;font-size:.93rem;font-family:Poppins,sans-serif;background:#e5e5ea;color:#444;font-weight:500;cursor:pointer;transition:background .2s}.filter-buttons button:first-child{background:#594ef5;color:#fff}.filter-buttons button:first-child:hover{background:#4530d1}.filter-buttons button:last-child:hover{background:#d3d3d3}.btn-add-task{background:#594ef5;color:#fff;border:none;padding:9px 18px;border-radius:10px;cursor:pointer;font-weight:500;font-size:.95rem;box-shadow:0 2px 8px #594ef514;transition:background .2s;margin-left:0;margin-right:0;align-self:flex-end}.btn-add-task:hover{background:#4530d1}.tasks-container{background:#f6f6fa;border-radius:14px;padding:10px 0;min-height:80px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:8px}.task_preview{display:flex;align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a;padding:8px 14px;gap:10px;transition:box-shadow .2s;font-size:.95rem}.task_preview.complete{background:#edeaff}.task_checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#594ef5;margin-right:6px;border:1px solid #f6f6fa;background:#f6f6fa;box-shadow:none}.task_info{flex:1;display:flex;flex-direction:column;gap:2px}.task_preview_title{font-weight:500;color:#333;font-size:.98rem;margin-bottom:2px}.task_preview_title.strikethrough{text-decoration:line-through;color:#888}.task_preview_dates{color:#888;font-size:.8rem;font-weight:400;margin-top:2px;letter-spacing:.2px}.date-label{font-weight:400;font-size:.78rem;color:#aaa;margin-right:2px}.task_actions{display:flex;align-items:center;gap:7px}.task_status{background:#e5e5ea;color:#444;font-weight:500;border-radius:8px;padding:3px 8px;font-size:.85rem;font-family:Poppins,sans-serif}.icon-btn{background:#e5e5ea;border:none;border-radius:8px;padding:3px;cursor:pointer;display:flex;align-items:center;transition:background .2s;font-size:.95rem}.icon-btn i{font-size:.95rem;color:#666}.icon-btn:hover{background:#d3d3d3}.no-tasks{text-align:center;padding:12px 0;color:#888;font-size:.95rem;font-family:Poppins,sans-serif;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#3c3c502e;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#f6f6fa;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:32px 28px 24px;min-width:340px;max-width:95vw;display:flex;flex-direction:column;position:relative}.modal-title{font-size:1.35rem;font-weight:600;color:#594ef5;margin-bottom:18px;text-align:left;font-family:Poppins,sans-serif}.modal-close{position:absolute;top:18px;right:18px;background:none;border:none;font-size:1.3rem;color:#888;cursor:pointer}.modal-title-gray{color:#444!important;font-weight:600}.modal-label{display:block;font-size:.98rem;color:#666;font-weight:500;margin-bottom:4px;margin-top:8px;font-family:Poppins,sans-serif}.task-form{display:flex;flex-direction:column;gap:14px}.task-form input,.task-form textarea,.task-form select{border-radius:6px;border:1.5px solid #e5e5ea;padding:8px 12px;background:#fff;color:#444;outline:none;resize:none;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:0}.task-form textarea{min-height:60px;max-height:120px}.modal-actions{display:flex;gap:12px;margin-top:10px}.modal-save{background:#594ef5;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-size:1rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;transition:background .2s}.modal-save:hover{background:#4530d1}.modal-cancel{background:#e5e5ea;color:#444;border:none;border-radius:8px;padding:8px 22px;font-size:1rem;font-weight:500;cursor:pointer;font-family:Poppins,sans-serif;transition:background .2s}.modal-cancel:hover{background:#d3d3d3}