.navbar{margin-bottom:2rem;padding:1rem 0;transition:background-color .3s,color .3s}.navbar.light{background-color:#333}.navbar.dark{background-color:#1a1a1a}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-logo{color:#fff;font-size:1.5rem}.navbar-menu{align-items:center;display:flex;gap:2rem;list-style:none}.navbar-menu a{color:#fff;font-size:1.1rem;text-decoration:none;transition:color .3s}.navbar-menu a:hover{color:#61dafb}.theme-toggle{background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.theme-toggle:hover{background-color:#fff;color:#333}.home-container{margin:0 auto;max-width:800px;padding:2rem;text-align:center}.home-container h1{font-size:2.5rem;margin-bottom:1rem}.home-description{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.home-image-container{align-items:center;border-radius:8px;display:flex;justify-content:center;margin-top:2rem;min-height:300px;padding:2rem}.home-container.light .home-image-container{background-color:#f5f5f5}.home-container.dark .home-image-container{background-color:#1e1e1e}.home-image{border-radius:8px;height:auto;max-width:100%}.loader-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border-radius:50%;height:50px;width:50px}.loader-container.light .spinner{border:4px solid #e0e0e0;border-top-color:#000}.loader-container.dark .spinner{border:4px solid #333;border-top-color:#fff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container p{font-size:1.2rem;margin-top:1rem}.error-container{display:flex;justify-content:center;padding:2rem}.error-box{border:2px solid #dc3545;border-radius:8px;max-width:500px;padding:1.5rem;text-align:center}.error-container.light .error-box{background-color:#f8d7da;color:#721c24}.error-container.dark .error-box{background-color:#2c0b0e;color:#f8d7da}.error-box h3{color:#dc3545;margin-bottom:.5rem}.error-box p{opacity:.9}.task-list-container{margin:0 auto;max-width:1200px;padding:2rem}.task-list-container h1{margin-bottom:2rem;text-align:center}.search-container{display:flex;justify-content:center;margin-bottom:1.5rem}.search-input{border:2px solid;border-radius:8px;font-size:1rem;max-width:500px;padding:.75rem 1rem;transition:all .3s;width:100%}.task-list-container.light .search-input{background-color:#fff;border-color:#e0e0e0;color:#000}.task-list-container.dark .search-input{background-color:#1e1e1e;border-color:#333;color:#fff}.search-input:focus{border-color:#61dafb;outline:none}.search-input::placeholder{opacity:.6}.task-count{font-size:.95rem;margin-bottom:1.5rem;opacity:.7;text-align:center}.no-tasks{font-size:1.2rem;opacity:.6;padding:3rem;text-align:center}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.task-card{border-radius:8px;cursor:pointer;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.task-list-container.light .task-card{background-color:#fff;border:2px solid #e0e0e0;color:#000}.task-list-container.dark .task-card{background-color:#1e1e1e;border:2px solid #333;color:#fff}.task-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-5px)}.task-status{border-radius:20px;cursor:pointer;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:1rem;padding:.25rem .75rem;transition:transform .2s,opacity .2s;-webkit-user-select:none;user-select:none}.task-status:hover{opacity:.9;transform:scale(1.05)}.task-status.completed{background-color:#d4edda;border:2px solid #28a745;color:#155724}.task-status.pending{background-color:#fff3cd;border:2px solid #ffc107;color:#856404}.task-card h3{font-size:1.1rem;line-height:1.4;margin-bottom:.5rem}.task-id{font-size:.9rem;margin-top:.5rem;opacity:.7}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{border:2px solid;border-radius:5px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1rem;transition:all .3s}.task-list-container.light .pagination-btn{background-color:#fff;border-color:#e0e0e0;color:#000}.task-list-container.dark .pagination-btn{background-color:#1e1e1e;border-color:#333;color:#fff}.pagination-btn:hover:not(:disabled){background-color:#61dafb;border-color:#61dafb;color:#000;transform:translateY(-2px)}.pagination-btn.active{background-color:#61dafb;border-color:#61dafb;color:#000;font-weight:700}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.task-details-container{margin:0 auto;max-width:800px;padding:2rem}.back-button{border-radius:5px;display:inline-block;font-size:1rem;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.task-details-container.light .back-button{background-color:#fff;border:2px solid #e0e0e0;color:#000}.task-details-container.light .back-button:hover{background-color:#000;border-color:#000;color:#fff}.task-details-container.dark .back-button{background-color:#1e1e1e;border:2px solid #333;color:#fff}.task-details-container.dark .back-button:hover{background-color:#fff;border-color:#fff;color:#000}.task-details-card{border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:2rem}.task-details-container.light .task-details-card{background-color:#fff;border:2px solid #e0e0e0;color:#000}.task-details-container.dark .task-details-card{background-color:#1e1e1e;border:2px solid #333;color:#fff}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.task-details-container.light .task-header{border-bottom:2px solid #e0e0e0}.task-details-container.dark .task-header{border-bottom:2px solid #333}.task-header h1{font-size:2rem;margin:0}.task-details-container.light .task-header h1{color:#000}.task-details-container.dark .task-header h1{color:#fff}.task-badge{border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:transform .2s,opacity .2s;-webkit-user-select:none;user-select:none}.task-badge:hover{opacity:.9;transform:scale(1.05)}.task-badge.completed{background-color:#d4edda;border:2px solid #28a745;color:#155724}.task-badge.pending{background-color:#fff3cd;border:2px solid #ffc107;color:#856404}.task-info{display:flex;flex-direction:column;gap:1.5rem}.info-row{border-radius:5px;display:flex;gap:1rem;padding:1rem}.task-details-container.light .info-row{background-color:#f5f5f5;border-left:4px solid #000;color:#000}.task-details-container.dark .info-row{background-color:#0a0a0a;border-left:4px solid #61dafb;color:#fff}.info-label{font-weight:700;min-width:120px}.task-details-container.light .info-label{color:#000}.task-details-container.dark .info-label{color:#fff}.info-value{flex:1 1}.task-details-container.light .info-value{color:#000}.task-details-container.dark .info-value{color:#fff}.notfound-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.notfound-container h1{font-size:6rem;margin-bottom:1rem}.notfound-container h2{font-size:2rem;margin-bottom:1rem}.notfound-container p{margin-bottom:2rem;opacity:.8}.home-link{border-radius:5px;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s}.notfound-container.light .home-link{background-color:#000;color:#fff}.notfound-container.light .home-link:hover{background-color:#333}.notfound-container.dark .home-link{background-color:#fff;color:#000}.notfound-container.dark .home-link:hover{background-color:#e0e0e0}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh;transition:background-color .3s,color .3s}.App.light-theme{background-color:#f0f0f0;color:#000}.App.dark-theme{background-color:#121212;color:#fff}
/*# sourceMappingURL=main.a0da8baa.css.map*/