.MenuHeader{background-color:#f5cb58;flex-direction:column;padding:20px}.MenuHeader,.MenuHeader .title{align-items:center;display:flex;justify-content:space-between;width:100%}.MenuHeader .title{max-width:1200px}.MenuHeader .title .Logo .logo-image{height:auto;max-width:200px;min-width:120px;object-fit:contain;width:20%}.MenuHeader .Welcome{margin-top:20px;text-align:center}.MenuHeader .Welcome h1{color:#fff;font-size:32px}.MenuHeader .Welcome p{color:#e95322;font-size:18px;margin-bottom:80px}.language-switcher button{background:#eee;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-right:8px;padding:8px 16px;transition:background-color .3s,color .3s}.language-switcher button.active-lang{background-color:#c00;color:#fff}.language-switcher button:hover{background-color:#ff4000;color:#fff}.MenuBody{background-color:#e95322;border-top-left-radius:90px;border-top-right-radius:90px;margin-top:-70px;overflow-x:hidden;padding:20px 10px}.MenuBody .MenuCatogary{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:40px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth;white-space:nowrap}.MenuBody .MenuCatogary::-webkit-scrollbar{height:6px}.MenuBody .MenuCatogary::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.MenuBody .MenuCatogary::-webkit-scrollbar-track{background:#0000}.MenuBody .MenuCatogary .item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;transition:transform .3s}.MenuBody .MenuCatogary .item:hover{transform:scale(1.1)}.MenuBody .MenuCatogary .item .itemLogo{align-items:center;background-color:#f3e9b5;border-radius:50%;display:flex;height:90px;justify-content:center;overflow:hidden;width:80px}.MenuBody .MenuCatogary #Activeitem{background-color:#fff;border-top-left-radius:90px;border-top-right-radius:90px;box-shadow:0 0 10px #00000026;height:200px;padding:20px}.MenuBody .MenuCatogary #Activeitem .itemLogo{background-color:#f5cb58}.MenuBody img{border-radius:50%;height:60%;object-fit:cover;width:60%}.CardMenu{background-color:#fff;gap:24px;margin-top:-40px;min-height:100vh}.CardMenu,.CardMenu .Card{align-items:center;display:flex;flex-direction:column;padding:20px}.CardMenu .Card{border-radius:15px;box-shadow:0 0 15px #0000001a;gap:20px;max-width:800px;transition:box-shadow .3s;width:90%}.CardMenu .Card:hover{box-shadow:0 0 25px #e9532299}.CardMenu .Card img{border-radius:28px;height:400px;object-fit:cover;width:700px}.CardMenu .Card .cardInfo{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.CardMenu .Card .cardInfo .CardText{max-width:60%;width:100%}.CardMenu .Card .cardInfo .cardPrice{color:#e95322;font-size:1.5rem;font-weight:700}@media (max-width:900px){.MenuHeader .title{align-items:center;flex-direction:column}.MenuHeader .title .Logo .logo-image{margin-bottom:10px;max-width:150px;min-width:100px;width:40%}.MenuBody .MenuCatogary{gap:20px}.MenuBody .MenuCatogary .item .itemLogo{height:70px;width:60px}.MenuBody .MenuCatogary #Activeitem{height:150px;padding:15px}.CardMenu .Card{max-width:95%;padding:15px}.CardMenu .Card img{width:100%}.CardMenu .Card .cardInfo{align-items:flex-start;flex-direction:column}.CardMenu .Card .cardInfo .CardText{margin-bottom:10px;max-width:100%}}@media (max-width:500px){.MenuHeader .Welcome h1{font-size:24px}.MenuHeader .Welcome p{font-size:14px;margin-bottom:40px}.MenuBody .MenuCatogary{flex-direction:column;gap:15px}.MenuBody .MenuCatogary .item{gap:5px}.MenuBody .MenuCatogary .item .itemLogo{height:60px;width:50px}.MenuBody .MenuCatogary #Activeitem{height:120px;padding:10px}.CardMenu .Card{padding:10px}.CardMenu .Card .cardInfo .cardPrice{font-size:1.2rem}}.login-container{display:flex;font-family:Arial,sans-serif;height:100vh;overflow:hidden}.login-form-section{background-color:#f4f4f4;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;position:relative;z-index:2}.login-form-section h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.login-form-section input{border:1.5px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:14px 12px;transition:border-color .3s ease,box-shadow .3s ease}.login-form-section input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.login-form-section button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .3s ease;width:100%}.login-form-section button:hover{background-color:#0056b3}.login-logo-section{align-items:center;background-image:url(/static/media/logo.ac716d81036a16d30b49.png);background-position:50%;background-size:cover;clip-path:ellipse(80% 100% at 80% 50%);display:flex;flex:1 1;justify-content:center;position:relative;transition:clip-path .4s ease;z-index:1}.login-logo-section.rtl-ellipse{clip-path:ellipse(80% 100% at 20% 50%)}.login-logo-section h1{color:#333;font-size:48px}@media (max-width:900px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-form-section,.login-logo-section{flex:none;min-height:300px;padding:30px 20px;width:100%}.login-logo-section{background-position:50%;background-repeat:no-repeat;background-size:50% auto;clip-path:none;margin-top:40px}}@media (max-width:400px){.login-form-section h2{font-size:1.75rem}.login-form-section button,.login-form-section input{font-size:1rem;padding:12px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Header{background:linear-gradient(90deg,#fff9cc,#ffe680);border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;height:64px;position:fixed;width:100%}.Header .contaner{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 40px}.logo{color:#c00;font-size:22px;font-weight:700}.inFo{gap:20px}.inFo,.userInfo{align-items:center;display:flex}.userInfo{gap:10px}.userInfo img{border:2px solid #c00;border-radius:100%;height:36px;object-fit:cover;width:36px}.userInfo h1{color:#333;font-size:16px}.lan .MuiFormControlLabel-label{color:#333;font-size:14px}.logout button{background-color:#c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.logout button:hover{background-color:#900}.Sidebar{background:linear-gradient(180deg,#fff9cc,#ffe680);box-shadow:2px 0 5px #0000000d;color:#333;height:100vh;padding:20px;position:fixed;width:200px}.Sidebar-title{border-bottom:1px solid #c00;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;text-align:center}.Sidebar-nav{display:flex;flex-direction:column;gap:15px}.Sidebar-link{border-radius:8px;color:#c00;font-size:1rem;padding:10px;text-decoration:none;transition:background-color .2s,color .2s}.Sidebar-link:hover{background-color:#fcc;color:#600}.Sidebar-link.active{background-color:#e69999;color:#fff}.DataShowDashbord{background-color:#fffdf0;height:calc(100vh - 64px);margin-inline-start:200px;margin-top:64px;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;width:calc(100% - 200px)}.items-table{background:#fff;border:1px solid #ddd;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.items-table thead{background-color:#c00;color:#fff}.items-table td,.items-table th{border-bottom:1px solid #dee2e6;padding:12px 16px}.items-table tr:hover{background-color:#fff6d6}.item-image{border-radius:4px;height:60px;object-fit:cover;width:60px}.btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:6px;padding:6px 10px;transition:background .2s ease}.btn.update{background-color:#ffe680;color:#000}.btn.update:hover{background-color:#ffdb4d}.btn.delete{background-color:#c00}.btn.delete:hover{background-color:#900}.btn.replace{background-color:#555}.btn.replace:hover{background-color:#333}.table-container{margin-top:60px;position:relative;width:100%}.table-body-scroll table{width:100%}.InsertBtn{background-color:#ffe680;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;margin-top:20px;padding:8px 16px;transition:.3s}.InsertBtn:hover{background-color:#ffdb4d}.table-wrapper{border:1px solid #ccc;height:100%}.items-table tbody,.items-table thead,.items-table tr{display:table;table-layout:fixed;width:100%}.items-table tbody{height:100%;margin-bottom:50px}.items-table td,.items-table th{border:1px solid #ccc;padding:10px;text-align:left}.items-table img{height:100px;object-fit:cover;width:100px}.popup-backdrop{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-container{animation:popupFadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;max-width:90%;overflow:hidden;width:400px}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-header{background-color:#4a90e2;color:#fff;font-size:20px;font-weight:700;padding:16px;text-align:center}.popup-body{padding:20px}.popup-footer{background-color:#f9f9f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.popup-field{margin-bottom:15px}.popup-label{color:#333;display:block;font-size:14px;margin-bottom:6px}.popup-input{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:8px;width:100%}.popup-input:focus{border-color:#4a90e2}.popup-button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px}.popup-button.confirm{background-color:#4a90e2;color:#fff}.popup-button.cancel{background-color:#eee;color:#333}
/*# sourceMappingURL=main.f9e7bf5c.css.map*/