@font-face{font-family:Rabar;src:url(/Fonts/Rabar.ttf)format("truetype")}:root{--ThemeColor:#e53935;--ThemeBackgroundColor:#fff;--ThemeForeColor:#1a1a1a;--primary-color:#ff5722;--text-primary:#1a1a1a;--text-secondary:#666;--bg-primary:#f8f9fa;--bg-surface:#fff;--border-color:#e0e0e0;--shadow-color:#0000000d;--glass-bg:#ffffffd9;--glass-border:#ffffff2e}.dark-mode{--text-primary:#fff;--text-secondary:#aaa;--bg-primary:#121212;--bg-surface:#1e1e1e;--border-color:#333;--shadow-color:#00000080;--glass-bg:#1e1e1ed9;--glass-border:#ffffff0d}html{scroll-behavior:smooth}html,body{color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;margin:0;padding:0;font-family:Rabar,sans-serif;transition:background-color .3s,color .3s}[dir=rtl]{text-align:right;direction:rtl}[dir=ltr]{text-align:left;direction:ltr}*{box-sizing:border-box}html,body,div,span,p,a,h1,h2,h3,h4,h5,h6,button,input,select,textarea,optgroup,option,label,table,tr,td,th,ul,ol,li,dl,dt,dd,blockquote,pre,code,.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,.MuiTableCell-root,.MuiDialog-root,.MuiPaper-root,.MuiCard-root,.MuiChip-root,.MuiTab-root,.MuiSnackbar-root,.MuiAlert-root,.MuiFormLabel-root,.MuiInputLabel-root,.MuiOutlinedInput-root,.MuiSelect-select{font-family:Rabar,sans-serif!important}.SplashContainer{background-color:var(--bg-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.MuiButton-root{align-items:center!important;gap:8px!important;display:inline-flex!important}.MuiButton-startIcon,.MuiButton-endIcon{margin:0!important}.MuiDialog-root,.MuiDialog-paper{direction:rtl!important}.MuiInputBase-root,.MuiInputBase-input{text-align:right!important;direction:rtl!important;font-family:Rabar,sans-serif!important}.MuiInputBase-input::placeholder{opacity:.7;text-align:right!important;direction:rtl!important}.MuiInputLabel-root{direction:rtl!important;font-family:Rabar,sans-serif!important}.MuiInputLabel-root:not(.MuiInputLabel-shrink){top:-2.5px!important}.MuiOutlinedInput-root{border-radius:12px!important}.MuiOutlinedInput-input,.MuiOutlinedInput-sizeSmall .MuiOutlinedInput-input{padding:8.5px 10px 11.5px!important}.MuiPopover-root .MuiPaper-root,.MuiMenu-paper,.MuiList-root{text-align:right!important;direction:rtl!important}.MuiMenuItem-root{text-align:right!important;direction:rtl!important;justify-content:right!important;width:100%!important;font-family:Rabar,sans-serif!important;display:flex!important}.MuiSelect-select{text-align:right!important;direction:rtl!important}.SignInContainer{background:var(--ThemeBackgroundColor);direction:rtl;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.GlowCircle{filter:blur(80px);pointer-events:none;z-index:0;opacity:.35;border-radius:50%;position:absolute}.CircleTop{background:var(--ThemeColor);top:-50px;width:320px;height:320px;animation:8s ease-in-out infinite alternate floatGlow;inset-inline-end:10%}.CircleBottom{bottom:-60px;background:#696fc7;width:380px;height:380px;animation:10s ease-in-out infinite alternate-reverse floatGlow;inset-inline-start:10%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,30px)scale(1.15)}}.SignInCard{z-index:1;background:linear-gradient(135deg, rgb(from var(--ThemeBackgroundColor) r g b / .95), rgb(from var(--ThemeBackgroundColor) r g b / .85));-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid rgb(from var(--ThemeForeColor) r g b / .12);border-radius:32px;flex-direction:column;gap:32px;width:100%;max-width:440px;padding:42px 36px;animation:.6s cubic-bezier(.16,1,.3,1) cardEntrance;display:flex;position:relative;box-shadow:0 30px 70px -15px #00000059,inset 0 1px #ffffff1a}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.SignInHeader{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.LogoWrapper{background:linear-gradient(135deg, rgb(from var(--ThemeColor) r g b / .18), rgb(from var(--ThemeColor) r g b / .05));border:1px solid rgb(from var(--ThemeColor) r g b / .25);width:80px;height:80px;box-shadow:0 12px 28px -6px rgb(from var(--ThemeColor) r g b / .3);border-radius:24px;justify-content:center;align-items:center;margin-bottom:6px;padding:12px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.SignInCard:hover .LogoWrapper{transform:scale(1.06)rotate(3deg)}.LogoImg{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:100%;height:100%}.TitleText{color:var(--ThemeForeColor);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:900;line-height:1.2}.SubtitleText{color:rgb(from var(--ThemeForeColor) r g b / .58);margin:0;font-size:13.5px;font-weight:800;line-height:1.5}.FormWrapper{flex-direction:column;gap:28px;width:100%;display:flex}.InputGroup{flex-direction:column;gap:20px;width:100%;display:flex}.CustomInputBox{text-align:right;flex-direction:column;gap:8px;width:100%;display:flex}.CustomInputLabel{color:rgb(from var(--ThemeForeColor) r g b / .85);margin-inline-start:4px;font-family:Rabar,sans-serif;font-size:14px;font-weight:800}.CustomInputContainer{border:1.5px solid rgb(from var(--ThemeForeColor) r g b / .18);background:rgb(from var(--ThemeBackgroundColor) r g b / .6);direction:rtl;border-radius:18px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 16px;transition:all .25s;display:flex}.CustomInputContainer:hover{border-color:rgb(from var(--ThemeForeColor) r g b / .35)}.CustomInputContainer:focus-within{border-color:var(--ThemeColor);box-shadow:0 0 0 4px rgb(from var(--ThemeColor) r g b / .15);border-width:2px}.CustomInputField{color:var(--ThemeForeColor);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:Rabar,sans-serif;font-size:14.5px;font-weight:800}.CustomInputField::placeholder{color:rgb(from var(--ThemeForeColor) r g b / .4);font-weight:700}.CustomInputIcon{color:rgb(from var(--ThemeForeColor) r g b / .55);flex-shrink:0;margin-inline-start:10px;font-size:22px!important}.ActionWrapper{flex-direction:column;gap:14px;width:100%;display:flex}.SubmitBtn{background:linear-gradient(135deg, var(--ThemeColor), rgb(from var(--ThemeColor) r g b / .82))!important;height:54px!important;box-shadow:0 12px 26px -6px rgb(from var(--ThemeColor) r g b / .45)!important;color:#fff!important;border:1px solid #ffffff26!important;border-radius:18px!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.SubmitBtn:hover:not(:disabled){box-shadow:0 16px 32px -6px rgb(from var(--ThemeColor) r g b / .6)!important;transform:translateY(-2px)scale(1.01)!important}.SubmitBtn:active:not(:disabled){transform:translateY(0)scale(.98)!important}.BtnText{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:900}.BtnIcon{color:#fff!important;margin-inline-start:8px!important;font-size:20px!important;transition:transform .25s!important}.SubmitBtn:hover .BtnIcon{transform:translate(-4px)!important}@media (width<=520px){.SignInCard{border-radius:26px;padding:32px 24px}}.QrSubtitle{color:rgb(from var(--ThemeForeColor) r g b / .7);text-align:center;margin-bottom:16px;font-size:13.5px}.QrBox{background:#fff;border-radius:18px;justify-content:center;align-items:center;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 4px 15px #0000000d}.UrlContainer{background:rgb(from var(--ThemeForeColor) r g b / .05);word-break:break-all;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.UrlText{color:var(--ThemeForeColor);direction:ltr;font-size:13px;font-weight:700}.DashboardContainer{flex-direction:column;gap:24px;width:100%;display:flex}.DashboardHeader h1{color:var(--ThemeForeColor);margin:0;font-size:26px;font-weight:900}.DashboardHeader p{color:rgb(from var(--ThemeForeColor) r g b / .6);margin:4px 0 0;font-size:14px}.StatCard{background:rgb(from var(--ThemeSurface) r g b / .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(from var(--ThemeForeColor) r g b / .08);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #0000000f}.StatCard:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0000001f}.StatIconWrapper{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.PrimaryStat .StatIconWrapper{color:#e53935;background:#e5393526}.SecondaryStat .StatIconWrapper{color:#ff5722;background:#ff572226}.StatContent{flex-direction:column;display:flex}.StatLabel{color:rgb(from var(--ThemeForeColor) r g b / .6);font-size:15px;font-weight:600}.StatValue{color:var(--ThemeForeColor);margin-top:4px;font-size:34px;font-weight:900;line-height:1.1}.InfoCard{background:rgb(from var(--ThemeSurface) r g b / .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgb(from var(--ThemeForeColor) r g b / .08);border-radius:24px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 12px 36px #0000000f}.InfoCardHeader{border-bottom:1px solid rgb(from var(--ThemeForeColor) r g b / .08);background:rgb(from var(--ThemeForeColor) r g b / .02);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.CardTitleGroup{align-items:center;gap:12px;display:flex}.CardAvatar{object-fit:cover;border:2px solid #e53935;border-radius:16px;width:56px;height:56px}.CardTitleGroup h2{margin:0;font-size:18px;font-weight:800}.CardTitleGroup span{color:rgb(from var(--ThemeForeColor) r g b / .6);font-size:13px}.CardBtnGroup{gap:8px;display:flex}.ModernBtn{border-radius:12px!important;align-items:center!important;gap:8px!important;font-weight:700!important;display:inline-flex!important}.ModernBtn .MuiButton-startIcon,.ModernBtn .MuiButton-endIcon{margin:0!important}.InfoCardBody{flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.InfoRow{background:rgb(from var(--ThemeForeColor) r g b / .03);border:1px solid rgb(from var(--ThemeForeColor) r g b / .04);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.InfoLabel{color:rgb(from var(--ThemeForeColor) r g b / .7);font-size:14px;font-weight:600}.InfoVal{color:var(--ThemeForeColor);font-size:15px;font-weight:700}.BadgeSlug{color:#e53935;background:#e5393526;border-radius:8px;padding:4px 12px;font-family:monospace;font-size:14px}.ColorGroup{align-items:center;gap:8px;display:flex}.ColorDot{border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 5px #0000004d}.PopupDialogPaper{direction:rtl;background:var(--ThemeBackgroundColor)!important;border-radius:20px!important}.PopupDialogHeader{color:var(--ThemeForeColor);justify-content:space-between;align-items:center;display:flex;font-weight:800!important}.PopupDialogBody{padding:20px!important}.PopupDialogActions{padding:16px 20px!important}.EmojiPickerContainer{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.EmojiBtn{cursor:pointer;background:0 0;border:2px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:20px;transition:all .2s;display:flex}.EmojiBtn.selected{background:#e539351a;border-color:#e53935}.EmojiBtn.clear{color:#f44336;border:1px dashed #f44336;font-size:12px}.CategoriesPage{flex-direction:column;gap:20px;width:100%;display:flex}.PageHeader{justify-content:space-between;align-items:center;display:flex}.PageHeader h1{color:var(--ThemeForeColor);margin:0;font-size:24px;font-weight:900}.LoadingWrapper{justify-content:center;align-items:center;min-height:40vh;display:flex}.CategoriesList{flex-direction:column;gap:12px;display:flex}.ModernListCard{background:rgb(from var(--ThemeForeColor) r g b / .03);border:1px solid rgb(from var(--ThemeForeColor) r g b / .08);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .25s;display:flex}.ModernListCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.CardLeft{flex-grow:1;align-items:center;gap:16px;display:flex}.ModernAvatarBox{background:#e539351a;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.CategoryInfo{flex-direction:column;gap:6px;display:flex}.TitleRow{align-items:center;gap:10px;display:flex}.TitleRow h3{color:var(--ThemeForeColor);margin:0;font-size:18px;font-weight:800}.ModernPill{background:rgb(from var(--ThemeForeColor) r g b / .06);color:var(--ThemeForeColor);border-radius:12px;padding:4px 10px;font-size:12px}.PrimaryPill{color:#e53935;background:#e5393526;font-weight:800}.ModernPillGroup{flex-wrap:wrap;gap:6px;display:flex}.ModernActionToolbar{align-items:center;gap:4px;display:flex}.ToolbarDivider{background:rgb(from var(--ThemeForeColor) r g b / .15);width:1px;height:20px;margin:0 4px}.ImageUploadBox{background:rgb(from var(--ThemeForeColor) r g b / .04);border:1px dashed rgb(from var(--ThemeForeColor) r g b / .18);border-radius:16px;align-items:center;gap:20px;padding:16px;display:flex}.FoodImagePreview{object-fit:cover;border-radius:14px;width:90px;height:90px}.FoodImagePlaceholder{color:#aaa;background:#333;border-radius:14px;justify-content:center;align-items:center;width:90px;height:90px;font-size:13px;display:flex}.LanguageTabs{border-bottom:1px solid rgb(from var(--ThemeForeColor) r g b / .12);margin-bottom:16px}.TabPanelContent{padding:8px 4px}.FoodsPage{flex-direction:column;gap:20px;width:100%;display:flex}.HeaderActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.FoodsList{flex-direction:column;gap:12px;display:flex}.ModernFoodImg{object-fit:cover;border-radius:14px;width:68px;height:68px}.SuccessPill{align-items:center;gap:4px;font-weight:800;display:inline-flex;color:#4caf50!important;background:#4caf5026!important}.FeedbacksPage{flex-direction:column;gap:20px;width:100%;display:flex}.FeedbacksListContainer{flex-direction:column;gap:16px;display:flex}.FeedbackCard{background:rgb(from var(--ThemeForeColor) r g b / .03);border:1px solid rgb(from var(--ThemeForeColor) r g b / .08);border-radius:20px;flex-direction:column;gap:14px;padding:20px;transition:all .25s;display:flex}.FeedbackCard:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.FeedbackTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.FeedbackMeta,.FeedbackActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.TimePill{color:rgb(from var(--ThemeForeColor) r g b / .6)!important}.RatingsRow{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.RatingBox{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.QuoteBox{color:var(--ThemeForeColor);background:#e5393512;border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.6}.ModernNavbar{z-index:10;background:color-mix(in srgb, var(--ThemeBackgroundColor) 85%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgb(from var(--ThemeForeColor) r g b / .08);justify-content:center;width:100%;height:72px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.NavContainer{direction:rtl;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:100%;padding:0 18px;display:flex}.NavStart{align-items:center;gap:40px;display:flex}.NavBrand{cursor:pointer;align-items:center;gap:12px;display:flex}.BrandLogo{object-fit:cover;background:linear-gradient(135deg,#e53935 0%,#ff4b4b 100%);border-radius:12px;width:40px;height:40px;padding:2px;box-shadow:0 4px 12px #0000001a}.BrandText{color:var(--ThemeForeColor);letter-spacing:-.5px;background:linear-gradient(90deg,#e53935,#ff4b4b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800;display:none}@media (width>=768px){.BrandText{display:block}}.NavLinks{align-items:center;gap:24px;display:none}@media (width>=800px){.NavLinks{display:flex}}.NavItem{color:var(--ThemeForeColor);opacity:.7;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.NavItem:hover{transform:translateY(-1px);opacity:1!important;color:var(--ThemeColor)!important}.NavItem.active{font-weight:700;opacity:1!important;color:var(--ThemeColor)!important}.NavItem svg{font-size:22px}.NavEnd{align-items:center;display:flex}.NavActions{align-items:center;gap:4px;display:flex}.ActionBtn{opacity:.7;transition:all .2s;color:var(--ThemeForeColor)!important;border-radius:12px!important;padding:10px!important}.ActionBtn:hover{opacity:1;background:rgb(from var(--ThemeForeColor) r g b / .08)!important}@media (width>=800px){.MobileMenuBtn{display:none!important}}.notification-mobile-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);direction:rtl;margin-top:8px;overflow:hidden;border:1px solid rgb(from var(--ThemeForeColor) r g b / .1)!important;background:var(--ThemeBackgroundColor)!important;border-radius:16px!important;box-shadow:0 10px 40px #00000026!important}.NotificationContainer{flex-direction:column;width:360px;max-height:420px;display:flex}.NotificationHeader{border-bottom:1px solid rgb(from var(--ThemeForeColor) r g b / .08);flex-direction:row;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.NotificationHeaderTitle{color:var(--ThemeForeColor);font-size:16px;font-weight:800}.NotificationsList{flex-direction:column;gap:6px;max-height:350px;padding:8px;display:flex;overflow-y:auto}.NotificationItem{cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:background .2s,transform .2s;display:flex}.NotificationItem:hover{background:rgb(from var(--ThemeForeColor) r g b / .05)}.NotificationItem.Unread{background:#e5393514;border-right:3px solid #e53935}.NotificationTitle{color:var(--ThemeForeColor);font-size:14px;font-weight:700}.NotificationDescription{color:var(--ThemeForeColor);opacity:.8;font-size:13px;line-height:1.5}.NotificationDate{color:var(--ThemeForeColor);opacity:.5;margin-top:2px;font-size:11px}.DrawerPaper{-webkit-backdrop-filter:blur(24px)saturate(180%);direction:rtl;max-width:88vw;background:linear-gradient(180deg, rgb(from var(--ThemeBackgroundColor) r g b / .95), rgb(from var(--ThemeBackgroundColor) r g b / .9))!important;border-inline-end:1px solid rgb(from var(--ThemeForeColor) r g b / .12)!important;width:320px!important;box-shadow:0 24px 50px #00000040!important}.DrawerContainer{flex-direction:column;height:100%;display:flex;overflow:hidden}.DrawerHeader{border-bottom:1px solid rgb(from var(--ThemeForeColor) r g b / .08);background:linear-gradient(135deg, rgb(from var(--ThemeColor) r g b / .14), transparent 70%);justify-content:space-between;align-items:center;gap:12px;height:72px;padding:0 18px;display:flex;position:relative;overflow:hidden}.DrawerBrandTitle{color:var(--ThemeForeColor);font-size:19px;font-weight:900;line-height:1.2}.DrawerCloseButton{background:rgb(from var(--ThemeForeColor) r g b / .05)!important;color:rgb(from var(--ThemeForeColor) r g b / .74)!important;border-radius:16px!important}.DrawerBody{flex-direction:column;flex:1;gap:18px;padding:14px;display:flex;overflow-y:auto}.MainLayoutLinksContainer{flex-direction:column;gap:10px;width:100%;display:flex}.MainLayoutLinksContainer a{color:rgb(from var(--ThemeForeColor) r g b / .72);background:rgb(from var(--ThemeForeColor) r g b / .03);border-radius:18px;flex-direction:row;align-items:center;gap:14px;padding:14px 18px;font-size:14.5px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.MainLayoutLinksContainer a.active{font-weight:900;color:var(--ThemeColor)!important;background:linear-gradient(135deg, rgb(from var(--ThemeColor) r g b / .18), rgb(from var(--ThemeColor) r g b / .08))!important;border:1px solid rgb(from var(--ThemeColor) r g b / .28)!important}.MainLayoutLinksContainer a:hover:not(.active){color:var(--ThemeForeColor);background:rgb(from var(--ThemeForeColor) r g b / .07);transform:translate(-4px)}.DrawerBottomCard{border:1px solid rgb(from var(--ThemeColor) r g b / .2);background:linear-gradient(135deg, rgb(from var(--ThemeColor) r g b / .14), rgb(from var(--ThemeForeColor) r g b / .03));border-radius:22px;align-items:flex-start;gap:14px;margin-top:auto;padding:18px;display:flex}.DrawerBottomIcon{background:rgb(from var(--ThemeColor) r g b / .16);border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.DrawerBottomText{flex-direction:column;gap:4px;display:flex}.DrawerBottomText strong{color:var(--ThemeForeColor);font-size:14px;font-weight:900}.DrawerBottomText span{color:rgb(from var(--ThemeForeColor) r g b / .62);font-size:12px}.AppMainArea{background:var(--ThemeBackgroundColor);flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.BodyContainer{direction:rtl;flex-direction:column;flex:1;gap:25px;width:100%;padding:18px;display:flex;overflow-y:auto}.AppMainArea::-webkit-scrollbar{width:10px;height:10px}.AppMainArea::-webkit-scrollbar-thumb{background-color:gray;border-radius:5px}