.App{background-color:#fefefe;height:100vh;width:100%}.home-container{width:100%;display:flex;justify-content:center;margin:5% 1%}.home-container ul{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.home-container ul a{width:70%;list-style:none;text-decoration:none;background-color:#0d01b446;padding:20px 40px;color:#000;border-radius:10px;font-size:1.2em;text-align:start}.search-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5% 1%;border-radius:10px}.search-results{display:flex;flex-direction:column;justify-content:center;gap:5px}.search-results-category ul{display:flex;flex-direction:column;gap:5px}.search-results-category ul li{padding:10px 20px;border-radius:10px;list-style:none;background-color:#0d01b446}.input-div{width:80%}.input-div input{width:100%;height:40px;border-radius:10px;padding:5px}.input-div button{margin:1% 0;height:40px;width:80px;border-radius:10px;border:transparent;background-color:#0d01b446}.styled-table{width:100%;border-collapse:collapse}.styled-table th,.styled-table td{border:1px solid #ddd;padding:8px}.styled-table th{background-color:#f4f4f4;text-align:left}.active{background-color:#1d4ed8}nav{display:flex;justify-content:space-between;align-items:center;background-color:#0f172a;color:#fff;position:sticky;top:0}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#172554}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media (max-width: 480px){nav .menu{display:flex}nav{flex-direction:column;align-items:flex-start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;position:relative;width:400px;max-height:80vh;overflow-y:auto}.modal-close-btn{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer}.category-list{list-style:none;padding:0;margin:0;width:100%}.category-item{display:flex;align-items:start;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;width:100%}.category-name{flex:1;text-align:left}.category-actions{display:flex;flex-direction:column;gap:10px;margin-left:auto;margin-right:100px}button{padding:5px 10px;border:none;border-radius:3px;cursor:pointer}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#a71d2a}.home-container{padding:20px;display:flex;flex-direction:column;align-items:flex-start}.font-size-controls{margin-bottom:20px}.font-size-controls button{padding:10px 15px;margin-right:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.font-size-controls button:hover{background-color:#0056b3}.table-container{width:100%}.styled-table{width:100%;border-collapse:collapse;margin-top:20px}.styled-table th,.styled-table td{border:1px solid #ddd;padding:8px;text-align:left}.styled-table th{background-color:#f2f2f2;font-weight:700}.styled-table tr:nth-child(2n){background-color:#f9f9f9}.styled-table tr:hover{background-color:#f1f1f1}.edit-btn,.delete-btn{padding:5px 10px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;color:#fff}.edit-btn{background-color:#28a745}.delete-btn{background-color:#dc3545}.edit-btn:hover{background-color:#218838}.delete-btn:hover{background-color:#c82333}.modal-button{font-size:18px;padding:10px 20px;margin:10px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#e53935}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}