.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)}}.App{text-align:center}.todo-list{margin:0 auto;max-width:600px;padding:20px}.todo-item{border:1px solid #ccc;margin-bottom:10px;padding:10px}button{margin:5px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:36px;margin:20px auto;width:36px}.deleted-todos-container{background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.deleted-todos-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.deleted-todos-header h1{color:#fff;font-size:2rem;font-weight:600;margin:0}.refresh-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:15px;text-align:center}.no-data{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#6c757d;padding:60px 20px;text-align:center}.no-data p{font-size:1.2rem;margin:0}.deleted-todos-list{grid-gap:30px;display:grid;gap:30px}.section{grid-gap:20px;display:grid;gap:20px}.section-title{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#495057;font-size:1.5rem;font-weight:600;margin:0;padding:15px 20px}.section-header-with-actions{display:flex;flex-direction:column;gap:15px}.batch-actions{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}.selected-count{color:#856404;font-weight:600;margin-right:auto}.batch-restore-button{background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.batch-restore-button:hover:not(:disabled){background:linear-gradient(135deg,#00a085,#008f76);box-shadow:0 4px 8px #00b8944d;transform:translateY(-1px)}.batch-restore-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.batch-delete-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.batch-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.batch-delete-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.clear-selection-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.clear-selection-button:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.clear-selection-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.deleted-todo-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;transition:all .3s ease}.deleted-todo-item:hover{box-shadow:0 8px 12px #0000001a;transform:translateY(-2px)}.active-todo{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border:2px solid #28a745}.active-todo:hover{border-color:#20c997;box-shadow:0 8px 12px #28a74533}.todo-header{align-items:flex-start;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.todo-title{color:#495057;flex:1 1;font-size:1.4rem;font-weight:600;margin:0 20px 0 0}.active-title{align-items:center;color:#155724;display:flex;gap:10px}.active-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.todo-meta{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.todo-actions{align-items:center;display:flex;gap:10px}.deleted-date{background-color:#ffeaa7;border-radius:20px;color:#2d3436;font-size:.85rem;font-weight:500;padding:4px 12px}.restore-button{background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.restore-button:hover{background:linear-gradient(135deg,#00a085,#008f76);box-shadow:0 4px 8px #00b8944d;transform:translateY(-1px)}.restore-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.force-delete-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.force-delete-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.force-delete-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.todo-details{margin-top:15px}.todo-details h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 15px}.deleted-details h4{color:#dc3545}.details-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.select-all-checkbox{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.select-all-checkbox:hover{color:#667eea}.todo-details-list{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.todo-detail-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.todo-detail-item:hover{background-color:#e9ecef}.active-detail{background-color:#d4edda;border-color:#c3e6cb}.active-detail:hover{background-color:#c3e6cb}.deleted-detail{background-color:#f8d7da;border-color:#f5c6cb;position:relative}.deleted-detail:hover{background-color:#f5c6cb}.deleted-detail.selected{background-color:#ffeaa7;border-color:#ffc107;border-width:2px}.deleted-detail.selected:hover{background-color:#ffd93d}.detail-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.detail-checkbox{align-items:center;cursor:pointer;display:flex}.detail-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.detail-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.detail-status{font-size:1.2rem;min-width:24px}.detail-status.completed{opacity:.7}.detail-description{color:#495057;flex:1 1;font-weight:500}.detail-order{background-color:#6c757d;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:2px 8px}.restore-detail-button{background:linear-gradient(135deg,#ffc107,#e0a800);border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.restore-detail-button:hover{background:linear-gradient(135deg,#e0a800,#d39e00);box-shadow:0 2px 4px #ffc1074d;transform:translateY(-1px)}.restore-detail-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.force-delete-detail-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.force-delete-detail-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.force-delete-detail-button:disabled{background:#ced4da;box-shadow:none;cursor:not-allowed;transform:none}.detail-deleted-date{border-top:1px solid #dee2e6;color:#6c757d;font-size:.8rem;font-style:italic;margin-top:8px;padding-top:8px}@media (max-width:768px){.deleted-todos-container{padding:15px}.deleted-todos-header{flex-direction:column;gap:15px;text-align:center}.deleted-todos-header h1{font-size:1.5rem}.section-title{font-size:1.3rem;padding:12px 15px}.todo-header{align-items:stretch;flex-direction:column;gap:15px}.todo-meta{align-items:center;flex-direction:row;justify-content:space-between}.todo-actions{flex-wrap:wrap}.detail-content{flex-wrap:wrap;gap:8px}.batch-actions{align-items:stretch;flex-direction:column}.batch-actions button{width:100%}.selected-count{margin-bottom:5px;margin-right:0}.detail-description{min-width:200px}.active-title{flex-wrap:wrap;gap:5px}}@media (max-width:480px){.deleted-todo-item{padding:16px}.todo-title{font-size:1.2rem}.section-title{font-size:1.1rem;padding:10px 12px}.detail-content{align-items:flex-start;flex-direction:column}.detail-order{align-self:flex-end}.restore-detail-button{align-self:flex-start;margin-top:5px}}.search-results{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-highlight{background-color:#ffeb3b;border-radius:3px;color:#333;font-weight:700;padding:2px 4px}.search-result-item{cursor:pointer;transition:all .2s ease}.search-result-item:hover{background-color:#f0f7ff!important;transform:translateX(4px)}.search-stats{color:#666;font-size:.875rem;margin-bottom:8px}.search-loading{align-items:center;color:#666;display:flex;justify-content:center;padding:20px}.search-loading .spinner{margin-right:8px}.search-no-results{color:#666;padding:20px;text-align:center}.search-section{border-bottom:1px solid #eee}.search-section:last-child{border-bottom:none}.search-result-title{font-weight:600;margin-bottom:4px}.search-result-details{color:#888;font-size:.75rem;margin-top:4px}.completion-chip{border-radius:12px;font-size:.7rem;margin-right:8px;padding:2px 6px}.completion-chip.completed{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.completion-chip.incomplete{background-color:#fff3e0;border:1px solid #ffcc02;color:#f57c00}@media (max-width:768px){.search-results{margin-top:4px;max-height:300px}.search-result-item{padding:12px 16px}.search-result-title{font-size:.9rem}.search-result-details{font-size:.7rem}}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.search-results::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.search-result-enter{opacity:0;transform:translateY(-10px)}.search-result-enter-active{transition:opacity .2s ease,transform .2s ease}.search-result-enter-active,.search-result-exit{opacity:1;transform:translateY(0)}.search-result-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}
/*# sourceMappingURL=main.5f41a47d.css.map*/