@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&family=Chonburi&family=Goldman:wght@400;700&family=Assistant:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap";:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f5f5f5;text-decoration:inherit}body{min-height:100vh;z-index:-1;display:flex;flex-direction:column;min-width:320px;max-width:100%;min-height:calc(100vh - 65px);overflow-x:hidden}button{padding:.2em 10px;font-size:1rem;font-weight:600;border:1px solid #444746;border-radius:20px;cursor:pointer;transition:transform .2s ease,background-color .3s ease;-webkit-user-select:none;user-select:none;color:#0cf;background:none;transition:.3s}button:hover{background-color:none;background:#0cf;border:1px solid white;color:#000;transform:scale(1.05);-webkit-user-select:none;user-select:none}input{text-align:center;border-radius:10px;padding:8px 12px;border:1px solid #00ccff;outline:none;transition:all .3s ease;color:snow!important}input:focus{background:#1b8c9470;color:#000;font-weight:600;border:2px solid #00ccff}@media(max-width:768px){input,textarea,select{font-size:16px!important}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;text-decoration:none;scroll-behavior:smooth;scrollbar-color:#00aeffbb #353535}h1{font-family:ChonBuri;width:90%;color:#00ccffab;text-align:center;font-size:3.7rem;font-weight:700;letter-spacing:1px;text-shadow:2px 3px 1px rgba(0,0,0,.548);padding:1em 1.5em 1.5em;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid black;border-bottom:1px solid snow}h3{font-weight:500;letter-spacing:.3px}h5{font-size:.95rem;font-weight:400;color:#555;margin-bottom:.5rem;text-shadow:none;font-style:italic}.toast-wrapper{position:fixed;top:40px;right:0;z-index:100}.toast-container{position:relative;font-size:1rem}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word;word-break:break-word;white-space:normal}.home-div{position:relative;min-height:100vh;max-width:100vw;display:flex;flex-direction:column;align-items:center;gap:.5em;padding-bottom:5em;background-image:url(/bg21.jpg);background-attachment:fixed;background-position:center center;background-size:130% 130%}.home-div h1{padding:unset;font-family:Goldman;margin-top:1em}.home-div h2{position:absolute;top:126px;left:48%;right:50%;min-width:400px;font-size:.95rem;font-weight:600;color:#00aeffd5;text-shadow:1px 1px 1px black}.control-bar{position:sticky;top:0;left:20px;width:90%;display:flex;justify-content:space-between;padding:6px .5em;border-radius:2px;text-align:center;transition:all .4s ease;z-index:5}.tool-bar,.view-toggle-btns{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;background:#353535}.home-div .tool-bar{display:flex;align-items:center;padding:6px 10px;gap:.7em}.view-toggle-btns{font-size:1.5rem;padding:4px;border-radius:10px;display:flex;align-items:center;gap:0;border:none}.view-toggle-btns button{background:unset;color:#0cf;border:none}.view-toggle-btns button.active{background:#0cf;color:#000}.view-toggle{size:44;width:34px!important;height:34px!important;stroke-width:1px;transform:translate(-110px,-23px)!important}.menu-control{margin:2em 0 .5em;padding:4px 1em;height:33px;color:#0cf;display:flex;align-items:center;justify-content:center}.menu-control p{font-size:1.2rem;text-shadow:2px 1px 2px #353535;display:none}.sort-list{display:flex;justify-content:center;align-items:center;gap:1em;padding:5px;color:#0cf;text-shadow:1px 1px 2px #000;list-style:none;border-radius:15px;transition:.5s}.sort-list li{font-size:1.1rem;font-weight:600;padding:3px 7px;border-radius:15px;cursor:pointer;background:#353535;transition:.5s}.sort-list li:hover{background:#000;border:1px solid #00aeff}.sort-list li.active{border:2px solid #00aeff}.search-input{min-width:150px;max-width:200px;position:absolute;right:150px}.search-input::placeholder{color:#fff;opacity:.7;font-style:italic}.menu-display{font-family:Assistant,Helvetica!important;width:80vw;padding:2.8em 3em 2em 4em;display:flex;align-items:flex-start;justify-content:space-between;gap:1em;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff3;border-radius:10px}.menu-display h3{position:absolute;top:.5em;left:2em;width:200px;font-size:1.7rem;font-weight:600;color:snow;text-shadow:-2px 4px 1px #020202!important}.items-counter{position:absolute;background:#00aeff;color:#353535;top:50px;right:10px;font-size:1rem;font-weight:600;padding:0 5px;text-align:center;z-index:4;border-radius:20px}.category-filter{min-width:200px;max-width:200px;border-left:2px solid grey;color:snow;text-shadow:2px 2px 1px #000;text-align:right;direction:rtl;padding:1em;margin-top:1em}.category-filter p{margin-bottom:1em;text-align:left;direction:ltr;font-size:1.1rem}.category-filter li{font-size:1.1rem;cursor:pointer}.category-filter li:hover,.category-filter li.active{color:#00aeff;text-decoration:underline}.menu-display li,.menu-display td,.menu-display p{font-family:Assistant,Helvetica}.grid-view{width:90%;max-height:90cqh;color:#000;display:grid;grid-template-columns:repeat(4,250px);gap:2em;padding:1em .5em;overflow-Y:scroll}.grid-view,.table-view{scrollbar-width:thin;scrollbar-color:#00aeffbb transparent!important}.card{height:333px;text-align:right;direction:rtl;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.537);border-radius:10px;background:#fdfdfd;box-shadow:0 0 10px 1px #0000003a;overflow:hidden;transition:.5s}.card:hover{transform:scale(1.05);border:1.5px solid #0047b3}.card img{width:100%;height:40%;object-fit:cover;object-position:center center}.card-data{display:flex;flex-direction:column;gap:.2em;padding:0 5px}.card h5{border-bottom:1px dashed rgba(128,128,128,.308)}.item-description{min-height:60px}.price-prep{display:flex;justify-content:space-around;align-items:center;border-top:1px dashed rgba(128,128,128,.308);border-bottom:1px dashed rgba(128,128,128,.308);font-weight:600;padding:3px}.manage-card-item{padding:1px 10px;display:flex;flex-direction:row-reverse;gap:1em;justify-content:flex-end;align-items:center;direction:ltr;margin:1px}.manage-card-item button:hover,.table-view button:hover{background:none;color:#0cf}.table-view{min-height:80cqh;max-height:100cqh;color:#000;width:100%;margin:2em 0 0;padding:0 2em;align-self:flex-start;overflow-Y:scroll;scrollbar-width:thin}.empty-menu-msg,.empty-menu-msg td{height:fit-content;width:700px;text-align:center;padding:2em;background:#0000009c!important;position:absolute;color:snow;direction:ltr!important}.empty-menu-msg span{color:#00aeff!important;margin:0 4px}.table-view table{width:100%;border-collapse:collapse;box-shadow:0 0 10px 1px #00000052}.table-view th,.table-view td{padding:6px;text-align:center}.table-view td{border-bottom:1px solid rgba(255,94,0,.192);border-left:1px solid #5757571a}.table-view th{color:snow;background:#00aeffd8;border-left:1px solid rgba(0,0,0,.288);border-right:1px solid rgba(0,0,0,.295);text-shadow:2px 2px 2px black}.table-view tbody{position:relative}.table-view tbody td{direction:rtl;font-weight:600;background-color:#c4d9f1da}.td-description{text-align:center!important;font-weight:500!important;font-style:italic}.table-item-control{display:flex;justify-content:center}.grid-view button,.table-item-control button{border:none;color:#353535}.seed-btn{background:none;border:none;font-size:1rem}.seed-btn:hover{font-size:1rem;text-shadow:2px 2px 1px black;background:none;border:none}.show-mobile{display:none}@media(max-width:1150px){.home-div{background-attachment:scroll;background-size:140% 140%}h1{font-size:2.3rem;padding-bottom:.5em!important}.home-div h2{top:85px;left:30%;min-width:230px;font-size:.8rem;color:#ffffffc5}.control-bar{width:87%;left:5px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.5em 0;gap:.5em;background:#fffafa00}.tool-bar button{font-size:.75rem;padding:3px 6px}.search-input{position:unset;min-width:90px;max-width:90px;align-self:flex-start;border:.5px solid #00aeff77}.search-input::placeholder{font-size:.8rem}.sort-list{gap:.2em}.sort-list li{font-size:.85rem}.menu-display{background:#fffafa50;border:1px solid black;width:90%;gap:.5em;flex-direction:column-reverse;padding:1em .5em}.menu-display h3{left:1em;font-size:1.1rem}.items-counter{top:10px}.category-filter{margin-top:1.3em;min-width:100%;border-left:unset;display:flex;padding:0}.category-filter ul{display:flex;flex-wrap:wrap;gap:.5em;list-style-type:none}.category-filter p{display:none}.table-view{min-height:65svh;max-height:65svh;padding:unset}.table-view th{font-size:.75rem}.table-view td{font-size:.9rem}.table-view th,.table-view td{padding:1px 3px}.table-item-control button{padding:6px 5px}.grid-view{width:100%;padding:1em 0;max-height:70cqh;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1em;overflow-x:hidden}.card{position:relative;height:200px;justify-content:flex-end;background:unset}.card img{position:absolute;width:100%;height:100%;z-index:-1}.card-data{background:#0009;color:#fff;padding:2px 3px;min-width:100%}.manage-card-item{padding:3px 6px;justify-content:flex-end;background:#0009;margin:0}.manage-card-item button{padding:0;color:#fff}.card h4,.card p{font-size:.8rem}.empty-menu-msg,.empty-menu-msg td{width:290px;height:100px;padding:.5em;font-size:.8rem}.empty-menu-msg div,.empty-menu-msg span{font-size:.9rem}.mobile-hide{display:none}.show-mobile{display:unset}}.loading-wrapper{height:100%;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;justify-self:center;background:#0000002d;padding:1em;margin:1em 0;border-radius:15px;color:#0f0;font-size:1.2rem}.loading-wrapper p{font-size:1.5rem;font-weight:600;color:#0ff}.loading-wrapper button{margin-top:1em;background:#0000004d;border:1px solid #00ff66;color:#fff;padding:.5em 1em;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.4em;transition:.3s}.spinner{width:60px;height:60px;border-radius:50%;background:conic-gradient(transparent 0deg 20deg,rgba(0,255,255,.3) 20deg,rgba(0,255,255,.8) 60deg,rgb(0,255,255) 230deg,rgb(0,255,162) 260deg,#0f0 300deg,#0f0 300deg,transparent 295deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),black calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 8px),black calc(100% - 8px));animation:spin 1.1s linear infinite;margin:1em 0;filter:blur(2.5px)}.loading-wrapper.inline{width:auto;height:auto;background:transparent;padding:0;margin:0;flex-direction:row;gap:.5em}.spinner.small{width:20px;height:20px;filter:none;margin:0}.spinner.medium{width:40px;height:40px}.spinner.large{width:60px;height:60px}@keyframes spin{to{transform:rotate(360deg)}}.form-container{position:absolute;top:70px;left:55px;min-width:100%;display:flex;align-items:center;padding:0;border-radius:5px;transition:.3s;z-index:100}.form-container:hover,.form-container:focus-within{background-color:#02020233}.item-form{display:grid;grid-template-columns:repeat(5,1fr);gap:.5em;text-shadow:2px 3px 1px rgba(0,0,0,.548);padding:1em 1.5em 1.5em;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid black;border-bottom:1px solid snow}.input-field{width:125px;display:flex;flex-direction:column;align-items:center;border-radius:10px;position:relative}.input-field label{width:unset;position:absolute;top:-2px;left:-0px;padding:0 4px;border-radius:0;font-size:.88rem;font-weight:600;letter-spacing:1px;text-align:center;color:snow;font-style:italic;text-underline-offset:2px;text-shadow:2px 1px 2px black}.input-field input{color:#000!important;font-weight:600;padding:16px 5px 2px;border-radius:2px;text-align:left!important;font-size:1rem;background:linear-gradient(to bottom,#000 0% 40%,#ffffffec 35%,#fffffff4);border:1px solid black;box-shadow:0 0 10px 1px #0000003d}.input-field input::placeholder{color:#013953;font-style:italic;font-size:.9rem}.input-error-msg{position:absolute;top:-33px;left:0;min-width:100%;max-width:fit-content;color:#ffc400;font-weight:600;font-size:.8rem;text-align:center;margin:6px 0 0!important;padding:2px;border-radius:5px;border-left:1px solid rgb(255,52,2);border-right:1px solid rgb(255,52,2);background:#000000d7}.form-btns-container{grid-column:1 / -1;min-width:100%;display:flex;align-items:center;justify-content:flex-end;gap:.5em}.submit-btn{font-size:.9rem!important;background:none!important;justify-self:center;cursor:pointer;border:1px solid #00ccff}.submit-btn:disabled{cursor:not-allowed;color:#888!important;background:#00e1ff53}.submit-btn:hover{background:#000!important;color:#0cf;border:1px solid #00ccff}input,textarea,select{max-width:100%;box-sizing:border-box}.input-field:has(input:not(:placeholder-shown)):not(:has(.input-error-msg)) input{border-top:2px solid limegreen!important}.input-field:has(.input-error-msg) input{border-left:1px solid rgb(255,115,0)!important;border-bottom:1px solid rgb(255,115,0)!important;border-right:1px solid rgb(255,115,0)!important}@media(max-width:888px){.form-container{top:115px;left:-6px;min-width:100%;max-width:355px}.item-form{width:100%;grid-template-columns:repeat(3,1fr)}.input-field{width:100px}.input-field label{font-size:.8rem}.input-field input{color:#000!important}.input-field input::placeholder{font-size:.8rem}.form-btns-container{grid-column:unset;min-width:100px;max-width:100px;gap:5px}.submit-btn{font-size:.85rem!important;padding:0 8px;align-self:end}}