@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{--page-bg:#f7f8fb;--card:#fff;--text:#111827;--muted:#97a6bb;--border:#edf0f4;--blue:#0ea5e9;--green:#078873;--red:#e43e38;--orange:#f47b20;--shadow:0 16px 48px #0f172a09}*{box-sizing:border-box}html{background:var(--page-bg)}body{background:var(--page-bg);min-width:1180px;color:var(--text);margin:0;font-family:norsal}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.dashboardShell{background:var(--page-bg);min-height:100vh}.topHeader{z-index:50;direction:ltr;background:#fff;border-bottom:1px solid #edf0f48c;grid-template-columns:minmax(330px,1fr) minmax(420px,688px) minmax(330px,1fr);align-items:center;gap:32px;height:104px;padding:16px 40px;display:grid;position:sticky;top:0}.headerLeft,.breadcrumb,.profileBox,.languageBtn,.searchBox,.titleWrap,.filters,.kpiTop,.kpiBottom,.panelTop,.revenueTop,.primaryBtn,.sendBtn,.filterBtn,.summaryValue{align-items:center;display:flex}.headerLeft{justify-self:start;gap:15px}.profileBox{background:#fbfbfd;border-radius:999px;justify-content:center;gap:11px;width:202px;height:55px;padding:7px 11px}.tinyChevron{color:#94a3b8;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.profileText{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.profileText b{font-size:11px;font-weight:500}.profileText small{color:#8690ad;margin-top:4px;font-size:9px}.avatar{background:radial-gradient(circle at 64% 33%,#f1a27c 0 17%,#0000 18%),linear-gradient(145deg,#d5f0ec,#79bcdb 46%,#d99e81 47% 100%);border-radius:50%;flex:0 0 39px;width:39px;height:39px;box-shadow:inset 0 0 0 1px #fff9,0 2px 5px #0f172a14}.roundBtn{color:#9ba9bb;background:#fbfbfd;border:0;border-radius:50%;flex:0 0 47px;justify-content:center;align-items:center;width:47px;height:47px;display:inline-flex;position:relative}.notification span{background:var(--red);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;right:13px}.languageBtn{color:#111827;background:#fbfbfd;border:0;border-radius:999px;justify-content:center;gap:11px;width:145px;height:47px;font-size:13px}.searchBox{color:#9aa8bb;background:#fbfbfd;border-radius:999px;justify-content:flex-end;gap:9px;width:100%;height:55px;padding:0 18px;font-size:13px}.breadcrumb{white-space:nowrap;justify-content:flex-end;justify-self:end;gap:12px;font-size:13px}.breadcrumb .roundBtn{margin-left:10px}.breadcrumb b{font-weight:600}.muted{color:var(--muted)}.dashboardBody{grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:24px;padding:24px 40px 40px;display:grid}.contentArea{min-width:0}.sidebar{min-height:calc(180vh - 128px);box-shadow:var(--shadow);scrollbar-width:none;background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:sticky;top:128px;overflow:hidden}.sidebar::-webkit-scrollbar{display:none}.logoBox{justify-content:center;align-items:center;height:76px;display:flex;position:relative}.logoBox img{object-fit:contain;width:64px;height:64px}.logoFallback{color:var(--blue);letter-spacing:1px;font-size:18px;font-weight:800;display:none}.sideDivider{background:#e9edf3;height:1px;margin:0 0 8px}.menuTitle{height:47px;color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.navList{flex-direction:column;gap:7px;display:flex}.navItem{color:#98a8be;border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:0 8px 0 10px;font-size:14px;transition:background .2s,color .2s;display:flex;position:relative}.navItem:hover{color:#607086;background:#f8fafc}.navItem.active{color:#fff;background:var(--blue);min-height:55px;box-shadow:inset -8px 0 #00000008}.navItem.active .iconBubble{color:#fff;background:#ffffff38}.badge{color:#fff;background:#df321b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;left:11px}.sideBottom{flex-direction:column;gap:12px;padding-top:22px;display:flex}.logout{color:#dd2c2c;background:#ffeff2;border-radius:999px;align-items:center;gap:9px;min-height:55px;padding:7px 10px 7px 12px;display:flex}.logout span{font-size:14px}.logout .iconBubble{color:#dc2626;background:#ffaaaa38}.panel,.kpiCard{background:var(--card);box-shadow:var(--shadow)}.panel{border-radius:16px}.iconBubble{color:#98a8bb;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;display:inline-flex}.iconBubble.pink,.iconBubble.blue,.iconBubble.green,.iconBubble.cyan,.iconBubble.purple,.iconBubble.red,.iconBubble.orange{width:55px;min-width:55px;height:55px}.iconBubble.pink{color:#d63ad2;background:#fff3ff}.iconBubble.blue{color:#2b7fff;background:#eef5ff}.iconBubble.green{color:#068872;background:#effcf3}.iconBubble.cyan{color:#0da8e7;background:#edfaff}.iconBubble.purple{color:#8b47ff;background:#faf3ff}.iconBubble.red{color:#e43e38;background:#fff1f1}.iconBubble.orange{color:#f47b20;background:#fff6ed}.kpiGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.kpiCard{border-radius:16px;flex-direction:column;grid-column:span 3;justify-content:center;gap:22px;min-width:0;height:171px;padding:34px 29px;display:flex}.kpiCard:nth-child(n+5){grid-column:span 4}.kpiTop{justify-content:flex-end;gap:12px}.kpiTop p{color:#92a3b9;letter-spacing:-.2px;min-width:0;margin:0;font-size:13px;line-height:1.45}.kpiBottom{justify-content:flex-start;gap:9px}.kpiBottom strong{color:#111;font-size:31px;font-weight:500;line-height:1}.trend{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-width:72px;min-height:20px;padding:3px 7px;font-size:9px;display:inline-flex}.trend.up{color:#078873;background:#eff9f5}.trend.down{color:#e43e38;background:#fff1f0}.middleGrid{grid-template-columns:minmax(410px,.64fr) minmax(620px,1fr);gap:16px;margin-bottom:16px;display:grid}.alertsPanel,.mapPanel{height:499px;padding:24px}.panelTop{justify-content:space-between;min-height:48px;margin-bottom:18px}.titleWrap{gap:10px}.titleWrap h2{color:#171717;letter-spacing:-.7px;margin:0;font-size:23px;font-weight:500}.primaryBtn{color:#fff;background:#0ea5e9;border:0;border-radius:999px;justify-content:center;gap:7px;min-height:39px;padding:0 17px;font-size:13px;font-weight:600}.alertsList{flex-direction:column;gap:11px;display:flex}.alertRow{background:#fbfbfd;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;height:81px;padding:18px 15px;display:flex}.sendBtn{color:#fff;background:#0ea5e9;border:0;border-radius:999px;justify-content:center;gap:6px;width:135px;min-width:135px;height:35px;font-size:11px;font-weight:600}.alertInfo{align-items:flex-start;gap:9px;min-width:0;display:flex}.alertInfo>div{min-width:0}.alertInfo b{color:#222;text-align:right;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.35;display:block}.alertInfo small{color:#8793aa;white-space:nowrap;text-overflow:ellipsis;max-width:210px;margin-top:4px;font-size:8px;display:block;overflow:hidden}.alertInfo .iconBubble{background:#fff;border:1px solid #e7eafa;flex:0 0 39px}.filters{direction:ltr;gap:6px}.filters button,.filterBtn{color:#9aa8bb;background:#fbfbfd;border:1px solid #f0f2f5;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 14px;font-size:11px;display:inline-flex}.filters button{min-width:105px}.filters .square{width:39px;min-width:39px;padding:0}.mapArea{background:linear-gradient(90deg,#4ab7db 0 18%,#e6e9ec 18% 100%);border-radius:12px;height:393px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 1px 3px #10182817}.mapArea img{object-fit:cover;width:100%;height:100%;display:block}.mapPin{color:#ffd400;background:#fff;border:2px solid;border-radius:16px 16px 16px 0;justify-content:center;align-items:center;width:27px;height:34px;display:flex;position:absolute;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 5px 9px #0000002e}.mapPin>svg{color:#2e3440;transform:rotate(45deg)}.mapPin em{text-align:center;background:#fff;border-radius:999px;min-width:32px;height:14px;padding:0 4px;font-size:6px;font-style:normal;line-height:14px;position:absolute;top:-18px;right:-8px;transform:rotate(45deg);color:#000!important}.mapPin.yellow{color:#ffd400}.mapPin.green{color:#078873}.mapPin.red{color:#e43e38}.mapPin.green em,.mapPin.red em{color:#fff}.mapTooltip{color:#0ea5e9;background:#fff;border-radius:15px 15px 15px 2px;flex-direction:column;justify-content:center;align-items:center;width:112px;height:51px;font-size:13px;display:flex;position:absolute;top:46%;left:43%;box-shadow:0 4px 18px #00000021}.mapTooltip b{font-size:16px;font-weight:600}.mapControls{flex-direction:column;gap:7px;display:flex;position:absolute;bottom:13px;left:16px}.mapControls button{color:#7da5ca;background:#fffffff0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 1px 3px #0f172a14}.revenuePanel{border-radius:24px;min-height:615px;padding:24px}.revenueTop{justify-content:space-between;align-items:flex-start;margin-bottom:34px}.revenueText{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.revenueText h2{color:#171717;letter-spacing:-.7px;margin:0;font-size:23px;font-weight:500}.revenueText b{color:var(--blue);font-size:13px;line-height:1.5}.revenueText p{color:#97a6b8;margin:0;font-size:12px}.revenueText p span{color:#5cc45c;margin-left:4px;font-weight:700}.filterBtn{min-width:81px;padding:0 13px}.chartWrap{gap:8px;height:300px;display:flex}.yAxis{color:#8fa0b7;text-align:right;flex-direction:column;flex:0 0 51px;justify-content:space-between;width:51px;height:271px;padding-top:2px;font-size:11px;display:flex}.chartCanvas{flex:1;min-width:0;height:300px;position:relative}.chartSvg{width:100%;height:280px;display:block;overflow:visible}.xAxis{color:#8fa0b7;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.xAxis span:nth-child(3){color:var(--blue);font-weight:700}.chartTooltip{text-align:right;background:#fff;border-radius:7px 7px 7px 0;flex-direction:column;gap:3px;width:116px;min-height:85px;padding:10px 16px;display:flex;position:absolute;top:-8px;left:24%;box-shadow:0 8px 15px #00000026}.chartTooltip small{color:#111827;font-size:12px}.chartTooltip b{color:var(--blue);font-size:15px}.chartTooltip span{color:#03071266;white-space:nowrap;font-size:10px}.dailySummary{border-top:1px solid #eeeeef;margin-top:27px;padding-top:15px}.dailySummary h3{color:#374151;letter-spacing:-.5px;text-align:right;margin:0 0 22px;font-size:19px;font-weight:600}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.summaryGrid>div{flex-direction:column;align-items:flex-end;gap:7px;min-width:0;display:flex}.summaryValue{justify-content:flex-start;gap:9px}.summaryGrid b{color:#1f2937;font-size:22px;font-weight:700;line-height:1.2}.summaryGrid span{font-size:11px;font-weight:600}.summaryGrid small{color:#6b7280;white-space:nowrap;font-size:12px}.green{color:#00bd4e}.blue{color:#2b7fff}.orange{color:#ff6900}@media (width<=1600px){.topHeader{grid-template-columns:minmax(320px,1fr) minmax(380px,620px) minmax(300px,1fr);gap:22px;padding-inline:24px}.dashboardBody{grid-template-columns:minmax(0,1fr) 286px;padding:24px}.kpiCard{padding-inline:22px}.kpiTop p{font-size:12px}.middleGrid{grid-template-columns:minmax(370px,.64fr) minmax(560px,1fr)}.alertInfo small{max-width:155px}}@media (width<=1320px){body{min-width:1180px}.topHeader{grid-template-columns:330px minmax(360px,1fr) 285px}.dashboardBody{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.sidebar{padding:13px}.navItem{font-size:13px}.kpiGrid,.middleGrid{gap:12px}.kpiCard{height:158px;padding:27px 18px}.iconBubble.pink,.iconBubble.blue,.iconBubble.green,.iconBubble.cyan,.iconBubble.purple,.iconBubble.red,.iconBubble.orange{width:49px;min-width:49px;height:49px}}.customKpiIcon{object-fit:contain;width:30px;height:30px;display:block}body{direction:inherit}.topHeader{direction:ltr;grid-template-areas:"profile search breadcrumb"}.headerLeft{grid-area:profile}.searchBox{grid-area:search}.breadcrumb{grid-area:breadcrumb}html[lang=ar] .topHeader{grid-template-areas:"profile search breadcrumb"}html[lang=ar] .headerLeft{direction:ltr;justify-self:start}html[lang=ar] .searchBox,html[lang=ar] .breadcrumb{direction:rtl}html[lang=ar] .breadcrumb{justify-self:end}html[lang=en] .topHeader{grid-template-areas:"breadcrumb search profile"}html[lang=en] .headerLeft{direction:rtl;justify-self:end}html[lang=en] .searchBox,html[lang=en] .breadcrumb{direction:ltr}html[lang=en] .breadcrumb{justify-self:start}.profileBox{direction:ltr}html[lang=ar] .profileText{text-align:right;align-items:flex-end}html[lang=en] .profileText{text-align:left;align-items:flex-start}.breadcrumb .roundBtn{margin:0}.notification span{right:auto;inset-inline-end:13px}.dashboardBody{direction:ltr;grid-template-areas:"content sidebar"}.contentArea{grid-area:content}.sidebar{grid-area:sidebar}html[lang=ar] .dashboardBody{grid-template-columns:minmax(0,1fr) 296px;grid-template-areas:"content sidebar"}html[lang=en] .dashboardBody{grid-template-columns:296px minmax(0,1fr);grid-template-areas:"sidebar content"}html[lang=ar] .contentArea,html[lang=ar] .sidebar,html[lang=ar] .panel,html[lang=ar] .kpiCard{direction:rtl}html[lang=en] .contentArea,html[lang=en] .sidebar,html[lang=en] .panel,html[lang=en] .kpiCard{direction:ltr}.navItem,.menuTitle,.logout{direction:inherit}.badge{left:auto;right:auto;inset-inline-end:11px}.kpiTop{direction:inherit;justify-content:flex-start}.kpiTop p{text-align:start}.kpiBottom{direction:ltr}.alertsPanel{grid-area:alerts}.mapPanel{grid-area:map}html[lang=ar] .middleGrid{direction:ltr;grid-template-columns:minmax(410px,.64fr) minmax(620px,1fr);grid-template-areas:"alerts map"}html[lang=en] .middleGrid{direction:ltr;grid-template-columns:minmax(620px,1fr) minmax(410px,.64fr);grid-template-areas:"map alerts"}.panelTop,.titleWrap,.alertRow,.alertInfo,.filters,.primaryBtn,.sendBtn{direction:inherit}.alertInfo b,.alertInfo small,.titleWrap h2{text-align:start}.revenueTop{direction:inherit}.revenueText,.dailySummary h3{text-align:start}html[lang=ar] .chartWrap{direction:rtl}html[lang=en] .chartWrap,.chartCanvas,.chartSvg,.yAxis,.xAxis,.summaryValue{direction:ltr}html[lang=ar] .chartTooltip{text-align:right;direction:rtl}html[lang=en] .chartTooltip{text-align:left;direction:ltr}html[lang=ar] .xAxis span{direction:rtl}html[lang=en] .xAxis span{direction:ltr}.revenueText p span{margin-left:0;margin-inline-end:4px}@media (width<=1600px){html[lang=ar] .dashboardBody{grid-template-columns:minmax(0,1fr) 286px}html[lang=en] .dashboardBody{grid-template-columns:286px minmax(0,1fr)}html[lang=ar] .middleGrid{grid-template-columns:minmax(370px,.64fr) minmax(560px,1fr)}html[lang=en] .middleGrid{grid-template-columns:minmax(560px,1fr) minmax(370px,.64fr)}}@media (width<=1320px){html[lang=ar] .dashboardBody{grid-template-columns:minmax(0,1fr) 270px}html[lang=en] .dashboardBody{grid-template-columns:270px minmax(0,1fr)}}.manualAlertOverlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#1e293b4d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.manualAlertModal{width:min(620px,100vw - 48px);direction:inherit;background:#fff;border-radius:28px;padding:40px 44px 30px;position:relative;box-shadow:0 30px 90px #0f172a38}.manualAlertClose{top:28px;color:#475569;background:#fff;border:1px solid #edf0f4;border-radius:9px;place-items:center;width:40px;height:40px;display:grid;position:absolute;inset-inline-end:28px}.manualAlertClose:hover{background:#f8fafc}.manualAlertTitle{color:#242424;text-align:start;margin:0 0 28px;padding-inline-end:55px;font-size:27px;font-weight:600}html[lang=ar] .manualAlertTitle{text-align:end;margin:0 0 28px;padding-inline:55px 0}.manualAlertForm{flex-direction:column;gap:17px;display:flex}.manualAlertField{flex-direction:column;gap:8px;display:flex}.manualAlertField label{color:#222;text-align:start;font-size:13px;font-weight:600}html[lang=ar] .manualAlertField label{color:#222;text-align:end;font-size:13px;font-weight:600}.manualAlertField input,.manualAlertField select,.manualAlertField textarea{color:#1f2937;width:100%;font:inherit;text-align:start;direction:inherit;background:#fcfcfd;border:1px solid #edf0f4;outline:none;transition:border-color .2s,box-shadow .2s}html[lang=ar] .manualAlertField input,html[lang=ar] .manualAlertField select,html[lang=ar] .manualAlertField textarea{color:#1f2937;width:100%;font:inherit;text-align:end;direction:inherit;background:#fcfcfd;border:1px solid #edf0f4;outline:none;transition:border-color .2s,box-shadow .2s}.manualAlertField input,.manualAlertField select{border-radius:999px;height:48px;padding-inline:17px}.manualAlertField textarea{resize:none;border-radius:20px;min-height:62px;padding:14px 17px}.manualAlertField input::placeholder,.manualAlertField textarea::placeholder{color:#a8b5c7}.manualAlertField input:focus,.manualAlertField select:focus,.manualAlertField textarea:focus{border-color:#55b2dd;box-shadow:0 0 0 3px #13a8e61a}.manualAlertActions{align-items:center;gap:12px;margin-top:7px;display:flex}html[lang=ar] .manualAlertActions{justify-content:flex-end}.manualAlertCancel,.manualAlertSubmit{border-radius:999px;height:44px;font-size:13px;font-weight:600}.manualAlertCancel{color:#6b7280;background:#fff;border:1px solid #e7ebf0;min-width:110px}.manualAlertSubmit{color:#fff;background:#0ea5e9;border:0;min-width:155px}.manualAlertCancel:hover{background:#f8fafc}.manualAlertSubmit:hover{background:#0ea5e9}.profileBox{color:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s,transform .2s}.profileBox:hover{background-color:#f7faff}.profileBox:active{transform:scale(.98)}.profileBox:focus-visible{outline-offset:2px;outline:2px solid #18a9e5}button.logout{width:100%;font:inherit;text-align:inherit;cursor:pointer;border:0}html,body,#root{width:100%;max-width:100%;min-width:0!important}html,body{overflow-x:hidden}.dashboardLayout{background:var(--page-bg);width:100%;min-height:100vh}.dashboardContent,.contentArea{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.sidebar{overflow:hidden}.sideTop{flex-direction:column;flex:1;min-height:0;display:flex}.navList{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#70819885 transparent;flex:1;min-height:0;padding-inline-end:6px;overflow:hidden auto}.navList::-webkit-scrollbar{width:6px}.navList::-webkit-scrollbar-track{background:0 0}.navList::-webkit-scrollbar-thumb{background:#70819885 padding-box padding-box;border:1px solid #0000;border-radius:999px}.navList::-webkit-scrollbar-thumb:hover{background:#53657eb8 padding-box padding-box}.sideBottom{background:#fff;flex:none}.mobileMenuButton,.sidebarMobileClose,.sidebarBackdrop{display:none}@media (width<=1440px){.topHeader{grid-template-columns:minmax(245px,auto) minmax(280px,1fr) minmax(220px,auto);gap:16px;padding-inline:20px}.profileBox{width:172px}.languageBtn{width:124px}html[lang=ar] .dashboardBody{grid-template-columns:minmax(0,1fr) 260px}html[lang=en] .dashboardBody{grid-template-columns:260px minmax(0,1fr)}.dashboardBody{gap:18px;padding:20px}}@media (width<=1199px){.topHeader{grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;height:88px;padding:12px 18px}.profileBox{width:50px;height:50px;padding:5px}.profileText,.tinyChevron{display:none}.languageBtn{width:112px}.dashboardBody,html[lang=ar] .dashboardBody,html[lang=en] .dashboardBody{padding:18px;display:block}.dashboardContent{overflow-x:auto}.mobileMenuButton{color:#7f8fa4;background:#f7f9fc;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.mobileMenuButton:hover{color:var(--blue);background:#eefaff}.sidebarBackdrop{z-index:900;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(2px);background:#0f172a57;border:0;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:0}.sidebarBackdrop.visible{opacity:1;visibility:visible;pointer-events:auto}.sidebar{z-index:1000;border-radius:0;width:min(330px,100vw - 38px);height:100dvh;min-height:0;max-height:none;padding:18px 15px;transition:transform .24s;position:fixed;top:0;bottom:0;box-shadow:0 24px 70px #0f172a38}html[lang=ar] .sidebar{left:auto;right:0;transform:translate(105%)}html[lang=en] .sidebar{left:0;right:auto;transform:translate(-105%)}html[lang=ar] .sidebar.mobileOpen,html[lang=en] .sidebar.mobileOpen{transform:translate(0)}.sidebarMobileClose{top:12px;z-index:4;color:#617187;background:#f7f9fc;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;inset-inline-end:12px}.logoBox{height:66px}.logoBox img{width:54px;height:54px}.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpiCard,.kpiCard:nth-child(n+5){grid-column:auto}.middleGrid,html[lang=ar] .middleGrid,html[lang=en] .middleGrid{grid-template-columns:1fr;grid-template-areas:"map""alerts"}.alertsPanel,.mapPanel{width:100%;height:auto;min-height:460px}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.topHeader,html[lang=ar] .topHeader,html[lang=en] .topHeader{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"profile breadcrumb";gap:10px;height:76px;padding:10px 12px}.headerLeft{gap:7px}.profileBox{width:42px;height:42px}.avatar{flex-basis:34px;width:34px;height:34px}.roundBtn{flex-basis:42px;width:42px;height:42px}.languageBtn{width:42px;height:42px;padding:0}.languageBtn span,.languageBtn>svg:first-child,.searchBox{display:none}.breadcrumb{justify-content:flex-end;justify-self:stretch;gap:8px;min-width:0}.breadcrumb .muted,.breadcrumb>svg,.breadcrumb>.roundBtn{display:none}.breadcrumb b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.dashboardBody,html[lang=ar] .dashboardBody,html[lang=en] .dashboardBody{padding:12px}.dashboardContent{overflow-x:auto}.kpiGrid{grid-template-columns:1fr;gap:12px}.kpiCard,.kpiCard:nth-child(n+5){width:100%;height:auto;min-height:135px;padding:22px 18px}.middleGrid{gap:12px}.alertsPanel,.mapPanel,.revenuePanel{border-radius:16px;min-height:0;padding:16px}.mapArea{height:330px}.alertRow{flex-direction:column;align-items:stretch;height:auto;min-height:90px}.alertInfo small{max-width:100%}.sendBtn{width:100%}.panelTop,.revenueTop{flex-direction:column;align-items:stretch;gap:12px}.filters{width:100%;padding-bottom:4px;overflow-x:auto}.filters button{flex:none}.chartWrap{min-width:620px}.summaryGrid{grid-template-columns:1fr}.summaryGrid>div{align-items:stretch}.manualAlertOverlay{align-items:flex-start;padding:12px;overflow-y:auto}.manualAlertModal{border-radius:20px;width:100%;margin:auto 0;padding:28px 18px 22px}.manualAlertTitle{font-size:21px}.manualAlertActions{flex-direction:column;align-items:stretch}.manualAlertCancel,.manualAlertSubmit{width:100%}}@media (width<=430px){.headerLeft{gap:4px}.profileBox{display:none}.topHeader,html[lang=ar] .topHeader,html[lang=en] .topHeader{grid-template-columns:auto minmax(0,1fr)}.sidebar{width:min(310px,100vw - 24px)}}.sidebarSvgIcon{object-fit:contain;flex-shrink:0;width:18px;height:18px;transition:opacity .2s,transform .2s;display:block}.navItem .sidebarSvgIcon{opacity:.65}.navItem:hover .sidebarSvgIcon{opacity:.9;transform:scale(1.04)}.navItem.active .sidebarSvgIcon{opacity:1}.menuTitle .sidebarSvgIcon{width:17px;height:17px}.logout .sidebarSvgIcon{opacity:1;width:18px;height:18px}.sidebarSvgIcon{object-fit:contain;width:18px;height:18px;transition:filter .2s,opacity .2s;display:block}.navItem .sidebarSvgIcon{opacity:.7;filter:none}.navItem.active .sidebarSvgIcon{opacity:1;filter:brightness(0)invert()}.trend{min-width:auto;padding-inline:9px}.trend b{font-size:inherit;font-weight:600}.trendIcon{object-fit:contain;flex:0 0 12px;width:12px;height:12px;display:block}.alertSvgIcon{object-fit:contain;width:23px;height:23px;display:block}.alertTitleSvgIcon{object-fit:contain;width:19px;height:19px;display:block}.sendAlertIcon{object-fit:contain;width:14px;height:14px;display:block}.mapFilters{direction:inherit}.mapSelect{align-items:center;min-width:112px;height:39px;display:inline-flex;position:relative}.mapSelect select{appearance:none;color:#8797ad;cursor:pointer;width:100%;height:100%;font:inherit;text-align:start;background:#fbfbfd;border:1px solid #f0f2f5;border-radius:999px;outline:none;padding-inline:34px 14px;font-size:11px}.mapSelect select:hover{background:#f8fcff;border-color:#0ea5e959}.mapSelect select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e917}.mapSelect>svg{z-index:2;color:#9aa8bb;pointer-events:none;position:absolute;inset-inline-start:12px}.mapFullscreenButton img{object-fit:contain;width:18px;height:18px;display:block}.mapFullscreenButton:hover{background:#f1faff;border-color:#0ea5e961}:is(.mapPanel:fullscreen,.mapPanel.isFullscreen){background:#fff;border-radius:0;width:100vw;max-width:none;padding:24px;height:100vh!important}:is(.mapPanel:fullscreen .mapArea,.mapPanel.isFullscreen .mapArea){height:calc(100vh - 110px)}:is(.mapPanel:fullscreen .mapFullscreenButton img,.mapPanel.isFullscreen .mapFullscreenButton img){transform:rotate(180deg)}.mapPanel::backdrop{background:#edf1f5}.revenueFilter{color:#8fa0b7;background:#fbfbfd;border:1px solid #f0f2f5;border-radius:999px;align-items:center;gap:8px;min-width:150px;height:39px;padding-inline:13px;display:inline-flex;position:relative}.revenueFilter select{appearance:none;color:#7f8fa5;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:11px}.revenueFilterArrow{pointer-events:none;flex:none}.moneyValue{white-space:nowrap;direction:ltr;align-items:center;gap:5px;display:inline-flex}.moneyValue img{object-fit:contain;width:16px;height:16px;display:block}.revenueMainAmount{color:var(--blue)}.revenueMainAmount>span{font-size:16px;font-weight:700}.revenueMainAmount img{width:15px;height:15px}.tooltipMoney{color:var(--blue)}.tooltipMoney>span{font-size:15px;font-weight:700}.tooltipMoney img{width:14px;height:14px}.chartPointHit{cursor:pointer}.chartDataPoint{transition:r .2s,stroke-width .2s}.chartTooltip{pointer-events:none;transition:left .25s,top .25s;transform:translate(-50%,calc(-100% - 14px))}html[lang=ar] .chartTooltip{transform:translate(50%,calc(-100% - 14px))}.summaryGrid{background:#fff;border-radius:14px;gap:0}.summaryItem{border-inline-end:1px solid #edf0f4;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;min-height:72px;padding-inline:22px;display:flex}.summaryItem:last-child{border-inline-end:0}.summaryValue{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%}.summaryItem>small{color:#8491a5;text-align:start;font-size:11px}.summaryItem b,.summaryMoney>span{color:#1f2937;font-size:21px;font-weight:700}.summaryMoney img{width:15px;height:15px}.summaryTrend{direction:ltr;align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.summaryTrend img{object-fit:contain;width:11px;height:11px;display:block}.summaryTrend.green{color:#00bd4e}.summaryTrend.blue{color:#2b7fff}.summaryTrend.orange{color:#ff6900}@media (width<=900px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryItem{border-bottom:1px solid #edf0f4;padding:16px}}@media (width<=560px){.summaryGrid{grid-template-columns:1fr}.summaryItem{border-inline-end:0}.revenueFilter,.mapFilters{width:100%}.mapSelect{min-width:130px}}@media (width>=1200px) and (height>=1100px){.sidebar{height:auto;min-height:0;max-height:1500px}.sideTop{min-height:0}.navList{overflow-y:auto}}.globalSearchTrigger{appearance:none;cursor:text;font:inherit;border:0}.globalSearchTrigger span{text-align:start;flex:1}.globalSearchOverlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a232f47;justify-content:center;align-items:flex-start;padding:30px 18px;display:flex;position:fixed;inset:0}.globalSearchModal{background:#fff;border-radius:18px;width:min(760px,100vw - 36px);min-height:310px;padding:16px 22px 24px;animation:.18s ease-out globalSearchOpen;position:relative;box-shadow:0 20px 55px #0f172a24,0 4px 14px #0f172a0f}@keyframes globalSearchOpen{0%{opacity:0;transform:translateY(-8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.globalSearchClose{color:#ee4c37;cursor:pointer;z-index:2;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:18px}.globalSearchModal.rtl .globalSearchClose{left:18px;right:auto}.globalSearchModal.ltr .globalSearchClose{left:auto;right:18px}.globalSearchInput{background:#fff;border:2px solid #0ea5e9;border-radius:14px;align-items:center;gap:8px;height:42px;padding-inline:12px;display:flex;box-shadow:0 0 0 2px #32a9e914}.globalSearchModal.rtl .globalSearchInput{margin-left:38px}.globalSearchModal.ltr .globalSearchInput{margin-right:38px}.globalSearchInputIcon{color:#728299;flex:none}.globalSearchInput input{width:100%;min-width:0;font:inherit;color:#1a2232;direction:inherit;text-align:start;background:0 0;border:0;outline:0;padding:0;font-size:14px}.globalSearchInput input::placeholder{color:#9aa6b6}.globalSearchInput input::-webkit-search-cancel-button{appearance:none}.globalSearchClear{color:#9aa6b6;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:2px 3px;font-size:12px}.globalSearchResults{margin-top:10px}.globalSearchResult{border:0;width:100%;min-height:66px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border-bottom:1px solid #eef1f5;align-items:center;gap:12px;padding:9px 8px;transition:background-color .16s,transform .16s;display:flex}.globalSearchResult:hover{background:#fafcfe}.globalSearchResult:active{transform:scale(.995)}.globalSearchResultArrow{color:#0ea5e9;background:#fbfbfd;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.globalSearchResultText{text-align:start;flex-direction:column;gap:4px;min-width:0;display:flex}.globalSearchResultText strong{color:#202734;font-size:14px;font-weight:600;line-height:1.35}.globalSearchResultText small{color:#99a5b5;font-size:11px;font-weight:400;line-height:1.45}.globalSearchEmpty{color:#a1abb8;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:170px;font-size:13px;display:flex}@media (width<=768px){.globalSearchOverlay{padding:90px 14px 20px}.globalSearchModal{border-radius:16px;width:100%;min-height:280px;padding:14px 16px 20px}.globalSearchInput{height:44px}.globalSearchModal.rtl .globalSearchInput{margin-left:34px}.globalSearchModal.ltr .globalSearchInput{margin-right:34px}.globalSearchResult{min-height:62px}.globalSearchResultArrow{flex-basis:34px;width:34px;height:34px}}.topHeader,.headerLeft{overflow:visible}.headerMenuWrapper{flex-shrink:0;position:relative}.profileMenuButton{font:inherit;color:inherit;cursor:pointer;border:0;outline:0}.profileMenuButton:focus-visible,.languageBtn:focus-visible{outline-offset:2px;outline:2px solid #1babe340}.profileMenuButton.menuOpen,.languageBtn.menuOpen{background:#f7f9fc}.tinyChevron,.languageChevron{transition:transform .2s}.tinyChevron.open,.languageBtn.menuOpen .languageChevron{transform:rotate(180deg)}.headerDropdown{top:calc(100% + 11px);z-index:10020;background:#fff;border:1px solid #edf0f4;border-radius:15px;padding:7px;animation:.16s ease-out headerDropdownIn;position:absolute;inset-inline-start:0;box-shadow:0 16px 40px #1723341a,0 3px 10px #1723340a}@keyframes headerDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.accountDropdown{width:220px}.headerDropdownItem{color:#273142;width:100%;min-height:45px;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.headerDropdownItem:hover{background:#f5f9fc}.headerDropdownItemIcon{color:#6e7d91;background:#f6f9fc;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.headerDropdownItem:hover .headerDropdownItemIcon{color:#1babe3;background:#edf8fd}.headerDropdownEndIcon{color:#a5afbc;margin-inline-start:auto}.headerDropdownDivider{background:#eef1f4;height:1px;margin:5px 7px}.headerDropdownItem.danger{color:#e65353}.headerDropdownItem.danger .headerDropdownItemIcon{color:#e65353;background:#fff5f5}.headerDropdownItem.danger:hover{background:#fff6f6}.languageDropdown{width:175px}.languageDropdownItem{justify-content:flex-start}.languageDropdownItem.active{color:#159bd6;background:#f1f9fd}.languageDropdownItem.active:hover{background:#eaf7fd}.languageName{text-align:start;flex:1}.languageCheck{color:#1babe3;flex-shrink:0}@media (width<=768px){.accountDropdown{width:205px}.languageDropdown{width:165px}.headerDropdown{top:calc(100% + 8px)}}.logoutModalOverlay{z-index:99999;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);background:#19233061;place-items:center;padding:24px;animation:.2s logoutOverlayFade;display:grid;position:fixed;inset:0}.logoutModalBox{box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(590px,100%);min-height:290px;padding:38px 46px 32px;animation:.25s logoutModalAppear;display:flex;box-shadow:0 30px 80px #18223033}.logoutModalIcon{color:#fff;background:#e9212b;border:8px solid #ffe6e6;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;display:flex}.logoutModalContent{text-align:center}.logoutModalContent h2{color:#171923;justify-content:center;align-items:center;gap:6px;margin:0;font-size:24px;font-weight:800;display:flex}.logoutModalContent h2 svg{color:#e9212b}.logoutModalContent p{color:#91a2bd;margin:9px 0 0;font-size:14px;font-weight:500}.logoutModalActions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:28px;display:flex}.logoutModalConfirm,.logoutModalCancel{cursor:pointer;border:0;border-radius:999px;min-width:160px;height:48px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,background-color .2s,box-shadow .2s}.logoutModalConfirm{color:#fff;background:#e9212b;box-shadow:0 9px 20px #e9212b33}.logoutModalConfirm:hover{background:#d71922;transform:translateY(-1px);box-shadow:0 12px 24px #e9212b42}.logoutModalCancel{color:#e9212b;background:#fff0f1}.logoutModalCancel:hover{background:#ffe5e7}@keyframes logoutOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes logoutModalAppear{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.logoutModalOverlay{padding:16px}.logoutModalBox{border-radius:23px;min-height:270px;padding:32px 20px 25px}.logoutModalContent h2{font-size:21px}.logoutModalActions{flex-direction:column}.logoutModalConfirm,.logoutModalCancel{width:100%}}