@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.wrapper-notification .MuiSnackbar-root .MuiAlert-icon,.wrapper-notification .MuiSnackbar-root .MuiAlert-message,.wrapper-notification .MuiSnackbar-root .MuiButtonBase-root{color:#fff;color:var(--figma-color-text-on-primary,#fff)}.wrapper-notification .MuiSnackbar-root .MuiAlert-root{border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 1px 8px rgba(0,0,0,.24);box-shadow:var(--figma-shadow-elevation-3,0 1px 8px rgba(0,0,0,.24));font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);line-height:20px;line-height:var(--figma-font-body-line-height,20px)}.wrapper-notification .MuiSnackbar-root .MuiAlert-message,.wrapper-notification .MuiSnackbar-root .MuiAlert-root{font-weight:500;font-weight:var(--figma-font-body-weight,500)}.turn-bell-off-modal{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:14px;gap:14px;width:100%;max-width:400px;margin:0 auto;padding:32px;svg{width:64px;height:64px}.title{font-weight:600;font-size:20px;line-height:24px}.content,.title{text-align:center}.content{font-weight:400;font-size:14px;line-height:20px;color:#5e5c5c}.modal-footer{display:flex;grid-gap:16px;gap:16px;width:100%;margin-top:8px;button{width:50%;min-width:120px}}}.btn{--btn-bg:var(--figma-color-primary,#e64c7a);--btn-color:var(--figma-color-text-on-primary,#fff);--btn-border:var(--figma-color-primary,#e64c7a);--btn-hover-bg:var(--figma-color-primary-dark,#be185d);--btn-hover-border:var(--figma-color-primary-dark,#be185d);border:1px solid var(--btn-border);border-radius:100px;padding:16px 24px;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px);text-transform:none;font-family:"Poppins",sans-serif;font-family:var(--figma-font-button-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-button-size,14px);font-weight:500;font-weight:var(--figma-font-button-weight,500);height:44px;cursor:pointer;outline:none;white-space:nowrap;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.btn,.btn-no-background{color:var(--btn-color);background-color:var(--btn-bg);box-shadow:none}.btn-no-background{--btn-bg:var(--figma-color-surface,#fff);--btn-color:var(--figma-color-primary,#e64c7a);--btn-border:var(--figma-color-primary,#e64c7a);--btn-hover-bg:var(--figma-color-primary-light,#fdf2f8);--btn-hover-border:var(--figma-color-primary,#e64c7a);border:1.5px solid var(--btn-border)}.btn-normal{--btn-bg:var(--figma-color-surface,#fff);--btn-color:var(--figma-color-text-primary,#2b1a22);--btn-border:var(--figma-color-text-primary,#2b1a22);--btn-hover-bg:var(--figma-color-surface-variant,rgba(43,26,34,0.05));--btn-hover-border:var(--figma-color-text-primary,#2b1a22);box-shadow:none}.btn-normal,.btn.enable{background-color:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border)}.btn.enable{--btn-bg:var(--figma-color-primary,#e64c7a);--btn-color:var(--figma-color-text-on-primary,#fff);--btn-border:var(--figma-color-primary,#e64c7a);--btn-hover-bg:var(--figma-color-primary-dark,#be185d);--btn-hover-border:var(--figma-color-primary-dark,#be185d)}.btn.disable{--btn-bg:var(--figma-color-surface-variant,#f5f5f5);--btn-color:var(--figma-color-text-tertiary,rgba(43,26,34,0.5));--btn-border:var(--figma-color-border,#e0e0e0);--btn-hover-bg:var(--figma-color-surface-variant,#f5f5f5);--btn-hover-border:var(--figma-color-border,#e0e0e0);background-color:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);cursor:not-allowed}.btn:hover:not(:disabled){background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:var(--figma-shadow-elevation-2,0 2px 4px rgba(0,0,0,.1))}.btn.disable:hover{transform:none;box-shadow:none}.btn:disabled{background-color:hsla(0,0%,93.7%,.3);color:rgba(16,16,16,.3);border:1px solid hsla(0,0%,46.3%,.3);cursor:no-drop}.btn-width-public{width:134px}.btn-width-private{width:195px}.btn-full-width{width:100%}.btn-form-action{height:40px}.pwa-update-notification{position:fixed;bottom:20px;right:20px;z-index:9999;max-width:400px;width:100%;animation:slideInUp .3s ease-out}.pwa-update-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid #e1e5e9;padding:16px;display:flex;align-items:center;grid-gap:12px;gap:12px}.pwa-update-icon{color:#007bff;flex-shrink:0}.pwa-update-text{flex:1 1;min-width:0}.pwa-update-text h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.2}.pwa-update-text p{margin:0;font-size:12px;color:#666;line-height:1.3}.pwa-update-actions{display:flex;grid-gap:8px;gap:8px;flex-shrink:0}.pwa-update-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pwa-update-btn-primary{background:#007bff;color:#fff}.pwa-update-btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.pwa-update-btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.pwa-update-btn-secondary:hover{background:#e9ecef;color:#495057}@media (max-width:480px){.pwa-update-notification{bottom:16px;right:16px;left:16px;max-width:none}.pwa-update-content{padding:12px;grid-gap:10px;gap:10px}.pwa-update-text h4{font-size:13px}.pwa-update-text p{font-size:11px}.pwa-update-btn{padding:5px 10px;font-size:11px}}.offline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000}.offline-overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.7)}.offline-overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,92vw);padding:24px 20px;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);display:flex;align-items:center;grid-gap:14px;gap:14px;color:#222}.offline-overlay-icon{color:#d32f2f;flex:0 0 auto}.offline-overlay-text h3{margin:0 0 6px;font-size:18px;font-weight:600}.offline-overlay-text p{margin:0;font-size:14px;color:#444}.title-page-new-dish{font-weight:400;font-size:20px;line-height:32px;color:#000;margin-bottom:30px}.title-add-dish,.title-page-new-dish{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;letter-spacing:.01em}.title-add-dish{font-weight:500;font-size:16px;line-height:24px;color:var(--colorTextMain);margin-bottom:24px}.label-input{display:inline-block;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-transform:capitalize;color:#8c8a8b;margin-bottom:4px}.cover-image,.wrapper-list-images{display:flex;flex-wrap:wrap;margin-right:-24px}.drop-zone{height:182px;width:246px;padding:12px;border-color:#eee;border-style:dashed;margin-right:24px;margin-bottom:24px}.drop-zone.edit-cover-img{width:auto;height:-moz-fit-content;height:fit-content;padding:0;border:none;margin:0}.drop-zone.edit-cover-img .icon-edit{cursor:pointer}.image-thumbnail-dish{margin-right:24px;margin-bottom:24px;height:182px;width:246px;position:relative}.cover-image .image-thumbnail-dish{margin-right:10px}.image-thumbnail-dish img{height:100%;width:100%;object-fit:cover;border-radius:16px}.image-thumbnail-dish-action{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:98;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.image-thumbnail-dish:hover .image-thumbnail-dish-action{background-color:rgba(0,0,0,.521);border-radius:16px}.btn-edit-image{margin-bottom:12px}.btn-close-image,.btn-edit-image{display:none;border-radius:100px;padding:8px 16px;outline:none;border:none;background-color:var(--backgroundBtn);color:#fff;cursor:pointer}.image-loading{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-color:rgba(0,0,0,.39);width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:16px}.image-thumbnail-dish:hover .btn-close-image,.image-thumbnail-dish:hover .btn-edit-image{display:block}.icon-upload-dish{display:block;margin:0 auto}.upload-dish-des{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;color:#000;margin-top:12px}.upload-dish-des,.upload-dish-des-child{font-weight:500;font-size:14px;line-height:20px;text-align:center}.upload-dish-des-child{color:#2b1a22}.upload-dish-des-browse{color:var(--backgroundBtn)}.upload-dish-note{font-size:14px;line-height:20px;color:#000;height:177px}.upload-dish-note,.upload-note{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;text-align:center}.upload-note{font-size:10px;line-height:150%;letter-spacing:-.01em;color:#6b6b6b}.wrapper-info-dish{display:flex;align-items:baseline;margin-bottom:48px}.content-info-dish-left{width:50%;margin-right:24px}.content-info-dish-right{width:50%}.content-input-dish{margin-bottom:24px}.content-input-dish:last-child{margin-bottom:0}.form-input-dish-info{width:100%}.form-input-dish,.form-input-dish-info{display:block;height:44px;border:1.5px solid var(--borderColor);border-radius:22px;padding:10px 12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.form-input-dish{width:264px}.form-input-dish:focus{border:1.5px solid var(--colorMain)}.form-input-textarea-dish{height:140px;width:100%;resize:none;border-radius:16px;display:block;border:1.5px solid var(--borderColor);border-radius:22px;padding:10px 12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.form-input-textarea-dish:focus{border:1.5px solid var(--colorMain)}.wrapper-add-group{display:flex;align-items:flex-end;grid-gap:24px;gap:24px;position:relative;min-height:60px}.wrapper-add-group.error{align-items:unset}.wrapper-add-group .form-dish-option-gr{display:flex;align-items:center;grid-gap:24px;gap:24px}.wrapper-add-group .form-dish-option-gr .content-menu-category-item{margin:16px 0 0;width:unset}.wrapper-add-group .form-dish-option-gr .content-menu-category-item.error{margin-top:0}.wrapper-add-group .form-dish-option-gr .content-menu-category-item label{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-transform:capitalize;color:#8c8a8b}.wrapper-add-group input{width:264px}.optionContainer li{font-size:16px}.optionContainer li,.select-category-dish .MuiButtonBase-root{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500}.select-category-dish .MuiButtonBase-root{border-radius:8px;color:rgba(43,26,34,.8);font-size:14px;line-height:16px;text-align:center;letter-spacing:-.0075em}.select-category-dish .MuiOutlinedInput-notchedOutline{border:1.5px solid var(--borderColor)}.highlightOption{color:#fff}.highlightOption,.multiSelectContainer li:hover{background:var(--backgroundBtn)}.searchWrapper{display:block;width:406px;border:1.5px solid var(--borderColor);border-radius:22px!important;padding:10px 12px!important;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.custom-close{margin-left:6px}.custom-close svg{width:16px;height:16px}.ingredients{margin-bottom:56px}.item-ingredient-dish{display:flex;align-items:flex-end;margin-bottom:12px}.item-ingredient-dish button{margin-left:12px;height:44px;width:44px;background-color:transparent;border-radius:50%;border:1.5px solid var(--backgroundBtn);outline:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.item-ingredient-dish button:hover{background-color:var(--backgroundBtn);color:#fff;transition:.3s}.item-ingredient-dish button svg{height:12px;width:12px}.wrapper-customize{margin-bottom:56px}.wrapper-group{margin-bottom:24px;padding:0 24px}.top-group{display:flex;align-items:center;margin-bottom:22px}.label-group{margin-right:24px}.form-input-dish-price-customize{display:block;width:160px;height:44px;border:1.5px solid var(--borderColor);border-radius:22px;padding:10px 12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.form-input-dish-price-customize:focus{border:1.5px solid var(--colorMain)}.btn-add-new{background-color:transparent;color:var(--backgroundBtn);font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-align:center;padding:8px 16px;border:none;outline:none;cursor:pointer}.content-form-customize{margin-left:8px;margin-right:12px}.btn-delete-option{height:44px;width:44px;background-color:transparent;border-radius:50%;border:1.5px solid var(--backgroundBtn);outline:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn-delete-option:hover{background-color:var(--backgroundBtn);color:#fff;transition:.3s}.btn-delete-option svg{height:12px;width:12px;color:var(--backgroundBtn)}.btn-delete-option:hover .MuiSvgIcon-root{color:#fff}.btn-add-option,.btn-delete-group,.btn-edit-group{background-color:transparent;outline:none;border:none;margin-right:24px;cursor:pointer}.btn-add-option svg path{fill:#5e5c5c}.action-dish{display:flex;width:406px}.row-form-group .MuiAutocomplete-root{width:406px}.row-form-group .MuiAutocomplete-root .MuiOutlinedInput-root{border-radius:22px;padding:12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px}.row-form-group .MuiAutocomplete-root .MuiOutlinedInput-input,.row-form-group .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-input{padding:0}.row-form-group .MuiAutocomplete-tag{margin:0}.row-form-group .MuiButtonBase-root{height:auto}.row-form-group .MuiFormControl-root .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--colorMain);border-width:1.5px}.select-category-dish .MuiFormControl-root .MuiOutlinedInput-root{height:auto!important}.select-category-dish .MuiFormControl-root .MuiOutlinedInput-root .MuiButtonBase-root{margin-bottom:4px!important}.select-category-dish .MuiAutocomplete-root .MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--borderColor)}.wrapper-category{margin-bottom:48px}.content-category-dish{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-top:16px}.content-menu-category-item{width:auto;min-width:140px;margin-right:24px;margin-bottom:16px;display:flex;align-items:center;padding:8px 12px;border-radius:8px;transition:background-color .2s ease}.content-menu-category-item:hover{background-color:var(--color-primary-light)}.content-menu-category-item input{padding:0;height:16px;width:16px;margin-bottom:0;margin-right:8px;cursor:pointer;accent-color:var(--colorMain);border:1.5px solid var(--colorMain);border-radius:4px}.content-menu-category-item label{position:relative;cursor:pointer;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--colorTextMain);display:flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.content-menu-category-item.modal-edit label,.content-menu-category-item label.radio-label{font-size:14px}.wrapper-add-new-category-menu{display:flex}.btn-add-new-category-menu{margin-left:12px;margin-top:20px;height:44px;width:85px;background:var(--backgroundBtn);color:#fff;border-radius:100px;border:none;outline:none;cursor:pointer;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px}.wrapper-content .MuiModal-root .MuiBackdrop-root{background-color:rgba(43,26,34,.8)}.wrapper-modal-rename-group .MuiTypography-root{margin-bottom:20px}.wrapper-modal-rename-group-action{display:flex;justify-content:space-between}.wrapper-modal-rename-group .MuiBox-root{border:none;border-radius:16px}.wrapper-add-new-category-menu input{width:264px}.form-error-image-dish{margin-top:-10px!important;margin-bottom:32px}.form-group-margin-menu{margin-bottom:24px}.form-group-margin-menu.is-hidden-price{opacity:0}.content-group-head{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:16px}.group-customize-title{font-size:14px;color:#8c8a8b}.item-customize-option{display:flex;margin-bottom:12px;cursor:move}.group-option-action{display:flex;align-items:center;grid-gap:16px;gap:16px}.option-action-icon{display:flex}.option-action-move{cursor:grab}.available-toggle-container{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.available-toggle-label{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:500;font-weight:var(--figma-font-body-weight,500);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.available-toggle-switch .MuiSwitch-switchBase.Mui-checked{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.available-toggle-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#e64c7a!important;background-color:var(--figma-color-primary,#e64c7a)!important}.item-option-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:4px 0}.wrapper-form-action{margin-top:32px;padding:20px 0}.form-label{display:block}.form-label-text{display:block;font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-style:normal;font-weight:500;line-height:16px;text-transform:capitalize;margin-bottom:14px;margin-bottom:var(--figma-spacing-xs,14px)}.form-control,.form-label-text{font-size:14px;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.form-control{display:inline-block;width:100%;height:44px;border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);border-radius:8px;padding:10px 12px;padding:var(--figma-spacing-sm,10px) var(--figma-spacing-md,12px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:var(--figma-font-body-size,14px);outline:none;transition:border-color .2s ease;background:#fff;background:var(--figma-color-surface,#fff)}.form-control:focus{border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a)}.form-control:hover{border-color:#fdf2f8;border-color:var(--figma-color-primary-light,#fdf2f8)}.form-control-input{width:100%;max-width:406px}.form-error{color:#dc2626;color:var(--figma-color-error,#dc2626);font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif}.custom-bg-modal-delete{background-color:rgba(43,26,34,.8)}.custom-bg-modal-delete div:first-child{background-color:transparent!important}.modal-delete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:32px 24px;border-radius:8px}.modal-delete .modal-title{margin-bottom:24px;font-weight:500;font-size:18px;line-height:28px;letter-spacing:.016em;color:var(--colorTextMain)}.modal-delete .modal-description,.modal-delete .modal-title{font-family:var(--fontFamilyMain),sans-serif;font-style:normal}.modal-delete .modal-description{margin-bottom:50px;font-weight:400;font-size:16px;line-height:24px;color:#474445}.wrapper-auth{min-height:100vh;width:100%;background-color:#fff0f1;background-color:var(--figma-color-background,#fff0f1)}.auth-header,.wrapper-auth{display:flex;justify-content:center;align-items:center}.auth-header{margin-bottom:50px}.auth-logo{margin-right:20px}.auth-logo img{display:block;width:64px;height:64px;object-fit:contain}.auth-name{color:rgba(0,0,0,.85);font-weight:500;font-size:33px}.content-auth{width:100%;max-width:1200px;margin:0 auto;padding:0}.login-form{width:100%;max-width:600px;margin:0 auto}.login-form .form-group-public{margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px)}.login-form .form-group-public,.login-form .signup-link,.login-form .wrapper-auth-btn,.login-form .wrapper-checkbox{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.login-form .wrapper-auth-btn{margin-top:24px;margin-top:var(--figma-spacing-lg,24px)}.auth-desc{text-align:center;margin:12px 0 48px;color:rgba(0,0,0,.45);font-size:14px}.wrapper-checkbox{display:flex;justify-content:space-between;align-items:center;margin-top:8px;margin-top:var(--figma-spacing-sm,8px);margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px)}.wrapper-auth-btn .btn{height:44px;border-radius:100px}.wrapper-auth-btn .MuiCircularProgress-root{margin-right:8px}.wrapper-checkbox a{font-size:14px;color:#1558cc}.signup-link{text-align:center;margin:24px 0;margin:var(--figma-spacing-lg,24px) 0;font-size:14px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.signup-link a{color:#e64c7a;color:var(--figma-color-primary,#e64c7a);text-decoration:none;font-weight:500}.signup-link a:hover{text-decoration:underline}.forgot-success-des{margin-bottom:12px}.wrapper-auth-btn .btn-cancel{border:1.5px solid var(--backgroundBtn);background-color:#fff;color:var(--backgroundBtn);box-shadow:none;border-radius:100px}.select-restaurant-name .MuiOutlinedInput-root,.wrapper-auth-btn .btn-cancel:hover{background-color:#fff}.password-title{display:flex;align-items:center}.password-tooltip p{margin:0 0 8px;font-weight:500}.password-tooltip ul{margin:0;padding-left:16px}.password-tooltip li{margin-bottom:4px;font-size:12px}@media (max-width:768px){.wrapper-auth{align-items:flex-start;padding:16px!important;padding:var(--figma-spacing-md,16px)!important}.content-auth{box-shadow:none!important;border-radius:0!important;padding:24px!important;padding:var(--figma-spacing-lg,24px) var(--figma-spacing-lg,24px)!important}.content-auth,.login-form{width:100%!important;min-width:0!important;max-width:100%!important}.login-form{padding:0!important}.form-group-public{width:100%!important;min-width:0!important;max-width:100%!important}}.content-no-data{display:flex;justify-content:center;align-items:center;flex-direction:column}.content-no-data,.content-no-data .lf-player-container{height:100%;width:100%}.wrapper-dashboard{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.bottom-view,.top-view{display:flex;grid-gap:10px 10px;gap:10px 10px}.tableoverview{width:50%}.notification{width:324px;max-height:500px;overflow-y:scroll;overflow-x:hidden}.notification,.recentorder{background:#fff;background:var(--figma-color-surface,#fff);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15))}.recentorder{width:calc(100% - 324px);padding:24px 36px 25px;padding:var(--figma-spacing-lg,24px) var(--figma-spacing-xl,36px) var(--figma-spacing-lg,25px) var(--figma-spacing-xl,36px)}.empoverview,.table-overview{width:50%;background:#fff;background:var(--figma-color-surface,#fff);padding:24px 36px;padding:var(--figma-spacing-lg,24px) var(--figma-spacing-xl,36px);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15))}.total-top{display:flex;justify-content:space-between}.h22{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:20px;color:#000}.btn-view{display:flex;flex-direction:row;justify-content:space-around;height:36px;text-align:center;border-radius:24px}.btn-view,.view-more{color:var(--backgroundBtn)}.view-more{border:none;background:none;font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:14px}.icon-more{height:20px!important;margin-top:8px!important}.list-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0;position:absolute;width:222px;left:0;top:24px}.chart{display:flex;flex-direction:row;grid-gap:35px;gap:35px;margin-top:16px;margin-bottom:24px}.des-chart{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.chart-item{width:120px!important;height:120px!important;border-radius:60px}.line1{display:flex;flex-direction:row;grid-gap:12px;gap:12px}.order-item{background:#32c000;border-radius:6px;width:12px;margin-top:3px;height:12px}.des-order{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#32c000}.join-item{background:#eac0a3;border-radius:6px;margin-top:3px;width:12px;height:12px}.des-join{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#e56b12}.avai-item{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8);border-radius:6px;border-radius:var(--figma-border-radius-sm,6px);margin-top:3px;width:12px;height:12px}.des-avai{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.una-item{background:#f5f5f5;background:var(--figma-color-surface-variant,#f5f5f5);margin-top:3px;border-radius:6px;border-radius:var(--figma-border-radius-sm,6px);width:12px;height:12px}.des-una{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.title{display:block;color:var(--colorTextMain);margin-bottom:16px}.order-table{margin-right:-12px}.abc,.order-table{display:flex;flex-wrap:wrap}.abc{margin-top:8px;grid-gap:12px;gap:12px}.icon{width:40px;height:40px;border-radius:4px;margin-right:12px;display:flex;justify-content:center;align-items:center}.order-sub{display:flex;align-items:flex-start;padding:12px 16px;width:calc(50% - 8px);margin-right:8px;margin-bottom:12px;background:#fff;box-shadow:0 1px 5px rgba(53,63,79,.1),0 2px 3px rgba(53,63,79,.1);border-radius:8px;min-height:90px;grid-gap:12px;gap:12px;transition:all .2s ease;border:1px solid transparent}.order-sub:hover{background:#f9f9f9;background:var(--figma-color-surface-variant,#f9f9f9);border:1px solid #8b5cf6;border:1px solid var(--figma-color-primary,#8b5cf6)}.order-sub .icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.order-sub .icon svg{width:20px;height:20px}.name{font-style:normal;font-weight:500;font-family:"Poppins",sans-serif;font-size:14px;line-height:20px;letter-spacing:-.0075em;white-space:nowrap;overflow:visible;text-overflow:ellipsis;max-width:120px}.background-Ordered{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8)}.background-Ordered svg path{fill:#2e7d32;fill:var(--figma-color-success-dark,#2e7d32)}.name-Ordered{color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.background-Join{background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd)}.background-Join svg path{fill:#856404;fill:var(--figma-color-warning-dark,#856404)}.name-Join{color:#856404;color:var(--figma-color-warning-dark,#856404)}.background-Available{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8)}.background-Available svg path{fill:#2e7d32;fill:var(--figma-color-success-dark,#2e7d32)}.name-Available{color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.background-shown{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8)}.background-shown svg path{fill:#2e7d32;fill:var(--figma-color-success-dark,#2e7d32)}.name-shown{color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.background-hidden{background:#f5f5f5;background:var(--figma-color-surface-variant,#f5f5f5)}.background-hidden svg path{fill:#5e5c5c;fill:var(--figma-color-text-secondary,#5e5c5c)}.name-hidden{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.table-visibility{font-style:normal;font-weight:500;font-size:11px;line-height:16px;padding:2px 6px;border-radius:4px;margin-bottom:4px;display:inline-block}.table-visibility.shown{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8);color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.table-visibility.hidden{background:#f5f5f5;background:var(--figma-color-surface-variant,#f5f5f5);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.order-status.open{background:#e3f2fd;background:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2)}.seat{font-style:normal;font-weight:400;font-size:12px;line-height:20px;letter-spacing:.01em;color:#5e5c5c}.name-tb{display:flex;flex-direction:column;flex:1 1;min-width:0}.order-time{font-style:normal;font-size:11px;line-height:16px;letter-spacing:.01em;color:#856404;color:var(--figma-color-warning-dark,#856404);background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd);padding:2px 6px;border-radius:4px;border-radius:var(--figma-border-radius-sm,4px);margin-top:4px;display:inline-block;align-self:flex-start}.order-time.no-order-info{color:#999;color:var(--figma-color-text-tertiary,#999);background:#f0f0f0;background:var(--figma-color-border-light,#f0f0f0)}.order-status{font-style:normal;line-height:16px;letter-spacing:.01em;padding:4px 8px;border-radius:var(--figma-border-radius-md,8px);margin-top:4px;display:inline-block;text-transform:none}.noti-table{max-width:385px}.notification-date-section{padding:16px 24px 8px;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px) var(--figma-spacing-sm,8px)}.notification-date-label{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-weight:400;color:#888;color:var(--figma-color-text-secondary,#888)}.title-noti{margin:0;font-family:"Poppins",sans-serif;font-family:var(--figma-font-heading-family,"Poppins"),sans-serif;font-style:normal;padding-right:10px;padding-right:var(--figma-spacing-sm,10px);font-weight:600;font-weight:var(--figma-font-heading-weight,600);font-size:20px;font-size:var(--figma-font-heading-size,20px);letter-spacing:.01em;letter-spacing:var(--figma-font-heading-letter-spacing,.01em);color:#181616;color:var(--figma-color-text-primary,#181616)}.notice-item{padding:16px;padding:var(--figma-spacing-md,16px);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--figma-color-border,#e5e5e5);cursor:pointer;transition:background-color .2s ease}.notice-item:hover{background-color:#f9f9f9;background-color:var(--figma-color-surface-variant,#f9f9f9)}.notice-item.unseen{background-color:#fffbfb;background-color:var(--figma-color-surface-variant,#fffbfb)}.notice-item.unseen:hover{background-color:#f5f1f2;background-color:var(--figma-color-surface-variant,#f5f1f2)}.notice-item.seen{background-color:#fff;background-color:var(--figma-color-surface,#fff)}.notice-item.seen:hover{background-color:#f9f9f9;background-color:var(--figma-color-surface-variant,#f9f9f9)}.notification-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.notification-item-header{margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px)}.notification-header,.notification-item-header{display:flex;justify-content:space-between;align-items:center}.notification-header{padding:24px 24px 0;padding:var(--figma-spacing-lg,24px) var(--figma-spacing-lg,24px) 0}.notification-actions .btn{height:32px;padding:0 16px;padding:0 var(--figma-spacing-md,16px);font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500)}.call-staff-title{background:#fff8f3;background:var(--figma-color-warning-light,#fff8f3);color:#e67e22;color:var(--figma-color-warning-dark,#e67e22);path[fill]{fill:#e67e22!important;fill:var(--figma-color-warning-dark,#e67e22)!important}path[stroke]{stroke:#e67e22!important;stroke:var(--figma-color-warning-dark,#e67e22)!important}}.call-staff-title,.ordering-title{display:flex;align-items:center;font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500);grid-gap:4px;gap:4px;grid-gap:var(--figma-spacing-xs,4px);gap:var(--figma-spacing-xs,4px);width:-moz-fit-content;width:fit-content;padding:4px 12px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,12px);border-radius:8px;white-space:nowrap}.ordering-title{color:#5a9fd4;color:var(--figma-color-info-dark,#5a9fd4)}.notice-name{font-weight:600;font-size:14px;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-bottom:4px;margin-bottom:var(--figma-spacing-xs,4px);text-overflow:ellipsis;overflow:hidden;line-height:1.4}.notice-des,.notice-name{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-style:normal}.notice-des{font-weight:400;font-size:13px;color:rgba(43,26,34,.7);color:var(--figma-color-text-secondary,rgba(43,26,34,.7));margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px);line-height:1.5}.notice-time{display:flex;align-items:center;font-family:"Poppins",sans-serif;font-family:var(--figma-font-caption-family,"Poppins"),sans-serif;font-style:normal;font-weight:400;font-weight:var(--figma-font-caption-weight,400);font-size:12px;font-size:var(--figma-font-caption-size,12px);letter-spacing:.01em;letter-spacing:var(--figma-font-caption-letter-spacing,.01em);color:var(--borderColor);color:var(--figma-color-text-secondary,var(--borderColor));white-space:nowrap}.notice-time .dot-notifi{display:block;width:6px;width:var(--figma-spacing-xs,6px);height:6px;height:var(--figma-spacing-xs,6px);background-color:#55a3dc;background-color:var(--figma-color-primary,#55a3dc);border-radius:50%;margin-right:8px;margin-right:var(--figma-spacing-sm,8px)}.notice-detail{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#5e5c5c}.total-des{display:flex;flex-direction:column}.view:hover{background:rgba(255,41,41,.16)}.recent-table .MuiTableHead-root{background-color:#f8f8fd}.recent-table{margin-top:10px;border:1px solid #e5e5e5;box-sizing:border-box;border-radius:5px}.recent-table .MuiPaper-root{box-shadow:none}.color-name-table-by-status{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.016em;color:#207800}.color-name-table-by-status-unpaid{color:#ff2929}.color-time-joined{font-weight:400;color:#5e5c5c}.color-amount,.color-time-joined{font-family:"Poppins",sans-serif;font-style:normal;font-size:16px;line-height:24px}.color-amount{font-weight:500;color:#474445}.title-top{display:flex;justify-content:space-between}.MuiTableRow-root .col-dashboard-img-name img,.MuiTableRow-root .col-dashboard-img-name svg{width:24px;height:24px;object-fit:cover;border-radius:50%;margin-right:8px}.MuiTableRow-root .col-dashboard-img-name span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.MuiTableRow-root .wrapper-table-staff-loading{display:flex}.MuiTableRow-root .wrapper-table-staff-loading span{margin-right:8px}.stt .MuiSkeleton-root{margin-left:auto}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:32px;border-radius:16px;width:400px;text-align:center;margin:0 auto}.modal-content h3{font-size:20px;font-weight:600;margin-bottom:16px;color:#2b1a22}.modal-content p{font-size:14px;color:#5e5c5c;margin-bottom:24px;padding:0 16px}.wrapper-form-action{display:flex!important;justify-content:center;width:100%;margin-top:24px;padding-top:16px}.wrapper-form-action button{flex:1 1;max-width:160px;min-height:44px;height:44px;border-radius:100px!important;font-family:"Poppins",sans-serif!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important}.wrapper-form-action button.btn-no-background{background-color:#fff!important;color:#e64c7a!important;border:1.5px solid #e64c7a!important}.wrapper-form-action button.btn-no-background:hover{background-color:#fdf2f8!important;color:#e64c7a!important;border-color:#e64c7a!important}.wrapper-form-action button:not(.btn-no-background){background-color:#e64c7a!important;color:#fff!important;border:1px solid #e64c7a!important}.wrapper-form-action button:not(.btn-no-background):hover{background-color:#be185d!important;color:#fff!important;border-color:#be185d!important}.notification-actions{display:flex;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px);align-items:center}.tooltip-container{position:relative;display:inline-block}.notification-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;padding:var(--figma-spacing-sm,8px);border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);background:#fff;background:var(--figma-color-surface,#fff);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);cursor:pointer;transition:all .2s ease;width:36px;height:36px}.notification-action-btn:hover{background:#fdf2f8;background:var(--figma-color-primary-light,#fdf2f8);border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.notification-action-btn:disabled{opacity:.5;cursor:not-allowed;background:#fff;background:var(--figma-color-surface,#fff);border-color:#e5e5e5;border-color:var(--figma-color-border,#e5e5e5);color:#9e9e9e;color:var(--figma-color-text-tertiary,#9e9e9e)}.notification-action-btn svg{width:18px;height:18px;flex-shrink:0}.mark-read-btn:hover svg{color:#52c41a;color:var(--figma-color-success,#52c41a)}.delete-all-btn:hover svg{color:#ff4d4f;color:var(--figma-color-error,#ff4d4f)}.custom-tooltip{bottom:-40px;background:#2b1a22;background:var(--figma-color-text-primary,#2b1a22);color:#fff;color:var(--figma-color-text-on-primary,#fff);padding:4px 8px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-sm,8px);border-radius:8px;border-radius:var(--figma-border-radius-sm,8px);font-family:"Poppins";font-family:var(--figma-font-caption-family,"Poppins");font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500);line-height:16px;line-height:var(--figma-font-caption-line-height,16px);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-elevation-2,0 4px 12px rgba(0,0,0,.15));pointer-events:none}.custom-tooltip,.custom-tooltip:before{position:absolute;left:50%;transform:translateX(-50%)}.custom-tooltip:before{content:"";top:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #2b1a22;border-bottom:4px solid var(--figma-color-text-primary,#2b1a22)}.tooltip-container:hover .custom-tooltip{opacity:1;visibility:visible}.tooltip-container:disabled .custom-tooltip{opacity:0;visibility:hidden}@media (max-width:768px){.bottom-view,.top-view{flex-direction:column}.recentorder{width:100%}.notification{display:none}.empoverview,.table-overview{width:100%}.order-table{flex-direction:column}.order-sub{width:100%!important;margin-right:0}}.content-tag span{display:inline-block;min-width:110px;border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-style:normal;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);white-space:nowrap;text-align:center;letter-spacing:-.0075em}.content-tag .content-tag-inner{display:inline-flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px}.content-tag .status-icon,.content-tag .tag-status-icon{flex-shrink:0;width:16px;height:16px}.figma-dropdown-wrapper{position:relative;display:inline-block;width:100%;min-width:200px;max-width:320px}.figma-dropdown-wrapper.disabled{opacity:.6;cursor:not-allowed}.figma-dropdown-trigger{width:100%;height:44px;background:#fff;cursor:pointer;outline:none;box-sizing:border-box;font-family:"Poppins",sans-serif;font-size:14px;font-weight:500;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.figma-dropdown-trigger,.figma-dropdown-trigger.form-control{display:flex;align-items:center;justify-content:space-between;padding:0 24px}.figma-dropdown-trigger.form-control.open,.figma-dropdown-trigger.form-control:focus,.figma-dropdown-trigger.open,.figma-dropdown-trigger:focus{border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a)}.figma-dropdown-text{font-family:"Poppins",sans-serif;font-size:14px;font-weight:500;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);line-height:20px;flex:1 1;text-align:left;overflow:hidden}.trigger-content{width:100%;display:flex;align-items:center;justify-content:flex-start}.figma-dropdown-arrow{display:flex;align-items:center;margin-left:8px}.figma-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:#fff;background:var(--neutral-surface-bright,#fff);border-radius:16px;box-shadow:0 4px 24px rgba(230,76,122,.1);max-height:300px;overflow-y:auto;padding:8px 0;min-width:100%;flex-direction:column}.figma-dropdown-menu,.figma-dropdown-option{border:none;display:flex;grid-gap:8px;gap:8px}.figma-dropdown-option{align-items:center;align-self:stretch;padding:8px 12px;font-family:Poppins,sans-serif;font-family:var(--figma-font-body-family,Poppins),sans-serif;font-size:16px;font-size:var(--figma-font-body-size,16px);font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);background:transparent;cursor:pointer;transition:color .2s,background .2s,font-weight .2s;text-align:left;border-radius:0;width:100%}.option-content{display:flex;flex-direction:column;align-items:flex-start;width:100%}.option-name{font-weight:400;font-size:16px;margin-bottom:2px;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.option-description{font-size:12px;font-weight:400;color:#666;font-style:normal}.figma-dropdown-option.selected,.figma-dropdown-option:hover:not(.selected){color:#e64c7a;color:var(--figma-color-primary,#e64c7a);background:rgba(230,76,122,.05);background:var(--figma-color-primary-light,rgba(230,76,122,.05));font-weight:500;font-weight:var(--figma-font-body-weight-bold,500)}.figma-dropdown-option:last-child{margin-bottom:0}@media (max-width:600px){.figma-dropdown-wrapper{min-width:120px;max-width:100%}.figma-dropdown-trigger{height:40px;padding:0 12px;font-size:15px}.figma-dropdown-text{font-size:15px}.figma-dropdown-option{padding:8px 12px;font-size:15px}}.figma-dropdown-menu::-webkit-scrollbar{width:6px}.figma-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;background:var(--figma-color-surface,#f1f1f1);border-radius:3px}.figma-dropdown-menu::-webkit-scrollbar-thumb{background:#e5e5e5;background:var(--figma-color-border,#e5e5e5);border-radius:3px}.figma-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#bdbac4;background:var(--figma-color-text-tertiary,#bdbac4)}.content-table-top{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.table-title{font-style:normal}.menu-item{display:flex;align-items:center}.search-bar{display:inline-block;width:320px;height:40px;padding:10px 12px 10px 40px;border:1px solid #d7c1c3;border:1px solid var(--neutral-outline-variant,#d7c1c3);outline:none;border-radius:20px;font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.search-bar,.search-bar:focus{background:#fffbfb;background:var(--input-field-background-color,#fffbfb);transition:all .2s ease}.search-bar:focus{border:1px solid var(--figma-color-primary,var(--backgroundBtn));box-shadow:0 0 0 3px rgba(230,76,122,.1);box-shadow:0 0 0 3px var(--figma-color-primary-light,rgba(230,76,122,.1))}.search-bar:-ms-input-placeholder{color:rgba(43,26,34,.5);color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))}.search-bar::placeholder{color:rgba(43,26,34,.5);color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))}.icon-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(43,26,34,.5);color:var(--figma-color-text-tertiary,rgba(43,26,34,.5));cursor:pointer;display:flex;align-items:center;pointer-events:none;z-index:2}.wrapper-filter{position:relative}.filter-dropdown-select,.filter-dropdown-select .control-select{min-width:160px}.figma-enhanced-dropdown .control-select{min-width:160px;height:40px}.figma-enhanced-dropdown .default-select{height:40px;background-color:#fff;background-color:var(--dropdown-background,var(--figma-color-surface,#fff));border-radius:8px;border-radius:var(--dropdown-border-radius,var(--figma-border-radius-md,8px));transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))}.figma-enhanced-dropdown .default-select,.figma-enhanced-dropdown .default-select .MuiSelect-select{font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400)}.figma-enhanced-dropdown .default-select .MuiSelect-select{padding:8px 12px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,12px);color:#2b1a22;color:var(--dropdown-text,var(--figma-color-text-primary,#2b1a22));line-height:20px;line-height:var(--figma-font-body-line-height,20px);min-height:20px;display:flex;align-items:center}.figma-enhanced-dropdown .default-select .MuiSelect-select:focus{background-color:transparent}.figma-enhanced-dropdown .default-select .MuiOutlinedInput-notchedOutline{border:1px solid #e5e5e5;border:1px solid var(--dropdown-border,var(--figma-color-border,#e5e5e5));border-radius:8px;border-radius:var(--dropdown-border-radius,var(--figma-border-radius-md,8px));transition:all .2s cubic-bezier(.4,0,.2,1)}.figma-enhanced-dropdown .default-select:hover .MuiOutlinedInput-notchedOutline{border:1px solid #e64c7a;border:1px solid var(--dropdown-hover-border,var(--figma-color-primary,#e64c7a));box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:var(--figma-shadow-elevation-2,0 1px 5px rgba(0,0,0,.2))}.figma-enhanced-dropdown .default-select.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid #e64c7a;border:1px solid var(--dropdown-hover-border,var(--figma-color-primary,#e64c7a));box-shadow:0 0 0 3px rgba(230,76,122,.1);box-shadow:0 0 0 3px var(--dropdown-focus-shadow,var(--figma-color-primary-light,rgba(230,76,122,.1)))}.figma-enhanced-dropdown .default-select .MuiSelect-icon{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.figma-enhanced-dropdown .default-select:hover .MuiSelect-icon{color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.figma-enhanced-dropdown .default-select.Mui-focused .MuiSelect-icon{color:#e64c7a;color:var(--figma-color-primary,#e64c7a);transform:rotate(180deg)}.figma-enhanced-dropdown .MuiPaper-root{background-color:#fff;background-color:var(--figma-color-surface,#fff);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:var(--dropdown-shadow,var(--figma-shadow-elevation-2,0 4px 12px rgba(0,0,0,.15)));border:1px solid hsla(0,0%,89.8%,.5);border:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));margin-top:4px;margin-top:var(--figma-spacing-xs,4px);max-height:300px;overflow-y:auto}.figma-enhanced-dropdown .MuiMenuItem-root{padding:8px 12px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,12px);font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);min-height:40px;display:flex;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.figma-enhanced-dropdown .MuiMenuItem-root.Mui-selected,.figma-enhanced-dropdown .MuiMenuItem-root:hover{background-color:rgba(230,76,122,.1);background-color:var(--figma-color-primary-light,rgba(230,76,122,.1));color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.figma-enhanced-dropdown .MuiMenuItem-root.Mui-selected{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600)}.figma-enhanced-dropdown .MuiMenuItem-root.Mui-selected:hover{background-color:rgba(230,76,122,.15);background-color:var(--figma-color-primary-light,rgba(230,76,122,.15))}@media (max-width:768px){.figma-enhanced-dropdown,.filter-dropdown-select{min-width:120px}.figma-enhanced-dropdown .default-select .MuiSelect-select{padding:4px 8px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-sm,8px);font-size:13px}}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.figma-enhanced-dropdown .MuiPaper-root{animation:dropdown-fade-in .2s cubic-bezier(.4,0,.2,1)}.filter-dropdown-select .default-select{height:40px;background-color:#fff;background-color:var(--figma-color-surface,#fff);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);transition:all .2s ease}.filter-dropdown-select .default-select,.filter-dropdown-select .default-select .MuiSelect-select{font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif}.filter-dropdown-select .default-select .MuiSelect-select{padding:8px 12px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,12px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.filter-dropdown-select .default-select .MuiOutlinedInput-notchedOutline{border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:8px;border-radius:var(--figma-border-radius-md,8px)}.filter-dropdown-select .default-select:hover .MuiOutlinedInput-notchedOutline{border:1px solid var(--figma-color-primary,var(--backgroundBtn))}.filter-dropdown-select .default-select.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid var(--figma-color-primary,var(--backgroundBtn));box-shadow:0 0 0 3px rgba(230,76,122,.1);box-shadow:0 0 0 3px var(--figma-color-primary-light,rgba(230,76,122,.1))}.content-table-bottom{margin:24px 0;margin:var(--figma-spacing-lg,24px) 0}.wrapper-table-avatar{display:flex;align-items:center}.wrapper-table-avatar img{display:inline-block;width:24px;width:var(--figma-spacing-lg,24px);height:24px;height:var(--figma-spacing-lg,24px);object-fit:cover;border-radius:50%;margin-right:8px;margin-right:var(--figma-spacing-sm,8px)}.wrapper-table-avatar span{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:14px;color:var(--colorTextMain)}.wrapper-table-dot-action{position:relative}.wrapper-modal-fixed-table{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:97}.wrapper-modal-action{position:absolute;top:30px;right:70%;width:156px;background:#fff;box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);border-radius:16px;z-index:98;overflow:hidden}.wrapper-action{display:flex;align-items:center;cursor:pointer;padding:9px 16px;border-bottom:1px solid #eeedf0;color:#212121}.wrapper-action:hover{background:rgba(33,33,33,.1)}.wrapper-action:last-child{border-bottom:none}.action-icon{margin-right:8px;color:#212121}.action-des,.action-icon{display:flex;align-items:center}.action-des{font-style:normal;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.1px}.btn.button-add-table{color:#fff!important;border:1px solid #e64c7c!important;background-color:#e64c7c!important;border-radius:100px!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif!important;font-weight:500!important;font-size:14px!important;padding:8px 24px!important;text-transform:none!important;height:40px!important;cursor:pointer;transition:all .2s ease;box-shadow:none!important;display:flex!important;align-items:center!important;grid-gap:8px!important;gap:8px!important}.btn.button-add-table:hover{background-color:#c44569!important;border-color:#c44569!important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.wrapper-table-head{display:flex;align-items:center;cursor:pointer}.wrapper-table-head span{display:inline-block;margin-right:4px}.wrapper-table-head svg{width:16px;height:16px}.MuiTableCell-root .icon-row-up{font-size:15px;color:rgba(43,26,34,.3)}.MuiPagination-ul li .Mui-selected{background-color:#f8f8fd;color:#4285f4}.table-delete-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:32px;border-radius:16px}.table-delete-modal .table-modal-description{margin:12px 0 24px}.wrapper-table-list-item{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;grid-gap:var(--figma-spacing-lg,24px);gap:var(--figma-spacing-lg,24px);margin-top:16px;margin-top:var(--figma-spacing-md,16px)}.wrapper-table-item{background:#fff;background:var(--figma-color-surface,#fff);box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:var(--figma-shadow-card,0 2px 8px rgba(0,0,0,.1));border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding:20px;padding:var(--figma-spacing-lg,20px);border:1px solid hsla(0,0%,89.8%,.5);border:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));transition:all .2s ease;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content}.wrapper-table-item-inactive{opacity:.5;filter:grayscale(.1)}.wrapper-table-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-elevation-2,0 4px 12px rgba(0,0,0,.15));transform:translateY(-2px)}.item-table-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px)}.inactive-badge{font-size:12px;font-weight:600;color:#b54b5a;background:rgba(181,75,90,.12);border-radius:100px;padding:2px 10px;margin-left:8px;text-transform:uppercase}.item-table-top .d-flex{display:flex;align-items:center}.item-table-top .MuiSwitch-root{margin-right:8px}.item-table-status{margin-bottom:28px}.item-table-status span{border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-style:normal;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);letter-spacing:-.0075em;text-transform:capitalize}.item-table-Available-status span,.item-table-Shown-status span{background-color:#f8f8fd;color:#8c8a8b}.item-table-Available-status span,.item-table-Join-status span,.item-table-Shown-status span{border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);text-transform:capitalize;letter-spacing:-.0075em}.item-table-Join-status span{background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.item-table-Ordered-status span{background-color:#e3f2fd;background-color:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);text-transform:capitalize;letter-spacing:-.0075em}.item-table-Hidden-status span,.item-table-Unavailable-status span{background-color:#f5f5f5;background-color:var(--figma-color-surface-variant,#f5f5f5);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.item-table-Hidden-status span,.item-table-Ordering-status span,.item-table-Unavailable-status span{border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);text-transform:capitalize;letter-spacing:-.0075em}.item-table-Ordering-status span{background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.item-table-WaitToConfirm-status span{background-color:#f8e6ec;background-color:var(--figma-color-primary-light,#f8e6ec);color:#c44569;color:var(--figma-color-primary-dark,#c44569)}.item-table-WaitForPayment-status span,.item-table-WaitToConfirm-status span{border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);text-transform:capitalize;letter-spacing:-.0075em}.item-table-WaitForPayment-status span{background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.item-table-Delivering-status span{background-color:#e3f2fd;background-color:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);text-transform:capitalize;letter-spacing:-.0075em}.item-table-name{color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);font-size:18px;font-size:var(--figma-font-title-size,18px);font-weight:600;font-weight:var(--figma-font-title-weight,600);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-title-family,var(--fontFamilyMain)),sans-serif;line-height:24px;line-height:var(--figma-font-title-line-height,24px);text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center}.item-table-name span:first-child{margin-right:4px;margin-right:var(--figma-spacing-xs,4px);font-weight:400;font-weight:var(--figma-font-body-weight,400)}.item-table-name span:last-child{font-weight:600;font-weight:var(--figma-font-title-weight,600)}.item-table-seat{display:flex;align-items:center;margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px)}.item-table-seat span{color:rgba(43,26,34,.7);color:var(--figma-color-text-secondary,rgba(43,26,34,.7));font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif}.item-table-seat span:first-child{font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:500;font-weight:var(--figma-font-body-weight,500);margin-right:4px;margin-right:var(--figma-spacing-xs,4px)}.item-table-seat span:last-child{font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:400;font-weight:var(--figma-font-caption-weight,400)}.item-table-seat svg{margin-right:4px}.status-table{padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:-moz-fit-content;width:fit-content;max-width:100%;font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;text-transform:capitalize;letter-spacing:-.0075em}.status-table.Hidden,.status-table.Occupied{background:#f5f5f5;background:var(--figma-color-surface-variant,#f5f5f5);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.status-table.Available,.status-table.Shown{background:#f5f5f5;background:var(--figma-color-surface-variant,#f5f5f5);color:#666;color:var(--figma-color-text-secondary,#666)}.status-table.Join,.status-table.Open{background:#e3f2fd;background:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2)}.status-table.Ordering{background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.status-table.Ordered,.status-table.WaitToConfirm{background:#f8e6ec;background:var(--figma-color-primary-light,#f8e6ec);color:#c44569;color:var(--figma-color-primary-dark,#c44569)}.status-table.WaitForPayment{background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.status-table.Delivering{background:#e3f2fd;background:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2)}.status-table.Inactive{opacity:1}.status-table.Inactive span{opacity:.5}.item-table-assign{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:18px;color:#5e5c5c;margin-bottom:4px}.item-table-info-staff{display:flex;align-items:center;margin-top:32px;margin-top:var(--figma-spacing-xl,32px);justify-content:space-between}.item-table-info-staff .info{display:flex}.item-table-info-staff img{display:block;width:24px;width:var(--figma-spacing-lg,24px);height:24px;height:var(--figma-spacing-lg,24px);object-fit:cover;border-radius:50%;margin-right:8px;margin-right:var(--figma-spacing-sm,8px)}.item-table-info-staff p{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-style:normal;font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:14px;font-size:var(--figma-font-body-size,14px);line-height:20px;line-height:var(--figma-font-body-line-height,20px);color:var(--colorTextMain);color:var(--figma-color-text-primary,var(--colorTextMain));overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.item-table-collective-mode{margin-top:32px;margin-top:var(--figma-spacing-xl,32px);justify-content:space-between}.collective-mode-label,.item-table-collective-mode,.item-table-view{display:flex;align-items:center}.item-table-view{justify-content:flex-end;cursor:pointer;margin-top:8px;margin-top:var(--figma-spacing-sm,8px);padding:4px 0;padding:var(--figma-spacing-xs,4px) 0;transition:all .2s ease}.item-table-view:hover{opacity:.8}.item-table-view p{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);line-height:16px;line-height:var(--figma-font-caption-line-height,16px);text-align:center;color:var(--backgroundBtn);color:var(--figma-color-primary,var(--backgroundBtn));margin-right:4px;margin-right:var(--figma-spacing-xs,4px)}.custom-bg-modal-table .MuiBackdrop-root{background-color:rgba(43,26,34,.8)}.wrapper-modal-table{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:526px;padding:36px 60px 60px;background-color:#fff;border-radius:16px;max-height:90vh;overflow-y:auto}.wrapper-modal-table .wrapper-form-action{display:flex!important;grid-gap:16px!important;gap:16px!important;margin-top:20px!important;visibility:visible!important;opacity:1!important}.wrapper-modal-table .form-control-textarea{width:100%;min-height:76px;resize:vertical;border-radius:16px;display:inline-block;border:1.5px solid #e5e5e5;border:1.5px solid var(--borderColor,#e5e5e5);padding:10px 12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.wrapper-modal-table .form-control-textarea:focus{border:1.5px solid #e64c7a;border:1.5px solid var(--colorMain,#e64c7a)}.modal-table-top{margin-bottom:30px}.wrapper-modal-table-loading{display:flex;justify-content:center;align-items:center}.select-wrapper-table .MuiSelect-select{padding:0;font-size:14px}.select-wrapper-table .MuiOutlinedInput-root{border-radius:24px}.select-wrapper-table .MuiOutlinedInput-notchedOutline{display:none}.menu-item .MuiButton-root{height:36px;border-radius:18px;text-transform:none;font-family:var(--fontFamilyMain),sans-serif;font-size:14px;font-weight:500}.menu-item .MuiButton-outlined{border:1.5px solid;padding:8px 16px}.wrapper-modal-table.clear-orders-modal{width:1000px!important;max-height:80vh!important;overflow:visible;padding:24px 40px!important;display:flex;flex-direction:column}.wrapper-modal-table.clear-orders-modal .modal-table-top{margin-bottom:20px;flex-shrink:0}.wrapper-modal-table.clear-orders-modal .MuiTableContainer-root{max-height:calc(80vh - 200px);overflow-y:auto;flex:1 1}.wrapper-modal-table.clear-orders-modal .wrapper-form-action{margin-top:20px;padding-top:20px;border-top:none;flex-shrink:0;min-height:60px!important;position:relative!important;z-index:9999!important;display:flex!important;grid-gap:16px!important;gap:16px!important;visibility:visible!important;opacity:1!important;justify-content:flex-end!important}.wrapper-modal-table.clear-orders-modal .MuiTableCell-head{font-family:var(--fontFamilyMain),sans-serif;font-weight:500;color:#212121}.wrapper-modal-table.clear-orders-modal .MuiTableCell-body{font-family:var(--fontFamilyMain),sans-serif}.wrapper-modal-table-action{margin-top:24px;text-align:center}.wrapper-modal-table-action .button-filter-table{margin-right:16px}.wrapper-modal-table-action .button-add-table:disabled{background-color:#dcdcdc;border-color:#dcdcdc;color:#5e5c5c}.table-order-history{margin-top:32px}.table-order-history .section-title{font-size:18px;font-weight:600;color:#2b1a22;margin-bottom:16px;text-transform:capitalize}.table-order-history .order-time{font-size:14px;font-weight:500;color:#2b1a22}.table-order-history .text-secondary{color:#5e5c5c;font-size:13px;margin-top:2px}.table-order-history .MuiTableCell-head{background-color:#f8f8fd;font-weight:500;color:#2b1a22;text-transform:capitalize}.table-order-history .MuiTableRow-root:hover{background-color:#f8f8fd}.status-change-confirm{min-width:250px;background:#fff!important;box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15)!important;border-radius:16px!important;padding:16px!important}.status-change-confirm h4{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#2b1a22;margin:0 0 8px}.status-change-confirm .MuiButton-root{text-transform:none;font-family:var(--fontFamilyMain),sans-serif;font-weight:500;font-size:14px;padding:6px 16px;min-width:64px}.status-change-confirm .MuiButton-root:first-of-type{color:#5e5c5c}.status-change-confirm .MuiButton-root:last-of-type{color:var(--backgroundBtn)}.table-header-row{display:flex;justify-content:space-between;align-items:center;grid-gap:24px;gap:24px}.header-actions{display:flex;align-items:center;grid-gap:16px;gap:16px}.table-filter-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.filter-group{display:flex;grid-gap:16px;gap:16px;align-items:center}.clear-btn-group .MuiButton-root{border-radius:9999px!important;border:2px solid #e64c7a!important;border:2px solid var(--figma-color-primary,#e64c7a)!important;color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important;font-family:Poppins,sans-serif!important;font-family:var(--figma-font-body-family,Poppins),sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:uppercase!important;padding:8px 24px!important;background:transparent!important;box-shadow:none!important;letter-spacing:.5px!important;height:40px!important;min-width:120px!important;display:flex!important;align-items:center!important;grid-gap:8px!important;gap:8px!important}.figma-pill-btn{border-radius:9999px;border:2px solid #e64c7a;color:#e64c7a;color:var(--figma-color-primary,#e64c7a);font-family:Poppins,sans-serif;font-family:var(--figma-font-body-family,Poppins),sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;padding:8px 24px;background:transparent;box-shadow:none;letter-spacing:.5px;height:40px;min-width:120px;display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;outline:none;border:2px solid var(--figma-color-primary,#e64c7a)}.wrapper-content{padding-left:32px;padding-left:var(--figma-spacing-xl,32px);padding-right:32px;padding-right:var(--figma-spacing-xl,32px)}.call-staff-btn{border-radius:50%;width:32px;height:32px;background:#f57417;border:none;display:flex;justify-content:center;align-items:center;box-shadow:-2px 2px 8px 0 rgba(191,115,115,.25098039215686274);padding:4px;path{fill:#fff!important}path:nth-of-type(3){fill:none!important}path[stroke]{stroke:#fff!important}}.exit-kitchen-modal-wrap{display:flex;align-items:center;justify-content:center;padding:16px}.exit-kitchen-modal{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:100%;outline:none;box-shadow:0 4px 20px rgba(0,0,0,.15)}.exit-kitchen-modal-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}.exit-kitchen-modal-description{color:#666;font-size:.9375rem;margin:0 0 20px}.exit-kitchen-password-input{margin-bottom:20px}.exit-kitchen-modal-actions{display:flex;grid-gap:12px;gap:12px;justify-content:flex-end}.btn-exit-kitchen-cancel,.btn-exit-kitchen-confirm{min-width:88px;min-height:44px}.owner-access-gate{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center}.owner-access-gate-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);pointer-events:none}.country-code-selector{width:100%}.phone-input-container{display:flex;align-items:stretch;border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);border-radius:8px;border-radius:var(--figma-border-radius-pill,8px);overflow:visible;background:#fff;background:var(--figma-color-surface,#fff);position:relative;height:44px;transition:border-color .2s ease}.phone-input-container:hover{border-color:#fdf2f8;border-color:var(--figma-color-primary-light,#fdf2f8)}.phone-input-container:focus-within{border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a)}.country-selector{position:relative;min-width:120px;z-index:10;display:flex;flex-direction:column}.country-selector-button{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 12px;padding:var(--figma-spacing-sm,10px) var(--figma-spacing-md,12px);background:#fff;background:var(--figma-color-surface,#fff);border:none;border-right:1px solid #e5e5e5;border-right:1px solid var(--figma-color-border,#e5e5e5);cursor:pointer;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);transition:all .2s ease;width:100%;height:100%;min-height:40px;white-space:nowrap;overflow:hidden;position:relative;border-radius:8px 0 0 8px;border-radius:var(--figma-border-radius-pill,8px) 0 0 var(--figma-border-radius-pill,8px)}.country-selector-button:hover{transform:none;box-shadow:none}.country-selector-button:focus,.country-selector-button:hover{background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd)}.country-selector-button:focus{outline:none}.country-selector-button.active{background:#fdf2f8;background:var(--figma-color-primary-light,#fdf2f8);border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.country-flag{font-size:16px}.country-dial-code{font-weight:600;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.dropdown-arrow{font-size:10px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);transition:transform .2s ease}.country-selector-button:hover .dropdown-arrow{transform:rotate(180deg)}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1001;max-height:300px;overflow:hidden;min-width:250px}.search-container{padding:12px;border-bottom:1px solid #e9ecef}.country-search{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;outline:none}.country-search:focus{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);box-shadow:0 0 0 2px rgba(230,76,122,.25)}.country-list{max-height:250px;overflow-y:auto}.country-option{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;transition:all .2s ease;border:none;border-bottom:1px solid #f0f0f0}.country-option:hover{background:#f8f9fa;transform:translateX(2px)}.country-option.selected{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);color:#fff;font-weight:600}.country-option.selected .country-dial-code,.country-option.selected .country-name{color:#fff!important}.country-name{flex:1 1;font-weight:500}.no-results{padding:12px 16px;text-align:center;color:#666;font-style:italic;font-size:14px}.search-results-count{padding:8px 16px;text-align:center;color:#666;font-size:12px;background:#f8f9fa;border-top:1px solid #e9ecef}.phone-input{flex:1 1;padding:10px 12px;padding:var(--figma-spacing-sm,10px) var(--figma-spacing-md,12px);border:none;outline:none;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);border-radius:0 8px 8px 0;border-radius:0 var(--figma-border-radius-pill,8px) var(--figma-border-radius-pill,8px) 0}.phone-input,.phone-input:focus{background:#fff;background:var(--figma-color-surface,#fff)}.phone-input:-ms-input-placeholder{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.phone-input::placeholder{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.phone-format-hint{margin-top:4px;font-size:12px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-style:italic;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif}@media (max-width:768px){.country-selector{min-width:100px}.country-selector-button{padding:10px 12px;font-size:13px}.country-flag{font-size:14px}.phone-input{padding:10px 12px;font-size:13px}.country-dropdown{max-height:250px}.country-list{max-height:200px}}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:#f1f1f1}.country-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-modal-content{padding:20px 0}.profile-section-title{font-family:"Poppins",sans-serif;font-weight:600;font-size:16px;color:var(--neutral-on-light-surface);margin:0 0 20px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.profile-avatar-wrapper{cursor:pointer;position:relative}.profile-avatar{width:80px;height:80px;border-radius:50%;position:relative;overflow:hidden;border:3px solid #007bff;border:3px solid var(--primary-color,#007bff);display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1/1}.profile-avatar-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.profile-avatar-placeholder{background:#007bff;background:var(--primary-color,#007bff);font-family:"Poppins",sans-serif;font-weight:600;font-size:24px;color:#fff}.profile-avatar-overlay,.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-avatar-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay svg{width:20px;height:20px;fill:#fff}.profile-uploading-text{font-family:"Poppins",sans-serif;font-size:12px;color:#007bff;color:var(--primary-color,#007bff);margin-top:8px;text-align:center}.profile-email-display{margin-bottom:24px}.profile-email-field{padding:16px;padding:var(--figma-spacing-md,16px);background:#fffbfb;background:var(--figma-color-surface-variant,#fffbfb);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);margin-top:8px;margin-top:var(--figma-spacing-sm,8px)}.profile-field-label{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-bottom:0;display:block}.profile-email-text,.profile-field-label{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px)}.profile-email-text{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-weight:400;font-weight:var(--figma-font-body-weight,400);word-break:break-word}.profile-form-fields{grid-gap:16px;gap:16px;margin-bottom:30px}.profile-form-fields,.profile-phone-field{display:flex;flex-direction:column}.profile-field-help{font-family:"Poppins",sans-serif;font-size:12px;color:#888;color:var(--neutral-secondary-text,#888);margin-top:4px;margin-left:2px;line-height:1.4}.profile-form-actions{display:flex;grid-gap:12px;gap:12px;justify-content:space-between}.profile-form-actions .btn-primary{flex:1 1;min-width:120px}.profile-form-actions .btn-cancel{background:transparent;border:1px solid #666;border:1px solid var(--neutral-on-light-surface,#666);color:#666;color:var(--neutral-on-light-surface,#666);border-radius:100px}.profile-form-actions .btn-cancel:hover{background:#666;background:var(--neutral-on-light-surface,#666);color:#fff}.profile-form-actions .btn-primary{background:#e64c7a!important;background:var(--figma-color-primary,#e64c7a)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;border:1px solid #e64c7a!important;border:1px solid var(--figma-color-primary,#e64c7a)!important;border-radius:8px!important;font-family:"Poppins",sans-serif!important;font-family:var(--figma-font-button-family,"Poppins"),sans-serif!important;font-size:14px!important;font-size:var(--figma-font-button-size,14px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;padding:16px 24px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px)!important;height:44px!important;transition:all .2s ease!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:var(--figma-shadow-button,0 2px 4px rgba(0,0,0,.1))!important;text-transform:none!important;cursor:pointer!important;outline:none!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;grid-gap:8px!important;gap:8px!important;grid-gap:var(--figma-spacing-sm,8px)!important;gap:var(--figma-spacing-sm,8px)!important}.profile-form-actions .btn-primary:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:var(--figma-shadow-elevation-2,0 2px 4px rgba(0,0,0,.1))!important}.profile-form-actions .btn-primary:active{transform:translateY(0);box-shadow:none}.profile-form-actions .btn-primary:focus{outline:none;box-shadow:0 0 0 2px rgba(230,76,122,.2)}.profile-form-actions .btn-primary:disabled{background:#f5f5f5!important;background:var(--figma-color-surface-variant,#f5f5f5)!important;color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important;border:1px solid #e0e0e0!important;border:1px solid var(--figma-color-border,#e0e0e0)!important;border-radius:8px!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@media (max-width:480px){.profile-form-actions{flex-direction:column}.profile-avatar{width:70px;height:70px}.profile-avatar-placeholder{font-size:20px}}.nav-bar{position:fixed;top:0;z-index:99}.nav{width:100%;height:var(--heightHeader);background:#fff;background:var(--figma-color-surface,#fff);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));justify-content:space-between;position:fixed;z-index:1000;padding:0 24px;padding:0 var(--figma-spacing-lg,24px)}.nav,.nav-left{display:flex;align-items:center}.nav-left span,img{display:inline-block}.logo-app{margin-right:16px;margin-right:var(--figma-spacing-md,16px);height:36px;width:36px}.logo-app img{height:100%;width:100%;object-fit:cover;border-radius:4px}.logo-restaurant{width:24px;height:24px;object-fit:cover;margin-right:6px}.title-menu{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-style:normal;font-weight:500;font-weight:var(--figma-font-body-weight,500);font-size:16px;font-size:var(--figma-font-body-size,16px);letter-spacing:-.0075em;letter-spacing:var(--figma-font-body-letter-spacing,-.0075em);color:#6f3552;color:var(--figma-color-primary,#6f3552);flex:none;flex-grow:0}.nav-right{display:flex;align-items:center}.nav-right img{display:inline-block}.notify{margin-right:20px;margin-right:var(--figma-spacing-lg,20px)}.notify svg{cursor:pointer}.admin{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:center;display:block}.wrapper-image-admin{position:relative;cursor:pointer;display:flex;align-items:center}.content-image-admin{position:absolute;top:100%;right:0;background:#fff;background:var(--figma-color-surface,#fff);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding:12px;padding:var(--figma-spacing-md,12px)}.btn-logout{border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);color:var(--backgroundBtn);color:var(--figma-color-primary,var(--backgroundBtn));border:1.5px solid var(--figma-color-primary,var(--backgroundBtn));background-color:#fff;background-color:var(--figma-color-surface,#fff);padding:8px 16px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,16px);cursor:pointer;font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-button-family,var(--fontFamilyMain)),sans-serif;font-size:14px;font-size:var(--figma-font-button-size,14px);font-weight:500;font-weight:var(--figma-font-button-weight,500);transition:all .2s ease}.btn-logout:hover{background-color:var(--backgroundBtn);background-color:var(--figma-color-primary,var(--backgroundBtn));color:#fff;color:var(--figma-color-text-on-primary,#fff);transition:background-color .2s ease}.MuiBadge-badge{color:#fff;background-color:red;right:5px!important;top:5px!important}.box-language{width:80px}.box-language_btn{display:flex;align-items:center;margin-right:20px}.box-language_img{width:30px;height:20px;object-fit:cover;margin-right:8px;border-radius:4px}.box-language_type{color:var(--colorMain)}.popover-language .MuiPopover-paper{margin-left:12px;margin-top:10px;max-height:300px;overflow-y:auto}.popover-language_item{display:flex;align-items:center;padding:8px 12px;margin:4px 0;cursor:pointer}.popover-language_item-active{cursor:default;color:var(--colorMain);background-color:#f5f5f5}.popover-language_img{width:30px;height:20px;object-fit:cover;margin-right:8px;border-radius:4px}.header-popover-buttons{display:flex;flex-direction:column;grid-gap:8px;gap:8px;min-width:150px}.header-popover-buttons .btn-no-background{text-align:center;justify-content:center;padding:8px 16px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,16px);border-radius:8px;transition:background-color .2s ease;font-family:"Poppins",sans-serif;font-family:var(--figma-font-button-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-button-size,14px);font-weight:500;font-weight:var(--figma-font-button-weight,500);height:44px}.header-popover-buttons .btn-no-background:hover{background-color:rgba(230,76,122,.05);background-color:var(--figma-color-primary-light,rgba(230,76,122,.05))}.wrapper-main{padding:8px 8px 0;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-sm,8px) 0;background:#fff0f1;background:var(--figma-color-background,#fff0f1);min-height:100vh}.menu{height:calc(100vh - var(--heightHeader) - 20px);height:calc(100vh - var(--heightHeader) - var(--figma-spacing-sm, 20px));width:var(--widthLeftSidebar);margin-right:8px;margin-right:var(--figma-spacing-sm,8px);margin-top:var(--heightHeader);background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);box-shadow:var(--figma-shadow-card,0 6px 18px rgba(0,0,0,.06));flex-shrink:0;position:fixed;border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding-bottom:10px;box-sizing:border-box;justify-content:space-between}.menu,.menu-sidebar{display:flex;flex-direction:column}.menu-sidebar{overflow-y:auto;padding:24px 0 16px;padding:var(--figma-spacing-lg,24px) 0 var(--figma-spacing-md,16px);grid-gap:4px;gap:4px;grid-gap:var(--figma-spacing-xs,4px);gap:var(--figma-spacing-xs,4px)}.menu-sidebar>div{margin:0 16px;margin:0 var(--figma-spacing-md,16px);padding:0}.app-version{margin:24px 24px 12px;margin:var(--figma-spacing-lg,24px) var(--figma-spacing-lg,24px) 12px;color:rgba(43,26,34,.7);color:var(--figma-color-text-secondary,rgba(43,26,34,.7));font-size:14px;font-size:var(--figma-font-caption-size,14px);font-family:"Poppins",sans-serif;font-family:var(--figma-font-caption-family,"Poppins"),sans-serif;text-align:center}.app-version small{font-size:12px;font-size:var(--figma-font-caption-size,12px);color:rgba(43,26,34,.5);color:var(--figma-color-text-tertiary,rgba(43,26,34,.5));display:block;margin-top:4px;margin-top:var(--figma-spacing-xs,4px)}.item{flex-direction:row;padding:16px 24px;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px);position:relative;width:100%;flex:none;flex-grow:0}.item,.item-sub{display:flex;align-items:center;height:56px;cursor:pointer}.item-name{margin:0}.item-name,.item-name-sub{display:flex;flex-direction:row;align-items:center;padding:0;height:24px;flex:none;flex-grow:0}.item-name-sub{margin-left:38px;white-space:nowrap}.item-ic,.item-icof{width:24px;margin:0}.item-ic,.item-icof,.item-title{height:24px;flex:none;flex-grow:0}.item-title{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;margin-left:16px;margin-left:var(--figma-spacing-md,16px)}.item-title-sub{font-size:14px}.item-title-sub,.item-titleof{font-family:"Poppins",sans-serif;margin:0 12px;font-style:normal;font-weight:400}.item-titleof{height:24px;left:36px;top:0;font-size:16px;line-height:24px;flex:none;flex-grow:0}.item-icon-sidebar{display:flex;justify-content:center;align-items:center}.menu-item-link{color:rgba(43,26,34,.7);color:var(--figma-color-text-secondary,rgba(43,26,34,.7));display:flex;align-items:center;text-decoration:none;margin:0;padding:0;border-radius:8px;border-radius:var(--figma-border-radius-md,8px);transition:all .2s ease;position:relative}.menu-item-link .red-dot{background:var(--colorMain);background:var(--figma-color-primary,var(--colorMain))}.menu-item-link .orange-dot,.menu-item-link .red-dot{width:8px;width:var(--figma-spacing-sm,8px);height:8px;height:var(--figma-spacing-sm,8px);border-radius:50%;position:absolute;right:24px;right:var(--figma-spacing-lg,24px)}.menu-item-link .orange-dot{background:#ff6b35;top:50%;transform:translateY(-50%);z-index:1;animation:pulse 2s infinite}.menu-item-link-active{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important;background-color:#fdf2f8!important;background-color:var(--figma-color-primary-light,#fdf2f8)!important;margin:0;padding:0;border-radius:8px;border-radius:var(--figma-border-radius-md,8px);font-weight:400!important;position:relative}.menu-item-link-active:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:4px;background-color:#e64c7a;background-color:var(--figma-color-primary,#e64c7a);border-radius:0}.menu-item-link-active .item .item-name .item-svg svg path{fill:var(--colorMain)!important;fill:var(--figma-color-primary,var(--colorMain))!important}.menu-item-link-active .item-title{font-family:"Poppins",sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:24px!important}.menu-item-link-active *,.menu-item-link-active .item-svg svg,.menu-item-link-active .item-title{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.menu-item-link-active .item-svg svg{display:block!important;opacity:1!important}.menu-item-link-active .item-svg svg g path,.menu-item-link-active .item-svg svg path{fill:#e64c7a!important;fill:var(--figma-color-primary,#e64c7a)!important}.menu-item-link .item-sub .item-name-sub .item-svg svg path,.menu-item-link .item .item-name .item-svg svg path{fill:rgba(43,26,34,.7);fill:var(--figma-color-text-secondary,rgba(43,26,34,.7))}.menu-item-link-active .rectange,.menu-item-link .rectange{display:none}.item-svg{display:flex;align-items:center}.item-svg svg{width:24px;height:24px}.menu-item-link:hover{background-color:rgba(230,76,122,.05);background-color:var(--figma-color-primary-light,rgba(230,76,122,.05))}.sub{margin-left:59px}.content-layout{width:calc(100% - var(--widthLeftSidebar) - 8px);width:calc(100% - var(--widthLeftSidebar) - var(--figma-spacing-sm, 8px));flex:1 1;display:flex;flex-direction:column;margin-top:var(--heightHeader);margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px);margin-left:calc(var(--widthLeftSidebar) + var(--figma-spacing-sm, 8px));background:#fff0f1;background:var(--figma-color-background,#fff0f1);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px)}.menu-item-sub-active{display:inline-block;background-color:#f8f8fd;background-color:var(--figma-color-surface-variant,#f8f8fd);width:100%}@media (max-width:768px){.menu{width:80px}.item{padding:16px;padding:var(--figma-spacing-md,16px)}.item,.item-name{justify-content:center}.item-title{display:none}.menu-sidebar>div{margin:0 8px;margin:0 var(--figma-spacing-sm,8px)}.app-version{display:none}.content-layout{width:calc(100% - 88px);width:calc(100% - 80px - var(--figma-spacing-sm, 8px));margin-left:88px;margin-left:calc(80px + var(--figma-spacing-sm, 8px))}.menu-item-link .orange-dot{right:8px;right:var(--figma-spacing-sm,8px)}}.warning-setting-currency-dialog .MuiDialog-paperWidthSm{text-align:center;padding:32px}.choose-view{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f6,#ffe8ec);padding:24px}.choose-view-content{max-width:720px;width:100%;text-align:center}.choose-view-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.choose-view-subtitle{font-size:1rem;color:#666;margin:0 0 32px}.choose-view-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:560px){.choose-view-cards{grid-template-columns:1fr}}.choose-view-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:28px 24px;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;text-align:center}.choose-view-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.choose-view-card:active{transform:translateY(0)}.choose-view-card-menu{border-color:rgba(196,69,105,.3)}.choose-view-card-menu:hover{border-color:#c44569}.choose-view-card-kitchen{border-color:rgba(46,125,50,.3)}.choose-view-card-kitchen:hover{border-color:#2e7d32}.choose-view-card-icon{font-size:48px!important;margin-bottom:12px}.choose-view-card-menu .choose-view-card-icon{color:#c44569}.choose-view-card-kitchen .choose-view-card-icon{color:#2e7d32}.choose-view-card-label{font-size:1.25rem;font-weight:600;color:#1a1a1a;display:block;margin-bottom:6px}.choose-view-card-desc{font-size:.875rem;color:#666;line-height:1.4}.status{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px}.status-staff-Available{color:#4285f4}.status-staff-Unavailable{color:#495057}.view{height:20px;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:14px;display:flex;margin-left:6px;color:var(--backgroundBtn);margin-top:24px;border:none;background:none}.staff-top{display:flex;align-items:center;justify-content:space-between}.menu-action .menu-item .btn{background:#e54c7a!important;background:var(--accent-pri,#e54c7a)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;border:1px solid #e54c7a!important;border:1px solid var(--accent-pri,#e54c7a)!important;border-radius:100px!important;padding:16px 24px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px)!important;height:40px!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-button-family,var(--fontFamilyMain)),sans-serif!important;font-size:14px!important;font-size:var(--figma-font-button-size,14px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important;box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))!important;transition:all .2s ease!important}.menu-action .menu-item .btn:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:var(--figma-shadow-elevation-2,0 2px 4px rgba(0,0,0,.1))!important}.staff-title{font-style:normal;font-weight:400;color:#000;font-size:20px;line-height:32px;letter-spacing:.01em}.form-search{margin-left:44px;position:relative;display:flex;align-items:center}.form-search .icon-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(43,26,34,.5);display:flex;align-items:center;pointer-events:none;z-index:2}.search-ip{display:inline-block;width:320px;padding:10px 12px 10px 40px;line-height:20px;border:1px solid #d7c1c3;border:1px solid var(--neutral-outline-variant,#d7c1c3);outline:none;border-radius:20px;background:#fffbfb;background:var(--input-field-background-color,#fffbfb);font-family:var(--fontFamilyMain),sans-serif;height:40px;transition:all .2s ease}.search-ip:focus{border:1px solid #e64c7a;border:1px solid var(--backgroundBtn,#e64c7a);box-shadow:0 0 0 3px rgba(230,76,122,.1)}.wrapper-list-staff{display:flex;flex-wrap:wrap;grid-row-gap:24px;row-gap:24px;grid-column-gap:24px;column-gap:24px}.staff-item{background:#fff;box-shadow:0 2px 5px rgb(53 63 79/10%),0 3px 5px rgb(53 63 79/15%);border-radius:16px;width:calc(33.33333% - 16px);padding:24px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:1024px){.staff-item{width:calc(50% - 16px)}}@media screen and (max-width:768px){.staff-item{width:calc(100% - 16px)}}.staff-image{position:relative;flex-shrink:0;display:flex;grid-gap:10px;gap:10px}.staff-image-left{width:calc(100% - 60px);display:flex;justify-content:space-between}.avatar,.avtdefault{object-fit:cover;margin:0 0 16px}.avtdefault{width:56px;height:56px}.name-st{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--colorTextMain);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.staff-info,.staff-name{flex-direction:column}.staff-name{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;display:flex;font-size:16px;line-height:24px;color:var(--colorTextMain);flex-shrink:0;width:calc(75% - 16px);overflow:hidden;-webkit-line-clamp:1}.staff-des{display:flex;justify-content:center;background:#eeedf0;height:24px;border-radius:8px}.assign{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:10px;grid-gap:8px;gap:8px}.table-name{padding:4px 8px;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-align:center;letter-spacing:-.0075em;color:var(--colorTextMain);font-family:var(--fontFamilyMain),sans-serif}.staff-price{margin:13px 0 0}.staff-email,.staff-price{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:14px;color:#000}.staff-email{display:flex;align-items:center;margin-top:12px}.staff-email .MuiSkeleton-root{margin-left:8px}.staff-info .item-cook{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;letter-spacing:-.0075em;color:rgba(43,26,34,.7);margin:4px 0;height:30px;flex-shrink:0;display:none;opacity:0;transition:all .5s ease-in-out}.staff-item:hover .item-cook{display:block;opacity:1}.staff-item:hover .staff-action{display:block;background:none;color:#000;border:none;outline:none;transform:translate(218%,-19%)}.staff-action{display:none;transform:translate(218%,-19%)}.a{margin-left:8px}.a,.b{font-family:var(--fontFamilyMain),sans-serif}.b{margin-left:3px}.staff-phone{display:flex;align-items:center;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:14px;margin-top:7px;color:#000}.staff-phone .MuiSkeleton-root{margin-left:8px}.css-1k0gv8u{height:0!important}.wrapper-switch-status{display:flex;align-items:center;margin-top:14px}.switch{display:inline-flex;margin-right:8px}.switch input[type=checkbox]{height:0;width:0;visibility:hidden}.switch input[type=checkbox]:checked+label{background:#4285f4}.switch input[type=checkbox]:checked,.switch input[type=checkbox]:checked+label{border:none}.switch input[type=checkbox]:checked+label:after{top:14%;left:calc(100% - 4px);transform:translateX(-100%);background-color:#fff}.switch label{cursor:pointer;width:52px;height:28px;background:#fff;display:block;border-radius:16px;position:relative;border:1.5px solid rgba(43,26,34,.15)}.switch label:after{content:"";position:absolute;top:12%;left:2px;width:20px;height:20px;background:rgba(43,26,34,.15);border-radius:50%;transition:.3s}.wrapper-modal-fixed-employee{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:97}.wrapper-modal-action-employee{position:absolute;top:9px;right:70%;width:185px;background:#f8f8fd;box-shadow:0 5px 8px rgba(53,63,79,.1),0 8px 13px rgba(53,63,79,.15);border-radius:16px;z-index:98;overflow:hidden}.staff-image img{border-radius:50%;object-fit:cover}.staff-image .wrapper-staff-image svg,.staff-image img{width:56px;height:56px}.employee-birth-day__title{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-transform:capitalize;color:#8c8a8b;margin-bottom:4px}.employee-birth-day .MuiFormControl-root{width:100%}.employee-birth-day .MuiInputBase-root{height:44px;border-radius:8px}.employee-birth-day .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--borderColor)}.employee-birth-day .MuiInputBase-root:focus .MuiOutlinedInput-notchedOutline{border-color:var(--colorMain)!important}.employee-birth-day .MuiInputBase-root input{height:100%;padding-top:0;padding-bottom:0}.password-requirements{margin:8px 0;padding:8px 12px;background-color:#f8f8f8;border-radius:4px;font-size:12px}.password-requirements-title{font-weight:500;margin:0 0 6px;color:#666}.password-requirements-list{list-style-type:none;padding:0;margin:0}.password-requirement{display:flex;align-items:center;margin-bottom:4px;transition:color .2s}.password-requirement.valid{color:#22c55e}.password-requirement.invalid{color:#666}.password-requirement-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:14px;width:14px}.password-requirement-text{line-height:1.4}.edit-employee-container{background:#fff;background:var(--figma-color-surface,#fff);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding:32px;padding:var(--figma-spacing-xl,32px);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));width:100%}.edit-employee-header{margin-bottom:0}.edit-employee-title{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-heading-family,var(--fontFamilyMain)),sans-serif;font-size:20px;font-weight:400;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);line-height:32px;margin:0 0 48px}.edit-employee-content{display:flex;flex-direction:column;grid-gap:48px;gap:48px}.profile-picture-section{display:flex;justify-content:flex-start}.profile-picture-container{position:relative;width:90px;height:90px;border-radius:50%;overflow:hidden;background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd);display:flex;align-items:center;justify-content:center}.profile-picture{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-picture-container svg{width:60px;height:60px;color:#8c8a8b;color:var(--figma-color-text-tertiary,#8c8a8b)}.edit-profile-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(43,26,34,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer;border-radius:50%}.profile-picture-container:hover .edit-profile-overlay{opacity:1}.edit-profile-overlay svg{width:24px;height:24px;color:#fff}.edit-profile-input{display:none}.form-section{display:flex;flex-direction:column;grid-gap:32px;gap:32px}.section-title{font-family:var(--figma-font-heading-family,var(--fontFamilyMain)),sans-serif;font-size:16px;font-weight:500;color:var(--figma-color-text-primary,#2b1a22);margin:0;line-height:24px}.form-grid{grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:0}.form-group{display:flex;flex-direction:column;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.date-picker-field .MuiInputBase-root,.date-picker-field .MuiOutlinedInput-root{border-radius:var(--figma-border-radius-sm,8px)}.table-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:16px;gap:16px;width:100%}.table-checkbox-item{display:flex;flex-direction:column;align-items:center;grid-gap:4px;gap:4px;grid-gap:var(--figma-spacing-xs,4px);gap:var(--figma-spacing-xs,4px)}.table-checkbox{appearance:none;width:20px;height:20px;border:2px solid #e5e5e5;border:2px solid var(--figma-color-border,#e5e5e5);border-radius:4px;border-radius:var(--figma-border-radius-sm,4px);background:#fff;background:var(--figma-color-surface,#fff);cursor:pointer;position:relative;transition:all .2s ease}.table-checkbox:checked{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.table-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.table-checkbox:hover{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.table-checkbox-label{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-heading-family,var(--fontFamilyMain)),sans-serif;font-size:16px;font-weight:500;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);text-align:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:4px;margin-top:var(--figma-spacing-xs,4px);line-height:24px}.no-tables-message{grid-column:1/-1;text-align:center;color:#8c8a8b;color:var(--figma-color-text-tertiary,#8c8a8b);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);padding:24px;padding:var(--figma-spacing-lg,24px)}.action-buttons{display:flex;grid-gap:24px;gap:24px;justify-content:flex-start;padding-top:32px}.btn-cancel{background:#fff!important;background:var(--figma-color-surface,#fff)!important;border:2px solid #e64c7a!important;border:2px solid var(--figma-color-primary,#e64c7a)!important;color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important;border-radius:100px!important;padding:16px 32px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-xl,32px)!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-button-family,var(--fontFamilyMain)),sans-serif!important;font-size:16px!important;font-size:var(--figma-font-button-size,16px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;cursor:pointer!important;transition:all .2s ease!important;min-width:120px!important}.btn-cancel:hover{background:#fdf2f8!important;background:var(--figma-color-primary-light,#fdf2f8)!important}.btn-save{background:#e64c7a!important;background:var(--figma-color-primary,#e64c7a)!important;border:2px solid #e64c7a!important;border:2px solid var(--figma-color-primary,#e64c7a)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;padding:16px 32px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-xl,32px)!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-button-family,var(--fontFamilyMain)),sans-serif!important;font-size:16px!important;font-size:var(--figma-font-button-size,16px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;cursor:pointer!important;transition:all .2s ease!important;min-width:120px!important}.btn-save:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important}@media (max-width:768px){.edit-employee-container{padding:24px;padding:var(--figma-spacing-lg,24px);margin:16px;margin:var(--figma-spacing-md,16px)}.form-grid{grid-template-columns:1fr}.table-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-gap:12px;gap:12px;grid-gap:var(--figma-spacing-sm,12px);gap:var(--figma-spacing-sm,12px)}.action-buttons{flex-direction:column;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.btn-cancel,.btn-save{width:100%!important}}.wrapper-loading-page{display:flex;justify-content:center;align-items:center;min-height:400px}.content-not-found{min-height:400px;text-align:center}.text-not-found{font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-size:16px;font-size:var(--figma-font-body-size,16px);margin-top:24px;margin-top:var(--figma-spacing-lg,24px)}.staff-title,.title{font-family:var(--fontFamilyMain),sans-serif}.title{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.01em}.form-content{display:flex;flex-direction:column;grid-row-gap:22px;row-gap:22px}.new-avatar{display:flex;height:90px;width:90px;margin-top:32px;border-radius:50px}.edit-avt{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%}.edit-avt svg{width:60px;height:60px}.edit-avt svg path{fill:#8c8a8b}.icedit{display:none;border:none;height:90px;width:90px;outline:none;cursor:pointer}.avt:hover .icedit,.dropzone:hover .icedit{display:block;z-index:10;background-color:rgba(0,0,0,.521);width:90px;height:90px;color:#fff;border-radius:50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.dropzone,.wrapper-avt{width:90px;height:90px}.wrapper-avt{display:flex;margin-top:32px;border-radius:50px}.form1{justify-content:flex-start;display:flex;margin-right:-24px}.form-group1-textarea{margin-bottom:36px}.form-control-textarea{width:406px;height:76px;resize:none;border-radius:16px;display:inline-block;border:1.5px solid var(--borderColor);border-radius:22px;padding:10px 12px;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:14px;outline:none}.form-control-textarea:focus{border:1.5px solid var(--colorMain)}.form-action{width:406px;display:flex;align-items:center;justify-content:space-between}.button-cancel{margin-right:16px;background:#fff;border:1.5px solid rgba(51,85,102,.4);color:var(--backgroundBtn);border-radius:100px}.button-ok{border-radius:100px;border:none;color:#fff}.button-ok,.disable{background:#f3d0da}.enable{background:var(--backgroundBtn)}.form-error{display:block;color:red;font-family:var(--fontFamilyMain),sans-serif;font-weight:400;font-size:12px;margin-top:4px}.container{border-radius:50px}#choice,#choice-img,.container{display:flex}#avatar{display:none}.avt{width:90px;height:90px;object-fit:cover;border-radius:50%}.drop{border-color:#eee}.form-group1{width:calc(33.33333% - 24px);margin-right:24px}.date-picker-wrapper,.form-group1 .form-control-input{width:100%}.date-picker-field .MuiInputBase-root,.date-picker-field .MuiOutlinedInput-root{width:100%;border-radius:8px;background:#fff;background:var(--figma-color-surface,#fff)}.date-picker-field .MuiInputBase-input{padding:12px 14px;font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.date-picker-field .MuiOutlinedInput-notchedOutline{border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5)}.date-picker-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.date-picker-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fdf2f8;border-color:var(--figma-color-primary-light,#fdf2f8)}.wrapper-list-table-employee{display:flex;flex-wrap:wrap}.wrapper-avatar-employee{position:relative;border-radius:50%}.edit-avt:hover .wrapper-avatar-icon{width:100%;height:100%;border-radius:50%;fill:#fff;background-color:rgba(43,26,34,.5)}.wrapper-avatar-icon{width:100%;height:100%;border:1px solid #8c8a8b;border-radius:50%}.wrapper-avatar-icon,.wrapper-avatar-icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper-avatar-icon svg{display:none;width:20px;height:20px}.edit-avt:hover svg{display:block}.edit-avt:hover svg path{fill:#fff}.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root:hover .MuiOutlinedInput-notchedOutline{border:1.5px solid var(--figma-color-primary,var(--colorMain))!important}.control-select{width:100%;min-width:140px}.control-select .MuiFormControl-root{min-width:140px}.control-select .MuiOutlinedInput-root{border-radius:8px;border-radius:var(--figma-border-radius-md,8px);background-color:#fff;background-color:var(--figma-color-surface,#fff);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))}.control-select .MuiOutlinedInput-root:hover{box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:var(--figma-shadow-elevation-2,0 1px 5px rgba(0,0,0,.2))}.control-select .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px rgba(230,76,122,.1);box-shadow:0 0 0 3px var(--figma-color-primary-light,rgba(230,76,122,.1))}.control-select .MuiSelect-select{padding:8px 12px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,12px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);line-height:20px;line-height:var(--figma-font-body-line-height,20px)}.control-select .MuiSelect-icon{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);transition:all .2s cubic-bezier(.4,0,.2,1)}.control-select .MuiOutlinedInput-root.Mui-focused .MuiSelect-icon,.control-select .MuiOutlinedInput-root:hover .MuiSelect-icon{color:var(--colorMain);color:var(--figma-color-primary,var(--colorMain))}.control-select .MuiOutlinedInput-root.Mui-focused .MuiSelect-icon{transform:rotate(180deg)}.control-select .MuiPaper-root{background-color:#fff;background-color:var(--figma-color-surface,#fff);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-elevation-2,0 4px 12px rgba(0,0,0,.15));border:1px solid hsla(0,0%,89.8%,.5);border:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));margin-top:4px;margin-top:var(--figma-spacing-xs,4px);max-height:300px;overflow-y:auto}.control-select .MuiMenuItem-root{padding:8px 12px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,12px);font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);min-height:40px;display:flex;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.control-select .MuiMenuItem-root.Mui-selected,.control-select .MuiMenuItem-root:hover{background-color:rgba(230,76,122,.1);background-color:var(--figma-color-primary-light,rgba(230,76,122,.1));color:var(--colorMain);color:var(--figma-color-primary,var(--colorMain))}.control-select .MuiMenuItem-root.Mui-selected{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600)}.control-select .MuiMenuItem-root.Mui-selected:hover{background-color:rgba(230,76,122,.15);background-color:var(--figma-color-primary-light,rgba(230,76,122,.15))}@keyframes select-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.control-select .MuiPaper-root{animation:select-fade-in .2s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.control-select{min-width:120px}.control-select .MuiSelect-select{padding:4px 8px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-sm,8px);font-size:13px}}.control-select .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px!important;border:1px solid var(--figma-color-primary,var(--colorMain))!important}.control-select .MuiSelect-select:focus{background-color:transparent}@media (prefers-contrast:high){.control-select .MuiOutlinedInput-notchedOutline{border-width:2px!important}.control-select .MuiMenuItem-root.Mui-selected{background-color:var(--colorMain)!important;background-color:var(--figma-color-primary,var(--colorMain))!important;color:#fff!important}}.image-upload-container{margin-top:8px;margin-bottom:20px;overflow:visible}.image-upload-container.has-image{border:none!important;background:none!important;padding:0!important;margin:0!important}.dropzone{border:2px dashed #f66c6c;border-radius:4px;padding:20px;text-align:center;cursor:pointer;height:120px;display:flex;align-items:center;justify-content:center;background-color:#fff8f8;transition:all .3s ease}.dropzone.active{border-color:#f66c6c;background-color:#fee;box-shadow:0 0 5px rgba(246,108,108,.5)}.dropzone p{color:#555;font-size:14px}.image-preview-container{position:relative;display:flex;align-items:center;justify-content:center;margin-right:10px;margin-bottom:10px;overflow:visible;border:none;background:none;padding:0}.image-preview{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:4px;border:1px solid #f66c6c;box-shadow:0 2px 4px rgba(0,0,0,.1);background:#fff}.remove-image-btn{position:absolute;top:-8px;right:-8px;background-color:#ff4d4f;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:1}.wrapper-modal-form-category,.wrapper-modal-table{width:526px;max-height:90vh;overflow-y:auto;overflow-x:visible;padding:20px;background-color:#fff;border-radius:8px}.content-form-category-bottom,.modal-category-bottom{padding-right:10px}.title-form-item{margin-bottom:8px}.item-category-image{width:48px;height:48px;margin-right:16px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid #f66c6c;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.item-category-image img{width:100%;height:100%;object-fit:cover}.wrapper-item-category{padding:12px 16px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.wrapper-item-category:hover{background-color:#fafafa}.content-category-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.category-title{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:400;font-size:20px;color:#000;margin-left:8px}.btn-add-new-category{width:216px}.content-category-bottom{display:flex;flex-wrap:wrap;margin-right:-24px}.wrapper-item-category{display:flex;justify-content:space-between;align-items:center;width:calc(25% - 24px);padding:16px 24px;background-color:#f8f8fd;border-radius:16px;margin-right:24px;margin-bottom:24px}.item-category-title{font-weight:500;font-size:18px;line-height:28px;color:var(--colorTextMain);width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}.item-category-des,.item-category-title{font-family:var(--fontFamilyMain),sans-serif;font-style:normal}.item-category-des{font-weight:400;font-size:14px;line-height:20px;color:rgba(43,26,34,.7)}.wrapper-modal-category{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:97}.item-category-right{position:relative}.wrapper-modal-category-action{position:absolute;top:70%;right:100%;background-color:#fff;z-index:98;width:200px;padding:16px;border-radius:4px;box-shadow:0 5px 8px rgba(53,63,79,.1),0 8px 13px rgba(53,63,79,.15)}.item-modal-category{display:flex;align-items:center;height:24px;cursor:pointer}.item-modal-category p{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:24px;letter-spacing:.1px;color:rgba(43,26,34,.7)}.item-modal-category-icon{margin-right:14px;display:flex;justify-content:center;align-items:center}.category-line{display:block;margin:12px 0;background-color:#eeedf0;height:1px}.wrapper-content-category{display:flex;justify-content:space-between}.edit-category-left{width:454px;margin-right:24px}.edit-category-left,.edit-category-right{background-color:#fff;border-radius:16px;padding:24px}.edit-category-right{width:calc(100% - 478px)}.category-edit-title{margin-bottom:30px}.category-edit-action{margin-bottom:68px}.wrapper-list-category-item{display:flex;flex-wrap:wrap;margin-right:-16px}.width-item-category{width:calc(33.33333% - 16px)}.wrapper-loading-page-edit-category{height:454px;position:relative}.custom-bg-modal-category .MuiBackdrop-root{background-color:rgba(43,26,34,.8)}.wrapper-modal-form-category{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:526px;padding:36px 60px 60px;background-color:#fff;border-radius:16px}.wrapper-modal-category-loading{display:flex;justify-content:center;align-items:center}.modal-category-top{margin-bottom:30px}.title-form-item{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;text-transform:capitalize;color:#8c8a8b;margin-bottom:4px}.menu-tab{display:flex;align-items:center;justify-content:space-between}.menu-tab-left{width:100%}.menu-tab-left-loading{display:flex;grid-gap:50px;gap:50px;padding:4px 24px}.button-filter-order{border-radius:24px;font-family:var(--fontFamilyMain),sans-serif}.button-filter-order-no-active{opacity:0}.item-order-filter{font-family:var(--fontFamilyMain),sans-serif}.menu-tab .slick-track{display:flex;margin-left:0}.menu-tab .slick-prev{left:-15px}.menu-tab .slick-next{right:-15px}.menu-tab .MuiSvgIcon-root{color:#cb184d;width:100%;height:100%}.menu-tab .slick-next:before,.menu-tab .slick-prev:before{content:""}.menu-tab .slick-disabled{opacity:.2}.item-tab{display:inline-block;margin-left:0;padding:8px 16px;font-family:var(--fontFamilyMain),sans-serif;cursor:pointer;color:rgba(43,26,34,.7);text-align:center;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.016em;white-space:nowrap;border-bottom:1.5px solid #bab9b9}.menu-tab .item-tab-first{width:137px!important}.item-tab.selected{border-bottom:1.5px solid #cb184d;color:#cb184d}.item-tab.no-selected{border-bottom:1px solid rgba(43,26,34,.3)}.line-bottom{margin-top:-1.5px;border-bottom:1.5px solid rgba(43,26,34,.3)}.tag-content{margin:24px 0}.slick-slide{width:auto!important}.slider-no-style .item-tab.selected{color:#000;font-size:20px;border:none;padding-left:0;padding-right:0}.content-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px);padding:24px 0;padding:var(--figma-spacing-lg,24px) 0}.table-title{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-heading-family,var(--fontFamilyMain)),sans-serif;font-weight:600;font-weight:var(--figma-font-heading-weight,600);font-size:20px;font-size:var(--figma-font-heading-size,20px);line-height:28px;line-height:var(--figma-font-heading-line-height,28px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin:0}.menu-action{display:flex;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px);align-items:center;height:40px}.wrapper-content .menu-item{display:flex!important;align-items:center!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.wrapper-content .menu-item .btn{background:#e54c7a!important;background:var(--accent-pri,#e54c7a)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;border:1px solid #e54c7a!important;border:1px solid var(--accent-pri,#e54c7a)!important;border-radius:100px!important;padding:16px 24px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px)!important;height:40px!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-button-family,var(--fontFamilyMain)),sans-serif!important;font-size:14px!important;font-size:var(--figma-font-button-size,14px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important;box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))!important;transition:all .2s ease!important}.wrapper-content .menu-item .btn:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;box-shadow:var(--figma-shadow-elevation-2,0 2px 4px rgba(0,0,0,.1))!important}.wrapper-input{position:relative;display:flex;align-items:center}.wrapper-content .menu-item.wrapper-input .search-bar{display:inline-block!important;width:320px!important;height:40px!important;padding:10px 12px 10px 40px!important;border:1px solid #d7c1c3!important;border:1px solid var(--neutral-outline-variant,#d7c1c3)!important;outline:none!important;border-radius:20px!important;background:#fffbfb!important;background:var(--input-field-background-color,#fffbfb)!important;font-size:14px!important;font-size:var(--figma-font-body-size,14px)!important;font-family:var(--fontFamilyMain),sans-serif!important;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif!important;color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important;transition:all .2s ease!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important;box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))!important;position:relative!important;z-index:1!important}.wrapper-content .menu-item.wrapper-input .search-bar:focus{border:1px solid var(--figma-color-primary,var(--backgroundBtn))!important;box-shadow:0 0 0 3px rgba(230,76,122,.1)!important;box-shadow:0 0 0 3px var(--figma-color-primary-light,rgba(230,76,122,.1))!important;transition:all .2s ease!important}.wrapper-content .menu-item.wrapper-input .search-bar:hover{border-color:#fdf2f8!important;border-color:var(--figma-color-primary-light,#fdf2f8)!important}.wrapper-content .menu-item.wrapper-input .search-bar:-ms-input-placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important}.wrapper-content .menu-item.wrapper-input .search-bar::placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important}.wrapper-content .menu-item.wrapper-input .icon-search{position:absolute!important;left:12px!important;left:var(--figma-spacing-md,12px)!important;top:50%!important;transform:translateY(-50%)!important;color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important;cursor:pointer!important;display:flex!important;align-items:center!important;pointer-events:none!important;z-index:2!important}.content-menu-tag{margin:24px 0;margin:var(--figma-spacing-lg,24px) 0;padding:0}.wrapper-list-item{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;grid-gap:var(--figma-spacing-lg,24px);gap:var(--figma-spacing-lg,24px);margin:0}.wrapper-item{background:#fff;background:var(--figma-color-surface,#fff);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-elevation-1,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);height:254px;margin:0;display:flex;flex-direction:column;transition:all .2s ease}.wrapper-item:hover{box-shadow:0 4px 8px rgba(53,63,79,.15),0 6px 10px rgba(53,63,79,.2);box-shadow:var(--figma-shadow-elevation-2,0 4px 8px rgba(53,63,79,.15),0 6px 10px rgba(53,63,79,.2));transform:translateY(-2px)}@media (max-width:1200px){.wrapper-list-item{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}}@media (max-width:768px){.content-menu-top{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.wrapper-content .menu-action{width:100%!important;flex-wrap:wrap!important;grid-gap:8px!important;gap:8px!important;grid-gap:var(--figma-spacing-sm,8px)!important;gap:var(--figma-spacing-sm,8px)!important}.wrapper-content .menu-item.wrapper-input .search-bar{width:100%!important;min-width:200px!important}.wrapper-list-item{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.wrapper-item{height:220px}.item-image{height:120px}}.item-image{position:relative;height:146px;flex-shrink:0;overflow:hidden}.item-image,.item-image img{border-radius:16px 16px 0 0;border-radius:var(--figma-border-radius-lg,16px) var(--figma-border-radius-lg,16px) 0 0}.item-image img{height:100%;width:100%;object-fit:cover}.item-info{padding:12px 12px 16px;padding:var(--figma-spacing-md,12px) var(--figma-spacing-md,12px) var(--figma-spacing-lg,16px);flex:1 1;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.item-info .item-name{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);font-size:16px;font-size:var(--figma-font-body-size-large,16px);line-height:24px;line-height:var(--figma-font-body-line-height-large,24px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin:0 0 4px;margin:0 0 var(--figma-spacing-xs,4px) 0;width:100%;word-break:break-word}.item-info .item-des,.item-info .item-name{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-style:normal;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.item-info .item-des{font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:12px;font-size:var(--figma-font-body-size-small,12px);line-height:16px;line-height:var(--figma-font-body-line-height-small,16px);letter-spacing:-.0075em;color:rgba(43,26,34,.7);color:var(--figma-color-text-secondary,rgba(43,26,34,.7));margin:0 0 12px;margin:0 0 var(--figma-spacing-md,12px) 0;height:18px;word-break:break-all}.item-info .item-price{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-style:normal;font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);font-size:16px;font-size:var(--figma-font-body-size-large,16px);line-height:24px;line-height:var(--figma-font-body-line-height-large,24px);letter-spacing:.01em;color:#e64c7a;color:var(--figma-color-primary,#e64c7a);margin-top:auto;flex-shrink:0}.wrapper-item:hover .item-des{display:none;opacity:0;transition:all .5s ease-in-out}.item-info .item-cook{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;letter-spacing:-.0075em;color:rgba(43,26,34,.7);margin:4px 0 12px;height:18px;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:none;opacity:0;transition:all .5s ease-in-out}.wrapper-item:hover .item-cook{display:-webkit-box;opacity:1}.item-cook span{color:var(--colorMain)}.wrapper-item:hover .item-action{display:block;z-index:7;background-color:rgba(0,0,0,.521);width:100%;height:100%;border-radius:16px 16px 0 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.item-action{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-btn{cursor:pointer;min-width:124px;background:var(--backgroundBtn);color:#fff;border-radius:100px;padding:8px 16px 8px 12px;border:none;outline:none;display:flex;align-items:center;justify-content:center;font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:20px}.item-btn:first-child{margin-bottom:10px}.item-btn.item-btn-add-order{margin-top:10px}.item-btn svg{width:20px;height:20px;filter:brightness(0) invert(1);margin-right:6px}.wrapper-item-loading{background:#fff;background:var(--figma-color-surface,#fff);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-elevation-1,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);height:254px;margin:0;display:flex;flex-direction:column}.item-image .MuiSkeleton-root{transform:none;border-radius:16px 16px 0 0}.item-info .MuiSkeleton-root{transform:none}.modal-delete-dish{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;padding:32px 24px;border-radius:16px}.modal-delete-dish .dish-modal-title{margin-bottom:24px;font-size:18px;text-align:left;font-family:var(--fontFamilyMain),sans-serif}.modal-delete-dish .dish-modal-description{margin-bottom:24px;font-size:16px;font-family:var(--fontFamilyMain),sans-serif}.css-1wbgkc2-MuiStack-root{padding:26px!important}.add-order-modal .MuiDialog-paperFullWidth{max-width:500px}.add-order-content .add-order-content-head{display:flex;justify-content:space-between}.add-order-content .add-order-content-head img{width:56px;height:56px;object-fit:cover;border-radius:6px}.add-order-content .add-order-content-head .name-dish{letter-spacing:.016em;color:#181616;font-size:16px;font-weight:500;margin-bottom:8px}.add-order-content .add-order-content-head .box-action-quantity{display:flex;align-items:center}.add-order-content .add-order-content-head .box-action-quantity .quantity-dish{margin:0 10px;width:20px;text-align:center}.add-order-content .add-order-content-head .box-action-quantity button{width:-moz-fit-content;width:fit-content;min-width:0;border-radius:50%;padding:0;color:#e64c7a}.add-order-content .add-order-content-head .box-action-quantity button.Mui-disabled{color:rgba(0,0,0,.26)}.add-order-content-customizes .customize-group{margin:20px 0}.add-order-content-customizes .customize-group .name-group{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.005em;color:#4b2739;display:flex;justify-content:space-between}.add-order-content-customizes .customize-group .customize-group-collapse .MuiFormControl-root{width:100%}.add-order-content-customizes .customize-group .customize-group-collapse .MuiFormControlLabel-root{padding:8px 24px;box-shadow:inset 0 -1px 0 rgb(0 0 0/8%);flex-direction:row-reverse}.add-order-content-customizes .customize-group .customize-group-collapse .MuiFormControlLabel-root .MuiTypography-root{width:100%}.add-order-content-customizes .customize-group .control-label-custom{display:flex;justify-content:space-between;width:100%}.add-order-content-customizes .customize-group .control-label-custom span:last-child{font-weight:500;font-size:18px;line-height:28px;color:#6f3552}.add-order-specific-customize{margin-top:20px}.add-order-specific-customize p{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.005em;color:#4b2739}.add-order-specific-customize .text-area-specific-customize{width:100%;border-radius:8px;padding:0 8px}.shopping-cart-icon{margin-top:-5px}.shopping-cart-icon .MuiBadge-root{padding:4px}.shopping-cart-icon .MuiBadge-badge{min-width:0;width:18px;height:18px;font-size:12px;top:3px!important;right:3px!important}.shopping-cart-icon .MuiSvgIcon-root{width:24px;height:24px;color:#e64c7a}.cart-dialog .MuiAppBar-colorPrimary{background-color:#fff;color:rgba(43,26,34,.7)}.cart-dialog .MuiTypography-body1{font-size:24px}.cart-dialog .cart-dialog-content{padding:0 24px 8px}.cart-dialog .cart-dialog-body{height:100%}.cart-dialog-footer .MuiToolbar-root,.cart-dialog-footer .total-price-order{display:flex;justify-content:space-between}.cart-dialog-footer .total-price-order{padding:8px 24px 0;font-weight:500;font-size:18px}.cart-dialog-footer .order-btn{background-color:#e64c7a;width:100%;margin-right:20px;text-transform:none;max-width:240px;border-radius:100px}.cart-dialog-footer .order-btn:hover{background-color:#da3566}.cart-dialog-footer .empty-cart-btn{color:#e64c7a}.box-item-cart{display:flex;margin:30px 20px}.item-cart-img{margin-right:12px}.item-cart-img img{width:74px;height:74px;object-fit:cover;border-radius:12px}.item-cart-info{width:100%}.item-cart-action{justify-content:space-between}.item-cart-action,.item-cart-action>div{display:flex;align-items:center}.item-cart-action .MuiIconButton-root{color:#e64c7a}.item-cart-action .MuiIconButton-root.Mui-disabled{color:rgba(0,0,0,.26)}.item-cart-name{font-size:16px;font-weight:600;line-height:20px;letter-spacing:.3px;color:#000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.item-cart-price{font-weight:500;font-size:14px;letter-spacing:.3px;color:#717171;margin:2px 0}.item-cart-quantity{margin:auto 8px;width:20px;display:inline-block;text-align:center}.item-cart-notes{margin-top:12px;border-top:1px solid hsla(0,0%,89.8%,.3);padding-top:12px}.notes-header{display:flex;align-items:center;margin-bottom:8px}.notes-label{font-size:14px;font-weight:500;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-family:Poppins;font-family:var(--figma-font-body-family,Poppins)}.notes-preview{cursor:pointer;padding:8px 12px;border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);background-color:#fff;background-color:var(--figma-color-surface,#fff);transition:all .2s ease;min-height:20px}.notes-preview:hover{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);background-color:rgba(230,76,122,.02)}.note-text{color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.note-placeholder,.note-text{font-size:13px;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);line-height:1.4}.note-placeholder{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-style:italic}.notes-input-container{margin-top:8px}.notes-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}.notes-actions .MuiIconButton-root{padding:4px;min-width:32px;height:32px;border-radius:4px;border-radius:var(--figma-border-radius-sm,4px);transition:all .2s ease}.notes-actions .MuiIconButton-root:hover{background-color:rgba(0,0,0,.04)}.item-cart-notes .MuiTextField-root{width:100%}.item-cart-notes .MuiTextField-root .MuiOutlinedInput-root{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:13px}.item-cart-notes .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.item-cart-notes .MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.price-breakdown{display:flex;flex-direction:column;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px);width:100%}.price-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;padding:var(--figma-spacing-xs,4px) 0;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.price-row.tax{font-size:13px;font-size:var(--figma-font-body-size,13px);color:#757575;color:var(--figma-color-text-secondary,#757575)}.price-row.total{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);font-size:18px;font-size:var(--figma-font-title-size,18px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);border-top:1px solid hsla(0,0%,89.8%,.5);border-top:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));padding-top:8px;padding-top:var(--figma-spacing-sm,8px);margin-top:8px;margin-top:var(--figma-spacing-sm,8px)}.price-row span:first-child{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.price-row span:last-child{font-weight:500;font-weight:var(--figma-font-body-weight,500);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.cart-dialog{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins)}.cart-dialog .MuiDialog-paper{border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-modal,0 8px 24px rgba(0,0,0,.15));border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);max-width:400px!important;width:400px!important;height:100vh!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;bottom:0!important;z-index:1300!important}.cart-dialog .MuiBackdrop-root{background-color:rgba(0,0,0,.3);z-index:1299!important}.cart-dialog .MuiDialog-container{position:static!important;justify-content:flex-end!important}.cart-dialog .MuiDialog-root{position:static!important}.cart-dialog-footer{background-color:#fffbfb;background-color:var(--figma-color-surface-variant,#fffbfb);border-top:1px solid hsla(0,0%,89.8%,.5);border-top:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5))}.total-price-order{background-color:#fff;background-color:var(--figma-color-surface,#fff)}.cart-dialog-content{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.cart-dialog-body{background-color:#fff;background-color:var(--figma-color-surface,#fff)}.wrapper-detail-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.content-detail-menu-left{display:flex;align-items:center;cursor:pointer}.content-detail-menu-left .arrow-back{width:24px;height:24px;color:#6e3552;margin-right:8px}.content-detail-menu-left span{font-family:var(--fontFamilyMain),sans-serif;font-weight:500;font-size:18px;line-height:28px;letter-spacing:.01em;color:#6f3552}.content-detail-menu-right{display:flex;align-items:center}.content-detail-menu-btn-edit{margin-right:16px}.wrapper-detail-menu-slide{overflow:hidden;margin-left:auto;margin-right:auto;width:100%}.wrapper-detail-menu-slide .slick-track{display:flex}.wrapper-detail-menu-slide .slick-slide{width:100%!important}.detail-menu-banner-img{height:528px;display:flex!important;justify-content:center}.detail-menu-banner-img img{height:100%;object-fit:cover;border-radius:16px}.detail-menu-name{margin:24px 0;font-family:var(--fontFamilyMain),sans-serif;font-weight:500;font-size:24px;line-height:36px;letter-spacing:.016em;color:var(--colorTextMain)}.detail-menu-des{font-weight:400;color:var(--colorTextMain)}.detail-menu-des,.title-ingredient{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-size:18px;line-height:28px}.title-ingredient{font-weight:500;letter-spacing:.016em;color:#6f3552;margin:32px 0 12px}.list-ingredient{display:flex;flex-wrap:wrap;align-items:center;margin-left:-12px;margin-bottom:32px}.item-ingredient{display:flex;align-items:center;margin-bottom:12px;margin-left:12px}.item-ingredient p{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.005em;color:#a05079}.title-price{font-size:18px;line-height:28px;color:#6f3552}.detail-menu-price,.title-price{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;letter-spacing:.016em}.detail-menu-price{font-size:24px;line-height:36px;color:#4b2739;margin-bottom:40px;display:flex;align-items:flex-end}.detail-menu-price span{font-style:normal;font-weight:500;font-size:16px;text-align:right;letter-spacing:.01em;color:#a05079;display:inline-block;margin-right:4px}.title-customize{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:28px;letter-spacing:.016em;color:#6f3552;margin-bottom:16px}.detail-menu-group-option-top{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.detail-menu-group-option-top .detail-menu-group-name{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.005em;color:#4b2739}.detail-menu-option-child{margin-bottom:16px;max-height:0;overflow:hidden;transition:max-height .5s}.detail-menu-option-child-item{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}.detail-menu-option-child.detail-menu-option-child-height-auto{max-height:600px;transition:max-height .5s}.detail-menu-option-child-item-name{font-weight:400;color:var(--colorTextMain)}.detail-menu-option-child-item-name,.detail-menu-option-child-item-price{font-family:var(--fontFamilyMain),sans-serif;font-style:normal;font-size:18px;line-height:28px}.detail-menu-option-child-item-price{font-weight:500;color:#6f3552}.wrapper-detail-menu-slide .slick-dots{bottom:4%}.wrapper-detail-menu-slide .slick-dots li button:before{color:#fff;font-size:12px;opacity:1}.slick-dots li button:focus,.wrapper-detail-menu-slide .slick-dots li button:hover{outline:none}.wrapper-detail-menu-slide .slick-dots li.slick-active button:before{color:#cb184d;width:20px;height:20px;opacity:1}.wrapper-detail-menu-slide .slick-prev{left:0}.wrapper-detail-menu-slide .slick-next,.wrapper-detail-menu-slide .slick-prev{width:32px;height:32px;background-color:hsla(0,0%,100%,.5019607843137255);display:flex;justify-content:center;align-items:center}.wrapper-detail-menu-slide .slick-next{right:0}.wrapper-detail-menu-slide .MuiSvgIcon-root{color:#cb184d;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.slick-next,.wrapper-detail-menu-slide .slick-prev{z-index:9}.wrapper-detail-menu-slide .slick-next:before,.wrapper-detail-menu-slide .slick-prev:before{content:""}.wrapper-detail-menu-slide .slick-disabled{opacity:.2}.wrapper-page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.wrapper-page-error h1{color:#a2a2a2;font-size:92px}.wrapper-page-error p{color:#a2a2a2;font-size:24px;margin-bottom:12px}.address-autocomplete,.input-container{position:relative;width:100%}.address-input{width:100%;height:44px;padding:10px 12px;padding:var(--figma-spacing-sm,10px) var(--figma-spacing-md,12px);border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:400;font-weight:var(--figma-font-body-weight,400);outline:none;background:#fff;background:var(--figma-color-surface,#fff);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);transition:border-color .2s ease}.address-input:focus{border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a)}.address-input:hover{border-color:#fdf2f8;border-color:var(--figma-color-primary-light,#fdf2f8)}.address-input:-ms-input-placeholder{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.address-input::placeholder{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.loading-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top-color:#e64c7a;border-top:2px solid var(--figma-color-primary,#e64c7a)}.suggestions-container{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;margin-top:4px;max-height:300px;overflow:hidden;display:block!important}.suggestions-list{max-height:300px;overflow-y:auto}.suggestion-item{display:block;width:100%;padding:12px 16px;background:none;text-align:left;cursor:pointer;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;transition:background-color .2s ease;border:none;border-bottom:1px solid #f0f0f0}.suggestion-item.selected,.suggestion-item:hover{background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd)}.suggestion-item:last-child{border-bottom:none}.suggestion-main{font-weight:500;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-bottom:2px}.suggestion-secondary{font-size:12px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-style:italic}.api-key-warning{margin-top:8px;padding:8px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:12px;text-align:center;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif}@media (max-width:768px){.address-input,.suggestion-item{padding:10px 12px;font-size:13px}.suggestions-container,.suggestions-list{max-height:250px}}.suggestions-list::-webkit-scrollbar{width:6px}.suggestions-list::-webkit-scrollbar-track{background:#f1f1f1}.suggestions-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root{--widthLeftSidebar:300px;--heightHeader:74px;--colorMain:#e64c7a;--colorTextMain:#181616;--backgroundBtn:#da3566;--fontFamilyMain:"Poppins",sans-serif;--borderColor:#bdbac4;--colorMain:var(--figma-color-primary,#e64c7a);--backgroundBtn:var(--figma-color-button-background,#da3566);--borderColor:var(--figma-color-border,#bdbac4);--fontFamilyMain:var(--figma-font-body-family,Poppins);--color-primary:var(--figma-color-primary,#e64c7a);--color-secondary:var(--figma-color-secondary,#333);--color-surface:var(--figma-color-surface,#fff);--color-background:var(--figma-color-background,#fff0f1);--color-error:var(--figma-color-error,#e53e3e);--color-success:var(--figma-color-success,#38a169);--color-warning:var(--figma-color-warning,#d69e2e);--figma-color-info-light:var(--figma-color-info-light,#e3f2fd);--figma-color-info-dark:var(--figma-color-info-dark,#1976d2);--figma-color-warning-light:var(--figma-color-warning-light,#fff3cd);--figma-color-warning-dark:var(--figma-color-warning-dark,#856404);--figma-color-error-light:var(--figma-color-error-light,#f8d7da);--figma-color-error-dark:var(--figma-color-error-dark,#721c24);--figma-color-success-light:var(--figma-color-success-light,#e8f5e8);--figma-color-success-dark:var(--figma-color-success-dark,#2e7d32);--figma-color-primary-light:var(--figma-color-primary-light,#f8e6ec);--figma-color-primary-hover:var(--figma-color-primary-hover,var(--figma-color-primary-dark,#c44569));--figma-color-text-primary:var(--figma-color-text-primary,#2b1a22);--figma-color-text-secondary:var(--figma-color-text-secondary,#5e5c5c);--figma-color-text-tertiary:var(--figma-color-text-tertiary,rgba(43,26,34,0.5));--figma-color-text-on-primary:var(--figma-color-text-on-primary,#fff);--figma-color-text-on-secondary:var(--figma-color-text-on-secondary,#fff);--color-text-primary:var(--figma-color-text-primary,#2b1a22);--color-text-secondary:var(--figma-color-text-secondary,#5e5c5c);--color-text-tertiary:var(--figma-color-text-tertiary,rgba(43,26,34,0.5));--color-text-on-primary:var(--figma-color-text-on-primary,#fff);--color-text-on-secondary:var(--figma-color-text-on-secondary,#fff);--figma-color-surface:var(--figma-color-surface,#fff);--figma-color-surface-variant:var(--figma-color-surface-variant,#fffbfb);--figma-color-surface-dark:var(--figma-color-surface-dark,#323232);--figma-color-border:var(--figma-color-border,#e5e5e5);--figma-color-border-light:var(--figma-color-border-light,hsla(0,0%,89.8%,0.5));--figma-color-primary-dark:var(--figma-color-primary-dark,#c44569);--color-surface-variant:var(--figma-color-surface-variant,#fffbfb);--color-primary-light:var(--figma-color-primary-light,rgba(230,76,122,0.1));--color-primary-dark:var(--figma-color-primary-dark,#c44569);--figma-font-heading-family:var(--figma-font-heading-family,"Poppins");--figma-font-heading-size:var(--figma-font-heading-size,20px);--figma-font-heading-weight:var(--figma-font-heading-weight,600);--figma-font-heading-line-height:var(--figma-font-heading-line-height,28px);--figma-font-title-family:var(--figma-font-title-family,"Poppins");--figma-font-title-size:var(--figma-font-title-size,18px);--figma-font-title-weight:var(--figma-font-title-weight,600);--figma-font-title-line-height:var(--figma-font-title-line-height,24px);--figma-font-body-family:var(--figma-font-body-family,"Poppins");--figma-font-body-size:var(--figma-font-body-size,14px);--figma-font-body-weight:var(--figma-font-body-weight,400);--figma-font-body-weight-bold:var(--figma-font-body-weight-bold,600);--figma-font-body-line-height:var(--figma-font-body-line-height,20px);--figma-font-caption-family:var(--figma-font-caption-family,"Poppins");--figma-font-caption-size:var(--figma-font-caption-size,12px);--figma-font-caption-weight:var(--figma-font-caption-weight,400);--figma-font-caption-line-height:var(--figma-font-caption-line-height,16px);--font-family-primary:var(--figma-font-heading-family,"Poppins");--font-family-secondary:var(--figma-font-body-family,"Poppins");--font-size-xs:var(--figma-font-label-xsmall-size,10px);--font-size-sm:var(--figma-font-label-small-size,12px);--font-size-md:var(--figma-font-label-medium-size,14px);--font-size-lg:var(--figma-font-label-large-size,16px);--font-size-xl:var(--figma-font-title-small-size,20px);--font-size-2xl:var(--figma-font-title-large-size,28px);--font-size-3xl:var(--figma-font-headline-h1-size,32px);--figma-shadow-card:var(--figma-shadow-card,0px 2px 8px rgba(0,0,0,0.1));--figma-shadow-button:var(--figma-shadow-button,0px 2px 4px rgba(0,0,0,0.1));--figma-shadow-modal:var(--figma-shadow-modal,0px 8px 24px rgba(0,0,0,0.15));--figma-shadow-elevation-2:var(--figma-shadow-elevation-2,0px 4px 12px rgba(0,0,0,0.15));--shadow-card:var(--figma-shadow-card,0px 2px 8px rgba(0,0,0,0.1));--shadow-button:var(--figma-shadow-button,0px 2px 4px rgba(0,0,0,0.1));--shadow-modal:var(--figma-shadow-modal,0px 8px 24px rgba(0,0,0,0.15));--figma-spacing-xxs:var(--figma-spacing-xxs,2px);--figma-spacing-xs:var(--figma-spacing-xs,4px);--figma-spacing-sm:var(--figma-spacing-sm,8px);--figma-spacing-md:var(--figma-spacing-md,16px);--figma-spacing-lg:var(--figma-spacing-lg,24px);--figma-spacing-xl:var(--figma-spacing-xl,32px);--figma-spacing-2xl:var(--figma-spacing-2xl,48px);--spacing-xs:var(--figma-spacing-xs,4px);--spacing-sm:var(--figma-spacing-sm,8px);--spacing-md:var(--figma-spacing-md,16px);--spacing-lg:var(--figma-spacing-lg,24px);--spacing-xl:var(--figma-spacing-xl,32px);--spacing-2xl:var(--figma-spacing-2xl,48px);--figma-border-radius-sm:var(--figma-border-radius-sm,8px);--figma-border-radius-md:var(--figma-border-radius-md,8px);--figma-border-radius-lg:var(--figma-border-radius-lg,8px);--figma-border-radius-xl:var(--figma-border-radius-xl,8px);--figma-border-radius-pill:var(--figma-border-radius-pill,50px);--radius-sm:var(--figma-border-radius-sm,8px);--radius-md:var(--figma-border-radius-md,8px);--radius-lg:var(--figma-border-radius-lg,8px);--radius-xl:var(--figma-border-radius-xl,8px);--radius-pill:var(--figma-border-radius-pill,50px);--shadow-elevation-1:var(--figma-shadow-elevation-1,0px 1px 3px rgba(0,0,0,0.12));--shadow-elevation-2:var(--figma-shadow-elevation-2,0px 1px 5px rgba(0,0,0,0.2));--shadow-elevation-3:var(--figma-shadow-elevation-3,0px 1px 8px rgba(0,0,0,0.24));--shadow-elevation-4:var(--figma-shadow-elevation-4,0px 1px 10px rgba(0,0,0,0.22));--shadow-elevation-5:var(--figma-shadow-elevation-5,0px 2px 4px rgba(0,0,0,0.2))}@supports (background:var(--figma-color-primary)){:root{--colorMain:var(--figma-color-primary);--backgroundBtn:var(--figma-color-button-background);--borderColor:var(--figma-color-border);--fontFamilyMain:var(--figma-font-body-family,"Poppins")}}.signup-form{width:100%;max-width:900px;margin:0 auto}.wrapper-auth .content-auth{max-width:900px!important;padding:0!important}.wrapper-auth .content-auth,.wrapper-auth .content-auth .signup-form{width:100%!important;min-width:0!important;box-shadow:none!important;border-radius:0!important}.wrapper-auth .content-auth .signup-form{max-width:1200px!important;padding:0 0 40px!important}.signup-header{text-align:center;margin-bottom:32px;margin-bottom:var(--figma-spacing-xl,32px)}.signup-header h1{font-family:"Poppins",sans-serif;font-family:var(--figma-font-heading-family,"Poppins"),sans-serif;font-size:24px;font-weight:600;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin:0 0 8px;margin:0 0 var(--figma-spacing-sm,8px) 0;line-height:1.2}.signup-header p{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-weight:400;font-weight:var(--figma-font-body-weight,400);color:rgba(0,0,0,.45);margin:0 0 16px;margin:0 0 var(--figma-spacing-md,16px) 0;line-height:1.5}.login-link{text-align:center;font-size:14px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);margin-top:8px;margin-top:var(--figma-spacing-sm,8px)}.login-link a{color:#1558cc;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}.step-indicator{display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--figma-spacing-xl,32px);position:relative;padding:0 16px;padding:0 var(--figma-spacing-md,16px)}.step-indicator:before{content:"";position:absolute;top:20px;left:20px;right:20px;height:1px;background:#e5e5e5;background:var(--figma-color-border,#e5e5e5);z-index:1}.step{flex-direction:column;position:relative;z-index:2;flex:1 1}.step,.step-number{display:flex;align-items:center}.step-number{width:40px;height:40px;border-radius:50%;background:#fff;background:var(--figma-color-surface,#fff);border:2px solid #e5e5e5;border:2px solid var(--figma-color-border,#e5e5e5);justify-content:center;font-family:"Poppins",sans-serif;font-family:var(--figma-font-button-family,"Poppins"),sans-serif;font-size:14px;font-weight:600;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px);transition:all .3s ease}.step.active .step-number{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);color:#fff;color:var(--figma-color-text-on-primary,#fff);box-shadow:0 2px 4px rgba(230,76,122,.2)}.step-label{font-family:"Poppins",sans-serif;font-family:var(--figma-font-caption-family,"Poppins"),sans-serif;font-size:11px;font-weight:500;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);text-align:center;transition:all .3s ease;line-height:1.2}.step.active .step-label{color:#e64c7a;color:var(--figma-color-primary,#e64c7a);font-weight:600}.signup-step{margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px);width:100%}.signup-step h2{font-family:"Poppins",sans-serif;font-family:var(--figma-font-heading-family,"Poppins"),sans-serif;font-size:20px;font-weight:600;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);line-height:1.3}.signup-step h2,.signup-step p{margin:0 0 8px;margin:0 0 var(--figma-spacing-sm,8px) 0}.signup-step p{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:16px;font-size:var(--figma-font-body-size,16px);font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);line-height:1.5}.form-grid{grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px);margin-bottom:var(--figma-spacing-lg,24px);align-items:start}.form-grid>.form-group-public{display:flex;flex-direction:column;height:100%;margin:0!important;padding:0!important}.form-grid>.form-group-public>*{margin:0!important}.signup-form .form-group-public{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.signup-form .form-label{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-weight:500;color:#5e5c5c;color:var(--figma-color-text-primary,#5e5c5c);margin:0 0 8px;margin:0 0 var(--figma-spacing-sm,8px) 0;display:block;line-height:1.2;min-height:18px}.signup-form input[type=file]{display:none!important}.signup-form select.form-control{display:inline-block;width:100%;height:40px;border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);border-radius:8px;padding:0 24px;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:14px;font-size:var(--figma-font-body-size,14px);outline:none;transition:border-color .2s ease;background:#fff;background:var(--figma-color-surface,#fff);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);cursor:pointer;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B1A22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.category-dropdown{width:100%!important;min-width:unset!important;max-width:unset!important}.category-dropdown .figma-dropdown-trigger{height:40px!important;min-height:40px!important;max-height:40px!important;border-radius:8px!important;border:1.5px solid #e5e5e5!important;border:1.5px solid var(--figma-color-border,#e5e5e5)!important;padding:0 24px!important}.category-dropdown .figma-dropdown-text,.category-dropdown .figma-dropdown-trigger{font-family:"Poppins",sans-serif!important;font-weight:400!important;font-weight:var(--figma-font-body-weight,400)!important;font-size:14px!important;font-size:var(--figma-font-body-size,14px)!important}.category-dropdown .figma-dropdown-text{color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important}.category-dropdown .figma-dropdown-menu{border-radius:16px!important;box-shadow:0 4px 24px rgba(0,0,0,.1)!important;border:1px solid #e5e5e5!important;border:1px solid var(--figma-color-border,#e5e5e5)!important;padding:8px 0!important;margin-top:4px!important}.category-dropdown .figma-dropdown-option{padding:12px 24px!important;font-size:14px!important;font-weight:400!important;font-family:"Poppins",sans-serif!important;color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important}.category-dropdown .figma-dropdown-option:hover{background-color:rgba(230,76,122,.05)!important}.category-dropdown .figma-dropdown-option.selected{background-color:rgba(230,76,122,.05)!important;color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.signup-form .form-group-public input[type=email],.signup-form .form-group-public input[type=number],.signup-form .form-group-public input[type=password],.signup-form .form-group-public input[type=tel],.signup-form .form-group-public input[type=text]{color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important}.signup-form .form-group-public input[type=email]:-ms-input-placeholder,.signup-form .form-group-public input[type=number]:-ms-input-placeholder,.signup-form .form-group-public input[type=password]:-ms-input-placeholder,.signup-form .form-group-public input[type=tel]:-ms-input-placeholder,.signup-form .form-group-public input[type=text]:-ms-input-placeholder{opacity:1}.signup-form .form-group-public input[type=email]::placeholder,.signup-form .form-group-public input[type=number]::placeholder,.signup-form .form-group-public input[type=password]::placeholder,.signup-form .form-group-public input[type=tel]::placeholder,.signup-form .form-group-public input[type=text]::placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important;opacity:1}.signup-form .form-group-public input[type=email]::-webkit-input-placeholder,.signup-form .form-group-public input[type=number]::-webkit-input-placeholder,.signup-form .form-group-public input[type=password]::-webkit-input-placeholder,.signup-form .form-group-public input[type=tel]::-webkit-input-placeholder,.signup-form .form-group-public input[type=text]::-webkit-input-placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important}.signup-form .form-group-public input[type=email]::-moz-placeholder,.signup-form .form-group-public input[type=number]::-moz-placeholder,.signup-form .form-group-public input[type=password]::-moz-placeholder,.signup-form .form-group-public input[type=tel]::-moz-placeholder,.signup-form .form-group-public input[type=text]::-moz-placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important;opacity:1}.signup-form .form-group-public input[type=email]:-ms-input-placeholder,.signup-form .form-group-public input[type=number]:-ms-input-placeholder,.signup-form .form-group-public input[type=password]:-ms-input-placeholder,.signup-form .form-group-public input[type=tel]:-ms-input-placeholder,.signup-form .form-group-public input[type=text]:-ms-input-placeholder{color:rgba(43,26,34,.5)!important;color:var(--figma-color-text-tertiary,rgba(43,26,34,.5))!important}.signup-form .form-group-public input[type=email],.signup-form .form-group-public input[type=number],.signup-form .form-group-public input[type=password],.signup-form .form-group-public input[type=tel],.signup-form .form-group-public input[type=text]{padding:0 24px!important;box-sizing:border-box!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;border-radius:8px!important}input[id^=category-desc-].form-control,input[id^=item-desc-].form-control{height:40px!important;min-height:40px!important;max-height:40px!important;width:100%!important;padding:0 24px!important;box-sizing:border-box!important;border-radius:8px!important}textarea[id^=item-desc-].form-control{padding:12px!important}.menu-item .form-grid .form-group-public textarea.form-control,.menu-items-list .menu-item .form-grid .form-group-public textarea,textarea[id^=item-desc-].form-control{height:44px!important;min-height:44px!important;resize:none!important;overflow:hidden!important}div.menu-items-list div.menu-item div.form-grid div.form-group-public textarea.form-control[id^=item-desc-]{height:44px!important;min-height:44px!important;resize:none!important;overflow:hidden!important;padding:12px!important;line-height:1.4!important;box-sizing:border-box!important}.signup-form select.form-control:focus{border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a)}.signup-form select.form-control:hover{border-color:#fdf2f8;border-color:var(--figma-color-primary-light,#fdf2f8)}.form-helper-section{margin-top:16px;margin-top:var(--figma-spacing-md,16px);text-align:center}.form-helper-text{font-size:12px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-style:italic;line-height:1.4}.signup-form .figma-dropdown-wrapper{min-width:unset!important;max-width:unset!important;width:100%!important}.menu-item .form-grid .form-group-public,.signup-form .form-group-public{display:flex;flex-direction:column;align-items:stretch}.menu-item .form-grid .form-group-public{margin-top:0;margin-bottom:0;height:auto;justify-content:flex-start;position:relative}.menu-item .form-grid .form-group-public .form-label{position:relative;top:0;margin-bottom:8px;line-height:1.2;height:auto;min-height:20px}.menu-item .form-grid .form-group-public .form-label,.menu-item .form-grid .form-group-public label.label-input{--figma-spacing-sm:8px;margin:0 0 8px!important;min-height:20px;display:block;font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:16px;font-weight:400;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);line-height:1.2}.signup-form .form-group-public .form-label,.signup-form .form-group-public p.form-label{--figma-spacing-sm:8px;margin:0 0 8px!important;font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:16px;text-transform:capitalize;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.menu-item .form-grid .form-group-public:nth-child(4) .figma-dropdown-wrapper .figma-dropdown-trigger,.signup-form .figma-dropdown-wrapper .figma-dropdown-trigger,.signup-form .form-group-public .figma-dropdown-wrapper,.signup-form .form-group-public .file-upload-wrapper,.signup-form .form-group-public input{height:44px!important;min-height:44px!important;max-height:44px!important}.signup-form .figma-dropdown-wrapper{padding:0!important}.signup-form .figma-dropdown-wrapper .figma-dropdown-trigger{padding:0 24px!important;box-sizing:border-box!important}.signup-form .form-group-public{margin-bottom:16px!important;margin-bottom:var(--figma-spacing-md,16px)!important}.signup-form .form-grid .form-group-public:nth-child(3),.signup-form .form-grid .form-group-public:nth-child(4){margin-top:0!important;margin-bottom:16px!important;margin-bottom:var(--figma-spacing-md,16px)!important}.signup-form .country-selector-container,.signup-form .country-selector-container .country-selector-button,.signup-form .country-selector-container .phone-input{height:44px!important;min-height:44px!important;max-height:44px!important}.file-upload-wrapper{position:relative;width:100%;height:44px;border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);border-radius:8px;background:#fff;background:var(--figma-color-surface,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;overflow:hidden;z-index:1;pointer-events:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.file-upload-wrapper:hover{background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd)}.file-upload-wrapper.has-file,.file-upload-wrapper:hover{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a)}.file-upload-wrapper.has-file{background:#fdf2f8;background:var(--figma-color-primary-light,#fdf2f8)}.file-upload-text{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-weight:400;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);display:flex;align-items:center;grid-gap:4px;gap:4px;grid-gap:var(--figma-spacing-xs,4px);gap:var(--figma-spacing-xs,4px)}.file-upload-text .plus-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(.6) contrast(.8);transition:all .2s ease}.file-upload-wrapper:hover .file-upload-text{color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.file-upload-wrapper:hover .file-upload-text .plus-icon{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(1000%) hue-rotate(320deg) brightness(.8) contrast(1)}.file-upload-wrapper.has-file .file-upload-text{color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.file-upload-wrapper.has-file .file-upload-text .plus-icon{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(1000%) hue-rotate(320deg) brightness(.8) contrast(1)}.categories-list,.menu-items-list{margin-bottom:32px;margin-bottom:var(--figma-spacing-xl,32px)}.category-item,.menu-item{background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd);border-radius:12px;border-radius:var(--figma-border-radius-md,12px);padding:24px;padding:var(--figma-spacing-lg,24px);margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px);border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);width:100%}.category-item,.menu-item{position:relative;display:flex;align-items:center}.category-item{min-height:80px;overflow:visible;padding-left:24px;padding-right:24px}.menu-item{min-height:90px;padding:24px;padding:var(--figma-spacing-lg,24px)}.category-item .form-grid{grid-template-columns:repeat(2,1fr);grid-gap:16px;grid-gap:var(--figma-spacing-md,16px);padding-right:120px;width:calc(100% - 160px);margin-left:24px}.category-item .form-grid,.menu-item .form-grid{margin-bottom:0;gap:16px;gap:var(--figma-spacing-md,16px)}.menu-item .form-grid{grid-template-columns:1fr 2fr 100px 1fr auto;grid-gap:16px;grid-gap:var(--figma-spacing-md,16px);align-items:start;position:relative;height:100%;width:100%}.menu-item .form-grid .form-group-public .figma-dropdown-trigger,.menu-item .form-grid .form-group-public .figma-dropdown-wrapper,.menu-item .form-grid .form-group-public input{height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:8px!important;margin-top:0!important;margin-bottom:0!important}.menu-item .form-grid .form-group-public textarea{height:44px!important;min-height:44px!important;border-radius:8px!important;margin-top:0!important;margin-bottom:0!important;vertical-align:top;resize:none!important;overflow:hidden!important;padding:12px!important;line-height:1.4!important;font-family:"Poppins",sans-serif!important;font-family:var(--figma-font-body-family,"Poppins"),sans-serif!important;font-size:14px!important;font-size:var(--figma-font-body-size,14px)!important;width:100%!important;box-sizing:border-box!important;border:1px solid #e5e5e5!important;border:1px solid var(--figma-color-border,#e5e5e5)!important;background:#fff!important;background:var(--figma-color-surface,#fff)!important;color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important}.menu-item .form-grid .form-group-public textarea:focus{border-color:#e64c7a!important;border-color:var(--figma-color-primary,#e64c7a)!important;outline:none!important;box-shadow:0 0 0 2px rgba(230,76,122,.1)!important}.form-group-remove{padding-top:30px}.btn-remove,.form-group-remove{display:flex;align-items:center;justify-content:center}.btn-remove{background:#e64c7a!important;background:var(--figma-color-primary,#e64c7a)!important;color:var(--figma-color-text-on-primary,#fff)!important;border-radius:50%!important;padding:0!important;font-size:16px!important;min-width:auto!important;width:32px!important;height:32px!important;font-family:"Poppins",sans-serif;font-family:var(--figma-font-button-family,"Poppins"),sans-serif;transition:background-color .2s ease!important;cursor:pointer!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.btn-remove:hover{background-color:#be185d!important;background-color:var(--figma-color-primary-dark,#be185d)!important;transform:scale(1.05)!important}.btn-add{background:#e64c7a!important;background:var(--figma-color-primary,#e64c7a)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;border:1px solid #e64c7a!important;border:1px solid var(--figma-color-primary,#e64c7a)!important;padding:16px 32px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-xl,32px)!important;font-size:16px!important;font-size:var(--figma-font-button-size,16px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;border-radius:100px!important;cursor:pointer!important;transition:all .2s ease!important;min-width:150px!important}.btn-add:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important}.signup-actions{display:flex;justify-content:flex-end;align-items:center;grid-gap:24px;gap:24px;grid-gap:var(--figma-spacing-lg,24px);gap:var(--figma-spacing-lg,24px);padding-top:32px;padding-top:var(--figma-spacing-xl,32px);border-top:1px solid #e5e5e5;border-top:1px solid var(--figma-color-border,#e5e5e5)}.signup-actions>:first-child:not(:last-child){margin-right:auto}.btn-primary{background:#8c8a8b!important;background:var(--figma-color-text-tertiary,#8c8a8b)!important;color:#fff!important;color:var(--figma-color-text-on-primary,#fff)!important;border:1px solid #8c8a8b!important;border:1px solid var(--figma-color-text-tertiary,#8c8a8b)!important;padding:16px 32px!important;padding:var(--figma-spacing-md,16px) var(--figma-spacing-xl,32px)!important;font-size:16px!important;font-size:var(--figma-font-button-size,16px)!important;font-weight:500!important;font-weight:var(--figma-font-button-weight,500)!important;border-radius:100px!important;cursor:pointer!important;transition:all .2s ease!important;min-width:120px!important}.btn-primary:hover:not(:disabled){background:#5e5c5c!important;background:var(--figma-color-text-secondary,#5e5c5c)!important;border-color:#5e5c5c!important;border-color:var(--figma-color-text-secondary,#5e5c5c)!important;transform:translateY(-1px)!important}.btn-primary:disabled{background:#8c8a8b!important;background:var(--figma-color-text-tertiary,#8c8a8b)!important;border-color:#8c8a8b!important;border-color:var(--figma-color-text-tertiary,#8c8a8b)!important;cursor:not-allowed!important;transform:none!important;opacity:.6!important}.btn-primary.enabled{background:#e64c7a!important;background:var(--figma-color-primary,#e64c7a)!important;border-color:#e64c7a!important;border-color:var(--figma-color-primary,#e64c7a)!important;cursor:pointer!important}.btn-primary.enabled:hover{background:#be185d!important;background:var(--figma-color-primary-dark,#be185d)!important;border-color:#be185d!important;border-color:var(--figma-color-primary-dark,#be185d)!important;transform:translateY(-1px)!important}@media (max-width:768px){.signup-form{padding:24px;padding:var(--figma-spacing-lg,24px);margin:16px;margin:var(--figma-spacing-md,16px)}.signup-header h1{font-size:24px}.step-indicator{flex-direction:column;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.step-indicator:before{display:none}.step{flex-direction:row;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.step-number{width:32px;height:32px;font-size:14px;margin-bottom:0}.form-grid,.menu-item .form-grid{grid-template-columns:1fr}.form-grid,.menu-item .form-grid,.signup-actions{grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.signup-actions{flex-direction:column}.btn-add,.btn-primary{width:100%!important}}@media (max-width:480px){.form-grid{grid-template-columns:1fr}}@media (max-width:480px){.category-item,.menu-item,.signup-card,.signup-container{padding:16px;padding:var(--figma-spacing-md,16px)}.menu-item .form-grid{grid-template-columns:1fr;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.form-group-remove{order:5}.btn-remove{width:100%;height:40px;border-radius:8px!important}.menu-item .form-grid .form-group-public:nth-child(2){grid-column:1}.table-item .form-grid{grid-template-columns:1fr;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.table-item .form-group-remove{order:4;padding-top:0;justify-content:flex-start}}.add-employee-section{display:flex;justify-content:center;align-items:center;min-height:300px}.add-employee-card{background:#fff;background:var(--figma-color-surface,#fff);border:2px dashed #e5e5e5;border:2px dashed var(--figma-color-border,#e5e5e5);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding:48px;padding:var(--figma-spacing-xxl,48px);text-align:center;cursor:pointer;transition:all .2s ease;max-width:300px;width:100%}.add-employee-card:hover{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);background:#f8f8fd;background:var(--figma-color-surface-variant,#f8f8fd);transform:translateY(-2px)}.add-employee-icon{width:64px;height:64px;background:#e64c7a;background:var(--figma-color-primary,#e64c7a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;margin:0 auto var(--figma-spacing-md,16px);color:#fff;color:var(--figma-color-text-on-primary,#fff)}.add-employee-card h3{font-family:"Poppins",sans-serif;font-family:var(--figma-font-heading-family,"Poppins"),sans-serif;font-size:18px;font-size:var(--figma-font-heading-size,18px);font-weight:600;font-weight:var(--figma-font-heading-weight,600);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-bottom:8px;margin-bottom:var(--figma-spacing-sm,8px)}.add-employee-card p{font-family:"Poppins",sans-serif;font-family:var(--figma-font-body-family,"Poppins"),sans-serif;font-size:14px;font-size:var(--figma-font-body-size,14px);color:#666;color:var(--figma-color-text-secondary,#666);margin:0}.employees-list{margin-top:24px;margin-top:var(--figma-spacing-lg,24px)}.employee-card{background:#fff;background:var(--figma-color-surface,#fff);border:1px solid #e5e5e5;border:1px solid var(--figma-color-border,#e5e5e5);border-radius:12px;border-radius:var(--figma-border-radius-md,12px);padding:24px;padding:var(--figma-spacing-lg,24px);margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px);position:relative}.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px);padding-bottom:8px;padding-bottom:var(--figma-spacing-sm,8px);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--figma-color-border,#e5e5e5)}.employee-header h4{font-family:"Poppins",sans-serif;font-family:var(--figma-font-heading-family,"Poppins"),sans-serif;font-size:16px;font-size:var(--figma-font-heading-size,16px);font-weight:600;font-weight:var(--figma-font-heading-weight,600);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin:0}.btn-remove-employee{background:#dc2626;background:var(--figma-color-error,#dc2626);color:#fff;color:var(--figma-color-text-on-primary,#fff);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background-color .2s ease}.btn-remove-employee:hover{background:#b91c1c;background:var(--figma-color-error-dark,#b91c1c)}.btn-add-another-employee{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);color:#fff;color:var(--figma-color-text-on-primary,#fff);border:none;border-radius:100px;padding:16px 24px;padding:var(--figma-spacing-md,16px) var(--figma-spacing-lg,24px);font-family:"Poppins",sans-serif;font-family:var(--figma-font-button-family,"Poppins"),sans-serif;font-size:16px;font-size:var(--figma-font-button-size,16px);font-weight:500;font-weight:var(--figma-font-button-weight,500);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px);margin:24px auto 0;margin:var(--figma-spacing-lg,24px) auto 0}.btn-add-another-employee:hover{background:#be185d;background:var(--figma-color-primary-dark,#be185d);transform:translateY(-1px)}.tables-list{display:flex;flex-direction:column;grid-gap:24px;gap:24px;margin-bottom:24px}.table-item{padding:24px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}.table-item .form-grid{display:grid;grid-template-columns:2fr 80px 1fr auto;grid-gap:16px;gap:16px;align-items:start}.table-item .form-group-capacity{max-width:80px}.table-item .form-group-capacity input{text-align:center;font-weight:500}.table-item .form-group-remove{display:flex;align-items:center;justify-content:center;padding-top:30px}.summary-sections{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.summary-section{padding:24px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease}.summary-section:hover{border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);background-color:#fdf2f8;background-color:var(--figma-color-primary-light,#fdf2f8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.summary-header h3{margin:0;font-size:18px;font-weight:600;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.edit-link{font-size:14px;color:#e64c7a;color:var(--figma-color-primary,#e64c7a);font-weight:500}.summary-content{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.summary-content p{margin:0;font-size:14px;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);line-height:1.5}.summary-content strong{color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);font-weight:500}.content-order-top{margin-bottom:30px}.order-title{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:32px;letter-spacing:.01em;color:#000}.content-order .MuiPaper-elevation1{box-shadow:none}.content-order .MuiTableHead-root .MuiTableCell-root{color:rgba(43,26,34,.7)}.content-order .MuiTableBody-root .MuiTableCell-root:first-child{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#8c8a8b}.content-order .MuiTableCell-root{font-family:"Poppins",sans-serif}.content-order .MuiTableBody-root .MuiTableCell-root:nth-child(3){font-style:normal;font-weight:500;font-size:14px;line-height:20px;color:var(--colorTextMain)}.content-order .MuiTableBody-root .MuiTableRow-root:last-child .MuiTableCell-root{border-bottom:1px solid #e0e0e0}.content-order .MuiTableBody-root .MuiTableCell-root:last-child .wrapper-order-avatar{margin:0 auto}.tag-content .MuiTable-root .MuiTableHead-root .MuiTableCell-root:last-child{text-align:center}.wrapper-order-head{justify-content:center}.content-order .MuiTableCell-root:nth-child(3),.content-order .MuiTableCell-root:nth-child(4){text-align:center}.MuiTableBody-root .table-row-order-empty{height:40vh;text-align:center}.wrapper-order-avatar{display:flex;align-items:center;position:relative}.wrapper-order-avatar button{width:24px;height:24px;position:absolute;top:-14px;right:-12px}.wrapper-order-avatar img{display:inline-block;width:24px;height:24px;object-fit:cover;border-radius:50%;margin:0 auto}.order-avatar-name{display:none}.wrapper-order-avatar:hover .order-avatar-name{display:inline-block;position:absolute;top:-25px;right:35%;white-space:nowrap;font-family:"Poppins",sans-serif;border-radius:4px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:right;color:#fff;padding:4px 16px;background-color:var(--colorTextMain);z-index:9}.order-avatar-name{position:absolute;transform:translateY(-50%)}.order-avatar-name:before{position:absolute;content:"";height:10px;width:14px;background-color:var(--colorTextMain);right:7px;top:95%;transform:translateY(-50%) rotate(45deg)}.order-time{font-weight:500}.order-table-name{display:block;text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.order-table-paid-by{color:#207800}.order-unpaid{color:#ff2929}.loading-center-table{margin:0 auto}.time-order{text-align:center}.time-order_date{color:rgba(33,33,33,.7);font-size:12px;margin-top:6px}.time-order_hour{letter-spacing:2px;color:#181616}.time-order_hour,.time-order_hour span{display:flex;align-items:center;justify-content:center}.time-order_hour span{width:56px}.time-order_hour .divider{width:16px}.order-header{display:flex;justify-content:space-between;align-items:center}.menu-tab-right{position:relative;width:150px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.wrapper-modal-order-filter{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:97}.button-filter-order{width:100%;border:1.5px solid #a05079;border-radius:100px;display:flex;align-items:center;background-color:#fff;height:40px;padding:0 14px;font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#6f3552;overflow:hidden;transition:opacity 1.5s linear,height 1.5s linear;cursor:pointer;white-space:nowrap}.button-filter-order-active{opacity:1}.button-filter-order p{margin-left:10px}.wrapper-order-filter{width:146px;position:absolute;top:100%;left:0;background-color:#f8f8fd;box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);border-radius:4px;padding:0 12px;z-index:98}.item-order-filter{display:flex;align-items:center;font-family:"Poppins",sans-serif;color:#5e5c5c;padding:12px 0;border-bottom:1px solid #eeedf0;cursor:pointer}.item-order-filter:last-child{border-bottom:none}.item-oder-filter-active-color{color:#6f3552}.order-tabs{margin-bottom:20px}.order-tabs .MuiTabs-indicator{background-color:#e54c7a}.order-tabs .MuiTab-root{text-transform:none;font-size:16px;padding-bottom:0}.order-tabs .MuiTab-root.Mui-selected{color:#e54c7a}.tab-notification-dot{width:8px;height:8px;background-color:#e54c7a;border-radius:50%;display:inline-block;flex-shrink:0}.manage-delivery-btn{margin-left:16px}.order-orderer-name{font-size:14px;color:#333;display:block;text-align:center}.order-placer{margin-top:6px;font-size:13px}.order-by-label{color:#888}.order-by-name{color:#333;font-weight:500}.address-multiline{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:240px;line-height:1.4;min-height:4.2em;text-align:left}.orders-toggle-container{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px);margin-top:16px}.orders-toggle-label{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:500;font-weight:var(--figma-font-body-weight,500);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.orders-toggle-switch .MuiSwitch-switchBase.Mui-checked{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.orders-toggle-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#e64c7a!important;background-color:var(--figma-color-primary,#e64c7a)!important}.order-cards-mobile{display:none}.order-cards-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px);padding:16px;padding:var(--figma-spacing-md,16px)}.order-card{background:#fff;background:var(--figma-color-surface,#fff);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);padding:24px;padding:var(--figma-spacing-lg,24px);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));text-decoration:none;color:inherit;display:block;transition:all .2s ease;border:1px solid transparent}.order-card:hover{background:#f9f9f9;background:var(--figma-color-surface-variant,#f9f9f9);border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);transform:translateY(-2px);box-shadow:0 4px 12px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 4px 12px rgba(53,63,79,.15))}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px);padding-bottom:16px;padding-bottom:var(--figma-spacing-md,16px);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--figma-color-border,#e5e5e5)}.order-card-number{font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#8c8a8b}.order-card-body{grid-gap:12px;gap:12px;grid-gap:var(--figma-spacing-sm,12px);gap:var(--figma-spacing-sm,12px)}.order-card-body,.order-card-row{display:flex;flex-direction:column}.order-card-row{grid-gap:4px;gap:4px;grid-gap:var(--figma-spacing-xs,4px);gap:var(--figma-spacing-xs,4px)}.order-card-label{font-family:"Poppins",sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:16px;color:rgba(43,26,34,.7);text-transform:uppercase;letter-spacing:.5px}.order-card-value{font-weight:400}.order-card-value,.order-card-value h4{font-family:"Poppins",sans-serif;font-style:normal;font-size:14px;line-height:20px;color:#2b1a22;color:var(--colorTextMain,#2b1a22)}.order-card-value h4{margin:0;font-weight:500}.order-card-amount{font-weight:500;color:rgba(43,26,34,.8)}.order-card-staff{display:flex;align-items:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px);position:relative}.order-card-staff img{width:24px;height:24px;border-radius:50%;object-fit:cover}.order-card-staff button{width:24px;height:24px;position:absolute;top:-14px;right:-12px}.order-card-staff span{font-family:"Poppins",sans-serif;font-size:14px;color:#2b1a22;color:var(--colorTextMain,#2b1a22)}@media (max-width:768px){.order-table-desktop{display:none!important}.order-cards-mobile{display:block;margin-left:-36px;margin-left:calc(var(--figma-spacing-xl, 36px)*-1);margin-right:-36px;margin-right:calc(var(--figma-spacing-xl, 36px)*-1)}.order-cards-container{padding:8px 16px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,16px)}.order-card{padding:16px;padding:var(--figma-spacing-md,16px)}}@media (min-width:769px){.order-cards-mobile{display:none}}.receipt-modal .MuiPaper-root{min-height:500px}.receipt-modal .action-btn{background-color:#e64c7a;color:#fff;text-transform:none;border-radius:8px}.receipt-modal .action-btn:hover{background-color:#da3566}.receipt-content{background-color:#fff;padding:20px 10px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:"Poppins",sans-serif;width:100%;max-width:280px;margin:0 auto;text-align:left}.receipt-logo-container{display:flex;justify-content:center;margin-bottom:12px}.receipt-logo{object-fit:contain}.receipt-logo,.receipt-logo-placeholder{width:60px;height:60px;border-radius:0;background-color:#e60012}.receipt-logo-placeholder{display:flex;align-items:center;justify-content:center;color:#fc0}.receipt-content .MuiTypography-root{font-family:"Poppins",sans-serif;line-height:1.2;letter-spacing:0}.receipt-header{text-align:center;font-weight:700!important;font-size:20px!important;margin-bottom:8px!important}.receipt-divider{height:1px;border-top:1px dashed #333;width:100%;margin:12px 0;clear:both}.receipt-section{margin-bottom:8px}.receipt-row{display:flex;justify-content:space-between;margin-bottom:5px;line-height:1.2}.receipt-row.delivery-address-row{flex-direction:column;margin-top:8px}.delivery-address-row .receipt-label{margin-bottom:4px}.delivery-address-row .receipt-value{word-break:break-word;line-height:1.4;text-align:left;padding-left:8px}.receipt-label{font-weight:700;font-size:12px;flex:1 1}.receipt-value{text-align:right;font-size:12px;flex:1 1}.receipt-items-header{display:flex;font-weight:700;font-size:12px;margin-bottom:8px}.item-column{flex:2 1;text-align:left}.qty-column{width:40px;text-align:center}.price-column{flex:1 1;text-align:right}.receipt-items{margin-bottom:12px}.receipt-item-container{margin-bottom:8px}.receipt-item-name{font-size:12px;font-weight:400;margin-bottom:2px!important}.receipt-price-line{display:flex;justify-content:space-between;margin-bottom:2px}.receipt-item-qty{width:40px;text-align:center;font-size:12px}.receipt-item-price{flex:1 1;text-align:right;font-size:12px}.receipt-item-vnd{flex:2 1;font-size:12px;text-align:left}.receipt-customization{margin-top:4px;margin-left:0;margin-bottom:0}.customization-text{font-style:italic}.customization-text,.type-label{font-size:12px!important;color:#555}.type-label{margin-top:2px!important}.receipt-totals{margin-bottom:12px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.totals-label{font-size:12px;font-weight:400;text-align:left}.totals-value{font-size:12px;text-align:right}.total-label{text-align:left}.total-label,.total-value{font-size:14px!important;font-weight:700!important;margin-top:4px!important}.total-value{text-align:right}.receipt-footer{text-align:center;margin-top:12px}.thank-you{font-size:11px!important;margin-bottom:8px!important}.powered-by{font-weight:700!important;font-size:12px!important;margin-bottom:4px!important;color:#000}.website-url{font-size:10px!important;color:#666;letter-spacing:0!important}@media print{body *{visibility:hidden}.receipt-content,.receipt-content *{visibility:visible}.receipt-content{position:absolute;left:0;top:0;width:80mm;margin:0;padding:8px;box-shadow:none;border:none}}.map-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.map-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border:none;cursor:pointer}.map-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.map-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e9ecef}.map-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#212529}.map-modal-close{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.map-modal-close:hover{background-color:#f8f9fa;color:#495057}.map-modal-body{flex:1 1;position:relative;min-height:400px}.map-container{width:100%;height:400px;border-radius:0;position:relative;overflow:hidden;background-color:#f0f0f0;border:1px solid #ddd}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6c757d}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#dc3545;text-align:center;padding:20px}.map-error button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:12px;transition:background-color .2s ease}.map-error button:hover{background:#c82333}.map-modal-footer{padding:16px 24px 24px;border-top:1px solid #e9ecef;background:#f8f9fa}.delivery-info{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.info-row{display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.info-row .label{font-weight:600;color:#495057;min-width:80px;flex-shrink:0}.info-row .value{color:#212529;flex:1 1;word-break:break-word}@media (max-width:768px){.map-modal-overlay{padding:10px}.map-modal-content{max-width:100%;max-height:95vh}.map-modal-header{padding:16px 16px 12px}.map-modal-header h3{font-size:18px}.map-modal-body{min-height:300px}.map-container,.map-error,.map-loading{height:300px}.map-modal-footer{padding:12px 16px 16px}.info-row{flex-direction:column;grid-gap:4px;gap:4px}.info-row .label{min-width:auto}}@media (max-width:480px){.map-modal-header{padding:12px 12px 8px}.map-modal-header h3{font-size:16px}.map-modal-body{min-height:250px}.map-container,.map-error,.map-loading{height:250px}.map-modal-footer{padding:8px 12px 12px}}.edit-dish-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-dish-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border:none;cursor:pointer;z-index:-1}.edit-dish-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);position:relative;z-index:1}.edit-dish-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.edit-dish-modal-header h2{font-size:20px;font-weight:600;color:#5e5c5c;margin:0}.edit-dish-close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:#6c757d;transition:all .2s ease}.edit-dish-close-btn:hover{background:#f8f9fa;color:#5e5c5c}.edit-dish-modal-body{padding:0 24px 24px}.dish-info{display:flex;grid-gap:16px;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.dish-image img{width:80px;height:80px;border-radius:8px;object-fit:cover}.dish-details h3{font-size:18px;font-weight:600;color:#5e5c5c;margin:0 0 8px}.dish-price{font-size:16px;font-weight:600;color:#e54c7a;margin:0}.edit-section{margin-bottom:24px}.edit-section h4{font-size:16px;font-weight:600;color:#5e5c5c;margin:0 0 16px}.notes-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit}.notes-textarea:focus{outline:none;border-color:#e54c7a;box-shadow:0 0 0 3px rgba(229,76,122,.1)}.notes-textarea:-ms-input-placeholder{color:#6c757d}.notes-textarea::placeholder{color:#6c757d}.option-group{margin-bottom:20px}.option-group h5{font-size:14px;font-weight:600;color:#495057;margin:0 0 12px}.options-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.option-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.option-item:hover{border-color:#e54c7a;background:rgba(229,76,122,.02)}.option-item input[type=checkbox]{width:18px;height:18px;accent-color:#e54c7a}.option-name{flex:1 1;font-size:14px;color:#5e5c5c}.option-price{font-size:14px;font-weight:600;color:#e54c7a}.edit-dish-modal-footer{display:flex;grid-gap:12px;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 12px 12px}.cancel-btn,.save-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn{background:#f8f9fa;color:#495057}.cancel-btn:hover{background:#e9ecef}.save-btn{background:#e54c7a;color:#fff}.save-btn:hover{background:#db4270}@media (max-width:768px){.edit-dish-modal{margin:20px;max-width:calc(100% - 40px)}.edit-dish-modal-body,.edit-dish-modal-header{padding:16px}.edit-dish-modal-footer{padding:16px;flex-direction:column}.cancel-btn,.save-btn{width:100%}}.figma-order-detail-wrapper{font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;background:#fff6f8}.figma-order-detail-container{display:grid;grid-template-columns:360px 1fr;height:auto;min-height:calc(100vh - var(--heightHeader) - 8px);min-height:calc(100vh - var(--heightHeader) - var(--figma-spacing-sm, 8px));grid-gap:24px;gap:24px;position:relative;background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:24px;overflow:hidden}.figma-order-detail-container:after{content:"";position:absolute;top:24px;bottom:24px;left:396px;width:1px;background:#eadfe3}.figma-order-detail-container .figma-order-info-panel{background:transparent!important;padding:0 24px 24px 0;overflow-y:auto;position:relative;border-radius:0!important;box-shadow:none!important}.figma-back-button{display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;color:#6c757d;font-size:14px;font-weight:500;margin-bottom:24px;padding:8px 0;transition:color .2s ease}.figma-back-button:hover{color:#e54c7a}.figma-back-button svg{width:16px;height:16px}.figma-header-section{margin-bottom:32px}.figma-title-with-status{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px}.figma-delivery-note{color:#5e5c5c;font-size:14px;font-weight:500;line-height:1.4}.figma-page-title{font-size:24px;font-weight:700;color:#5e5c5c;margin:0;line-height:1.3}.figma-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:500;text-transform:capitalize;letter-spacing:.5px}.figma-status-badge .status-icon,.figma-status-pill .status-icon{flex-shrink:0;width:14px;height:14px}.figma-status-wait_to_confirm{background-color:#f9ecff;color:#bf77bc}.figma-status-in_kitchen{background:#e3f2fd;color:#1565c0}.figma-status-out_of_kitchen{background:#e8f5e9;color:#2e7d32}.figma-order-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:32px}.figma-info-row{padding:8px 0}.figma-info-item{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.figma-info-label{min-width:80px;font-size:14px;font-weight:500;color:#6c757d}.figma-info-value{flex:1 1;font-size:14px;font-weight:500;color:#5e5c5c}.figma-info-value.delivery-address{word-break:break-word;line-height:1.4;margin-top:4px}.clickable-address{cursor:pointer;transition:color .2s ease;position:relative}.clickable-address:hover{color:#e74c3c}.figma-info-value.delivery-distance{color:#28a745;font-weight:500}.figma-change-btn{background:none;border:none;color:#e54c7a;font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.figma-change-btn:hover{color:#c83c6e}.figma-staff-info{display:flex;align-items:center;grid-gap:8px;gap:8px;flex:1 1}.figma-staff-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.figma-staff-name{font-size:14px;font-weight:500;color:#5e5c5c}.figma-main-actions{margin-top:auto;margin-bottom:60px}.figma-unsaved-changes-indicator{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 16px;margin-bottom:16px}.figma-unsaved-changes-content{display:flex;align-items:flex-start;grid-gap:8px;gap:8px;color:#856404;font-size:14px;font-weight:500}.figma-unsaved-changes-content svg{flex-shrink:0;color:#f39c12;margin-top:2px}.figma-unsaved-changes-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.figma-changes-summary{display:flex;flex-direction:column;grid-gap:2px;gap:2px;font-size:12px;color:#856404;opacity:.8}.figma-action-buttons{display:flex;grid-gap:12px;gap:12px}.figma-delete-bottom{position:absolute;bottom:24px;left:24px}.figma-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:10px 20px;height:40px;border-radius:20px;font-family:"Poppins",sans-serif;font-size:14px;font-weight:600;text-transform:none;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.figma-btn svg{width:16px;height:16px}.figma-btn-primary{background:#e54c7a;color:#fff}.figma-btn-primary:hover{background:#c83c6e;transform:translateY(-1px)}.figma-btn-outline{background:#fff;color:#e54c7a;border:1px solid #e54c7a}.figma-btn-outline:hover{background:#fdf2f8;transform:translateY(-1px)}.figma-btn-delete{background:#fff;color:#dc3545;border:1px solid #dc3545;min-width:100px}.figma-btn-delete:hover{background:#f8d7da;transform:translateY(-1px)}.figma-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.figma-order-detail-container .figma-order-items-panel{background:transparent!important;padding:0 0 24px 24px;overflow-y:auto;display:flex;flex-direction:column;border-radius:0!important;box-shadow:none!important;border:none!important}.figma-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.figma-section-title{font-size:20px;font-weight:700;color:#5e5c5c;margin:0}.figma-items-count{font-size:14px;font-weight:500;color:#6c757d;background:#f8f9fa;padding:4px 12px;border-radius:12px}.figma-items-list{flex:1 1;display:flex;flex-direction:column;grid-gap:32px;gap:32px;margin-bottom:24px}.figma-order-group{background:transparent;border-radius:0;border:none;overflow:visible;margin-bottom:24px}.figma-group-header{display:flex;align-items:center;padding:16px 20px;background:#e8f4fd;border-radius:12px;margin-bottom:16px;border:none}.figma-group-label{font-size:14px;font-weight:600;color:#1f2937;text-transform:none;letter-spacing:0}.figma-group-header:nth-child(odd){background:#e8f4fd}.figma-group-header:nth-child(2n){background:#fef3c7}.figma-order-group:nth-child(odd) .figma-group-header{background:#e8f4fd}.figma-order-group:nth-child(2n) .figma-group-header{background:#fef3c7}.figma-group-items{padding:0;display:flex;flex-direction:column;grid-gap:16px;gap:16px;border-radius:0}.figma-order-item{display:flex;align-items:flex-start;grid-gap:16px;gap:16px;padding:20px;background:#fff;border-radius:16px;border:1px solid #f1f3f5;box-shadow:0 6px 16px rgba(0,0,0,.06);transition:all .2s ease}.figma-order-item:hover{border-color:#dee2e6;box-shadow:0 4px 12px rgba(0,0,0,.08)}.figma-item-image{flex-shrink:0}.figma-item-image img{width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid #e9ecef}.figma-item-details{flex:1 1;display:flex;flex-direction:column;grid-gap:16px;gap:16px;min-width:0}.figma-item-top-row{margin-bottom:12px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;position:relative}.figma-item-name{font-size:16px;font-weight:700;color:#5e5c5c;line-height:1.3;display:flex;align-items:center;grid-gap:8px;gap:8px}.figma-item-notes{align-items:flex-start;border-radius:6px;border-left:3px solid #e54c7a;word-wrap:break-word;word-break:break-word;position:relative}.figma-notes-label{color:#e54c7a;flex-shrink:0;margin-top:1px}.figma-notes-text{color:#495057;min-width:0}.figma-notes-placeholder{color:#adb5bd;opacity:.7}.figma-edit-notes{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:4px;color:#e54c7a;transition:all .2s ease}.figma-edit-notes:hover{background:#e54c7a;color:#fff;border-color:#e54c7a}.figma-customize-section{border-top:1px dashed rgba(229,76,122,.2);padding-top:10px;margin-top:-6px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.figma-customize-group{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.figma-customize-group-title{font-size:12px;font-weight:600;color:#8c8a8b;text-transform:uppercase;letter-spacing:.5px}.figma-customize-pills{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.figma-customize-pill{display:inline-flex;align-items:baseline;grid-gap:6px;gap:6px;background:#fff0f5;border:1px solid #f7c7d8;border-radius:999px;padding:4px 10px;font-size:12px;color:#5e5c5c}.figma-customize-pill-price{font-weight:600;color:#e54c7a;display:inline-flex;grid-gap:2px;gap:2px}.figma-item-modified-indicator{display:inline-flex;align-items:center;color:#f39c12;cursor:help}.figma-item-modified-indicator svg{flex-shrink:0}.figma-item-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.figma-item-right-controls{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-direction:row}.figma-item-right-column{display:flex;flex-direction:column;align-items:flex-end;grid-gap:8px;gap:8px}.figma-item-price{font-size:16px;font-weight:700;color:#5e5c5c;text-align:right;white-space:nowrap;flex-shrink:0}.figma-quantity-controls{display:flex;align-items:center;grid-gap:16px;gap:16px}.figma-qty-btn{width:24px;height:24px;border:none;background:none;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#e54c7a;cursor:pointer;transition:all .2s ease;padding:0}.figma-qty-btn:hover:not(:disabled){opacity:.7}.figma-qty-btn:disabled{opacity:.4;cursor:not-allowed}.figma-qty-display{font-size:16px;font-weight:600;color:#5e5c5c;min-width:36px;text-align:center}.figma-item-actions{display:flex;grid-gap:6px;gap:6px;justify-content:flex-end}.figma-action-icon{background:none;border:none;width:24px;height:24px;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;color:#e54c7a;flex-shrink:0}.figma-action-icon:hover{opacity:.7}.figma-action-icon:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.figma-action-icon:disabled:hover{opacity:.4}.figma-edit-icon:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.figma-edit-icon:disabled:hover{opacity:.4}.figma-action-icon svg{width:18px;height:18px}.figma-item-status-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.figma-status-pill{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.figma-status-joined{background:#e3f2fd;background:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2)}.figma-status-open{background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8);color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.figma-status-ordering{background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.figma-status-call-staff{background-color:#ffefe4;color:#f57417}.figma-item-timestamp{font-size:12px;color:#6c757d;font-weight:400}.figma-order-total{background:#fff;border:1px solid #f1f3f5;border-radius:12px;padding:16px 20px;margin-top:auto;box-shadow:0 4px 12px rgba(0,0,0,.04)}.figma-total-row{display:flex;align-items:center;justify-content:space-between}.figma-total-left{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.figma-total-label{font-size:18px;font-weight:600;color:#5e5c5c;text-transform:uppercase;letter-spacing:.5px}.figma-total-items{font-size:14px;font-weight:400;color:#6c757d}.figma-total-price{font-size:24px;font-weight:800;color:#e54c7a;display:flex;flex-direction:column;align-items:flex-end;grid-gap:4px;gap:4px}.figma-price-change-indicator{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:12px;font-weight:500;color:#6c757d}.figma-original-price{text-decoration:line-through;opacity:.7}.figma-price-change-arrow{color:#f39c12;font-weight:600}.delivery-fee-row{border-top:1px solid #e9ecef;padding-top:12px;margin-top:12px}.delivery-fee-row .figma-total-label{color:#6c757d;font-size:14px;text-transform:none;letter-spacing:normal}.total-row{border-top:2px solid #e9ecef;padding-top:16px;margin-top:16px}.total-row .figma-total-label{font-weight:700;color:#212529}.total-row .figma-total-price{font-weight:700;color:#212529;font-size:18px}@media (max-width:1200px){.figma-order-detail-container{grid-template-columns:320px 1fr}.figma-order-detail-container:after{left:356px;top:24px;bottom:24px}}@media (max-width:968px){.figma-order-detail-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.figma-order-detail-container:after{display:none}.figma-order-info-panel{border-right:none;border-bottom:1px solid #e9ecef}}@media (max-width:768px){.figma-order-info-panel,.figma-order-items-panel{padding:16px}.figma-order-info{grid-template-columns:1fr}.figma-page-title{font-size:20px}.figma-item-top-row,.figma-order-item{flex-direction:column;align-items:stretch}.figma-item-top-row{grid-gap:16px;gap:16px}.figma-item-right-column{align-items:center}.figma-item-controls-row{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.figma-item-right-controls,.figma-quantity-controls{justify-content:center}.figma-item-price{text-align:center;font-size:18px}}.figma-btn.loading,.figma-order-item.loading{opacity:.6;pointer-events:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.figma-order-item{animation:slideInUp .3s ease-out}.figma-items-list::-webkit-scrollbar,.figma-order-info-panel::-webkit-scrollbar,.figma-order-items-panel::-webkit-scrollbar{width:6px}.figma-items-list::-webkit-scrollbar-track,.figma-order-info-panel::-webkit-scrollbar-track,.figma-order-items-panel::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.figma-items-list::-webkit-scrollbar-thumb,.figma-order-info-panel::-webkit-scrollbar-thumb,.figma-order-items-panel::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.figma-items-list::-webkit-scrollbar-thumb:hover,.figma-order-info-panel::-webkit-scrollbar-thumb:hover,.figma-order-items-panel::-webkit-scrollbar-thumb:hover{background:#adb5bd}.figma-status-wait-to-confirm{background-color:#f9ecff;color:#bf77bc}.figma-status-ordered{background-color:#e6e6fd;color:#7877bf}.figma-status-delivering{background:#e3f2fd;background:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2);background-color:#e6e6fd;color:#7877bf}.figma-status-delivered{background-color:#e8faf0;color:#499f61}.figma-status-wait-for-payment{background-color:#ffecfa;color:#e07494}.figma-status-done{background-color:#e8faf0;color:#499f61}.figma-status-canceled{background-color:#efebe9;color:#5d4037}.figma-status-deleted{background-color:#e74a4a;color:#fff}.figma-order-detail-wrapper .content-order-detail-bottom,.figma-order-detail-wrapper .content-order-info-table,.figma-order-detail-wrapper .order-detail-right{display:none}.figma-item-notes{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-top:8px;padding:8px 12px;background:#f8f9fa;border-radius:8px;border-left:3px solid #e64c7a}.figma-notes-label{font-size:12px;font-weight:600;color:#e64c7a;text-transform:uppercase;letter-spacing:.5px;min-width:40px}.figma-notes-text{flex:1 1;font-size:13px;color:#6c757d;line-height:1.4;font-style:italic}.figma-edit-button{background:#f8f9fa;color:#e64c7a;border:1px solid #dee2e6;border-radius:100px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.figma-edit-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;color:#c44569;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.figma-edit-button:disabled{background:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none}.new-customer-orders-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin:16px 24px;box-shadow:0 4px 12px rgba(33,150,243,.15);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;padding:16px 20px;grid-gap:12px;gap:12px}.banner-icon{font-size:24px;flex-shrink:0}.banner-text{flex:1 1;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.banner-text strong{color:#1976d2;font-size:16px;font-weight:600;font-family:"Poppins",sans-serif}.banner-text span{color:#1565c0}.banner-refresh-btn,.banner-text span{font-size:14px;font-family:"Poppins",sans-serif}.banner-refresh-btn{background:#2196f3;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.banner-refresh-btn:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px rgba(33,150,243,.3)}.banner-dismiss-btn{background:transparent;color:#666;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px;flex-shrink:0}.banner-dismiss-btn:hover{background:rgba(0,0,0,.1);color:#333}.order-detail-item-customizes{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(229,76,122,.35);background:#fff9fb;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.order-detail-item-customize-group{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.customize-group-title{font-size:12px;font-weight:600;color:#8c8a8b;margin:0;text-transform:uppercase;letter-spacing:.4px}.customize-options{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.customize-option{display:inline-flex;align-items:baseline;grid-gap:6px;gap:6px;padding:4px 12px;border-radius:999px;border:1px solid #f7c7d8;background:#fff;font-size:12px;color:#5e5c5c}.customize-option-price{color:#e54c7a;font-weight:600;display:inline-flex;grid-gap:2px;gap:2px}.staff-reassignment-content{font-family:Poppins,sans-serif;font-family:var(--figma-font-body-family,Poppins),sans-serif;font-size:14px;line-height:1.5;color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}.staff-reassignment-content p{margin-bottom:12px}.staff-reassignment-warning{font-size:12px;color:#856404;color:var(--figma-color-warning-dark,#856404);background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);padding:8px 12px;border-radius:4px;border-left:3px solid #856404;border-left:3px solid var(--figma-color-warning-dark,#856404)}.content-table-detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;margin-bottom:var(--figma-spacing-xl,32px)}.wrapper-table-detail-icon{display:flex;align-items:center;cursor:pointer;color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);transition:color .2s ease}.wrapper-table-detail-icon:hover{color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.wrapper-table-detail-icon p{margin-left:8px;margin-left:var(--figma-spacing-sm,8px);font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:500;font-weight:var(--figma-font-body-weight,500)}.wrapper-table-detail-right{grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.wrapper-table-detail-right,.wrapper-table-detail-right button{display:flex;align-items:center}.wrapper-table-detail-right button svg{margin-right:4px;margin-right:var(--figma-spacing-xs,4px)}.wrapper-table-detail-right button svg path{fill:#e64c7a;fill:var(--figma-color-primary,#e64c7a)}.content-table-detail-btn-delete{margin-left:16px;margin-left:var(--figma-spacing-md,16px)}.content-table-detail-btn-delete button svg path{fill:#fff;fill:var(--figma-color-text-on-primary,#fff)}.content-table-detail-bottom{margin-bottom:32px;margin-bottom:var(--figma-spacing-xl,32px)}.staff-assignment-card,.table-info-card{background:#fff;background:var(--figma-color-surface,#fff);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:var(--figma-shadow-card,0 2px 8px rgba(0,0,0,.1));border:1px solid hsla(0,0%,89.8%,.5);border:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));transition:box-shadow .2s ease}.staff-assignment-card:hover,.table-info-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-elevation-2,0 4px 12px rgba(0,0,0,.15))}.staff-assignment-card .MuiCardContent-root,.table-info-card .MuiCardContent-root{padding:32px;padding:var(--figma-spacing-xl,32px)}.table-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px)}.table-name{flex:1 1;margin-right:16px;margin-right:var(--figma-spacing-md,16px)}.status-chip{flex-shrink:0;font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 16px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-md,16px)}.status-chip.available{background-color:#e8f5e8;background-color:var(--figma-color-success-light,#e8f5e8);color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.status-chip.occupied{background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.info-item{margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px)}.info-label{font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);margin-bottom:4px;margin-bottom:var(--figma-spacing-xs,4px);text-transform:uppercase;letter-spacing:.5px}.description-section{margin-top:32px;margin-top:var(--figma-spacing-xl,32px);padding-top:24px;padding-top:var(--figma-spacing-lg,24px);border-top:1px solid hsla(0,0%,89.8%,.5);border-top:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5))}.staff-assignment-card{height:-moz-fit-content;height:fit-content}.staff-info{display:flex;align-items:center;margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px)}.staff-info .MuiAvatar-root{width:32px;width:var(--figma-spacing-xl,32px);height:32px;height:var(--figma-spacing-xl,32px);margin-right:16px;margin-right:var(--figma-spacing-md,16px);border:2px solid hsla(0,0%,89.8%,.5);border:2px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5))}.staff-actions{margin-top:24px;margin-top:var(--figma-spacing-lg,24px)}.switch-primary .MuiSwitch-root{width:44px;height:24px;padding:0}.switch-primary .MuiSwitch-switchBase{padding:2px;margin:2px}.switch-primary .MuiSwitch-thumb{width:20px;height:20px;background-color:#fff;background-color:var(--figma-color-surface,#fff);box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:var(--figma-shadow-button,0 2px 4px rgba(0,0,0,.1))}.switch-primary .Mui-checked .MuiSwitch-thumb{background-color:#e64c7a;background-color:var(--figma-color-primary,#e64c7a)}.switch-primary .MuiSwitch-track{background-color:#e5e5e5;background-color:var(--figma-color-border,#e5e5e5);border-radius:12px;opacity:1}.switch-primary .Mui-checked+.MuiSwitch-track{background-color:#f8e6ec;background-color:var(--figma-color-primary-light,#f8e6ec);opacity:1}.status-confirmation-paper{background:#fff;background:var(--figma-color-surface,#fff);border-radius:8px;border-radius:var(--figma-border-radius-md,8px);box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:var(--figma-shadow-modal,0 8px 24px rgba(0,0,0,.15));border:1px solid hsla(0,0%,89.8%,.5);border:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5));min-width:280px}.status-confirmation-paper .MuiTypography-root{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22)}@media (max-width:960px){.table-header{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px;grid-gap:var(--figma-spacing-md,16px);gap:var(--figma-spacing-md,16px)}.table-name{margin-right:0}.wrapper-table-detail-right{flex-direction:column;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.content-table-detail-btn-delete{margin-left:0}}@media (max-width:600px){.content-table-detail-top{flex-direction:column;align-items:flex-start;grid-gap:24px;gap:24px;grid-gap:var(--figma-spacing-lg,24px);gap:var(--figma-spacing-lg,24px)}.staff-assignment-card .MuiCardContent-root,.table-info-card .MuiCardContent-root{padding:24px;padding:var(--figma-spacing-lg,24px)}}.info-table-detail{margin-right:92px;width:60%;min-width:400px;display:flex;flex-direction:column;justify-content:space-between}.info-table-detail .info-table-detail-Container .MuiButtonBase-root{position:absolute;padding:9px}.info-table-detail .info-table-detail-Container .MuiButtonBase-root .MuiSwitch-thumb{background-color:#fff;background-color:var(--figma-color-surface,#fff)}.info-table-detail .info-table-detail-Container .Mui-checked .MuiSwitch-thumb{background-color:#e64c7a;background-color:var(--figma-color-primary,#e64c7a)}.info-table-detail-Container td,.info-table-detail-Container th{color:#2b1a22!important;color:var(--figma-color-text-primary,#2b1a22)!important}.info-table-detail-Container td:first-child,.info-table-detail-Container th:first-child{width:50%}.info-table-detail-Container th:first-child{color:#5e5c5c!important;color:var(--figma-color-text-secondary,#5e5c5c)!important}.info-table-detail-Container td:first-child{font-size:28px;font-weight:500}.name-detail-table{font-family:Poppins;font-family:var(--figma-font-heading-family,Poppins);font-style:normal;font-weight:600;font-weight:var(--figma-font-heading-weight,600);font-size:28px;font-size:var(--figma-font-heading-size,28px);line-height:36px;line-height:var(--figma-font-heading-line-height,36px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-bottom:16px;margin-bottom:var(--figma-spacing-md,16px)}.status-detail-table span{background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:4px 32px;padding:var(--figma-spacing-xs,4px) var(--figma-spacing-xl,32px);font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-style:normal;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);line-height:16px;line-height:var(--figma-font-caption-line-height,16px);text-align:center;color:#856404;color:var(--figma-color-warning-dark,#856404)}.seats-detail-table{display:flex;margin-bottom:24px;margin-bottom:var(--figma-spacing-lg,24px)}.seats-detail-table p{margin-left:8px;margin-left:var(--figma-spacing-sm,8px)}.des-detail-table{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-style:normal;font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:14px;font-size:var(--figma-font-body-size,14px);line-height:20px;line-height:var(--figma-font-body-line-height,20px);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);margin-top:32px;margin-top:var(--figma-spacing-xl,32px)}.wrapper-info-assign-detail-table{display:flex;align-items:flex-end;justify-content:space-between}.info-staff-detail-table{display:flex;align-items:center}.info-staff-detail-table img{width:32px;width:var(--figma-spacing-xl,32px);height:32px;height:var(--figma-spacing-xl,32px);object-fit:cover;border-radius:50%}.info-staff-detail-table p{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-style:normal;font-weight:500;font-weight:var(--figma-font-body-weight,500);font-size:14px;font-size:var(--figma-font-body-size,14px);line-height:20px;line-height:var(--figma-font-body-line-height,20px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin-left:8px;margin-left:var(--figma-spacing-sm,8px)}.label-staff-detail-table{font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-style:normal;font-weight:500;font-weight:var(--figma-font-caption-weight,500);font-size:12px;font-size:var(--figma-font-caption-size,12px);line-height:16px;line-height:var(--figma-font-caption-line-height,16px);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);margin-bottom:4px;margin-bottom:var(--figma-spacing-xs,4px)}.btn-qr-code-detail-table{margin-top:24px;margin-top:var(--figma-spacing-lg,24px);display:flex;justify-content:center;grid-gap:8px;gap:8px;grid-gap:var(--figma-spacing-sm,8px);gap:var(--figma-spacing-sm,8px)}.content-btn-assign-detail-table{position:relative}.wrapper-modal-fixed-detail-table{position:fixed;top:0;left:0;width:100%;min-height:100vh;z-index:97}.wrapper-list-staff-detail-table{max-height:0;overflow:hidden;position:absolute;top:115%;left:-100%;width:268px;background:#fffbfb;background:var(--figma-color-surface-variant,#fffbfb);box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:var(--figma-shadow-card,0 2px 8px rgba(0,0,0,.1));border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);transition:max-height .5s;z-index:98}.wrapper-list-staff-detail-table-active{max-height:600px;transition:max-height .5s}.content-search-detail-table{position:relative;margin:24px;margin:var(--figma-spacing-lg,24px)}.search-bar-detail-table{display:inline-block;width:100%;height:36px;padding:8px 16px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-md,16px);border:1.5px solid #e5e5e5;border:1.5px solid var(--figma-color-border,#e5e5e5);outline:none;border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);font-size:14px;font-size:var(--figma-font-body-size,14px);font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);background:#fffbfb;background:var(--figma-color-surface-variant,#fffbfb)}.content-search-detail-table .icon-search{position:absolute;right:8px;right:var(--figma-spacing-sm,8px);top:50%;transform:translateY(-50%);color:rgba(43,26,34,.5);color:var(--figma-color-text-tertiary,rgba(43,26,34,.5));cursor:pointer;display:flex;align-items:center}.content-list-staff-detail-table{max-height:300px;overflow-y:auto;padding:0 24px 24px;padding:0 var(--figma-spacing-lg,24px) var(--figma-spacing-lg,24px)}.item-staff-detail-table{display:flex;align-items:center;padding:16px;padding:var(--figma-spacing-md,16px);cursor:pointer;border-radius:8px;border-radius:var(--figma-border-radius-md,8px);transition:background-color .2s ease}.item-staff-detail-table:hover{background-color:#f8e6ec;background-color:var(--figma-color-primary-light,#f8e6ec)}.item-staff-detail-table img{width:32px;width:var(--figma-spacing-xl,32px);height:32px;height:var(--figma-spacing-xl,32px);object-fit:cover;border-radius:50%;margin-right:16px;margin-right:var(--figma-spacing-md,16px)}.item-staff-detail-table p{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-style:normal;font-weight:400;font-weight:var(--figma-font-body-weight,400);font-size:14px;font-size:var(--figma-font-body-size,14px);line-height:20px;line-height:var(--figma-font-body-line-height,20px);color:#2b1a22;color:var(--figma-color-text-primary,#2b1a22);margin:0}.item-staff-detail-table-active{background-color:#f8e6ec;background-color:var(--figma-color-primary-light,#f8e6ec)}.item-staff-detail-table-active p{font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);color:#e64c7a;color:var(--figma-color-primary,#e64c7a)}.item-staff-detail-table-save-btn{padding:24px;padding:var(--figma-spacing-lg,24px);border-top:1px solid hsla(0,0%,89.8%,.5);border-top:1px solid var(--figma-color-border-light,hsla(0,0%,89.8%,.5))}.item-staff-detail-table-save-btn button{width:100%}.table-details-figma-wrapper{width:calc(100% - 64px);margin:32px;padding:32px 24px;background:#fffbfb;background:var(--container-background-color,#fffbfb);border-radius:20px}.table-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.table-details-title{font-family:Poppins;font-family:var(--figma-font-heading-family,Poppins);font-size:28px;font-weight:700;color:#181616;color:var(--figma-color-text-primary,#181616);letter-spacing:-.5px}.table-details-actions{display:flex;grid-gap:16px;gap:16px}.btn-delete-figma{background:#e64c7a;background:var(--figma-color-error,#e64c7a);color:#fff;color:var(--figma-color-text-on-primary,#fff);border-radius:24px;font-weight:600;padding:8px 24px;border:none;box-shadow:none;display:flex;align-items:center;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:16px;transition:background .2s}.btn-delete-figma:hover{background:#c44569;background:var(--figma-color-error-dark,#c44569)}.btn-edit-figma{background:#f8e6ec;background:var(--figma-color-primary-light,#f8e6ec);color:#e64c7a;color:var(--figma-color-primary,#e64c7a);border-radius:24px;font-weight:600;padding:8px 24px;border:none;box-shadow:none;display:flex;align-items:center;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:16px;transition:background .2s}.btn-edit-figma:hover{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);color:#fff;color:var(--figma-color-text-on-primary,#fff)}.table-details-main-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:40px;gap:40px}.table-details-qr-col{display:flex;flex-direction:column;align-items:center;grid-gap:24px;gap:24px}.qr-code-box{width:240px;height:240px;background:#fff;background:var(--figma-color-surface,#fff);border:1px solid #d7c1c3;border:1px solid var(--neutral-outline-variant,#d7c1c3);border-radius:16px;padding:24px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.qr-code-img{width:192px;height:192px;object-fit:contain;display:block}.qr-code-actions{display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:100%;align-items:center}.qr-code-copy-btn,.qr-code-print-btn{width:240px;background:#fff;background:var(--figma-color-surface,#fff);color:#181616;color:var(--figma-color-text-primary,#181616);border:1px solid #312425;border:1px solid var(--neutral-on-light-surface,#312425);border-radius:8px;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:15px;font-weight:600;padding:10px 0;cursor:pointer;transition:background .2s,color .2s}.qr-code-copy-btn:hover,.qr-code-print-btn:hover{background:#312425;background:var(--neutral-on-light-surface,#312425);color:#fff;color:var(--figma-color-surface,#fff)}.table-info-name{font-family:Poppins;font-family:var(--figma-font-heading-family,Poppins);font-size:24px;font-weight:700;color:#e64c7a;color:var(--figma-color-primary,#e64c7a);margin-bottom:8px}.table-info-description{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:15px;color:#6c757d;color:var(--figma-color-text-secondary,#6c757d);margin-bottom:24px;line-height:1.5}.table-info-row{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:18px}.table-info-label{font-family:Poppins;font-family:var(--figma-font-caption-family,Poppins);font-size:14px;color:#6c757d;color:var(--figma-color-text-secondary,#6c757d);font-weight:500;min-width:110px}.table-info-value{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:18px;font-weight:700;color:#181616;color:var(--figma-color-text-primary,#181616)}.table-info-switch .MuiSwitch-switchBase.Mui-checked{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.table-info-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#e64c7a!important;background-color:var(--figma-color-primary,#e64c7a)!important}.table-info-status-chip{background:#f8e6ec;background:var(--figma-color-primary-light,#f8e6ec);color:#a259ff;color:var(--figma-color-primary,#a259ff);font-size:13px;font-weight:600;border-radius:8px;margin-right:8px;height:28px}.table-info-status-chip.collective-mode{background:#e6f3ff;background:var(--figma-color-secondary-light,#e6f3ff);color:#06c;color:var(--figma-color-secondary,#06c)}.table-info-view-order{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:14px;font-size:var(--figma-font-body-size,14px);font-weight:600;font-weight:var(--figma-font-body-weight-bold,600);color:#e64c7a;color:var(--figma-color-primary,#e64c7a);background-color:#fff;background-color:var(--figma-color-surface,#fff);border:1px solid #e64c7a;border:1px solid var(--figma-color-primary,#e64c7a);border-radius:50px;border-radius:var(--figma-border-radius-pill,50px);padding:8px 24px;padding:var(--figma-spacing-sm,8px) var(--figma-spacing-lg,24px);min-height:44px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-left:var(--figma-spacing-sm,8px)}.table-info-view-order:hover{border-color:#c44569;border-color:var(--figma-color-primary-hover,#c44569);color:#c44569;color:var(--figma-color-primary-hover,#c44569);background-color:rgba(230,76,122,.05);background-color:var(--figma-color-primary-light,rgba(230,76,122,.05));transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:var(--figma-shadow-elevation-1,0 1px 3px rgba(0,0,0,.12))}.table-info-view-order:active{transform:translateY(0);box-shadow:none}.table-info-view-order:focus{outline:none;border-color:#e64c7a;border-color:var(--figma-color-primary,#e64c7a);box-shadow:0 0 0 2px rgba(230,76,122,.2)}.table-info-avatar{width:32px!important;height:32px!important;margin-right:8px}.table-info-staff-name{font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:15px;font-weight:600;color:#181616;color:var(--figma-color-text-primary,#181616);margin-right:8px}.table-info-reassign-btn{background:#fff;background:var(--figma-color-surface,#fff);color:#e64c7a;color:var(--figma-color-primary,#e64c7a);border:1.5px solid #e64c7a;border:1.5px solid var(--figma-color-primary,#e64c7a);border-radius:24px;font-weight:600;font-size:14px;padding:4px 18px;min-width:0;box-shadow:none;margin-left:8px;transition:background .2s,color .2s}.table-info-reassign-btn:hover{background:#e64c7a;background:var(--figma-color-primary,#e64c7a);color:#fff;color:var(--figma-color-surface,#fff)}.order-history-section{margin-top:48px}.order-history-title{font-family:Poppins;font-family:var(--figma-font-heading-family,Poppins);font-size:20px;font-weight:700;color:#181616;color:var(--figma-color-text-primary,#181616);margin-bottom:18px}.order-history-table-wrapper{background:#fff;background:var(--figma-color-surface,#fff);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.03);padding:0 0 8px;overflow-x:auto}.order-history-table{width:100%;border-collapse:collapse;font-family:Poppins;font-family:var(--figma-font-body-family,Poppins);font-size:15px;background:transparent;border-radius:12px!important;overflow:hidden}.order-history-table thead tr{background:#fff0f1;background:var(--neutral-surface,#fff0f1);border-radius:12px!important}.order-history-table th{font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:#887172;color:var(--neutral-on-light-surface-variant-1,#887172);padding:16px 12px;text-align:left}.order-history-table th:first-child{border-top-left-radius:12px}.order-history-table th:last-child{border-top-right-radius:12px}.order-history-table td{padding:14px 12px;color:#181616;color:var(--figma-color-text-primary,#181616);border-bottom:1.5px solid #f8e6ec;border-bottom:1.5px solid var(--figma-color-primary-light,#f8e6ec);vertical-align:middle;background:#fffbfb;background:var(--container-background-color,#fffbfb)}.order-status-chip{display:inline-block;padding:4px 16px;border-radius:16px;font-size:13px;font-weight:600}.order-status-chip,.order-status-chip.completed{color:#2ecc71;color:var(--figma-color-success-dark,#2ecc71);background:#e8f5e8;background:var(--figma-color-success-light,#e8f5e8)}.order-status-chip.waiting{color:#e67e22;color:var(--figma-color-warning-dark,#e67e22);background:#fff3cd;background:var(--figma-color-warning-light,#fff3cd)}.order-status-chip.cancelled{color:#e64c7a;color:var(--figma-color-error,#e64c7a);background:#fde7d7;background:var(--figma-color-error-light,#fde7d7)}.order-history-time{font-size:13px;color:#888;color:var(--figma-color-text-tertiary,#888)}.order-history-staff-wrapper{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap}.order-history-staff-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.order-history-staff-name{font-size:15px;font-weight:500;color:#181616;color:var(--figma-color-text-primary,#181616);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-container{display:flex;align-items:center;flex-direction:column;color:#000;height:100%;width:100%;position:relative}.content-qr-code{width:100%}.logo-wrapper{height:5rem;display:flex;justify-content:center}.qr-table-name{margin-top:1rem;font-weight:500;font-size:2rem}.scan-text{font-size:4rem;font-weight:500}.qr-code-wrapper{width:100%;display:flex;justify-content:center;height:18rem;width:18rem}.qr-code-wrapper #qr-gen{height:100%!important;width:100%!important}.order-text-wrapper{display:flex;justify-content:center}.order-text{font-size:2rem;font-weight:500;width:55%}.powered-by{color:#cb184d;font-weight:700;font-size:1.5rem;bottom:0;padding:50px}@media all{.page-break{display:none}}@page{size:A4}.wrapper-content-top{margin-bottom:30px}.content-title{font-weight:400;font-size:20px;line-height:32px}.content-title,.title-section{font-family:"Poppins",sans-serif;font-style:normal;letter-spacing:.01em;color:#000}.title-section{font-weight:500;font-size:16px;line-height:24px;margin-bottom:30px}.wrapper-setting-avatar{width:60px;height:60px;position:relative;margin-bottom:48px}.wrapper-setting-avatar img{width:60px;height:60px;object-fit:cover;border-radius:50%}.content-setting-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.content-setting-avatar svg path{fill:#fff}.wrapper-setting-avatar:hover{border-radius:50%}.wrapper-setting-avatar:hover .content-setting-avatar{background-color:rgba(43,26,34,.5);border-radius:50%}.wrapper-setting-avatar svg{display:none}.wrapper-setting-avatar:hover svg{display:block;z-index:99}.wrapper-setting-avatar:hover .content-setting-avatar svg path{fill:#fff}.wrapper-action-btn{display:flex;grid-gap:16px;gap:16px;width:340px;margin-top:48px}.wrapper-item-checkbox-setting{display:flex;align-items:center;margin-bottom:24px;margin-left:16px}.wrapper-item-checkbox-setting input{padding:0;height:auto;width:auto;margin-bottom:0;display:none;cursor:pointer}.wrapper-item-checkbox-setting label{position:relative;cursor:pointer;font-family:"Poppins",sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#474445}.wrapper-item-checkbox-setting label:before{content:"";-webkit-appearance:none;background-color:transparent;border:1.5px solid var(--colorMain);padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:12px;border-radius:4px}.wrapper-item-checkbox-setting input:checked+label:before{background:var(--colorMain)}.wrapper-item-checkbox-setting input:checked+label:after{content:"";display:block;position:absolute;top:1px;left:7px;width:6px;height:14px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.form-group-margin-setting{width:340px;margin-bottom:24px}.wrapper-content-setting{height:calc(100% - 122px)}.wrapper-content-setting .tag-content{height:100%}.tag-setting-currency{height:100%;display:flex;flex-direction:column;justify-content:space-between}.currency-item:not(.currency-item-disabled){cursor:pointer}.currency-item-disabled{opacity:.5;cursor:not-allowed}.currency-item-active{border-color:var(--colorMain)!important}.form-change-currency{margin:0 0 30px;display:flex;justify-content:center}.form-change-currency .MuiFormControl-root{max-width:516px}.form-change-currency .MuiOutlinedInput-root{border-radius:8px}.form-change-currency .MuiSelect-select div{display:flex;align-items:center}.form-change-currency .MuiSelect-select div img{margin-right:8px}.menu-currency div{display:flex;align-items:center}.menu-currency div img{margin-right:8px}.action-setting-currency{display:flex;justify-content:flex-end}.currency-list{flex-wrap:wrap}.currency-item,.currency-list{display:flex;justify-content:center}.currency-item{margin:16px;align-items:center;padding:9px 16px;border:1px solid rgba(33,33,33,.1);border-radius:8px;min-width:120px}.currency-item_key{margin-left:8px;color:rgba(33,33,33,.7)}.confirm-change-currency-dialog .MuiDialog-paperWidthSm{text-align:center;padding:32px}.confirm-change-currency-dialog .MuiDialogContent-root,.confirm-change-currency-dialog .MuiDialogTitle-root{padding-left:0;padding-right:0}.settings-container{display:flex;flex-direction:column;grid-gap:48px;gap:48px;max-width:800px}.settings-section{background:#fff;border-radius:16px;padding:32px;border:1px solid #e5e5e5}.section-title{font-family:var(--fontFamilyMain),sans-serif;font-size:18px;font-weight:600;color:#2b1a22;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.form-grid,.form-group{margin-bottom:24px}.form-group textarea{width:100%;min-height:100px;padding:12px 16px;border:1.5px solid #e5e5e5;border-radius:8px;font-family:var(--fontFamilyMain),sans-serif;font-size:14px;resize:vertical}.form-group textarea:focus{outline:none;border-color:#e64c7a;border-color:var(--colorMain,#e64c7a)}.checkbox-label{display:flex;align-items:center;grid-gap:12px;gap:12px;cursor:pointer;font-family:var(--fontFamilyMain),sans-serif;font-size:14px;color:#2b1a22}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#e64c7a;accent-color:var(--colorMain,#e64c7a)}.image-upload-container{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;background:#f8f8fd;border:2px dashed #e5e5e5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-upload-container.cover{width:300px;height:150px}.image-upload-container:hover{border-color:#e64c7a;border-color:var(--colorMain,#e64c7a);background:#fdf2f8}.image-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img{width:100%;height:100%;object-fit:cover}.image-placeholder{color:#8c8a8b;font-size:12px;text-align:center;padding:16px}.image-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(43,26,34,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer;z-index:1}.image-upload-container:hover .image-upload-overlay{opacity:1}.image-upload-overlay svg{width:24px;height:24px;color:#fff}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;font-size:12px;color:#8c8a8b}.currency-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.currency-option{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;padding:16px;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.currency-option.selected,.currency-option:hover{border-color:#e64c7a;border-color:var(--colorMain,#e64c7a);background:#fdf2f8}.currency-option img{width:32px;height:32px}.currency-option span{font-family:var(--fontFamilyMain),sans-serif;font-size:14px;font-weight:500;color:#2b1a22}.service-options{display:flex;grid-gap:32px;gap:32px;margin-bottom:16px}.radio-option{display:flex;align-items:center;grid-gap:8px;gap:8px;cursor:pointer;font-family:var(--fontFamilyMain),sans-serif;font-size:14px;color:#2b1a22}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#e64c7a;accent-color:var(--colorMain,#e64c7a)}.loading-text{color:#8c8a8b;font-size:14px;font-style:italic}.setting-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f9f9f9;border-radius:8px;margin-bottom:16px}.setting-toggle-label{font-family:var(--fontFamilyMain),sans-serif;font-weight:500;font-size:14px;color:#887172}.setting-toggle-switch.MuiSwitch-root{margin:8px}.setting-toggle-switch .MuiSwitch-switchBase.Mui-checked{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important;transform:translateX(20px)}.setting-toggle-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#e64c7a!important;background-color:var(--figma-color-primary,#e64c7a)!important;opacity:.5}.qr-code-container-wrapper{margin-top:1rem;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.delivery-qr-container,.qr-code-container-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.delivery-qr-container{grid-gap:1rem;gap:1rem;max-width:400px}.delivery-qr-title{font-size:14px;font-weight:500;color:#4a4a4a;margin-bottom:.5rem;text-align:center}.print-button{margin-top:1rem;padding:8px 16px;background-color:#e64c7a;background-color:var(--colorMain,#e64c7a);color:#fff;border:none;border-radius:100px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;grid-gap:8px;gap:8px}.print-button:hover{background-color:#d13d69}.delivery-settings-section{width:100%}.delivery-settings-description{margin:12px 0 20px;font-size:14px;color:#666;line-height:1.5}.inhouse-delivery-settings{padding:20px;background-color:#f9f9f9;border-radius:8px;margin-top:16px}.distance-unit-selector{margin-bottom:24px!important}.free-delivery-distance{margin-bottom:32px}.tier-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#2b1a22}.tier-header{margin-bottom:12px;font-weight:500;font-size:14px;color:#666}.tier-header,.tier-row{display:grid;grid-template-columns:2fr 1fr 48px;grid-gap:16px;gap:16px}.tier-row{margin-bottom:16px;align-items:center}.tier-range{display:flex;align-items:center;grid-gap:8px;gap:8px}.tier-range span{font-weight:500;color:#666}.tier-actions-container{display:flex;justify-content:flex-start;margin-top:24px;margin-bottom:32px}.save-settings-container{display:flex;justify-content:flex-end;margin-top:32px}.add-tier-button{background-color:#f0f0f0!important;color:#333!important;font-weight:500!important}.save-settings-button{background-color:#e64c7a!important;background-color:var(--colorMain,#e64c7a)!important;color:#fff!important;font-weight:500!important}.add-tier-button,.btn-save,.save-settings-button{border-radius:100px!important}@media (max-width:768px){.settings-container{grid-gap:32px;gap:32px}.settings-section{padding:24px}.form-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.currency-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:12px;gap:12px}.service-options{flex-direction:column;grid-gap:16px;gap:16px}.image-upload-container.cover{width:100%;height:120px}}.geocoded-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.geocoding-indicator{color:#007bff;font-size:12px;font-weight:400;font-style:italic}.geocoded-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e9ecef}.geocoded-row:last-child{border-bottom:none;margin-bottom:0}.geocoded-label{font-weight:500;color:#495057;min-width:100px}.geocoded-label,.geocoded-value{font-family:"Poppins",sans-serif;font-size:14px}.geocoded-value{font-weight:400;color:#212529;word-break:break-all;text-align:right;max-width:60%}.geocoded-actions{display:flex;grid-gap:12px;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef}.btn-copy{background:#e64c7a;color:#fff;border:2px solid #e64c7a;padding:12px 24px;border-radius:100px;font-size:14px;font-weight:500;font-family:"Poppins",sans-serif;min-width:120px;height:40px;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#be185d;border-color:#be185d}.btn-copy:active{background:#9d174d;border-color:#9d174d}@media (max-width:768px){.geocoded-row{flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}.geocoded-value{text-align:left;max-width:100%}.geocoded-actions{flex-direction:column}}.image-actions{margin-top:12px;display:flex;grid-gap:12px;gap:12px;justify-content:center;align-items:center;width:100%;text-align:center}.btn-remove{background:#dc3545!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:100px!important;font-size:12px!important;cursor:pointer;transition:background-color .2s;margin:0 auto!important;width:auto!important;height:auto!important;position:static!important;right:auto!important;top:auto!important;bottom:auto!important}.btn-remove:hover:not(:disabled){background:#c82333}.btn-remove:active:not(:disabled){background:#bd2130}.btn-remove:disabled{background:#6c757d;cursor:not-allowed}.figma-header{padding:24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.figma-header h4{margin:0;font-size:24px;font-weight:600}.tab-content{padding:24px;min-height:400px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.color-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.color-card:hover{transform:translateY(-2px)}.color-swatch{width:100%;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-info{padding:12px}.color-name{font-weight:600;font-size:14px;margin-bottom:4px}.color-value{font-size:12px;color:#666;font-family:monospace;background:#f5f5f5;padding:2px 6px;border-radius:4px}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.component-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.component-card:hover{transform:translateY(-2px)}.component-name{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.component-description{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.component-meta{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.meta-chip{background:#f0f0f0;color:#666;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.typography-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.typography-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.typography-sample{font-size:24px;margin-bottom:12px;color:#333}.typography-details{font-size:12px;color:#666;font-family:monospace;background:#f5f5f5;padding:8px;border-radius:4px}.export-section{background:#f9f9f9;padding:24px;border-radius:8px;margin-bottom:32px}.export-buttons{display:flex;grid-gap:12px;gap:12px;margin-bottom:24px}.export-button{padding:12px 24px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.export-button.primary{background:#007bff;color:#fff}.export-button.primary:hover{background:#0056b3}.export-button.secondary{background:#fff;color:#007bff;border:2px solid #007bff}.export-button.secondary:hover{background:#007bff;color:#fff}.code-preview{background:#2d3748;color:#e2e8f0;padding:20px;border-radius:8px;font-family:"Courier New",monospace;font-size:14px;line-height:1.6;overflow-x:auto;margin-bottom:20px}.code-preview .comment{color:#68d391}.code-preview .string{color:#f6ad55}.code-preview .property{color:#63b3ed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.stat-number{font-size:36px}.stat-label{font-size:14px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.error-state{text-align:center;padding:40px;color:#e53e3e}.error-state h3{margin-bottom:16px;font-size:20px}.error-state p{margin-bottom:8px;line-height:1.6}.empty-state{text-align:center;padding:40px;color:#666}.empty-state h3{margin-bottom:16px;font-size:18px}.empty-state p{line-height:1.6}@media (max-width:768px){.figma-header,.tab-content{padding:16px}.color-grid,.component-grid,.typography-preview{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-button{width:100%}}@media (prefers-color-scheme:dark){.figma-header{background:linear-gradient(135deg,#4a5568,#2d3748)}.color-card,.component-card,.export-section,.stat-card,.typography-card{background:#2d3748;color:#e2e8f0}.color-value,.meta-chip,.typography-details{background:#4a5568;color:#e2e8f0}}.figma-integration-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:16px;padding:20px;border:1px solid #e0e0e0}.figma-card-content{display:flex;justify-content:space-between;align-items:center;grid-gap:16px;gap:16px}.figma-card-info{flex:1 1}.figma-card-info h4{margin:0 0 8px;color:#333;font-size:18px}.figma-card-info p{margin:0;color:#666;font-size:14px}.figma-card-actions{flex-shrink:0}.figma-modal{max-width:500px;width:90%}.figma-modal-large{max-width:1200px;width:95%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.btn-close{background:transparent!important;border:none!important;font-size:18px!important;padding:8px 12px!important;cursor:pointer}.btn-close:hover{background:#f0f0f0!important}.figma-content{padding:20px 0}.setup-instructions{max-width:800px;margin:0 auto;padding:20px}.setup-instructions h3{color:#333;margin-bottom:16px;font-size:24px}.setup-instructions p{margin-bottom:16px;line-height:1.6;color:#666}.setup-instructions ol{margin:16px 0;padding-left:0;counter-reset:step-counter}.setup-instructions ol>li{margin-bottom:24px;color:#333;list-style:none;position:relative;padding-left:40px;counter-increment:step-counter}.setup-instructions ol>li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.setup-instructions ol>li>strong{display:block;margin-bottom:8px;color:#333;font-size:16px}.setup-instructions ul{margin:8px 0;padding-left:20px}.setup-instructions ul li{margin-bottom:4px;color:#666;font-size:14px}.setup-instructions code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px;color:#e53e3e}.setup-instructions a{color:#007bff;text-decoration:none}.setup-instructions a:hover{text-decoration:underline}@media (max-width:768px){.figma-card-content{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.figma-card-actions{width:100%}}.figma-demo-root{background-color:#f5f5f5;min-height:100vh}.figma-demo-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:16px;text-align:center;margin-bottom:32px}.figma-demo-header h2{margin:0 0 16px;font-size:2.5rem;font-weight:700}.figma-demo-header h6{margin:0;font-size:1.1rem;opacity:.9}.demo-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:24px;overflow:hidden;transition:transform .2s ease}.demo-card:hover{transform:translateY(-2px)}.demo-card-content{padding:24px}.demo-card h5{color:#333;margin-bottom:16px;font-size:1.5rem;font-weight:600}.code-block{background:#2d3748;color:#e2e8f0;padding:16px;border-radius:8px;font-family:"Courier New",monospace;font-size:14px;line-height:1.6;overflow-x:auto;margin:16px 0}.code-block .keyword{color:#81c784}.code-block .string{color:#ffb74d}.code-block .comment{color:#90caf9;font-style:italic}.inline-demo{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f9f9f9;margin-top:16px}.inline-demo h6{color:#333;margin-bottom:12px;font-weight:600}.stats-card{text-align:center;padding:24px}.stat-number{font-size:3rem;font-weight:700;color:#007bff;margin-bottom:8px;display:block}.stat-label{font-size:1rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.feature-list{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;margin-bottom:8px;padding:8px 0}.feature-icon{color:#4caf50;margin-right:12px;font-weight:700;font-size:1.1rem}.feature-text{font-size:.95rem;color:#555}.setup-list{list-style:none;padding:0;margin:16px 0;counter-reset:step-counter}.setup-list li{position:relative;padding-left:40px;margin-bottom:20px;counter-increment:step-counter}.setup-list li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.setup-list li strong{color:#333;font-weight:600}.setup-list li code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px;color:#e53e3e;display:inline-block;margin:4px 0}.setup-list li a{color:#007bff;text-decoration:none}.setup-list li a:hover{text-decoration:underline}.interactive-section{background:#f8f9fa;padding:20px;border-radius:8px;margin:16px 0}.switch-container{margin-bottom:16px}.demo-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.demo-button:hover:not(:disabled){background:#0056b3}.demo-button:disabled{background:#ccc;cursor:not-allowed}.demo-caption{font-size:.875rem;color:#666;margin-left:8px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.status-item{padding:12px;background:#f8f9fa;border-radius:6px;text-align:center}.status-item strong{color:#333}.hook-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.hook-data-item{padding:8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;text-align:center;font-size:.875rem}.hook-data-item strong{color:#333}@media (max-width:768px){.figma-demo-header{padding:24px}.figma-demo-header h2{font-size:2rem}.demo-card-content{padding:16px}.code-block{font-size:12px;padding:12px}.hook-data-grid,.status-grid{grid-template-columns:1fr}.setup-list li{padding-left:30px}.setup-list li:before{width:20px;height:20px;font-size:12px}}.loading-animation{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.code-block .function{color:#f7dc6f}.code-block .property{color:#85c1e9}.code-block .variable{color:#d7bde2}.code-block .number{color:#f8c471}.interactive-demo{border:2px dashed #007bff;border-radius:8px;padding:16px;background:#f8f9ff;margin:16px 0}.interactive-demo h6{color:#007bff;margin-bottom:12px}.demo-placeholder{text-align:center;padding:40px;color:#666;font-style:italic}.success-message{background:#d4edda;color:#155724}.error-message,.success-message{padding:12px;border-radius:6px;margin:8px 0}.error-message{background:#f8d7da;color:#721c24}.warning-message{background:#fff3cd;color:#856404;padding:12px;border-radius:6px;margin:8px 0}.order-details-viewer{max-width:1200px;margin:0 auto;padding:20px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif}.viewer-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.viewer-header h1{margin:0 0 8px;font-size:2.2rem;font-weight:600}.subtitle{margin:0;opacity:.9;font-size:1.1rem}.node-info{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e1e8ed}.node-info h2{margin:0 0 20px;color:#333;font-size:1.4rem;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px}.info-item{display:flex;align-items:center;padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.info-item label{font-weight:600;color:#4a5568;margin-right:12px;min-width:120px}.info-item span{color:#2d3748;flex:1 1}.node-id{font-family:"Monaco","Menlo",monospace;background:#e2e8f0;padding:4px 8px;border-radius:4px;font-size:.9rem}.image-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e1e8ed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{margin:0;color:#333;font-size:1.4rem;font-weight:600}.download-btn{background:#48bb78;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.download-btn:hover{background:#38a169;transform:translateY(-1px)}.image-container{text-align:center}.figma-page-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid #e1e8ed;transition:transform .3s ease}.figma-page-image:hover{transform:scale(1.02)}.image-info{margin-top:16px;display:flex;justify-content:center;grid-gap:24px;gap:24px;color:#6b7280;font-size:.9rem}.image-info a{color:#667eea;text-decoration:none;font-weight:500}.image-info a:hover{text-decoration:underline}.components-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #e1e8ed}.components-section h2{margin:0 0 20px;color:#333;font-size:1.4rem;font-weight:600}.components-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.component-item{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid #a78bfa;grid-gap:12px;gap:12px}.component-item.more{border-left-color:#fbbf24;color:#92400e;font-weight:500;justify-content:center}.component-type{background:#e0e7ff;color:#5b21b6;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;min-width:70px;text-align:center}.component-name{flex:1 1;font-weight:500;color:#374151}.component-size{color:#6b7280;font-size:.85rem;font-family:"Monaco","Menlo",monospace}.actions{display:flex;grid-gap:16px;gap:16px;justify-content:center;margin-top:32px}.figma-link,.refresh-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.figma-link:hover,.refresh-btn:hover{background:#5a67d8;transform:translateY(-1px)}.figma-link{background:#f56565}.figma-link:hover{background:#e53e3e}.error,.loading{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.loading h2{color:#667eea;margin-bottom:16px}.error h2{color:#e53e3e;margin-bottom:16px}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-spinner.small{width:24px;height:24px;border-width:3px;margin:0 auto 12px}.retry-btn{background:#e53e3e;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;margin-top:16px;transition:all .2s ease}.retry-btn:hover{background:#c53030;transform:translateY(-1px)}.image-loading,.no-image{text-align:center;padding:40px;color:#6b7280}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.order-details-viewer{padding:16px}.viewer-header h1{font-size:1.8rem}.info-grid{grid-template-columns:1fr}.section-header{grid-gap:12px;gap:12px;align-items:stretch}.actions,.image-info,.section-header{flex-direction:column}.image-info{grid-gap:8px;gap:8px}.components-list{grid-template-columns:1fr}}.kitchen-layout{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.kitchen-layout-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);flex-shrink:0}.kitchen-layout-header-left{display:flex;align-items:center;grid-gap:16px;gap:16px;flex-wrap:wrap}.kitchen-layout-queue-summary{font-size:1rem;font-weight:600;color:hsla(0,0%,100%,.95);background:rgba(0,0,0,.2);padding:6px 12px;border-radius:8px}.kitchen-layout-restaurant-name{font-size:1rem;font-weight:600;color:#333}.kitchen-layout-title{font-size:1.125rem;color:#666}.kitchen-layout-header-right{display:flex;align-items:center;grid-gap:16px;gap:16px}.kitchen-layout-time{font-size:1.25rem;font-weight:600;color:#333;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kitchen-layout-back-to-queue-btn{min-height:44px;padding:0 14px;font-size:.9375rem;font-weight:500;color:#333;background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.12);border-radius:8px;cursor:pointer;touch-action:manipulation}.kitchen-layout-back-to-queue-btn:hover{background:rgba(0,0,0,.12)}.kitchen-layout-back-to-queue-btn:active{transform:scale(.98)}.kitchen-layout-exit-btn{min-width:120px;min-height:44px;padding:0 16px;font-size:.9375rem;font-weight:500;color:#fff;background:#e64c7a;border:none;border-radius:8px;cursor:pointer;touch-action:manipulation}.kitchen-layout-exit-btn:hover{background:#d1436b}.kitchen-layout-exit-btn:active{transform:scale(.98)}.kitchen-layout-main{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:16px}.kitchen-layout-main>*{flex:1 1;min-height:0}@media (min-width:768px){.kitchen-layout-header{padding:16px 24px}.kitchen-layout-restaurant-name{font-size:1.125rem}.kitchen-layout-title{font-size:1.25rem}.kitchen-layout-time{font-size:1.5rem}.kitchen-layout-main{padding:20px 24px}}.kitchen-view{width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;flex:1 1;min-height:0}.kitchen-view-empty,.kitchen-view-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.5rem;color:#666}.kitchen-view-summary{font-size:1.35rem;font-weight:600;color:#333;margin-bottom:12px;padding:0 4px;flex-shrink:0}.kitchen-view-swipable{flex:1 1;min-height:0;width:100%}.kitchen-view-scroll{flex:1 1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:24px;display:flex;flex-direction:column}.kitchen-view-cards-row,.kitchen-view-timeline-row{display:flex;flex-shrink:0;grid-gap:12px;gap:12px;width:max-content;min-width:min-content}.kitchen-view-spacer{flex-shrink:0;height:1px}.kitchen-view-timeline-row{padding:10px 0 6px;min-height:0;border-bottom:2px solid #e0e0e0;background:hsla(0,0%,100%,.95)}.kitchen-view-cards-row{padding:12px 0 24px;align-items:stretch}.kitchen-view-column{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch}.kitchen-view-timeline-row .kitchen-view-column{align-items:center}.kitchen-timeline-dot{display:flex;flex-direction:column;align-items:center;grid-gap:2px;gap:2px;min-width:80px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kitchen-timeline-dot-marker{width:12px;height:12px;border-radius:50%;background:#9e9e9e;flex-shrink:0}.kitchen-timeline-dot-active.urgency-green .kitchen-timeline-dot-marker{background:#4caf50}.kitchen-timeline-dot-active.urgency-yellow .kitchen-timeline-dot-marker{background:#ff9800}.kitchen-timeline-dot-active.urgency-red .kitchen-timeline-dot-marker{background:#f44336}.kitchen-timeline-dot-completed .kitchen-timeline-dot-marker{background:#757575}.kitchen-timeline-dot-current .kitchen-timeline-dot-marker{background:#1565c0;box-shadow:0 0 0 3px rgba(21,101,192,.3)}.kitchen-timeline-dot-current .kitchen-timeline-dot-label{color:#1565c0;font-weight:800}.kitchen-timeline-dot-label{font-size:.9rem;font-weight:700;color:#333}.kitchen-timeline-dot-count{font-size:.75rem;color:#666}.kitchen-order-card-completed{border-left-color:#9e9e9e;opacity:.96}.kitchen-order-btn-back{background:#1565c0;color:#fff}.kitchen-order-btn-back:hover{background:#0d47a1}.kitchen-order-card{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.1);border-left:5px solid #4caf50;min-height:120px}.kitchen-order-card.urgency-green{border-left-color:#4caf50}.kitchen-order-card.urgency-yellow{border-left-color:#ff9800}.kitchen-order-card.urgency-red{border-left-color:#f44336}.kitchen-order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;grid-gap:8px;gap:8px}.kitchen-order-card-now-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:.85rem;font-weight:700;color:#1565c0;background:#e3f2fd;padding:4px 12px;border-radius:20px;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.12)}.kitchen-order-card-current{position:relative;box-shadow:0 4px 16px rgba(0,0,0,.15);border-left-width:6px}.kitchen-order-card-empty .kitchen-order-card-header{justify-content:center}.kitchen-order-card-empty .kitchen-order-card-now-badge{position:static;transform:none}.kitchen-order-card-empty-text{font-size:1.25rem;font-weight:600;color:#666;text-align:center;padding:24px 16px;margin:0}.kitchen-order-card-table{font-size:1.85rem;font-weight:700;color:#1a1a1a;line-height:1.2}.kitchen-order-card-time{font-size:1.25rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kitchen-order-card-time.urgency-green{color:#2e7d32}.kitchen-order-card-time.urgency-yellow{color:#e65100}.kitchen-order-card-time.urgency-red{color:#c62828}.kitchen-order-card-kitchen-status{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:12px;flex-wrap:wrap}.kitchen-order-in-kitchen-badge{font-size:1.25rem;font-weight:700;color:#1565c0;background:#e3f2fd;padding:6px 12px;border-radius:8px}.kitchen-order-time-in-kitchen{font-size:1.125rem;font-weight:600;color:#555;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kitchen-order-card-actions{margin-top:10px;padding-top:10px;border-top:2px solid #eee;display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.kitchen-order-btn{min-height:44px;min-width:100px;padding:0 16px;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;touch-action:manipulation}.kitchen-order-btn-in-kitchen{background:#1565c0;color:#fff}.kitchen-order-btn-in-kitchen:hover{background:#0d47a1}.kitchen-order-btn-done{background:#2e7d32;color:#fff}.kitchen-order-btn-done:hover{background:#1b5e20}.kitchen-order-btn:active{transform:scale(.98)}.kitchen-order-card-dishes{list-style:none;margin:0;padding:0}.kitchen-order-card-dish{font-size:1.15rem;line-height:1.4;padding:6px 0;border-bottom:1px solid #eee}.kitchen-order-card-dish:last-child{border-bottom:none}.kitchen-order-card-dish-done .kitchen-order-dish-name,.kitchen-order-card-dish-done .kitchen-order-dish-options{text-decoration:line-through;color:#757575}.kitchen-order-card-dish-done .kitchen-order-dish-row-wrap .kitchen-order-dish-row{opacity:.85}.kitchen-order-dish-row-wrap{display:flex;align-items:flex-start;grid-gap:10px;gap:10px}.kitchen-order-dish-row-wrap .kitchen-order-dish-row,.kitchen-order-dish-row-wrap>button.kitchen-order-dish-row{flex:1 1;min-width:0}.kitchen-order-dish-done-btn{flex-shrink:0;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:2px solid #9e9e9e;border-radius:8px;background:#fafafa;color:#616161;font-size:1.1rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.kitchen-order-dish-done-btn:hover:not(:disabled){background:#eee;border-color:#757575;color:#424242}.kitchen-order-dish-done-btn:active:not(:disabled){transform:scale(.95);background:#e0e0e0}.kitchen-order-dish-done-btn:disabled{opacity:.7;cursor:not-allowed}.kitchen-order-dish-done-btn-done{background:#2e7d32;border-color:#2e7d32;color:#fff;cursor:default}.kitchen-order-dish-row{display:block;width:100%;text-align:left;border:none;background:none;font:inherit;color:inherit;padding:0;margin:0}button.kitchen-order-dish-row{cursor:pointer}.kitchen-order-dish-row-tappable{padding:2px 0;margin:-2px 0;border-radius:6px;-webkit-tap-highlight-color:transparent}.kitchen-order-dish-row-tappable:hover{background:rgba(0,0,0,.04)}.kitchen-order-dish-row-tappable:active{background:rgba(0,0,0,.06)}.kitchen-order-dish-name{display:flex;align-items:center;grid-gap:6px;gap:6px;flex-wrap:wrap;color:#1a1a1a;font-weight:600;font-size:1.2rem}.kitchen-order-dish-warning-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:#c62828}.kitchen-order-dish-options{display:block;font-size:1rem;color:#555;margin-top:2px;font-weight:500}.kitchen-order-dish-note{margin-top:6px;font-size:1rem;color:#c62828;font-weight:600;background:#ffebee;padding:6px 10px;border-radius:6px;border-left:4px solid #c62828}.kitchen-order-dish-note-text{display:block}@media (min-width:768px){.kitchen-view-summary{font-size:1.5rem}.kitchen-order-card{padding:16px 18px;min-height:130px;border-left-width:6px}.kitchen-order-card-header{margin-bottom:10px}.kitchen-order-card-table{font-size:2.1rem}.kitchen-order-card-time{font-size:1.35rem}.kitchen-order-card-dish{font-size:1.2rem;padding:6px 0}.kitchen-order-dish-name{font-size:1.3rem}.kitchen-order-dish-options{font-size:1.1rem}.kitchen-order-dish-warning-icon{width:1.35rem;height:1.35rem}.kitchen-order-dish-done-btn{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.2rem;border-width:2px}.kitchen-order-dish-note{font-size:1.1rem;padding:6px 10px}.kitchen-order-btn{min-height:44px;font-size:1.15rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{scroll-behavior:smooth;overflow:overlay}body{font-family:var(--fontFamilyMain),sans-serif;background-color:#fff0f1;background-color:var(--figma-color-background,#fff0f1)}a{text-decoration:none}ul{list-style:none}.wrapper-content{background-color:#fffbfb;background-color:var(--figma-color-surface-variant,#fffbfb);padding:30px 36px;padding:var(--figma-spacing-xl,30px) var(--figma-spacing-xl,36px);border-radius:16px;border-radius:var(--figma-border-radius-lg,16px);box-shadow:0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15);box-shadow:var(--figma-shadow-card,0 2px 5px rgba(53,63,79,.1),0 3px 5px rgba(53,63,79,.15));height:calc(100vh - var(--heightHeader) - 48px);overflow:auto}.customize-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px hsla(0,0%,62.7%,.3);border-radius:16px;background-color:#f5f5f5}.customize-scroll::-webkit-scrollbar{height:4px;width:4px;background-color:#f5f5f5}.customize-scroll::-webkit-scrollbar-thumb{border-radius:24px;-webkit-box-shadow:inset 0 0 6px rgba(56,56,56,.3);background-color:#c9c9c9}.wrapper-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px hsla(0,0%,62.7%,.3);border-radius:16px;background-color:#f5f5f5}.wrapper-content::-webkit-scrollbar{height:4px;width:4px;background-color:#f5f5f5}.wrapper-content::-webkit-scrollbar-thumb{border-radius:24px;-webkit-box-shadow:inset 0 0 6px rgba(56,56,56,.3);background-color:#c9c9c9}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.wrapper-loading-page{height:calc(100vh - var(--heightHeader) - 24px);position:relative}.content-loading-page{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.form-group-public{width:406px;margin-bottom:24px}.form-group-private{width:406px;margin-bottom:36px}.MuiTable-root{border-collapse:separate;border-collapse:initial}.MuiTableRow-root:last-child .MuiTableCell-root{border-bottom:none}.wrapper-form-action{display:flex;grid-gap:16px;gap:16px}.content-layout .MuiTableBody-root .MuiTableCell-root,.content-layout .MuiTableHead-root .MuiTableCell-root{font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-body-family,var(--fontFamilyMain)),sans-serif;font-weight:400;font-weight:var(--figma-font-body-weight,400);color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c)}.content-layout .MuiTableHead-root .MuiTableRow-root{background-color:#f8f8fd;background-color:var(--figma-color-surface-variant,#f8f8fd)}.MuiCheckbox-colorPrimary.Mui-checked,.MuiCheckbox-colorPrimary.MuiCheckbox-indeterminate,.MuiRadio-colorPrimary.Mui-checked{color:#e64c7a!important;color:var(--figma-color-primary,#e64c7a)!important}.content-not-found{display:flex;justify-content:center;align-items:center;flex-direction:column}.text-not-found{color:#5e5c5c;color:var(--figma-color-text-secondary,#5e5c5c);font-size:28px;font-size:var(--figma-font-headline-size,28px);font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-headline-family,var(--fontFamilyMain)),sans-serif;font-weight:600;font-weight:var(--figma-font-headline-weight,600)}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:end!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.white-space-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.text-overflow-ellipsis{text-overflow:ellipsis}.w-100{width:100%}.mw-100{max-width:100%}.order-status{background:rgba(33,33,33,.1);background:var(--figma-color-surface-variant,rgba(33,33,33,.1));color:rgba(43,26,34,.6);color:var(--figma-color-text-secondary,rgba(43,26,34,.6));border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--fontFamilyMain),sans-serif;font-family:var(--figma-font-caption-family,var(--fontFamilyMain)),sans-serif;font-size:12px;font-size:var(--figma-font-caption-size,12px);font-weight:500;font-weight:var(--figma-font-caption-weight,500)}.order-status-fullwidth{width:100%}.order-status span{line-height:1}.order-status.ordering{background-color:#fff3cd;background-color:var(--figma-color-warning-light,#fff3cd);color:#856404;color:var(--figma-color-warning-dark,#856404)}.order-status.wait-to-confirm{background-color:#f9ecff;color:#bf77bc}.order-status.ordered{background-color:#e6e6fd;color:#7877bf}.order-status.wait-for-payment{background-color:#ffecfa;color:#e07494}.order-status.done{background-color:#e8faf0;color:#499f61}.order-status.available{background-color:#eef6fb;background-color:var(--figma-color-surface-variant,#eef6fb);color:#55a3dc;color:var(--figma-color-text-secondary,#55a3dc)}.order-status.deleted{background-color:#e74a4a;color:#fff}.order-status.canceled{background-color:#efebe9;color:#5d4037}.order-status.delivering{background-color:#e6e6fd;color:#7877bf}.order-status.delivered{background-color:#e8faf0;color:#499f61}.order-status.joined{background-color:#e3f2fd;background-color:var(--figma-color-info-light,#e3f2fd);color:#1976d2;color:var(--figma-color-info-dark,#1976d2)}.order-status.open{background-color:#e8f5e8;background-color:var(--figma-color-success-light,#e8f5e8);color:#2e7d32;color:var(--figma-color-success-dark,#2e7d32)}.order-status.call-staff{background-color:#ffefe4;color:#f57417}.dialog-actions-group button{width:100%;border:1px solid #da3566;border-radius:8px}.dialog-actions-group button:first-child{margin-right:10px;color:#da3566}.dialog-actions-group button:last-child{margin-left:10px;background-color:#da3566;color:#fff}.dialog-actions-group button:disabled{background-color:hsla(0,0%,93.7%,.3);color:rgba(16,16,16,.3);border:1px solid hsla(0,0%,46.3%,.3);cursor:no-drop}.switch-primary .Mui-checked{color:#cb184d!important}.switch-primary .Mui-checked+.MuiSwitch-track{background:linear-gradient(0deg,rgba(203,24,77,.1),rgba(203,24,77,.1)),#fff!important}.table-no-style{box-shadow:none!important}.table-no-style tr{background:none!important}.table-no-style td,.table-no-style th{padding:4px!important}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Regular.8081832f.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Medium.9e1bb626.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-SemiBold.cce5625b.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Bold.404e299b.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-ExtraBold.4ed78cd5.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Black.eacee5bb.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Light.f41b63c0.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-ExtraLight.94b768c0.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Thin.a61eaf4c.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-Italic.ce3fff31.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-MediumItalic.4e8cea18.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-SemiBoldItalic.cc7ee35c.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-BoldItalic.b10e7a6e.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-ExtraBoldItalic.09f84f60.ttf) format("truetype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-BlackItalic.9445d60e.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-LightItalic.5ccd942a.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-ExtraLightItalic.9f57e7d4.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Poppins";src:url(/static/media/Poppins-ThinItalic.32743a4d.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-family:var(--fontFamilyMain,Poppins),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-family:var(--fontFamilyMain,Poppins),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.figma-tokens-applied{--font-loaded:1}