@import url("https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;--ink:#151b29;--muted:#667085;--line:#d7dde8;--surface:#ffffff;--canvas:#f5f8fb;--blue:#287bc3;--blue-soft:#e8f3ff;--green:#23b26d;--red:#bb313d;--amber:#b87517;--shadow:0 16px 38px rgba(27,39,64,0.12)}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;min-width:320px;color:var(--ink);font-family:Changa,Tahoma,Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.authLoading,.loginPage{display:grid;min-height:100vh;place-items:center;direction:rtl;background:linear-gradient(135deg,rgba(35,178,109,.12),transparent 34%),linear-gradient(225deg,rgba(40,123,195,.14),transparent 38%),#f5f8fb;padding:24px}.authLoading{align-content:center;gap:16px;color:#334155;font-size:18px;font-weight:800}.loginShell{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1fr);width:min(980px,100%);min-height:580px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(27,39,64,.18);overflow:hidden}.loginBrandPanel{display:grid;align-content:center;grid-gap:18px;gap:18px;background:#0f513f;color:#fff;padding:clamp(28px,5vw,54px)}.loginMark{display:grid;width:68px;height:68px;place-items:center;border-radius:16px;background:linear-gradient(135deg,#4fd178,#2a80c9);color:#fff;font-size:24px;font-weight:800}.loginBrandPanel h1,.loginHeader h2{margin:0;font-size:24px}.loginBrandPanel p,.loginHeader p{margin:0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}.loginTrustList{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.loginTrustList span{display:inline-flex;align-items:center;gap:10px;color:#e7fff3;font-size:16px;font-weight:700}.loginForm{display:grid;align-content:center;grid-gap:18px;gap:18px;padding:clamp(28px,5vw,58px)}.loginHeader{display:grid;grid-gap:8px;gap:8px;margin-bottom:8px}.loginHeader span{color:var(--blue);font-size:15px;font-weight:800}.loginHeader p{color:var(--muted)}.loginField{display:grid;grid-gap:8px;gap:8px;color:#263244;font-size:16px;font-weight:800}.loginField div{display:grid;grid-template-columns:22px 1fr 36px;align-items:center;grid-gap:10px;gap:10px;min-height:54px;border:1px solid #cbd5e1;border-radius:12px;background:#fbfcff;padding:0 14px;color:#64748b}.loginField input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;text-align:right}.loginField button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;background:transparent;color:#64748b;cursor:pointer}.loginError{margin:0;border:1px solid #fecdd3;border-radius:10px;background:#fff1f2;color:#be123c;padding:10px 12px;font-size:15px;font-weight:800}.loginSubmit{min-height:54px;border:0;border-radius:12px;background:#176ca9;color:#fff;font-size:18px;font-weight:800;cursor:pointer}.loginSubmit:disabled{cursor:wait;opacity:.7}.dashboardRoot{display:flex;flex-direction:row;min-height:100vh;direction:rtl}.sidebar{flex:0 0 292px;border-right:1px solid var(--line);background:#fff;box-shadow:-8px 0 22px rgba(22,31,51,.04);z-index:3}.logoBlock{display:flex;align-items:center;justify-content:center;gap:12px;height:96px;border-bottom:1px solid var(--line);color:#1d2737}.logoBlock,.logoMark{font-size:24px;font-weight:900}.logoMark{display:grid;width:58px;height:58px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4fd178,#2a80c9);color:#fff}.sideNav{display:grid;grid-gap:6px;gap:6px;padding:24px 18px}.sideNav a{display:grid;grid-template-columns:28px 1fr;align-items:center;grid-gap:14px;gap:14px;min-height:56px;border-radius:14px;padding:0 18px;color:#202938;font-size:20px;font-weight:800}.sideNav a svg{color:#536070}.sideNav a.active{position:relative;background:linear-gradient(90deg,#eef6ff,#f6fbff);color:var(--blue)}.sideNav a.active:before{content:"";position:absolute;inset-block:0;right:0;width:5px;border-radius:8px 0 0 8px;background:var(--blue)}.sideNav a.active svg{color:var(--blue)}.dashboardMain{flex:1 1 auto;min-width:0}.dashboardTopbar{display:grid;grid-template-columns:auto minmax(280px,460px) 1fr;align-items:center;grid-gap:28px;gap:28px;height:96px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);padding:0 clamp(22px,3vw,42px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbarActions{display:flex;align-items:center;gap:18px}.roundButton{position:relative;display:grid;width:58px;height:58px;place-items:center;border:0;border-radius:50%;background:#eef1f7;color:#303848;cursor:pointer}.alertButton:after{content:"";position:absolute;top:8px;left:12px;width:11px;height:11px;border:2px solid #eef1f7;border-radius:50%;background:#df3545}.profileButton{display:grid;grid-template-columns:56px auto 18px;align-items:center;grid-gap:12px;gap:12px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:right}.profileButton small,.profileButton strong{display:block}.profileButton strong{font-size:20px}.profileButton small{margin-top:4px;color:var(--muted);font-size:15px}.avatar{display:grid;width:56px;height:56px;place-items:center;border:4px solid #eef1f7;border-radius:50%;background:linear-gradient(135deg,#d6ecff,#d9f8e7);color:#1d5f85;font-weight:900}.searchBox{display:grid;grid-template-columns:32px 1fr;align-items:center;grid-gap:12px;gap:12px;height:62px;border:1px solid #cfd6e3;border-radius:12px;background:#fbfcff;padding:0 18px;color:#657083}.searchBox input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:20px;text-align:right}.searchBox input::placeholder{color:#8a93a3}.dashboardTopbar h1{margin:0;justify-self:end;font-size:24px}.dashboardCanvas{min-height:calc(100vh - 96px);padding:24px clamp(22px,3vw,44px) 40px;background:radial-gradient(circle at 96% 8%,rgba(48,192,134,.18),transparent 18%),radial-gradient(circle at 16% 18%,rgba(40,123,195,.13),transparent 22%),linear-gradient(135deg,#eef8f4,#f7f8fb 36%,#f5f7fb)}.pageTitle{margin:0 0 24px}.pageTitle h2{margin:0 0 12px;font-size:24px}.pageTitle p{margin:0;font-size:23px;font-weight:800}.statsGrid{display:grid;grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(210px,1fr));grid-gap:24px;gap:24px;align-items:stretch}.panel,.summaryCard{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.summaryCard{position:relative;display:grid;align-content:start;min-height:210px;padding:24px;overflow:hidden}.summaryCard p,.summaryCard small{margin:0;color:#4d586b;font-weight:800}.summaryCard p{max-width:calc(100% - 72px);font-size:20px;line-height:1.45}.summaryCard strong{display:block;margin-top:14px;font-size:24px;line-height:1}.summaryCard.large{grid-template-columns:minmax(0,1fr) auto;column-gap:18px}.summaryCard.large footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:#596577;font-size:18px;font-weight:800}.growth,.summaryCard.large footer b{color:#209b61}.growth{position:absolute;top:24px;right:28px;border-radius:14px;background:#cdf4dd;padding:7px 14px;font-size:22px;font-weight:800}.summaryIcon{display:grid;width:clamp(48px,4vw,60px);height:clamp(48px,4vw,60px);place-items:center;border-radius:16px;font-size:24px;font-weight:900}.summaryIcon svg{width:clamp(22px,2vw,30px);height:clamp(22px,2vw,30px)}.summaryIcon.blue{align-self:center;background:var(--blue-soft);color:var(--blue)}.summaryIcon.amber,.summaryIcon.green,.summaryIcon.red{position:absolute;top:22px;left:22px}.summaryIcon.green{background:rgba(35,178,109,.2);color:#128052}.summaryIcon.red{background:#ffe1e4;color:var(--red)}.summaryIcon.amber{background:#fff0d7;color:var(--amber)}.summaryCard.success{border-color:#29a768;background:linear-gradient(135deg,#d7f9e5,#b7eccb)}.outlineButton{align-self:end;width:100%;border-radius:12px;padding:12px 16px;background:#fff;font-size:20px;font-weight:900;cursor:pointer}.outlineButton.danger{border:1px solid var(--red);background:#fff0f2;color:var(--red)}.outlineButton.warning{border:1px solid var(--amber);background:#fff7ea;color:var(--amber)}.contentGrid{display:grid;grid-template-columns:minmax(420px,1.5fr) minmax(360px,1.25fr) minmax(320px,1fr);grid-gap:24px;gap:24px;margin-top:24px}.panel{min-height:360px;padding:24px;overflow:hidden}.operationsPanel{overflow-x:auto}.operationsPanel table{min-width:760px}.panelTitle{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.panelTitle h3{margin:0;font-size:23px}.panelTitle span{color:var(--muted);font-weight:800}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:15px 10px;text-align:right;white-space:nowrap}th{color:#535e71;font-weight:800}td,th{font-size:17px}.statusPill{display:inline-flex;min-width:88px;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:900}.statusPill.paid{background:#c9f5dd;color:#10784c}.statusPill.pending{background:#d8ebff;color:#226ba9}.statusPill.failed{background:#ffd6dc;color:#b42331}.statusPill.review{background:#fff0d7;color:#9b6114}.lineChart{height:286px}.lineChart svg{width:100%;height:234px}.lineChart line{stroke:#dce3ec;stroke-width:1}.lineChart polyline{fill:none;stroke:var(--blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.lineChart .area{fill:url(#lineFill)}.axisLabels{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;color:#697386;font-size:14px;text-align:center}.donutWrap{display:grid;min-height:220px;place-items:center}.donutChart{display:grid;width:218px;height:218px;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 0 42%,transparent 43%),conic-gradient(#287bc3 0 36%,#47dc9b 36% 64%,#8b95a5 64% 82%,#f3b75d 82% 92%,#8b5cf6 92% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.donutChart span{color:#233044;font-size:24px;font-weight:900}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:4px}.legend span{display:flex;align-items:center;gap:8px;color:#384456;font-weight:800}.legend i{width:15px;height:15px;border-radius:50%}.legend b{margin-right:auto}.usersCanvas{position:relative;padding-top:24px}.hasUserDrawer .dashboardMain{filter:brightness(.72)}.usersStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));grid-gap:24px;gap:24px;margin-bottom:28px}.usersStatCard{display:flex;align-items:center;justify-content:space-between;min-height:128px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);padding:24px 28px;box-shadow:var(--shadow)}.usersStatCard p{margin:0 0 12px;color:#1f2937;font-size:21px;font-weight:900}.usersStatCard strong{display:block;font-size:24px;line-height:1}.usersStatIcon{display:grid;width:74px;height:74px;place-items:center;border-radius:16px}.usersStatIcon.blue{background:#e8f3ff;color:var(--blue)}.usersStatIcon.green{background:#bdeece;color:#147949}.usersStatIcon.red{background:#ffd6d9;color:var(--red)}.usersTablePanel{position:relative;display:flex;flex-direction:column;min-height:660px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);overflow:hidden}.usersTable{flex:0 0 auto}.usersPanelHeader{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 28px;border-bottom:1px solid var(--line)}.usersPanelHeader h2{margin:0;font-size:24px}.usersPanelHeader button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer}.usersTable td,.usersTable th{padding:18px 20px;font-size:19px}.usersTable tbody tr{cursor:pointer}.usersTable tbody tr.selectedRow,.usersTable tbody tr:hover{background:#d8e8f7}.userStatus{display:inline-flex;min-width:96px;justify-content:center;border-radius:999px;padding:8px 13px;font-weight:900}.userStatus.active{background:#bde9ce;color:#116d44}.userStatus.banned{background:#e7b5b8;color:#8f1f28}.userStatus.pending{background:#efd19a;color:#8b5b13}.userStatus.frozen{background:#d8ebff;color:#226ba9}.tablePager{display:flex;align-items:center;justify-content:flex-start;gap:12px;border-top:1px solid var(--line);margin-top:auto;padding:18px 28px;color:#425066;font-weight:800}.tablePager button,.tablePager strong{display:grid;width:42px;height:42px;place-items:center;border:1px solid #b8c5d8;border-radius:8px;background:#fff;color:var(--blue)}.floatingActions{position:absolute;left:24px;bottom:70px;display:grid;width:300px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(27,39,64,.22);overflow:hidden;z-index:4}.floatingActions button{display:flex;align-items:center;justify-content:flex-start;gap:14px;border:0;border-bottom:1px solid var(--line);background:#fff;color:#151b29;padding:15px 22px;font-size:24px;font-weight:800;cursor:pointer}.floatingActions button:nth-child(2){background:#e9f5ff;color:var(--blue)}.floatingActions button:nth-child(3){color:var(--red)}.floatingActions button:last-child{border-bottom:0;color:#0c5f9f}.userDetailsDrawer{position:fixed;top:50%;left:50%;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(27,39,64,.3);transform:translate(-50%,-50%);z-index:10;overflow:auto}.drawerHeader{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:10px;gap:10px;min-height:70px;border-bottom:1px solid var(--line);padding:0 24px}.drawerHeader button{display:grid;width:38px;height:38px;place-items:center;border:0;background:transparent;color:#475467;cursor:pointer}.drawerHeader h2{margin:0;text-align:center;font-size:24px}.drawerBody{padding:18px 30px 28px;text-align:center}.drawerAvatar{display:grid;width:76px;height:76px;place-items:center;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#dcfce7);color:#155e75;font-size:24px;font-weight:900}.drawerBody h3{margin:0 0 14px;font-size:24px}.toggleLine{display:inline-grid;grid-template-columns:58px auto;align-items:center;gap:14px;margin-bottom:12px;color:#16804f;font-size:20px;font-weight:900}.toggleLine input{display:none}.toggleLine span{position:relative;display:block;width:58px;height:30px;border-radius:999px;background:#cad1db}.toggleLine span:after{content:"";position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .16s ease}.toggleLine input:checked+span{background:#17a05d}.toggleLine input:checked+span:after{transform:translateX(-28px)}.drawerButtons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.drawerButtons button,.drawerFooterActions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 12px;font-size:18px;font-weight:900;cursor:pointer}.softDanger{border:1px solid #c7444d;background:#ffe4e7;color:#a3202b}.softSuccess{border:1px solid #1f9c60;background:#d8f7e4;color:#137347}.drawerSection{margin:0 0 22px;text-align:right}.drawerSection h4{margin:0 0 10px;text-align:center;font-size:23px}.drawerSection p{margin:6px 0;font-size:18px;line-height:1.45}.miniTable{border:1px solid var(--line);border-radius:8px;overflow:hidden}.miniTable td,.miniTable th{padding:9px 8px;font-size:16px;text-align:center}.billBadge{display:inline-block;border-radius:999px;padding:5px 9px;font-weight:900}.billBadge.paid{background:#c9f5dd;color:#10784c}.billBadge.failed{background:#ffd6dc;color:#a3202b}.billBadge.processing{background:#d8ebff;color:#226ba9}.activityList{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0 24px 0 0;font-size:18px}.activityList li::marker{color:#77a8d5}.drawerFooterActions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.drawerFooterActions button{border:1px solid #c9d3e2;background:#f8fbff;color:#185b95;font-size:15px}.drawerFooterActions button:first-child{border-color:#dfa94d;background:#fff4df;color:#955e10}.drawerFooterActions button:last-child{border-color:#c7444d;background:#ffe4e7;color:#a3202b}.employeesHeaderActions{display:flex;align-items:center;gap:12px}.employeesHeaderActions .addEmployeeButton{display:inline-flex;align-items:center;gap:8px;background:#176ca9;font-size:22px}.employeesTable td,.employeesTable th{padding-block:15px}.employeePhoto{display:grid;width:48px;height:48px;place-items:center;border:3px solid #d9e2ee;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#155e75;font-weight:900}.userStatus.stopped{background:#e7b5b8;color:#8f1f28}.drawerSelectLabel{display:grid;grid-gap:8px;gap:8px;color:#202938;font-size:18px;font-weight:900}.drawerSelectLabel select{font-size:20px}.drawerSelectLabel input,.drawerSelectLabel select{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:12px;color:#151b29}.drawerSelectLabel input{font-size:18px}.fullWidthAction{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:12px 16px;margin-top:12px;font-weight:900;cursor:pointer}.roleOptions{display:grid;border:1px solid #d7dde8;border-radius:8px;margin-top:10px;overflow:hidden}.roleOptions button{border:0;border-bottom:1px solid #edf1f6;background:#fff;padding:11px 14px;color:#151b29;text-align:right;font-size:19px;font-weight:800;cursor:pointer}.roleOptions button:last-child{border-bottom:0}.roleOptions button.selected{background:#e8f3ff}.auditSection strong{display:block;margin-bottom:8px;color:#16804f;font-size:22px}.rolesTablePanel{min-height:670px}.usersPanelHeader>.addEmployeeButton{display:inline-flex;align-items:center;gap:8px;background:#176ca9;font-size:22px}.rolesTable td,.rolesTable th{padding-block:18px}.riskPill{display:inline-flex;min-width:96px;justify-content:center;border-radius:999px;padding:8px 13px;font-weight:900}.riskPill.low{background:#d8ebff;color:#226ba9}.riskPill.medium{background:#efd19a;color:#8b5b13}.riskPill.high{background:#e7b5b8;color:#8f1f28}.userStatus.review{background:#efd19a;color:#8b5b13}.userStatus.disabled{background:#e7b5b8;color:#8f1f28}.tableActionLink{border:0;background:transparent;color:#176ca9;font-weight:900;cursor:pointer}.rolesAuditLog{display:grid;grid-gap:0;gap:0;margin-top:18px;border-top:1px solid var(--line)}.rolesAuditLog h3{margin:22px 28px 10px;font-size:24px}.rolesAuditLog div{display:grid;grid-template-columns:18px 1fr 1fr 170px;align-items:center;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:16px 28px;font-size:20px}.rolesAuditLog div span{width:12px;height:12px;border-radius:50%;background:var(--blue)}.rolesAuditLog div:nth-of-type(2) span{background:#c6ccd6}.rolesAuditLog b,.rolesAuditLog time{color:#1f2937}.roleDrawer .drawerBody{text-align:right}.permissionsTree{display:grid;grid-gap:12px;gap:12px}.permissionGroup{display:grid;grid-gap:9px;gap:9px;border-bottom:1px solid #edf1f6;padding-bottom:12px}.permissionGroupTitle{display:flex;align-items:center;gap:8px;color:#1f2937;font-size:19px}.permissionGroupTitle svg{color:#176ca9}.checkLine,.radioLine{display:grid;grid-template-columns:26px 1fr;align-items:center;grid-gap:10px;gap:10px;color:#1f2937;font-size:18px;font-weight:800}.checkLine input,.radioLine input{display:none}.checkLine span,.radioLine span{display:grid;width:24px;height:24px;place-items:center;border:1px solid #94a3b8;background:#fff}.checkLine span{border-radius:6px}.radioLine span{border-radius:50%}.checkLine input:checked+span,.radioLine input:checked+span{border-color:#176ca9;background:#2d7da8}.checkLine input:checked+span:after{content:"✓";color:#fff;font-size:16px;font-weight:900}.radioLine input:checked+span:after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}.roleDrawerActions{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:12px;gap:12px;position:-webkit-sticky;position:sticky;bottom:0;background:rgba(255,255,255,.96);padding-top:12px}@media (max-width:1280px){.dashboardRoot{flex-direction:column}.sidebar{flex:0 0 auto}.logoBlock{height:auto;padding:20px}.sideNav{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardMain{flex:1 1 auto}.contentGrid,.statsGrid,.usersStatsGrid{grid-template-columns:1fr 1fr}.summaryCard{min-height:184px}.summaryCard.large{grid-column:1/-1}.summaryCard.large footer{margin-top:20px}.usersTable td,.usersTable th,td,th{padding:12px 10px;font-size:15px}.operationsPanel{grid-column:1/-1}}@media (max-width:820px){.loginShell{grid-template-columns:1fr}.loginBrandPanel{min-height:260px}.dashboardTopbar{grid-template-columns:1fr;height:auto;padding-block:18px}.dashboardTopbar h1{justify-self:start}.topbarActions{justify-content:space-between}.contentGrid,.sideNav,.statsGrid,.summaryCard.large,.usersStatsGrid{grid-template-columns:1fr}.summaryCard p{max-width:100%}.summaryIcon.amber,.summaryIcon.blue,.summaryIcon.green,.summaryIcon.red{position:static;margin-top:14px}.operationsPanel,.usersTablePanel{overflow-x:auto}.userDetailsDrawer{inset:16px;width:auto;max-height:none;transform:none}.drawerButtons,.drawerFooterActions{grid-template-columns:1fr}}