body{font-family:Segoe UI!important;margin:0;padding:0;box-sizing:border-box}.loader-overlay{position:fixed;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:3999}.designer-loader{border-radius:50%;width:70px;height:70px;animation:spin .5s linear infinite;box-shadow:0 0 9px #f90}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MuiBadge-badge{background-color:#164a7e;color:#fff}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:5px 40px;background-color:var(--bg-header)}.nav-left,.nav-center,.nav-right{display:flex;align-items:center}.nav-left .logo{max-width:180px;height:auto}.nav-center{flex-direction:column;text-align:center}.nav-center .datetime,.nav-center .timezone{margin:0;font-size:.9rem}.nav-right .store-name{font-size:.9rem;margin-right:10px}.nav-icons .icon-btn{background:none;border:none;font-size:1.2rem;margin-left:10px;cursor:pointer}@media (max-width: 768px){.nav-container{flex-direction:column;align-items:flex-start;padding:15px}.nav-left,.nav-center,.nav-right{width:100%;justify-content:space-between;margin-bottom:10px}.nav-center{align-items:flex-start;text-align:left}.nav-icons .icon-btn{font-size:1rem;margin-left:5px}}@media (max-width: 480px){.nav-container{padding:10px}.nav-center .datetime,.nav-center .timezone,.nav-right .store-name{font-size:.8rem}.nav-icons .icon-btn{font-size:.9rem;margin-left:5px}}.nav-center{font-family:Segoe UI;font-size:1.05rem;font-weight:500;color:var(--text-header);letter-spacing:.3px;text-align:center}.nav-center .datetime{font-size:1rem;font-weight:600;color:var(--text-header);letter-spacing:.5px}.nav-center .timezone{font-size:1rem;color:var(--text-header);font-weight:400}.navbar-background{background-color:var(--bg-navbar)!important;padding:2px}nav li .nav-link{color:var(--text-navbar)!important;font-size:13px;font-family:Segoe UI,sans-serif;font-weight:600;transition:.2s ease-in-out}nav li .nav-link.active,nav li .nav-link:hover{color:#fff!important}.navbar-nav.nav-spread{width:100%;display:flex;flex-wrap:wrap}.navbar-nav .nav-item{margin-left:50px}.login-container{display:flex;min-height:100vh;padding:16px;background:#f3f3f3;justify-content:center}.left-section{display:none}.right-section{width:100%;display:flex;align-items:center;justify-content:center;position:relative}.login-card{width:100%;max-width:420px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 4px 24px #36363614;position:relative}.login-logo{position:absolute;top:10px;right:10px;display:flex;justify-content:center;margin-bottom:16px;cursor:pointer}.login-logo img{height:36px;object-fit:contain}.form-title{font-family:Segoe UI,sans-serif;font-size:32px;font-weight:700;color:#000}.subtitle{font-family:Segoe UI,sans-serif;font-size:18px;font-weight:400;color:#000;margin-bottom:16px}.form-label{font-size:16px;font-weight:600;color:#000;margin-bottom:6px}.form-control{width:100%;height:100%;padding:10px 12px 10px 42px;box-sizing:border-box}.input-wrapper{position:relative;width:100%;height:56px;display:flex;align-items:center}.input-icon{position:absolute;left:14px;width:24px;height:24px;pointer-events:none}.left-icon{left:14px}.right-icon{right:14px;left:auto;cursor:pointer;pointer-events:auto}.error-text{color:red;margin-bottom:0;font-size:12px}.login-btn{width:100%;margin-top:12px;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px}footer{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;font-weight:600}footer p{margin:auto 0}@media (min-width: 768px){.form-title{font-size:36px}.subtitle{font-size:20px}}@media (min-width: 1024px){.login-container{gap:24px;padding:20px}.left-section{display:flex;width:65%;position:relative;align-items:center;justify-content:center;padding:40px 50px;border-radius:24px;color:#fff;background:radial-gradient(circle at top left,#363636,#000)}.left-wave,.right-wave{position:absolute;opacity:.1}.left-wave{top:0;left:0}.right-wave{bottom:0;right:0}.right-section{width:35%}.login-logo{position:absolute;top:24px;right:24px;margin-bottom:0}.login-logo img{height:40px}.form-title{font-size:40px}.subtitle{font-size:20px}}@media (min-width: 1439px){.login-card{height:493px;width:429px}.left-wave{top:0;left:0;height:270px}.right-wave{bottom:0;right:0;height:370px}.form-title{font-size:40px;font-weight:700}.subtitle{font-size:24px;font-weight:400}.form-label{font-size:16px;font-weight:600;margin-top:16px;margin-bottom:10px}.form-control{margin-left:5px}.login-btn{margin-top:20px}.support{margin-top:30px}}@media (min-width: 1700px){.login-container{gap:24px;padding:20px}.left-section{display:flex;width:65%;position:relative;align-items:center;justify-content:center;padding:40px 50px;border-radius:24px;color:#fff;background:radial-gradient(circle at top left,#363636,#000)}.left-wave,.right-wave{position:absolute;opacity:.2}.left-wave{top:0;left:0}.right-wave{bottom:0;right:0}.right-section{width:35%}.login-logo{position:absolute;top:24px;right:24px;margin-bottom:0}.login-logo img{height:40px}.form-title{font-size:40px}.subtitle{font-size:20px}}@media (max-height: 754px){.login-logo{top:5px;right:5px}.right-wave{right:-45px;bottom:-45px}.left-wave{left:-45px;top:-45px}.login-container{overflow:hidden}.login-card{height:auto;width:90%}.form-title{font-size:24px}.subtitle{font-size:16px;margin-bottom:5px}.form-label{font-size:14px}.input-wrapper{height:46px;margin-bottom:5px}.input-icon{width:20px;height:20px}.form-control{font-size:14px}.login-btn{margin-bottom:5px}.support p{font-size:12px}.support img{height:20px;width:20px}}.left-heading{color:#fff;text-align:center;font-size:18px;font-weight:600;margin-bottom:20px}.stepper-container{position:relative}.stepper{display:flex;flex-direction:column;gap:22px}.step{height:60px;display:flex;gap:16px;align-items:center;justify-content:center}.timeline{position:relative;display:flex;flex-direction:column;height:135px;align-items:center}.dot{z-index:100}.line{position:absolute;height:400px;top:0;bottom:0;margin-left:12px;z-index:1}.step-card{width:420px;min-height:61px;display:flex;align-items:center;gap:14px;border-radius:10px;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.icon-box{width:40px;height:61px;background:#e9e9e9;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon{width:22px;height:22px;object-fit:contain}.text-content{display:flex;flex-direction:column}.feature-title{color:#fff;font-size:16px;font-weight:600;margin:0}.feature-desc{color:#fff;font-family:Segoe UI;font-size:14px;line-height:16px;opacity:.6;margin:4px 0 0}:root,[data-theme=orange]{--theme-color: #f05929;--bg-header: #feefea;--text-header: #636466;--bg-navbar: #f05929;--text-navbar: #ffffffb3;--bg-sidebar: #feefea;--text-sidebar: #6b6f73;--text-navlink-active: #f05929;--bg-primary: #f05929;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #f05929;--bg-delete: #fff;--text-delete: #000;--border-delete: #f05929;--bg-table-header: #f05929;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #f05929;--bg-chips: #feefea;--text-chip: #000}[data-theme=yellow]{--theme-color: #e9b300;--bg-header: #fdf8e6;--text-header: #636466;--bg-navbar: #e9b300;--text-navbar: #ffffffb3;--bg-sidebar: #fdf8e6;--text-sidebar: #6b6f73;--text-navlink-active: #e9b300;--bg-primary: #e9b300;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #e9b300;--bg-delete: #fff;--text-delete: #000;--border-delete: #e9b300;--bg-table-header: #e9b300;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #e9b300;--bg-chips: #fdf8e6;--text-chip: #000}[data-theme=green]{--theme-color: #06af1c;--bg-header: #e6f8e7;--text-header: #636466;--bg-navbar: #06af1c;--text-navbar: #ffffffb3;--bg-sidebar: #e6f8e7;--text-sidebar: #6b6f73;--text-navlink-active: #06af1c;--bg-primary: #06af1c;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #06af1c;--bg-delete: #fff;--text-delete: #000;--border-delete: #06af1c;--bg-table-header: #06af1c;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #06af1c;--bg-chips: #e6f8e7;--text-chip: #000}[data-theme=black]{--theme-color: #363636;--bg-header: #ebebeb;--text-header: #636466;--bg-navbar: #363636;--text-navbar: #ffffffb3;--bg-sidebar: #ebebeb;--text-sidebar: #6b6f73;--text-navlink-active: #363636;--bg-primary: #363636;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #363636;--bg-delete: #fff;--text-delete: #000;--border-delete: #363636;--bg-table-header: #363636;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #363636;--bg-chips: #ebebeb;--text-chip: #000}[data-theme=blue]{--theme-color: #0084ff;--bg-header: #e5f2ff;--text-header: #636466;--bg-navbar: #0084ff;--text-navbar: #ffffffb3;--bg-sidebar: #e5f2ff;--text-sidebar: #6b6f73;--text-navlink-active: #0084ff;--bg-primary: #0084ff;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #0084ff;--bg-delete: #fff;--text-delete: #000;--border-delete: #0084ff;--bg-table-header: #0084ff;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #0084ff;--bg-chips: #e5f2ff;--text-chip: #000}[data-theme=pink]{--theme-color: #e600bf;--bg-header: #fce5f8;--text-header: #636466;--bg-navbar: #e600bf;--text-navbar: #ffffffb3;--bg-sidebar: #fce5f8;--text-sidebar: #6b6f73;--text-navlink-active: #e600bf;--bg-primary: #e600bf;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #e600bf;--bg-delete: #fff;--text-delete: #000;--border-delete: #e600bf;--bg-table-header: #e600bf;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #e600bf;--text-dnd: #e600bf;--bg-chips: #fce5f8;--text-chip: #000}[data-theme=red]{--theme-color: #ff3d41;--bg-header: #ffebec;--text-header: #636466;--bg-navbar: #ff3d41;--text-navbar: #ffffffb3;--bg-sidebar: #ffebec;--text-sidebar: #6b6f73;--text-navlink-active: #ff3d41;--bg-primary: #ff3d41;--text-primary: #fff;--bg-cancel: #fff;--text-cancel: #000;--border-cancel: #ff3d41;--bg-delete: #fff;--text-delete: #000;--border-delete: #ff3d41;--bg-table-header: #ff3d41;--text-table-header: #fff;--bg-dnd: #fff;--border-dnd: #ff3d41;--bg-chips: #ffebec;--text-chip: #000}.header{position:fixed;top:0;left:0;width:100%;z-index:1000}.table-wrapper{width:100%;font-family:Segoe UI;max-width:100%;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.menu-table{width:100%;border-collapse:separate;border-spacing:0 10px}.menu-table thead{box-shadow:#00000040 8px 3px 10px;border-radius:10px}.menu-table thead tr:first-child th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.menu-table thead tr:first-child th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.menu-table thead th{height:50px;background:var(--bg-table-header);color:#fff;font-weight:600;font-size:13px;overflow-wrap:break-word;text-align:center;vertical-align:middle}.menu-table tbody td{text-align:center;vertical-align:middle;border:none;font-size:13px;font-weight:600;color:#636466;padding:5px}.menu-table tbody td>div{justify-content:center}.menu-table tbody tr{box-shadow:#0000001a 4px 4px 11px;border-radius:10px;font-size:13px;height:50px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;grid-auto-flow:row dense}.form-field{grid-column:span 1}.image-uploader{grid-column:3;grid-row:3 / span 50}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.image-uploader{grid-column:1;grid-row:auto}}.form-file-left{grid-column:1 / 2;margin-top:5px}.time-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-container{padding-top:8px}.brand-box{position:relative;width:100%;min-height:215px;padding:16px 12px 36px;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box}.brand-box:focus-within{border-color:var(--theme-color)}.brand-label{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 6px;font-size:13px;font-weight:500;color:#333;line-height:16px}.brand-label span{color:var(--theme-color)}.brand-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-size:14px;font-family:inherit;box-sizing:border-box;padding-top:6px}.brand-helper{position:absolute;bottom:8px;right:12px;font-size:12px;color:#8c8c8c;pointer-events:none}.brand-upload-title{font-size:14px;font-weight:500;margin-bottom:8px;color:#868686}.brand-upload-box{height:215px}