@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}.dashboardHomeHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:end;grid-gap:16px;gap:16px}.dashboardPeriodFilter{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.dashboardPeriodFilter select{min-height:44px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;font-weight:800}.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:not(.large){grid-template-rows:auto auto 1fr auto}.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}.summaryCard.large footer b{color:#209b61}.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:flex-end;margin-top:22px;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}.ordersCanvas{display:grid;grid-gap:24px;gap:24px}.ordersSummaryGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.ordersFilterPanel{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(210px,.35fr);align-items:end;grid-gap:16px;gap:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.ordersFilterPanel>div:first-child{display:flex;align-items:center;gap:9px;color:#182230;font-weight:900}.ordersFilterPanel>div:first-child svg{color:var(--blue)}.ordersTimeFilters{display:flex;flex-wrap:wrap;gap:8px}.ordersFilterPanel select,.ordersTimeFilters button{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#182230;font:inherit;font-weight:800}.ordersTimeFilters button{padding:0 14px;cursor:pointer}.ordersTimeFilters button.active{border-color:#176ca9;background:#e8f3ff;color:#145f93}.ordersFilterPanel label{display:grid;grid-gap:7px;gap:7px;color:#536070;font-size:13px;font-weight:900}.ordersFilterPanel select{width:100%;padding:0 12px}.ordersSummaryCard{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:12px;gap:12px;min-height:92px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.ordersSummaryCard svg{display:grid;width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:var(--blue);padding:9px}.ordersSummaryCard span{color:#344054;font-size:17px;font-weight:800}.ordersSummaryCard strong{color:#111827;font-size:24px}.ordersQueueGrid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-gap:18px;gap:18px}.ordersQueueGrid button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:132px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;color:#182230;text-align:right;box-shadow:var(--shadow);cursor:pointer}.ordersQueueGrid button.active{border-color:#176ca9;background:#eef7ff}.ordersQueueGrid svg{width:42px;height:42px;border-radius:12px;background:#edf7ff;color:#176ca9;padding:10px}.ordersQueueGrid span{font-size:18px;font-weight:900}.ordersQueueGrid strong{color:var(--blue);font-size:24px}.ordersQueueGrid small{grid-column:2/-1;color:var(--muted);font-size:14px;line-height:1.6}.ordersTablePanel{min-height:0;overflow-x:auto}.ordersTable{min-width:980px}.ordersTable tbody tr{cursor:pointer}.ordersTable td small,.ordersTable td strong{display:block}.ordersTable td small{margin-top:3px;color:var(--muted);font-size:12px;font-weight:800}.providerPill{display:inline-flex;align-items:center;justify-content:center;min-width:78px;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:900}.providerPill.tabby{background:#d9fbe8;color:#087443}.providerPill.tamara{background:#fff0cf;color:#8a4f0e}.orderStatus{display:inline-flex;min-width:132px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.orderStatus.new{background:#e8f3ff;color:#176ca9}.orderStatus.awaiting_payment{background:#fff4df;color:#955e10}.orderStatus.bnpl_approved,.orderStatus.closed,.orderStatus.ready_for_bill_payment{background:#d8f7e4;color:#137347}.orderStatus.failed{background:#ffe4e7;color:#a3202b}.orderStatus.manual_review{background:#f1e7ff;color:#6941c6}.closeChecklistPanel{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.closeChecklistPanel>div{display:flex;align-items:center;gap:10px}.closeChecklistPanel h3{margin:0;font-size:22px}.closeChecklistPanel svg{color:#137347}.closeChecklistPanel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 22px;gap:10px 22px;margin:0;padding:0 22px 0 0;color:#344054;font-size:16px;font-weight:700}.hasOrderModal .dashboardMain{filter:brightness(.72)}.orderModalOverlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(15,23,42,.26)}.orderModal{display:grid;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #d8e0ea;border-radius:18px;background:#f8fafc;box-shadow:0 28px 80px rgba(15,23,42,.28)}.orderModal header{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid #dce4ee;background:rgba(255,255,255,.96);padding:16px 18px}.orderModal header>button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d1d9e4;border-radius:10px;background:#fff;color:#172033;cursor:pointer}.orderModal h2,.orderModal h3,.orderModal p{margin:0}.orderModal h2{font-size:23px}.orderModal header p{margin-top:4px;color:var(--muted);font-size:14px;font-weight:800}.orderModalBody{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:18px}.orderModalCard{display:grid;grid-gap:14px;gap:14px;border:1px solid #e1e8f0;border-radius:14px;background:#fff;padding:16px}.orderPrimaryInfo,.orderTimelineCard{grid-column:1/-1}.orderModalCard h3{color:#111827;font-size:18px}.orderModalCard dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.orderModalCard dl div{display:grid;grid-gap:4px;gap:4px;border:1px solid #edf1f6;border-radius:12px;background:#fbfdff;padding:10px}.orderModalCard dt{color:#667085;font-size:13px;font-weight:900}.orderModalCard dd{margin:0;color:#111827;font-size:15px;font-weight:900}.orderActionGrid,.providerResponseCard>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.providerResponseCard>div{grid-template-columns:1fr 1fr}.orderActionGrid button,.providerResponseCard button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.orderActionGrid button:disabled,.providerResponseCard button:disabled{cursor:progress;opacity:.68}.tabbyAction{background:#d9fbe8;color:#087443}.tamaraAction{background:#fff0cf;color:#8a4f0e}.whatsappAction{background:#e8f3ff;color:#176ca9}.orderStatusEditor label{display:grid;grid-gap:8px;gap:8px;color:#536070;font-size:13px;font-weight:900}.orderStatusEditor select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:800}.providerResponseCard p{color:#536070;font-size:14px;font-weight:800;line-height:1.7}.orderTimeline{display:grid;grid-gap:0;gap:0;margin:0;padding:0;list-style:none}.orderTimeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);grid-gap:10px;gap:10px;padding:0 0 16px}.orderTimeline li:not(:last-child):before{content:"";position:absolute;top:18px;right:8px;width:2px;height:calc(100% - 18px);background:#dbe4ef}.orderTimeline li>span{z-index:1;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#176ca9;box-shadow:0 0 0 1px #b9d8ef}.orderTimeline li.green>span{background:#137347;box-shadow:0 0 0 1px #a7e6bf}.orderTimeline li.red>span{background:#a3202b;box-shadow:0 0 0 1px #f6bdc5}.orderTimeline li.amber>span{background:#b26a13;box-shadow:0 0 0 1px #f5d39d}.orderTimeline strong{display:block;color:#111827;font-size:15px}.orderTimeline p{margin-top:4px;color:#475467;font-size:14px;font-weight:700;line-height:1.6}.orderTimeline em,.orderTimeline time{display:inline-flex;margin-top:6px;-webkit-margin-end:8px;margin-inline-end:8px;color:#667085;font-size:12px;font-style:normal;font-weight:900}.customerPortal,.servicesAdminCanvas{--portal-green:#16815f;--portal-green-dark:#0e6f52}.serviceAdminHero,.serviceAdminPanel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.serviceAdminHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.serviceAdminHero h2,.serviceAdminHero p,.serviceAdminPanel h3{margin:0}.serviceAdminHero h2{font-size:24px}.serviceAdminHero p{margin-top:6px;color:var(--muted);font-weight:800}.serviceAdminHero strong{border-radius:999px;background:#d8f7e4;color:#137347;padding:10px 14px;white-space:nowrap}.serviceAdminGrid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);grid-gap:18px;gap:18px}.singleServiceGrid{grid-template-columns:minmax(0,1fr)}.serviceAdminPanel{display:grid;align-content:start;grid-gap:16px;gap:16px;padding:18px}.serviceAdminPanel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.serviceAdminPanel header button,.serviceDraftForm button,.serviceUploadButton{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:9px 13px;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.serviceDraftForm{display:grid;grid-template-columns:1fr .8fr 90px auto;grid-gap:10px;gap:10px}.serviceDraftFormWide{grid-template-columns:1fr 1.2fr 130px 130px auto auto}.serviceDraftForm input{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:800}.serviceUploadButton{position:relative;background:#eef7ff;color:#176ca9}.serviceUploadButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.categoryCardsAdmin,.serviceCardsAdmin,.serviceRows{display:grid;grid-gap:10px;gap:10px}.categoryCardsAdmin article,.serviceCardsAdmin article,.serviceRows article{display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;align-items:center;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff;padding:12px}.categoryCardsAdmin article>span,.serviceLogoPreview,.serviceRows article>span{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#e8f3ff;color:#176ca9;font-weight:900}.serviceLogoPreview img{width:100%;height:100%;border-radius:12px;object-fit:cover}.categoryCardsAdmin strong,.serviceCardsAdmin strong,.serviceRows strong{display:block;color:#111827}.categoryCardsAdmin small,.serviceCardsAdmin p,.serviceCardsAdmin small,.serviceRows small{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:800}.categoryCardsAdmin b,.serviceCardsAdmin b,.serviceRows b{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:6px 10px;font-size:13px}.categoryCardsAdmin b.active,.serviceCardsAdmin b.active,.serviceRows b.active{background:#d8f7e4;color:#137347}.categoryCardsAdmin b.paused,.serviceCardsAdmin b.paused,.serviceRows b.paused{background:#ffe4e7;color:#a3202b}.categoryCardsAdmin article>button,.serviceCardsAdmin article>button,.serviceRows article>button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#176ca9;cursor:pointer}.customerPortal{min-height:100vh;background:#f7faf9;color:#121826}.portalHeader{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:28px;gap:28px;min-height:78px;border-bottom:1px solid #e6ecef;background:rgba(255,255,255,.96);padding:0 clamp(20px,6vw,120px);box-shadow:0 8px 24px rgba(15,23,42,.06)}.portalLogo{display:inline-flex;align-items:center;gap:10px;color:#111827;text-decoration:none}.portalLogo span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0f8f62,#58c7a3);color:#fff;font-size:25px;font-weight:900}.portalLogo strong{font-size:27px}.portalFooter nav,.portalFooter>div,.portalHeader nav,.portalHeader>div{display:flex;align-items:center;gap:16px}.portalHeader nav{justify-content:flex-end}.portalFooter a,.portalHeader a{color:#1f2937;text-decoration:none;font-weight:900}.outlinePortalButton,.portalPrimaryAction,.solidPortalButton{border-radius:10px;padding:10px 18px;font:inherit;font-size:15px;font-weight:900;cursor:pointer}.outlinePortalButton{border:1px solid #0f7f5d;background:#fff;color:#0f7f5d}.portalPrimaryAction,.solidPortalButton{border:1px solid var(--portal-green);background:var(--portal-green);color:#fff}.portalUserBadge{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid #bee6d5;border-radius:12px;background:#ecfdf5;color:#08785e;font-weight:900}.portalHero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:center;grid-gap:50px;gap:50px;min-height:360px;margin:0 auto 26px;border-radius:0 0 34px 34px;background:linear-gradient(120deg,rgba(22,129,95,.14),rgba(183,235,217,.72)),radial-gradient(circle at 10% 15%,rgba(22,129,95,.22),transparent 28%);padding:46px clamp(24px,9vw,180px)}.portalHeroCopy h1{margin:0;color:#111827;font-size:clamp(28px,3vw,42px);line-height:1.35}.portalHeroCopy p{max-width:640px;margin:14px 0 18px;color:#1f2937;font-size:18px;font-weight:800;line-height:1.7}.portalSearchAction{display:grid;grid-gap:12px;gap:12px;width:min(620px,100%);border-radius:16px;background:#fff;padding:16px;box-shadow:0 18px 45px rgba(15,23,42,.16)}.portalSearchAction label{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px}.portalSearchAction input{width:100%;border:0;outline:0;font:inherit;font-size:18px;font-weight:800}.portalSearchAction button{min-height:54px;border:0;border-radius:12px;background:linear-gradient(135deg,#16815f,#0f8f62);color:#fff;font:inherit;font-size:20px;font-weight:900;cursor:pointer}.portalHeroArt{position:relative;min-height:270px}.phoneMock{position:absolute;left:42%;top:12px;display:grid;width:138px;height:226px;justify-items:center;grid-gap:12px;gap:12px;border:8px solid #334155;border-radius:24px;background:#fff;padding:32px 18px 18px;box-shadow:0 16px 35px rgba(15,23,42,.18)}.phoneMock span{color:#16815f;font-size:30px;font-weight:900}.phoneMock i{width:100%;height:18px;border:1px solid #94a3b8;border-radius:4px}.cardMock{position:absolute;left:17%;top:80px;display:grid;width:150px;height:95px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0f8f62,#36b389);color:#fff;font-size:34px;font-weight:900;box-shadow:0 12px 30px rgba(15,23,42,.16)}.coinStack{position:absolute;left:30%;bottom:32px;width:70px;height:66px;border-radius:16px;background:repeating-linear-gradient(0deg,#f2b64b 0 10px,#d99721 10px 13px)}.portalSection{width:min(1180px,calc(100% - 32px));margin:0 auto 28px}.portalSection h2{margin:0 0 18px;text-align:center;font-size:28px}.portalBillCategories{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));grid-gap:14px;gap:14px}.portalBillCategories article{display:grid;min-height:132px;place-items:center;grid-gap:6px;gap:6px;border:1px solid #d9e1ea;border-radius:14px;background:#fff;padding:16px;box-shadow:0 12px 26px rgba(15,23,42,.08)}.portalBillCategories svg{color:var(--portal-green)}.portalBillCategories strong{font-size:18px}.portalBillCategories small{color:#667085;font-weight:800}.portalServiceCards{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));grid-gap:18px;gap:18px}.portalServiceCards article{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);grid-gap:14px;gap:14px;border:1px solid #d9e1ea;border-radius:16px;background:#fff;padding:18px;box-shadow:0 12px 26px rgba(15,23,42,.08)}.portalProviders{position:absolute;top:14px;left:14px;display:flex;gap:7px}.tabby,.tamara{display:inline-flex;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:900}.tabby{background:#7bf2b5;color:#074d34}.tamara{background:linear-gradient(90deg,#f8dd93,#e6a3a9);color:#2b2b2b}.portalServiceLogo{display:grid;width:64px;height:64px;place-items:center;align-self:center;border-radius:16px;background:#e6f6ef;color:var(--portal-green);font-size:28px;font-weight:900}.portalServiceLogo img{width:100%;height:100%;border-radius:16px;object-fit:cover}.portalServiceCards h3,.portalServiceCards p{margin:0}.portalServiceCards h3{font-size:22px}.portalServiceCards p{margin-top:6px;color:#1f2937;font-weight:800;line-height:1.6}.portalServiceCards small{display:block;margin-top:7px;color:#667085;font-weight:800}.portalServiceCards button{grid-column:1/-1;min-height:44px;border:0;border-radius:10px;background:var(--portal-green);color:#fff;font:inherit;font-size:18px;font-weight:900;cursor:pointer}.portalFooter{display:grid;justify-items:center;grid-gap:14px;gap:14px;padding:28px 20px 34px;color:#475467}.portalModalOverlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(15,23,42,.34);padding:24px}.portalAuthModal,.portalRequestModal{width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #d8e0ea;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28)}.portalRequestModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid #edf1f6;padding:16px 18px}.portalAuthModal>button,.portalRequestModal header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #d1d9e4;border-radius:10px;background:#fff;cursor:pointer}.portalAuthModal h2,.portalAuthModal p,.portalRequestModal h2,.portalRequestModal h3,.portalRequestModal p{margin:0}.portalAuthModal p,.portalRequestModal header p{margin-top:5px;color:#667085;font-weight:800}.portalRequestTabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:16px 18px 0}.portalRequestTabs button{min-height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:inherit;font-weight:900;cursor:pointer}.portalRequestTabs button.active{border-color:var(--portal-green);background:#e6f6ef;color:var(--portal-green-dark)}.portalRequestForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:18px}.portalAuthModal label,.portalOtpStep,.portalRequestForm label,.portalSummaryStep,.portalThanksStep{display:grid;grid-gap:7px;gap:7px;color:#344054;font-size:14px;font-weight:900}.portalAuthModal input,.portalOtpStep input,.portalRequestForm input,.portalRequestForm select,.portalRequestForm textarea{width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:800}.portalRequestForm textarea{min-height:76px;padding-top:10px}.span2{grid-column:1/-1}.portalOtpStep,.portalSummaryStep,.portalThanksStep{padding:22px}.portalSummaryStep dl,.portalThanksStep dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0}.portalSummaryStep dl div,.portalThanksStep dl div{border:1px solid #edf1f6;border-radius:12px;background:#fbfdff;padding:12px}.portalSummaryStep dt,.portalThanksStep dt{color:#667085;font-size:13px}.portalSummaryStep dd,.portalThanksStep dd{margin:4px 0 0;color:#111827;font-size:18px}.portalSummaryStep footer{display:flex;justify-content:flex-end;gap:10px}.portalAuthModal,.portalOtpStep,.portalThanksStep{justify-items:center;text-align:center}.portalOtpStep strong{color:#0f7f5d;font-size:16px}.portalOtpStep input{max-width:240px;text-align:center}.portalAuthModal svg,.portalOtpStep svg,.portalThanksStep svg{color:var(--portal-green)}.portalAuthModal{width:min(430px,calc(100vw - 32px));padding:22px}.portalAuthForm,.portalAuthModal{display:grid;grid-gap:12px;gap:12px}.portalAuthForm{width:100%}.portalAuthMessage{color:#0f7f5d;font-size:14px}.portalAuthModal>button{justify-self:start}.portalAuthModal label{width:100%;grid-template-columns:22px 1fr;align-items:center;text-align:start}.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:center;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding:16px 28px 0;color:#425066;font-weight:800}.tablePager button,.tablePager strong{display:grid;width:40px;height:40px;place-items:center;border:1px solid #b8c5d8;border-radius:8px;background:#fff;color:var(--blue);font-size:19px;font-weight:900}.tablePager button{cursor:pointer}.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}.floatingActionsRow td{padding:0 14px 14px;background:#f5f9fd}.rowFloatingActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-items:center;border:1px solid #c8d7e7;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(27,39,64,.14);padding:10px}.addEmployeeButton,.headerLinkButton,.rowFloatingActions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid #c3d1e2;border-radius:10px;background:#f8fbff;color:#17466f;padding:8px 14px;font-size:15px;font-weight:900;text-decoration:none;cursor:pointer}.addEmployeeButton:hover,.headerLinkButton:hover,.rowFloatingActions button:hover{background:#e7f3ff;border-color:#8fbbe2}.addEmployeeButton,.primaryModalAction{border-color:#0f8f62;background:#0f8f62;color:#fff}.employeesHeaderActions{flex-wrap:wrap;gap:10px}.employeePhoto{display:inline-grid;width:38px;height:38px;background:linear-gradient(135deg,#e1f4ff,#dff8ea);font-size:14px}.hasEmployeeModal .dashboardMain{filter:blur(1px)}.employeeModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.34);z-index:30;padding:20px}.employeeModal{width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid #d7e2ee;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(27,39,64,.28)}.employeeModal>header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid var(--line);padding:14px 18px}.employeeModal>header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:10px;background:#f4f7fb;color:#334155;cursor:pointer}.employeeModal>header h2{grid-column:2;margin:0;text-align:center;font-size:22px}.employeeModalBody,.employeeModalForm{padding:20px}.employeeModalBody{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.employeeInfoBlock{border:1px solid #dbe5ef;border-radius:14px;background:#fbfdff;padding:18px}.employeeBigAvatar{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:22px;font-weight:900}.employeeInfoBlock h3{margin:0 0 10px;font-size:20px}.employeeInfoBlock p{margin:0 0 14px;color:#526174;font-size:15px}.employeeInfoBlock dl{display:grid;grid-gap:10px;gap:10px;margin:0}.employeeInfoBlock dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding-bottom:8px}.employeeInfoBlock dt{color:#64748b;font-weight:800}.employeeInfoBlock dd{margin:0;color:#101828;font-weight:900}.employeeModalForm{display:grid;grid-gap:14px;gap:14px}.employeeModalForm label{display:grid;grid-gap:7px;gap:7px;color:#26364d;font-size:15px;font-weight:900}.compactSelect,.employeeModalForm input,.employeeModalForm select{width:100%;min-height:44px;border:1px solid #c7d3e1;border-radius:10px;background:#fff;color:#101828;padding:8px 12px;font:inherit;font-size:15px}.rolePicker{display:grid;grid-gap:10px;gap:10px;border:1px solid #dbe5ef;border-radius:14px;background:#f8fbff;padding:14px}.rolePicker h3{margin:0;font-size:18px}.roleChoice{display:grid!important;grid-template-columns:22px 1fr;align-items:start;border:1px solid #d6e2ee;border-radius:12px;background:#fff;padding:12px;cursor:pointer}.roleChoice input{width:18px;min-height:18px;margin-top:4px}.roleChoice span{display:grid;grid-gap:3px;gap:3px}.roleChoice small{color:#667085;font-size:13px}.employeeModalForm footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:14px}.primaryModalAction,.softDanger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:900;cursor:pointer}.softDanger{border:1px solid #efb0b4;background:#fff5f5;color:#9f1f2a}.primaryModalAction:disabled{opacity:.7;cursor:progress}.employeeFormError{margin:0;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#9f1239;padding:10px 12px;font-size:14px;font-weight:800}.auditCanvas{gap:18px}.auditPanel{position:relative}.auditTable code{direction:ltr;display:inline-block;border-radius:8px;background:#f1f5f9;color:#334155;padding:3px 7px;font-size:13px}.auditActionBadge{display:inline-flex;border-radius:999px;background:#e7f3ff;color:#0f4f81;padding:6px 10px;font-size:14px;font-weight:900}@media (max-width:860px){.employeeModalBody,.rowFloatingActions{grid-template-columns:1fr}.rowFloatingActions{display:grid}.addEmployeeButton,.headerLinkButton,.rowFloatingActions button{width:100%}}.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}.billersCanvas{display:grid;grid-gap:24px;gap:24px}.billersStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.billersStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:102px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.billersStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.billersStatCard.success>span{background:#d8f7e4;color:#137347}.billersStatCard.danger>span{background:#ffe4e7;color:#a3202b}.billersStatCard.warning>span{background:#fff4df;color:#955e10}.billersStatCard p,.billersStatCard strong{margin:0}.billersStatCard p{color:#344054;font-size:17px;font-weight:900}.billersStatCard strong{color:#111827;font-size:24px}.billersWorkGrid{display:grid;grid-template-columns:minmax(620px,1.6fr) minmax(320px,.8fr);grid-gap:24px;gap:24px;align-items:start}.billersTablePanel{min-height:0;overflow-x:auto}.billersPanelHeader>div{display:flex;align-items:center;gap:10px}.billersPanelHeader button{display:inline-flex;align-items:center;gap:8px}.billersPanelHeader .ghostActionButton{border:1px solid #c9d3e2;background:#fff;color:#185b95}.billersFilterBar{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding:14px 24px}.billersFilterBar button{display:inline-flex;align-items:center;gap:8px;border:1px solid #cad5e5;border-radius:999px;background:#fff;color:#344054;padding:8px 13px;font-size:15px;font-weight:900;cursor:pointer}.billersFilterBar button.active{border-color:#176ca9;background:#e8f3ff;color:#176ca9}.billersFilterBar i,.billersLegend i{width:12px;height:12px;border-radius:50%}.billersTable{min-width:1040px}.billerLogoMark{display:inline-grid;min-width:70px;min-height:38px;place-items:center;border:1px solid #d7e2ee;border-radius:12px;background:#f8fbff;color:#174c76;padding:6px 10px;font-size:15px;font-weight:900}.billerLogoMark.electricity{color:#1d65a1}.billerLogoMark.water{color:#287bc3}.billerLogoMark.telecom{color:#5b2a7a}.billerLogoMark.government{color:#116d44}.billerLogoMark.gas{color:#b65f0c}.billerLogoMark.traffic{color:#6941c6}.billerName{display:block;margin-bottom:4px;font-size:17px}.billersTable small{display:block;color:var(--muted);font-size:13px;font-weight:800}.billerStatus{display:inline-flex;min-width:120px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.billerStatus.active{background:#c9f5dd;color:#10784c}.billerStatus.paused{background:#ffe4e7;color:#a3202b}.billerStatus.integrating{background:#fff4df;color:#955e10}.billerRowActions{display:inline-flex;gap:8px}.billerRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.billerRowActions button:last-child{color:#a3202b}.billersAuditPanel,.billersInsightPanel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.billersDonutWrap{display:grid;min-height:230px;place-items:center}.billersDonut{display:grid;width:min(230px,68vw);aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 0 43%,transparent 44%),conic-gradient(#287bc3 0 33%,#65a6dc 33% 55%,#d98e8b 55% 70%,#249d6b 70% 84%,#f3ad3f 84% 94%,#7c5cc4 94% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.billersDonut span{color:#233044;font-size:24px;font-weight:900}.billersLegend{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.billersLegend button{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#344054;padding:10px;text-align:right;font-size:14px;font-weight:800;cursor:pointer}.billersLegend b{color:#176ca9}.billersAuditPanel{display:grid;grid-gap:12px;gap:12px}.billersAuditPanel>div{display:flex;align-items:center;gap:10px}.billersAuditPanel h3{margin:0;font-size:22px}.billersAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.billersAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.billersAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.billersAuditPanel li.red span{background:#bb313d}.billersAuditPanel li.green span{background:#23b26d}.billersAuditPanel li.amber span{background:#b87517}.billersAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasBillerModal .dashboardMain{filter:brightness(.72)}.billerModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.billerModal{display:grid;width:min(760px,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);overflow:auto}.billerModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.billerModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.billerModal header>div{display:flex;align-items:center;gap:12px;justify-content:center}.billerModal h2{margin:0;font-size:24px}.billerModalBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:22px}.billerModalBody label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.billerModalBody input,.billerModalBody select{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;text-align:right}.billerSwitch{grid-column:1/-1;grid-template-columns:58px 1fr;align-items:center}.billerSwitch input{display:none}.billerSwitch span{position:relative;display:block;width:58px;height:30px;border-radius:999px;background:#cad1db}.billerSwitch span:after{content:"";position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .16s ease}.billerSwitch input:checked+span{background:#17a05d}.billerSwitch input:checked+span:after{transform:translateX(-28px)}.billerModalMeta{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;border-top:1px solid #edf1f6;padding:16px 22px}.billerModalMeta article{display:grid;grid-template-columns:26px minmax(0,1fr);grid-gap:6px 10px;gap:6px 10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fbff;padding:12px}.billerModalMeta svg{grid-row:1/3;color:var(--blue)}.billerModalMeta span{color:var(--muted);font-size:14px;font-weight:800}.billerModalMeta strong{font-size:17px}.billerModal footer{display:grid;grid-template-columns:auto auto 1fr;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.billerModal footer button{border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.softWarning{border:1px solid #dfa94d;background:#fff4df;color:#955e10}.primaryModalAction{border:0;background:#176ca9;color:#fff}.billsCanvas{display:grid;grid-gap:24px;gap:24px}.billsStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.billsStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:102px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.billsStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.billsStatCard.warning>span{background:#fff4df;color:#955e10}.billsStatCard.review>span{background:#f1e7ff;color:#6941c6}.billsStatCard.success>span{background:#d8f7e4;color:#137347}.billsStatCard p,.billsStatCard strong{margin:0}.billsStatCard p{color:#344054;font-size:17px;font-weight:900}.billsStatCard strong{color:#111827;font-size:24px}.billsFilterPanel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto auto;align-items:flex-end;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.billsFilterPanel label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.billsFilterPanel select{min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px}.billsFilterPanel button{min-height:46px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 18px;font-size:16px;font-weight:900;cursor:pointer}.billsFilterPanel strong{align-self:center;color:#137347;font-size:17px}.billsTablePanel{min-height:0;overflow-x:auto}.billsTable{min-width:1160px}.billLogoMark{display:inline-grid;min-width:66px;min-height:36px;place-items:center;border:1px solid #d7e2ee;border-radius:12px;background:#f8fbff;color:#174c76;padding:6px 10px;font-size:15px;font-weight:900}.billLogoMark.electricity{color:#1d65a1}.billLogoMark.water{color:#287bc3}.billLogoMark.telecom{color:#5b2a7a}.billLogoMark.government{color:#116d44}.billLogoMark.gas{color:#b65f0c}.billsTable small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.billStatus{display:inline-flex;min-width:132px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.billStatus.created{background:#e8f3ff;color:#176ca9}.billStatus.bnpl_pending,.billStatus.ready_for_bill_payment{background:#fff4df;color:#955e10}.billStatus.bill_paid{background:#d8f7e4;color:#137347}.billStatus.manual_review{background:#f1e7ff;color:#6941c6}.billStatus.failed{background:#ffe4e7;color:#a3202b}.billRowActions{display:inline-flex;gap:8px}.billRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.billRowActions button:last-child{color:#137347}.billsAuditPanel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.billsAuditPanel>div{display:flex;align-items:center;gap:10px}.billsAuditPanel h3{margin:0;font-size:22px}.billsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.billsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.billsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.billsAuditPanel li.green span{background:#23b26d}.billsAuditPanel li.red span{background:#bb313d}.billsAuditPanel li.amber span{background:#b87517}.billsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasBillModal .dashboardMain{filter:brightness(.72)}.billModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.billModal{display:grid;width:min(880px,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);overflow:auto}.billModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.billModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.billModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.billModal h2{margin:0;font-size:24px}.billModalBody{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:22px}.billActivityBlock,.billInfoBlock,.billStatusBlock{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.billActivityBlock h3,.billInfoBlock h3,.billStatusBlock h3{margin:0 0 14px;font-size:20px}.billInfoBlock dl{display:grid;grid-gap:10px;gap:10px;margin:0}.billInfoBlock dl div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.billInfoBlock dt{color:#526071;font-size:15px;font-weight:800}.billInfoBlock dd{margin:0;color:#111827;font-size:16px;font-weight:900}.billStatusBlock{display:grid;grid-gap:10px;gap:10px;grid-column:1/-1}.billStatusBlock>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.billStatusBlock p{margin:0;color:#475467;font-size:16px;font-weight:800;line-height:1.7}.billStatusBlock strong{color:#1f2937;font-size:16px}.billActivityBlock{grid-column:1/-1;overflow-x:auto}.billActivityBlock table{min-width:640px}.billActivityBlock td,.billActivityBlock th{padding:10px 8px;font-size:15px}.billModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.billModal footer button{border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.transactionsCanvas{display:grid;grid-gap:24px;gap:24px}.transactionsStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.transactionStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:112px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.transactionStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.transactionStatCard.success{border-color:#29a768;background:linear-gradient(135deg,#d7f9e5,#f8fffb)}.transactionStatCard.success>span{background:#bdeece;color:#147949}.transactionStatCard.danger{border-color:#e8a4aa;background:linear-gradient(135deg,#fff1f2,#fff)}.transactionStatCard.danger>span{background:#ffe4e7;color:#a3202b}.transactionStatCard p,.transactionStatCard strong{margin:0}.transactionStatCard p{color:#344054;font-size:17px;font-weight:900}.transactionStatCard strong{color:#111827;font-size:24px}.transactionStatCard.methods{grid-template-columns:48px 1fr}.transactionStatCard.methods div{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.transactionStatCard.methods b{border-radius:8px;background:#edf7ff;color:#185b95;padding:5px 9px;font-size:16px}.transactionsFilterPanel{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;align-items:flex-end;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.transactionsFilterPanel label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.transactionsFilterPanel input,.transactionsFilterPanel select{min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;text-align:right}.transactionsFilterPanel button{min-height:46px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 20px;font-size:16px;font-weight:900;cursor:pointer}.transactionsTablePanel{min-height:0;overflow-x:auto}.transactionsTable{min-width:1120px}.transactionsTable small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.paymentMethodBadge{display:inline-flex;min-width:84px;justify-content:center;border-radius:9px;padding:6px 10px;font-size:16px;font-weight:900}.paymentMethodBadge.tabby{background:#33d39c;color:#0d3b31}.paymentMethodBadge.tamara{background:linear-gradient(90deg,#ecd883,#cf8ba7);color:#332535}.paymentMethodBadge.direct{border:1px solid #b8c5d8;background:#fff;color:#172033}.transactionStatus{display:inline-flex;min-width:132px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.transactionStatus.direct_paid,.transactionStatus.sadad_paid,.transactionStatus.tabby_approved{background:#c9f5dd;color:#10784c}.transactionStatus.manual_review,.transactionStatus.tamara_pending{background:#fff4df;color:#955e10}.transactionStatus.failed{background:#ffe4e7;color:#a3202b}.transactionStatus.refunded{background:#e8f3ff;color:#176ca9}.transactionRowActions{display:inline-flex;gap:8px}.transactionRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.transactionsAuditPanel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.transactionsAuditPanel>div{display:flex;align-items:center;gap:10px}.transactionsAuditPanel h3{margin:0;font-size:22px}.transactionsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.transactionsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.transactionsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.transactionsAuditPanel li.green span{background:#23b26d}.transactionsAuditPanel li.red span{background:#bb313d}.transactionsAuditPanel li.amber span{background:#b87517}.transactionsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasTransactionModal .dashboardMain{filter:brightness(.72)}.transactionModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.transactionModal{display:grid;width:min(880px,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);overflow:auto}.transactionModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.transactionModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.transactionModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.transactionModal h2{margin:0;font-size:24px}.transactionModalBody{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:22px}.transactionActivityBlock,.transactionAuditBlock,.transactionInfoBlock{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.transactionActivityBlock h3,.transactionAuditBlock h3,.transactionInfoBlock h3{margin:0 0 14px;font-size:20px}.transactionInfoBlock dl{display:grid;grid-gap:10px;gap:10px;margin:0}.transactionInfoBlock dl div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.transactionInfoBlock dt{color:#526071;font-size:15px;font-weight:800}.transactionInfoBlock dd{margin:0;color:#111827;font-size:16px;font-weight:900}.transactionActivityBlock,.transactionAuditBlock{grid-column:1/-1}.transactionActivityBlock{overflow-x:auto}.transactionActivityBlock table{min-width:620px}.transactionActivityBlock td,.transactionActivityBlock th{padding:10px 8px;font-size:15px}.transactionMiniStatus{display:inline-flex;min-width:72px;justify-content:center;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:900}.transactionMiniStatus.paid{background:#c9f5dd;color:#10784c}.transactionMiniStatus.pending,.transactionMiniStatus.review{background:#fff4df;color:#955e10}.transactionMiniStatus.failed{background:#ffe4e7;color:#a3202b}.transactionAuditBlock ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.transactionAuditBlock li{display:grid;grid-template-columns:12px 1fr;align-items:center;grid-gap:10px;gap:10px;color:#344054;font-size:16px;font-weight:800}.transactionAuditBlock li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.transactionModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.transactionModal footer button{border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.settlementsCanvas{display:grid;grid-gap:24px;gap:24px}.settlementsStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.settlementStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:112px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.settlementStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.settlementStatCard.success>span{background:#d8f7e4;color:#137347}.settlementStatCard.warning>span{background:#fff4df;color:#955e10}.settlementStatCard p,.settlementStatCard strong{margin:0}.settlementStatCard p{color:#344054;font-size:17px;font-weight:900}.settlementStatCard strong{color:#111827;font-size:24px}.settlementsFilterPanel{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;align-items:flex-end;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.settlementsFilterPanel label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.settlementsFilterPanel input,.settlementsFilterPanel select{min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;text-align:right}.settlementsFilterPanel button{min-height:46px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 20px;font-size:16px;font-weight:900;cursor:pointer}.settlementsTablePanel{min-height:0;overflow-x:auto}.settlementsTable{min-width:1040px}.settlementLogoMark{display:inline-grid;min-width:74px;min-height:38px;place-items:center;border:1px solid #d7e2ee;border-radius:12px;background:#f8fbff;color:#174c76;padding:6px 10px;font-size:15px;font-weight:900}.settlementsTable small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.settlementStatus{display:inline-flex;min-width:132px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.settlementStatus.completed{background:#c9f5dd;color:#10784c}.settlementStatus.reconciling{background:#fff4df;color:#955e10}.settlementStatus.difference_review{background:#ffe4e7;color:#a3202b}.settlementRowActions{display:inline-flex;gap:8px}.settlementRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.settlementsAuditPanel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.settlementsAuditPanel>div{display:flex;align-items:center;gap:10px}.settlementsAuditPanel h3{margin:0;font-size:22px}.settlementsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.settlementsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.settlementsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.settlementsAuditPanel li.green span{background:#23b26d}.settlementsAuditPanel li.red span{background:#bb313d}.settlementsAuditPanel li.amber span{background:#b87517}.settlementsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasSettlementModal .dashboardMain{filter:brightness(.72)}.settlementModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.settlementModal{display:grid;width:min(880px,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);overflow:auto}.settlementModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.settlementModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.settlementModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.settlementModal h2{margin:0;font-size:24px}.settlementModalBody{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:22px}.settlementBatchBlock,.settlementInfoBlock{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.settlementBatchBlock h3,.settlementInfoBlock h3{margin:0 0 14px;font-size:20px}.settlementInfoBlock dl{display:grid;grid-gap:10px;gap:10px;margin:0}.settlementInfoBlock dl div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.settlementInfoBlock dt{color:#526071;font-size:15px;font-weight:800}.settlementInfoBlock dd{margin:0;color:#111827;font-size:16px;font-weight:900}.settlementDiffValue{color:#a3202b!important}.settlementBatchBlock{grid-column:1/-1;overflow-x:auto}.settlementBatchBlock table{min-width:680px}.settlementBatchBlock td,.settlementBatchBlock th{padding:10px 8px;font-size:15px}.settlementChannel{display:inline-flex;min-width:84px;justify-content:center;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:900}.settlementChannel.tabby{background:#c9f5dd;color:#10784c}.settlementChannel.tamara{background:#fff4df;color:#955e10}.settlementChannel.direct{background:#e8f3ff;color:#176ca9}.settlementModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.settlementModal footer button{border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.ticketsCanvas{display:grid;grid-gap:24px;gap:24px}.ticketsStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.ticketStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:112px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.ticketStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.ticketStatCard.success>span{background:#d8f7e4;color:#137347}.ticketStatCard.warning>span{background:#fff4df;color:#955e10}.ticketStatCard.danger>span{background:#ffe4e7;color:#a3202b}.ticketStatCard p,.ticketStatCard strong{margin:0}.ticketStatCard p{color:#344054;font-size:17px;font-weight:900}.ticketStatCard strong{color:#111827;font-size:24px}.ticketsFilterPanel{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,.7fr) auto auto;align-items:flex-end;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.ticketsFilterPanel label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.ticketsFilterPanel input,.ticketsFilterPanel select{min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;text-align:right}.ticketsFilterPanel button{min-height:46px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 20px;font-size:16px;font-weight:900;cursor:pointer}.ticketsFilterPanel strong{align-self:center;color:#176ca9;font-size:17px}.ticketsTablePanel{min-height:0;overflow-x:auto}.ticketsTable{min-width:1120px}.ticketAvatar{display:inline-grid;width:38px;height:38px;place-items:center;border:2px solid #d9e2ee;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#dcfce7);color:#155e75;font-size:14px;font-weight:900}.ticketsTable small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.ticketPriority,.ticketStatus{display:inline-flex;min-width:82px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.ticketPriority.high{background:#d8ebff;color:#226ba9}.ticketPriority.medium{background:#fff4df;color:#955e10}.ticketPriority.low{background:#e8f3ff;color:#176ca9}.ticketStatus.open{background:#d8ebff;color:#226ba9}.ticketStatus.processing{background:#fff4df;color:#955e10}.ticketStatus.closed{background:#c9f5dd;color:#10784c}.ticketStatus.late,.ticketStatus.review{background:#ffe4e7;color:#a3202b}.ticketRowActions{display:inline-flex;gap:8px}.ticketRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.ticketsAuditPanel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.ticketsAuditPanel>div{display:flex;align-items:center;gap:10px}.ticketsAuditPanel h3{margin:0;font-size:22px}.ticketsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.ticketsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.ticketsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.ticketsAuditPanel li.green span{background:#23b26d}.ticketsAuditPanel li.red span{background:#bb313d}.ticketsAuditPanel li.amber span{background:#b87517}.ticketsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasTicketModal .dashboardMain{filter:brightness(.72)}.ticketModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.ticketModal{display:grid;width:min(820px,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);overflow:auto}.ticketModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.ticketModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.ticketModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.ticketModal h2{margin:0;font-size:24px}.ticketModalBody{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);grid-gap:16px;gap:16px;padding:22px}.ticketConversationBlock,.ticketReplyBlock,.ticketSummaryBlock{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.ticketConversationBlock h3,.ticketReplyBlock h3,.ticketSummaryBlock h3{margin:0 0 14px;font-size:20px}.ticketSummaryBlock dl{display:grid;grid-gap:10px;gap:10px;margin:0}.ticketSummaryBlock dl div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid #edf1f6;padding-bottom:8px}.ticketSummaryBlock dt{color:#526071;font-size:15px;font-weight:800}.ticketSummaryBlock dd{margin:0;color:#111827;font-size:16px;font-weight:900}.ticketConversationBlock,.ticketReplyBlock{grid-column:2}.ticketConversation{display:grid;grid-gap:12px;gap:12px;max-height:300px;overflow:auto}.ticketConversation article{display:grid;grid-gap:6px;gap:6px;border-radius:12px;padding:12px}.ticketConversation article.customer{margin-left:22px;background:#eef6ff}.ticketConversation article.employee{margin-right:22px;background:#f4f8fb}.ticketConversation strong{color:#1f2937;font-size:15px}.ticketConversation p{margin:0;color:#344054;font-size:15px;font-weight:800;line-height:1.7}.ticketConversation time{color:var(--muted);font-size:13px;font-weight:800}.ticketReplyBlock textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;padding:12px;font:inherit;font-size:16px}.ticketReplyBlock>div{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;margin-top:10px}.ticketReplyBlock button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 14px;font-size:16px;font-weight:900;cursor:pointer}.ticketModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.ticketModal footer button{border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.notificationsCanvas{display:grid;grid-gap:24px;gap:24px}.notificationsStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));grid-gap:18px;gap:18px}.notificationStatCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:112px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.notificationStatCard>span{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#e8f3ff;color:var(--blue)}.notificationStatCard.success>span{background:#d8f7e4;color:#137347}.notificationStatCard.danger>span{background:#ffe4e7;color:#a3202b}.notificationStatCard p,.notificationStatCard strong{margin:0}.notificationStatCard p{color:#344054;font-size:17px;font-weight:900}.notificationStatCard strong{color:#111827;font-size:24px}.notificationStatCard.channels{grid-template-columns:1fr}.notificationStatCard.channels div{display:flex;flex-wrap:wrap;gap:8px}.notificationStatCard.channels b{border-radius:999px;background:#edf7ff;color:#185b95;padding:7px 10px;font-size:15px}.notificationsFilterPanel{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,.7fr) auto;align-items:flex-end;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:18px;box-shadow:var(--shadow)}.notificationsFilterPanel label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.notificationsFilterPanel input,.notificationsFilterPanel select{min-height:46px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;font-family:inherit;font-size:16px;text-align:right}.notificationsFilterPanel button{min-height:46px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 20px;font-size:16px;font-weight:900;cursor:pointer}.notificationsTablePanel{min-height:0;overflow-x:auto}.notificationsTable{min-width:1040px}.notificationsTable small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.notificationChannel{display:inline-flex;min-width:98px;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:7px 10px;font-size:14px;font-weight:900}.notificationChannel.sms{background:#e8f3ff;color:#176ca9}.notificationChannel.email{background:#edf7ff;color:#185b95}.notificationChannel.whatsapp{background:#d8f7e4;color:#137347}.notificationStatus{display:inline-flex;min-width:104px;justify-content:center;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:900}.notificationStatus.active{background:#c9f5dd;color:#10784c}.notificationStatus.paused{background:#ffe4e7;color:#a3202b}.notificationStatus.failed{background:#fff4df;color:#955e10}.notificationRowActions{display:inline-flex;gap:8px}.notificationRowActions button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;cursor:pointer}.notificationsAuditPanel{display:grid;grid-gap:12px;gap:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:22px;box-shadow:var(--shadow)}.notificationsAuditPanel>div{display:flex;align-items:center;gap:10px}.notificationsAuditPanel h3{margin:0;font-size:22px}.notificationsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.notificationsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.notificationsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.notificationsAuditPanel li.green span{background:#23b26d}.notificationsAuditPanel li.red span{background:#bb313d}.notificationsAuditPanel li.amber span{background:#b87517}.notificationsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasNotificationModal .dashboardMain{filter:brightness(.72)}.notificationModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.35);padding:24px;z-index:20}.notificationModal{display:grid;width:min(880px,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);overflow:auto}.notificationModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.notificationModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.notificationModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.notificationModal h2{margin:0;font-size:24px}.notificationModalBody{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(260px,.8fr);grid-gap:16px;gap:16px;padding:22px}.notificationEditorBlock,.notificationVariablesBlock{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.notificationEditorBlock{display:grid;grid-gap:12px;gap:12px}.notificationEditorBlock label{display:grid;grid-gap:8px;gap:8px;color:#1f2937;font-size:15px;font-weight:900}.notificationEditorBlock input,.notificationEditorBlock textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit;font-size:16px;text-align:right}.notificationEditorBlock textarea{min-height:160px;resize:vertical}.notificationToolbar{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fbff;padding:8px}.notificationToolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid #c9d3e2;border-radius:8px;background:#fff;color:#185b95;padding:0 9px;font-size:13px;font-weight:900;cursor:pointer}.notificationVariablesBlock h3{margin:0 0 12px;font-size:20px}.notificationVariablesBlock table{margin-bottom:16px}.notificationVariablesBlock td,.notificationVariablesBlock th{padding:10px 8px;font-size:15px}.notificationPreview{display:grid;grid-gap:10px;gap:10px;border:1px solid #d7e2ee;border-radius:12px;background:#f8fbff;padding:14px}.notificationPreview strong{color:#1f2937;font-size:16px}.notificationPreview p{margin:0;color:#344054;font-size:15px;font-weight:800;line-height:1.8}.notificationModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.notificationModal footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.reportsCanvas{display:grid;grid-gap:24px;gap:24px}.reportsTitleRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;grid-gap:18px;gap:18px}.reportsDateRange{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.reportsDateRange label,.reportsDateRange span{color:#1f2937;font-size:15px;font-weight:900}.reportsDateRange label{display:inline-flex;align-items:center;gap:8px}.reportsDateRange input{min-height:40px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--ink);padding:0 10px;font-family:inherit;font-size:15px}.reportsDateRange button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#176ca9;color:#fff;padding:0 14px;font-size:15px;font-weight:900;cursor:pointer}.reportsKpiStrip{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:16px;gap:16px}.reportsKpiStrip article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-height:92px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);padding:16px;box-shadow:var(--shadow)}.reportsKpiStrip span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e8f3ff;color:#176ca9;grid-row:span 2}.reportsKpiStrip article.success span{background:#d8f7e4;color:#137347}.reportsKpiStrip article.danger span{background:#ffe4e7;color:#a3202b}.reportsKpiStrip p,.reportsKpiStrip strong{margin:0}.reportsKpiStrip p{color:#536070;font-size:14px;font-weight:900}.reportsKpiStrip strong{color:#111827;font-size:22px}.reportsGrid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));grid-gap:18px;gap:18px}.reportCard{display:grid;min-height:278px;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.97);padding:18px;text-align:right;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reportCard:focus-visible,.reportCard:hover{border-color:#9ec4e6;box-shadow:0 18px 42px rgba(27,39,64,.16);transform:translateY(-3px);outline:0}.reportCard header{display:flex;align-items:center;gap:12px}.reportCard header span,.reportModal header span{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#e8f3ff;color:#176ca9;flex:0 0 auto}.reportCard.green header span,.reportModal.green header span{background:#d8f7e4;color:#137347}.reportCard.red header span,.reportModal.red header span{background:#ffe4e7;color:#a3202b}.reportCard.amber header span,.reportModal.amber header span{background:#fff4df;color:#955e10}.reportCard footer span,.reportCard footer time,.reportCard h3,.reportCard p,.reportValueRow b,.reportValueRow strong{margin:0}.reportCard h3{color:#111827;font-size:20px}.reportCard footer span,.reportCard header p,.reportStatus{color:#536070;font-size:14px;font-weight:800}.reportValueRow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.reportValueRow strong{color:#111827;font-size:24px}.reportValueRow b{border-radius:999px;background:#edf7ff;color:#176ca9;padding:7px 10px;font-size:15px}.reportCard.green .reportValueRow b{background:#d8f7e4;color:#137347}.reportCard.red .reportValueRow b{background:#ffe4e7;color:#a3202b}.reportCard.amber .reportValueRow b{background:#fff4df;color:#955e10}.miniBars{display:flex;height:94px;align-items:flex-end;justify-content:space-between;gap:10px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef5fb);padding:14px 12px}.largeBars i,.miniBars i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:#176ca9}.largeBars i.green,.miniBars i.green{background:#23b26d}.largeBars i.red,.miniBars i.red{background:#bb313d}.largeBars i.amber,.miniBars i.amber{background:#e6a23c}.largeBars i.slate,.miniBars i.slate{background:#475569}.reportCard footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f6;padding-top:12px}.reportCard footer time{color:#1f2937;font-size:13px;font-weight:900}.reportsLowerGrid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);grid-gap:18px;gap:18px}.reportsAuditPanel,.topBillersPanel{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);padding:20px;box-shadow:var(--shadow)}.topBillersPanel{overflow-x:auto}.reportModalTable table,.topBillersPanel table{width:100%;border-collapse:collapse;min-width:520px}.reportModalTable td,.reportModalTable th,.topBillersPanel td,.topBillersPanel th{border-bottom:1px solid #edf1f6;padding:12px 10px;color:#111827;font-size:15px;font-weight:800}.reportModalTable th,.topBillersPanel th{color:#536070;font-size:14px;font-weight:900}.reportsAuditPanel{display:grid;align-content:start;grid-gap:12px;gap:12px}.reportsAuditPanel>div{display:flex;align-items:center;gap:10px}.reportModalTable h3,.reportsAuditPanel h3{margin:0;font-size:22px}.reportsAuditPanel ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.reportsAuditPanel li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf1f6;padding-top:12px;color:#344054;font-size:16px}.reportsAuditPanel li span{width:10px;height:10px;border-radius:50%;background:#287bc3}.reportsAuditPanel li.green span{background:#23b26d}.reportsAuditPanel li.red span{background:#bb313d}.reportsAuditPanel li.amber span{background:#b87517}.reportsAuditPanel li p,.reportsAuditPanel time{margin:0}.reportsAuditPanel time{color:var(--muted);font-size:14px;font-weight:800}.hasReportModal .dashboardMain{filter:brightness(.78) blur(1px)}.reportModalOverlay{position:fixed;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.34);padding:24px;z-index:20}.reportModal{display:grid;width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.99);box-shadow:0 28px 80px rgba(27,39,64,.32);overflow:auto;animation:reportZoomIn .18s ease-out}@keyframes reportZoomIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reportModal header{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:14px;gap:14px;border-bottom:1px solid var(--line);padding:18px 22px}.reportModal header>button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:10px;background:#f1f5f9;color:#334155;cursor:pointer}.reportModal header>div{display:flex;align-items:center;justify-content:center;gap:12px}.reportModal h2{margin:0;font-size:24px}.reportModal header p{margin:3px 0 0;color:#536070;font-size:14px;font-weight:800}.reportModalBody{display:grid;grid-gap:16px;gap:16px;padding:22px}.reportModalSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.reportModalChart,.reportModalSummary article,.reportModalTable{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:16px}.reportModalSummary p,.reportModalSummary small,.reportModalSummary strong{margin:0}.reportModalSummary p{color:#536070;font-size:14px;font-weight:900}.reportModalSummary strong{display:block;margin-top:6px;color:#111827;font-size:22px}.reportModalSummary small{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}.largeBars{display:flex;height:220px;align-items:flex-end;justify-content:space-around;gap:16px;border-radius:14px;background:linear-gradient(180deg,#f8fbff,#eef5fb);padding:18px}.largeBars div{display:grid;width:100%;height:100%;align-items:flex-end;grid-gap:8px;gap:8px}.largeBars span{color:#1f2937;font-size:13px;font-weight:900;text-align:center}.reportModal footer{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:18px 22px}.reportModal footer button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-size:16px;font-weight:900;cursor:pointer}.softNeutral{border:1px solid #c9d3e2;background:#f8fbff;color:#185b95}@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}.billersStatsGrid,.billsFilterPanel,.billsStatsGrid,.contentGrid,.notificationsFilterPanel,.notificationsStatsGrid,.ordersFilterPanel,.ordersQueueGrid,.ordersSummaryGrid,.portalBillCategories,.portalHero,.reportsGrid,.reportsKpiStrip,.reportsLowerGrid,.serviceAdminGrid,.settlementsFilterPanel,.settlementsStatsGrid,.statsGrid,.ticketsFilterPanel,.ticketsStatsGrid,.transactionsFilterPanel,.transactionsStatsGrid,.usersStatsGrid{grid-template-columns:1fr 1fr}.dashboardHomeHeader,.reportsTitleRow{grid-template-columns:1fr}.reportsDateRange{justify-content:flex-start}.billersWorkGrid{grid-template-columns: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}.billModal footer,.billModalBody,.billerModal footer,.billerModalBody,.billerModalMeta,.billersLegend,.billersPanelHeader,.billersPanelHeader>div,.billersStatCard,.billersStatsGrid,.billsFilterPanel,.billsStatsGrid,.closeChecklistPanel ul,.contentGrid,.dashboardHomeHeader,.notificationModal footer,.notificationModalBody,.notificationsFilterPanel,.notificationsStatsGrid,.orderActionGrid,.orderModalBody,.orderModalCard dl,.ordersFilterPanel,.ordersQueueGrid,.ordersSummaryGrid,.portalBillCategories,.portalHeader,.portalHero,.portalRequestForm,.portalRequestTabs,.portalServiceCards,.portalSummaryStep dl,.portalThanksStep dl,.providerResponseCard>div,.reportModal footer,.reportModalSummary,.reportsGrid,.reportsKpiStrip,.reportsLowerGrid,.reportsTitleRow,.serviceAdminGrid,.serviceDraftForm,.serviceDraftFormWide,.settlementModal footer,.settlementModalBody,.settlementsFilterPanel,.settlementsStatsGrid,.sideNav,.statsGrid,.ticketModal footer,.ticketModalBody,.ticketReplyBlock>div,.ticketsFilterPanel,.ticketsStatsGrid,.transactionModal footer,.transactionModalBody,.transactionsFilterPanel,.transactionsStatsGrid,.usersStatsGrid{grid-template-columns:1fr}.billersPanelHeader{display:grid;grid-gap:14px;gap:14px;padding-block:18px}.billersPanelHeader>div{display:grid;width:100%}.billersPanelHeader button{justify-content:center}.billerSwitch{grid-template-columns:58px 1fr}.billModal footer,.billerModal footer,.notificationModal footer,.settlementModal footer,.ticketModal footer,.transactionModal footer{display:grid}.orderModal header{grid-template-columns:42px 1fr}.orderModal header .orderStatus{grid-column:1/-1;justify-self:stretch}.reportsDateRange{display:grid;justify-content:stretch}.portalHeader{position:static;justify-items:stretch;padding:18px}.portalFooter nav,.portalFooter>div,.portalHeader nav,.portalHeader>div{flex-wrap:wrap;justify-content:center}.portalHero{padding:28px 18px}.portalHeroArt{order:2}.portalServiceCards article{grid-template-columns:1fr}.portalProviders{position:static}.reportsDateRange button,.reportsDateRange input,.reportsDateRange label{width:100%}.reportCard{min-height:238px}.reportModal header{grid-template-columns:1fr}.reportModal header>div{justify-content:flex-start}.largeBars{height:180px;gap:10px;padding:14px}.billInfoBlock dl div,.billStatusBlock>div,.settlementInfoBlock dl div,.ticketSummaryBlock dl div,.transactionInfoBlock dl div{grid-template-columns:1fr}.ticketConversationBlock,.ticketReplyBlock{grid-column:auto}.summaryCard.large{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}}