@import"https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap";.content{margin-top:75px;padding:10px 9.5%}.food-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;background-color:#fff;color:#3c3e88;font-family:Catamaran,serif}.food-box{background:#f8f8ff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;margin-bottom:20px;border:1px solid #a4a5e7;min-width:30vw}.selected-food-box{padding:15px;background:#e4e5f6;border-radius:5px;margin-bottom:20px;color:#292c6d;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.food-table{width:100%;border-collapse:collapse;margin-top:15px}.food-table th,.food-table td{padding:12px;border:1px solid #ddd;text-align:center}.food-table th:nth-child(1),.food-table td:nth-child(1){width:5%}.food-table th:nth-child(2),.food-table td:nth-child(2){width:50%}.food-table th:nth-child(3),.food-table td:nth-child(3){width:15%}.food-table th:nth-child(4),.food-table td:nth-child(4){width:10%}.food-table th:nth-child(5),.food-table td:nth-child(5){width:20%}.food-table th{background-color:#a4a5e7;color:#fff;font-weight:700}.food-table tr:nth-child(2n){background-color:#f9f9f9}.food-table tr:hover{background-color:#e0e0ff}input[type=text],select{padding:8px;border-radius:5px;border:1px solid #ccc;width:90%;background-color:#fff;color:#3c3e88;font-family:Catamaran;font-size:100%}.activity-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;background-color:#fff;color:#3c3e88;font-family:Catamaran,serif}.activity-box{background:#f8f8ff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;margin-bottom:20px;border:1px solid #a4a5e7;min-width:30vw}.selected-activity-box{padding:15px;background:#e4e5f6;border-radius:5px;margin-bottom:20px;color:#292c6d}.filters{display:flex;flex-direction:column;align-items:center;margin-top:15px}.filter-row{display:flex;align-items:center;gap:10px;white-space:nowrap}.filters select,.filters input{padding:5px;font-size:14px;border:1px solid #c0c0c0;border-radius:10px;background-color:#fff;color:#292c6d;font-family:Catamaran,serif}.toggle-switch{display:flex;align-items:center;cursor:pointer;position:relative}.toggle-switch input{display:none}.slider{position:relative;width:40px;height:20px;background:#ccc;border-radius:20px;transition:.3s;margin-left:10px}.slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.3s}input:checked+.slider{background:#a4a5e7}input:checked+.slider:before{transform:translate(20px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:12px;box-shadow:0 6px 12px #0000004d;width:60vw;max-height:80vh;overflow-y:auto;text-align:center}.modal-content h2{margin-bottom:20px;color:#3c3e88;font-size:1.5em;border-bottom:2px solid #a4a5e7;padding-bottom:10px}.activity-table{width:100%;border-collapse:collapse;margin-top:15px}.activity-table th,.activity-table td{padding:12px;border:1px solid #ddd;text-align:center}.activity-table{table-layout:fixed;width:100%}.activity-table th,.activity-table td{padding:12px;text-align:center}.activity-table th:nth-child(1),.activity-table td:nth-child(1){width:5%}.activity-table th:nth-child(2),.activity-table td:nth-child(2){width:50%}.activity-table th:nth-child(3),.activity-table td:nth-child(3){width:10%}.activity-table th:nth-child(4),.activity-table td:nth-child(4){width:10%}.activity-table th:nth-child(5),.activity-table td:nth-child(5){width:20%}.activity-table th{background-color:#a4a5e7;color:#fff;font-weight:700}.activity-table tr:nth-child(2n){background-color:#f9f9f9}.activity-table tr:hover{background-color:#e0e0ff}.modal-buttons{display:flex;justify-content:center;gap:20px}.modal-bottom-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}button svg{vertical-align:middle}.edit-button{color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.delete-button{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.delete-button:hover{background:#c82333}.save-button{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.save-button:hover{background:#218838}.cancel-button{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.cancel-button:hover{background:#c82333}.add-button{color:#fff;border:none;padding:10px 16px;border-radius:5px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}input[type=text],select{padding:8px;border-radius:5px;border:1px solid #ccc;width:90%;background-color:#fff;color:#3c3e88;font-family:Catamaran;font-size:100%;box-sizing:border-box}input[type=checkbox]{transform:scale(1.2);margin-left:5px;accent-color:#3c3e88;background-color:#fff;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:20px;height:20px;border-radius:4px}input[type=checkbox]:checked{background-color:#3c3e88;border-color:#3c3e88}input[type=checkbox]:checked:before{content:"✔";position:absolute;top:-3px;left:2px;font-size:18px;color:#fff}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#a4a5e7;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#3c3e88}@font-face{font-family:katfont;src:url(../../assets/comic-sans.woff) format("woff")}body{overflow-y:hidden}.counter-page{font-family:Comic Sans MS,Comic Sans,cursive;display:flex;flex-direction:column;gap:1rem;padding:1rem;box-sizing:border-box;width:100%;color:#fff;background-color:#fc00ff;text-align:center;overflow-x:hidden;overflow-y:auto;height:80vh}.counter-page h1{font-family:Comic Sans MS,Comic Sans,cursive;text-align:center}hr{width:100%}.counter-button{background-color:#fab4ea;border-radius:10px;border:2px solid white;color:#fff;margin:0 10px;padding:5px 10px;font-size:16px;transition:background-color .3s ease,color .3s ease}.counter-button:hover{background-color:#e7f5f8;color:#fd77ff}.popup{height:120px;border:2px solid red;border-radius:20px;background-color:red}.popup-inner{flex-direction:column;justify-content:center;align-items:center;text-align:center}input[type=number]{font-size:16px;padding:5px 10px;width:50px;background-color:#fab4ea;border:2px solid white;border-radius:10px;text-align:center;color:#fff}::placeholder{color:#ffc7f2}.counter-page::-webkit-scrollbar{width:8px}.counter-page::-webkit-scrollbar-track{border-radius:10px}.counter-page::-webkit-scrollbar-thumb{background:#b507b8;border-radius:10px}.counter-page::-webkit-scrollbar-thumb:hover{background:#830885}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-form{background:#fff;border:1px solid #ccc;border-radius:10px;padding:30px 20px;width:100%;max-width:400px;box-shadow:0 4px 8px #0000001a;text-align:left}.login-form h2{margin-bottom:20px;font-size:24px}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;background-color:#fff;border-radius:5px;font-size:14px;box-sizing:border-box;color:#333}.login-form input::placeholder{color:#ccc}.login-form button{width:100%;padding:10px;margin-top:10px;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-form button:hover{background-color:#8485ca}.navbar-container{position:fixed;top:0;left:0;width:100%;height:75px;padding:20px 10%;box-sizing:border-box;background-color:#3c3e88;display:flex;justify-content:space-between;align-items:center;z-index:100}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;transition:color .3s ease;display:flex}.logo-image{height:30px;width:auto;margin-right:10px}.nav-link{color:#fff;text-decoration:none;position:relative;transition:color .3s ease;margin-top:5px}.nav-link.active{color:#a4a5e7}.login-btn{color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700;width:70px;cursor:pointer;transition:background-color .3s ease}.login-btn:hover{background-color:#8485ca}.logout-btn{color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:70px;text-align:center}.logout-btn:hover{background-color:#8485ca}.register-btn{color:#fff;width:100px;border:none;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.register-btn:hover{background-color:#8485ca}.menu-toggle{display:none;font-size:24px;background:none;border:none;color:#fff;cursor:pointer;padding:0;transition:color .3s ease}.menu-toggle:focus{outline:none}.menu-toggle:hover{color:#a4a5e7;background-color:#3c3e88}.navbar{display:flex;gap:2rem}@media (max-width: 768px){.menu-toggle{display:block;position:absolute;right:20px;top:17px}.navbar{display:none;position:absolute;top:75px;right:0;width:100%;background:#3c3e88;flex-direction:column;text-align:center;gap:1rem;padding:10px 0;box-shadow:0 4px 6px #0000001a}.navbar.open{display:flex}.nav-link{padding:10px 0;display:block}.logout-btn,.login-btn{margin:10px auto;width:80%}}.icon-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15%;width:100%;text-align:center}.icon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .3s ease}.icon-actual{font-size:10em;line-height:0;margin:0;padding:0}@media (max-width: 768px){.icon-actual{font-size:5em}.icon-container{flex-direction:column;align-items:center}.icon-box{width:100%;text-align:center;margin-bottom:5%}}@font-face{font-family:Catamaran,serif;src:url(https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&display=swap) format("opentype");font-weight:700;font-style:normal}:root{font-family:Catamaran;line-height:1.5;color-scheme:light dark;color:#3c3e88;background-color:#fff}a{font-weight:500;color:#3c3e88;text-decoration:none}a:hover{color:#a4a5e7}body{background-color:#fff;color:#3c3e88;font-family:Catamaran}h1{font-family:Catamaran;font-size:42;line-height:1.2;text-align:left}h2{font-family:Catamaran;font-size:22;line-height:1.2;text-align:left}button{border-radius:5px;padding:8px 24px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#a4a5e7;color:#fff;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#8485ca}.input-field{position:relative;width:100%;margin-top:16px}.input-field input{width:100%;height:40px;padding:12px 12px 12px 16px;background-color:#fff;color:#292c6d;border:1px solid #c0c0c0;border-radius:10px;font-size:1em;box-sizing:border-box;font-family:Catamaran,serif}