/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-lg:.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#f3f7fc;--surface-3:#eaf1f8;--text:#152238;--muted:#6f7f95;--line:#d9e2ec;--line-2:#c9d5e3;--primary:#2459c4;--primary-hover:#1949aa;--primary-soft:#eaf1ff;--sidebar:#0c2340;--green:#0f7b50;--green-soft:#e8f7f0;--orange:#f6902b;--orange-soft:#fff3e5;--yellow:#f7c233;--red:#ef3e2f;--red-soft:#fff0ef;--purple:#7650d5;--purple-soft:#f2edff;--cyan:#1797b5;--cyan-soft:#e9f9fc;--pink:#b10763;--magenta:#b10763;--magenta-soft:#faedf5;--radius-lg:20px;--radius-md:14px;--radius-sm:11px;--ease-premium:cubic-bezier(.2,.75,.25,1);--shadow-xs:0 1px 2px #0c23400a, 0 3px 9px #0c234009;--shadow-sm:0 1px 2px #0c23400a, 0 8px 20px #0c234011;--shadow:0 2px 4px #0c23400a, 0 18px 48px #0c23401a;--shadow-raised:inset 0 1px 0 #ffffffe0, inset 0 -1px 0 #0c23400a, 0 7px 16px #0c23401f}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, sans-serif;margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;outline:3px solid #2459c447}::selection{color:var(--text);background:#2459c433}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#070707;--surface-2:#0d0d0d;--surface-3:#141414;--text:#f5f7fa;--muted:#9aa4b2;--line:#ffffff1a;--line-2:#ffffff29;--primary:#5f8eea;--primary-hover:#7aa4f2;--primary-soft:#2459c42e;--sidebar:#050505;--green:#46bf84;--green-soft:#0f7b502e;--orange:#f6a24d;--orange-soft:#f6902b29;--yellow:#f7ca50;--red:#ff6558;--red-soft:#ef3e2f29;--purple:#a38bea;--purple-soft:#7650d52e;--cyan:#70cbe0;--cyan-soft:#1797b52e;--pink:#e368a7;--magenta:#e368a7;--magenta-soft:#b1076333;--shadow-xs:0 1px 0 #ffffff0a, 0 4px 12px #00000073;--shadow-sm:0 1px 0 #ffffff09, 0 12px 28px #00000094;--shadow:0 1px 0 #ffffff0a, 0 22px 54px #000000b8;--shadow-raised:inset 0 1px 0 #ffffff1c, inset 0 -1px 0 #000c, 0 8px 20px #000000a3}.loginScreen{background:var(--bg);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.loginBrand{color:#fff;text-align:center;background:linear-gradient(145deg,#10243d,#0a192c);flex-direction:column;justify-content:center;align-items:center;padding:56px;display:flex;position:relative;overflow:hidden}.loginBrand:before,.loginBrand:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.loginBrand:before{width:560px;height:560px}.loginBrand:after{width:780px;height:780px}.loginBrand>*{z-index:1;position:relative}.officialLogo{object-fit:contain;display:block}.loginLogo{filter:drop-shadow(0 18px 28px #00000052);width:150px;height:178px;margin-bottom:18px}.sidebarLogo{filter:drop-shadow(0 5px 9px #0000003d);flex:none;width:39px;height:52px}.mobileLogo{flex:none;width:37px;height:50px}.eyebrow{letter-spacing:.22em;color:#94a8bf;margin:0 0 8px;font-size:11px;font-weight:800}.blueText{color:var(--primary)}.loginBrand h1{letter-spacing:-.03em;margin:0 0 12px;font-size:43px}.loginBrand p:last-child{color:#aebdce;max-width:440px;margin:0;line-height:1.7}.loginPanel{justify-content:center;align-items:center;padding:30px;display:flex}.loginCard{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:38px}.loginCard h2{letter-spacing:-.03em;margin:0 0 8px;font-size:31px}.loginCard>p:not(.eyebrow){color:var(--muted);margin:0 0 25px;line-height:1.6}.loginCard label{color:#263650;margin:15px 0 7px;font-size:12px;font-weight:800;display:block}.loginCard input{border:1px solid var(--line-2);width:100%;height:48px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:0 13px}.loginCard input:focus{border-color:#8bb7ed;box-shadow:0 0 0 4px #0f6fe81a}.primaryButton{background:var(--primary);color:#fff;border:0;border-radius:10px;width:100%;height:48px;margin-top:20px;font-weight:800;box-shadow:0 9px 22px #0f6fe833}.primaryButton:hover{background:#0a63d2}.loginError{background:var(--red-soft);color:var(--red);border:1px solid #f0c8cf;border-radius:8px;margin-top:12px;padding:11px 12px;font-size:12px}.loginHint{background:var(--surface-2);color:var(--muted);border-radius:8px;margin-top:14px;padding:11px 12px;font-size:11px}.mobileBrand{display:none}.portalBootScreen{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 42%,#2459c41a,#0000 30%),linear-gradient(145deg,#f7faff,#edf4fb);place-items:center;padding:24px;display:grid}.portalBootCard{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #ffffffe6;border-radius:22px;justify-items:center;gap:12px;width:min(360px,100%);padding:34px 30px;display:grid;box-shadow:0 26px 70px #122c5229,inset 0 1px #fffffff2}.portalBootLogo{object-fit:contain;filter:drop-shadow(0 14px 20px #1537602e);width:92px;height:112px}.portalBootCard strong{letter-spacing:-.02em;font-size:18px}.portalBootCard small{color:var(--muted);font-size:11px}.portalBootSpinner{align-items:center;gap:6px;height:12px;display:flex}.portalBootSpinner i{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite portalBootPulse}.portalBootSpinner i:nth-child(2){animation-delay:.12s}.portalBootSpinner i:nth-child(3){animation-delay:.24s}@keyframes portalBootPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}[data-theme=dark] .portalBootScreen{background:#000}[data-theme=dark] .portalBootCard{background:#0d0d0d;border-color:#ffffff1a;box-shadow:0 28px 80px #000000a6,inset 0 1px #ffffff0f}@media (prefers-reduced-motion:reduce){.portalBootSpinner i{opacity:.75;animation:none}}.dashboard{background:var(--bg);min-height:100vh;color:var(--text);transition:background .2s,color .2s;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:30;flex-direction:column;width:242px;min-height:100vh;transition:transform .25s;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #09192c14}.sidebar.collapsed{transform:translate(-100%)}.sideBrand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:78px;padding:0 18px;display:flex}.brandWords strong,.brandWords small{display:block}.brandWords strong{letter-spacing:.06em;font-size:13px}.brandWords small{letter-spacing:.14em;color:#8da2b9;margin-top:3px;font-size:8px}.sidebar nav{gap:4px;padding:14px 10px;display:grid;overflow-y:auto}.navItem{color:#b5c3d3;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 10px;font-size:12px;display:flex}.navItem:hover{color:#fff;background:#ffffff0f}.navItem.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px #0f6fe838}.navLeft{align-items:center;gap:10px;display:flex}.navLeft i{text-align:center;width:21px;font-size:15px;font-style:normal}.navItem b{font-size:11px;font-weight:400}.sideUser{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:15px;display:flex}.sideUser strong,.sideUser small,.profile strong,.profile small{display:block}.sideUser strong{white-space:nowrap;font-size:11px}.sideUser small{color:#93a6ba;margin-top:3px;font-size:9px}.avatar{color:#fff;background:linear-gradient(145deg,#2e91ff,#0f6fe8);border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.workspace{flex:1;min-width:0;margin-left:242px;transition:margin .25s}.sidebar.collapsed+.workspace{margin-left:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex;position:sticky;top:0}.topLeft,.topActions,.profile{align-items:center;display:flex}.topLeft{gap:12px}.topActions{gap:8px}.iconButton{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:9px;place-items:center;display:grid}.iconButton:hover{background:var(--surface-2)}.search{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:8px;width:305px;height:39px;padding:0 11px;display:flex}.search span{color:var(--muted);font-size:20px}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.bell{position:relative}.bell i{background:var(--red);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.notificationCenter{position:relative}.notificationPopover{z-index:80;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:330px;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 18px 50px #10243d38}.notificationPopoverHead{border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--orange-soft),var(--surface));justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.notificationPopoverHead strong,.notificationPopoverHead small{display:block}.notificationPopoverHead strong{font-size:10px}.notificationPopoverHead small{color:var(--muted);margin-top:3px;font-size:7px}.notificationPopoverHead b{background:var(--orange);color:#fff;border-radius:99px;place-items:center;min-width:25px;height:25px;font-size:8px;display:grid}.notificationList{max-height:270px;overflow-y:auto}.notificationList button{border:0;border-bottom:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.notificationList button:hover{background:var(--surface-2)}.notificationList strong,.notificationList small{display:block}.notificationList strong{color:var(--primary);font-size:10px}.notificationList small{color:var(--muted);margin-top:4px;font-size:7px}.notificationList em{background:var(--orange-soft);color:#b96f10;border-radius:99px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:850}.notificationEmpty{text-align:center;gap:4px;padding:22px 14px;display:grid}.notificationEmpty strong{font-size:10px}.notificationEmpty small{color:var(--muted);font-size:8px}.viewAllNotifications{background:var(--primary-soft);width:100%;min-height:38px;color:var(--primary);border:0;font-size:8px;font-weight:900}.profile{border-left:1px solid var(--line);gap:9px;margin-left:5px;padding-left:12px}.profile strong{white-space:nowrap;max-width:145px;font-size:11px}.profile small{color:var(--muted);margin-top:2px;font-size:9px}.logout{border:1px solid var(--line);background:var(--surface);height:33px;color:var(--muted);border-radius:8px;margin-left:6px;padding:0 11px;font-size:10px;font-weight:700}.content{padding:22px}.pageHead{justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;display:flex}.pageHead h1{letter-spacing:-.02em;margin:0;font-size:23px}.pageHead p{color:var(--muted);margin:5px 0 0;font-size:11px}.pageHead p strong{color:var(--primary)}.pageHead select{border:1px solid var(--line);background:var(--surface);min-width:145px;height:38px;color:var(--text);border-radius:8px;outline:none;padding:0 32px 0 11px;font-size:11px;font-weight:700}.previewNote{color:#55708e;background:#eef6ff;border:1px solid #cfe1f8;border-radius:7px;align-items:center;gap:7px;margin:0 0 15px;padding:7px 10px;font-size:10px;display:inline-flex}.previewNote span{background:var(--primary);border-radius:50%;width:6px;height:6px}.integrationNote{color:#277650;background:#eefbf4;border:1px solid #bfe8d3;border-radius:7px;align-items:center;gap:7px;margin:0 0 15px;padding:7px 10px;font-size:10px;display:inline-flex}.integrationNote>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;padding:15px 14px;position:relative}.kpiTop{align-items:flex-start;gap:9px;display:flex}.kpiIcon,.miniIcon{flex:none;place-items:center;display:grid}.kpiIcon{border-radius:10px;width:37px;height:37px;font-size:15px}.blue{color:var(--primary);background:var(--primary-soft)}.orange{color:var(--orange);background:var(--orange-soft)}.purple{color:var(--purple);background:var(--purple-soft)}.green{color:var(--green);background:var(--green-soft)}.red{color:var(--red);background:var(--red-soft)}.cyan{color:var(--cyan);background:var(--cyan-soft)}.pink{color:var(--pink);background:#fcedf5}.kpiLabel{color:#243049;font-size:11px;font-weight:750;line-height:1.35}.kpiValue{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:11px;font-size:clamp(18px,1.55vw,23px);font-weight:850;overflow:hidden}.kpiValue.money{letter-spacing:-.02em;font-size:clamp(15px,1.35vw,20px)}.kpiSub{min-height:16px;color:var(--muted);margin-top:5px;font-size:10px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.privacy{background:var(--surface-2);width:27px;height:27px;color:var(--muted);border:0;border-radius:7px;font-size:12px;position:absolute;top:11px;right:11px}.dashboardGrid{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:14px;display:grid}.mainStack,.rightRail{gap:14px;display:grid}.chartsRow{grid-template-columns:1.25fr 1fr 1fr;gap:14px;display:grid}.card{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.cardHead,.railCard>h3{border-bottom:1px solid var(--line);margin:0;padding:14px 15px 12px}.card h3{color:var(--text);margin:0;font-size:12px}.lineChart{width:100%;height:230px;padding:8px 12px 12px;display:block}.gridLine{stroke:var(--line);stroke-width:1px}.areaPath{fill:url(#areaFill)}.linePath{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.linePoint{fill:#fff;stroke:var(--primary);stroke-width:3px}.axisLabel{fill:var(--muted);font-size:11px}.donutLayout{align-content:center;place-items:center;gap:19px;min-height:230px;padding:20px 14px;display:grid}.donut{background:conic-gradient(var(--primary) 0 44%, var(--cyan) 44% 75%, var(--orange) 75% 100%);border-radius:50%;width:116px;height:116px;padding:18px}.donut>div{text-align:center;background:var(--surface);border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.donut strong,.donut span{display:block}.donut strong{font-size:17px}.donut span{color:var(--muted);margin-top:2px;font-size:8px}.legend{grid-template-columns:repeat(3,1fr);gap:5px;width:100%;display:grid}.legendItem{align-items:flex-start;gap:6px;display:flex}.legendItem>i{border-radius:50%;flex:none;width:7px;height:7px;margin-top:3px}.legendItem>i.blue{background:var(--primary)}.legendItem>i.cyan{background:var(--cyan)}.legendItem>i.orange{background:var(--orange)}.legendItem strong,.legendItem small{display:block}.legendItem strong{font-size:9px}.legendItem small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:7px}.barChart{align-content:center;gap:25px;min-height:230px;padding:24px 16px;display:grid}.barRow{grid-template-columns:49px 1fr 22px;align-items:center;gap:8px;display:grid}.barRow>span,.barRow>b{font-size:9px}.barRow>b{color:var(--muted);text-align:right}.barTrack{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.barTrack i{background:linear-gradient(90deg,var(--primary),#62a7f7);border-radius:99px;height:100%;display:block}.emptyChart{min-height:230px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:5px;display:grid}.emptyChart>span{background:var(--surface-2);width:46px;height:46px;color:var(--primary);border-radius:13px;place-items:center;margin-bottom:4px;font-size:20px;display:grid}.emptyChart>strong{color:var(--text);font-size:24px}.emptyChart>p{margin:0;font-size:9px}.emptyTable{text-align:center;min-height:214px;color:var(--muted);align-content:center;place-items:center;display:grid}.emptyTable>span{background:var(--surface-2);width:48px;height:48px;color:var(--primary);border-radius:14px;place-items:center;font-size:21px;display:grid}.emptyTable>strong{color:var(--text);margin-top:12px;font-size:12px}.emptyTable>p{max-width:310px;margin:5px 18px 0;font-size:9px;line-height:1.5}.activityHead{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 0;display:flex}.tabs{flex-wrap:wrap;gap:5px;display:flex}.tabs button{border:1px solid var(--line);background:var(--surface);height:27px;color:var(--muted);border-radius:7px;padding:0 9px;font-size:8px;font-weight:700}.tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.tableWrap{padding:10px 9px 0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:770px}th{background:var(--surface-2);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:9px 8px;font-size:8px}td{border-bottom:1px solid var(--line);color:var(--text);white-space:nowrap;padding:11px 8px;font-size:9px}.badge{border-radius:99px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-block}.badge.high{background:var(--red-soft);color:var(--red)}.badge.medium,.badge.pending,.badge.portal-pending{background:var(--orange-soft);color:#c57b16}.badge.low,.badge.wiring-done{background:var(--green-soft);color:var(--green)}.badge.assigned{background:var(--primary-soft);color:var(--primary)}.viewAll{color:var(--primary);background:0 0;border:0;margin:10px auto 12px;font-size:9px;font-weight:800;display:block}.railCard>h3{font-size:11px}.railList{padding:8px 12px 11px;display:grid}.railRow,.collectorRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:9px;min-height:41px;display:flex}.railRow:last-child,.collectorRow:last-child{border-bottom:0}.railRow>div,.collectorRow>div{align-items:center;gap:8px;min-width:0;display:flex}.miniIcon{border-radius:7px;width:25px;height:25px;font-size:10px}.railRow span,.collectorRow strong{font-size:9px}.railRow>b,.collectorRow>b{color:var(--text);white-space:nowrap;font-size:9px}.collectorRow span strong,.collectorRow span small{display:block}.collectorRow span small{color:var(--muted);margin-top:3px;font-size:7px}.railRow.total{border-top:1px solid var(--line);border-bottom:0;margin-top:3px}.railRow.total b{color:var(--orange)}.summaryIcon{width:25px;color:var(--primary);text-align:center;font-size:13px!important}.emptyRail{text-align:center;align-content:center;place-items:center;gap:5px;min-height:155px;display:grid}.emptyRail strong{color:var(--text);font-size:22px}.emptyRail span{color:var(--muted);font-size:8px}footer{color:var(--muted);text-align:center;padding:24px 0 4px;font-size:9px}.toast{z-index:60;color:#fff;max-width:360px;box-shadow:var(--shadow);background:#10243d;border-radius:9px;padding:12px 15px;font-size:11px;position:fixed;bottom:22px;right:22px}.dashboard.dark{--bg:#0f1722;--surface:#172131;--surface-2:#202c3e;--text:#e8edf5;--muted:#99a7b9;--line:#2b394c;--line-2:#3a4a60}.dark .topbar{background:#172131f5}.dark .kpiLabel{color:var(--text)}.dark .previewNote{color:#a7bfd9;background:#162b44;border-color:#21466e}.dark .integrationNote{color:#a7d4bb;background:#153127;border-color:#23503d}.dark .loginHint{background:var(--surface-2)}.rolePreviewControl{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 9px;display:flex}.rolePreviewControl span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:800}.rolePreviewControl select{color:var(--text);background:0 0;border:0;outline:0;font-size:10px;font-weight:800}.collectorPortal{--collector-accent:#14a66d;--collector-accent-dark:#087b50;--collector-accent-soft:#e9f9f1;color:#172238;background:#f4f7fb;min-height:100vh;display:flex}.collectorPortal.collector-tariq{--collector-accent:#f28b22;--collector-accent-dark:#c5620a;--collector-accent-soft:#fff4e7}.collectorSidebar{z-index:20;color:#fff;background:linear-gradient(#081d36 0%,#09233f 65%,#071a30 100%);flex-direction:column;width:224px;min-height:100vh;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 40px #0b233d1a}.collectorBrand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:82px;padding:0 18px;display:flex}.collectorBrand img{object-fit:contain;width:39px;height:52px}.collectorBrand strong,.collectorBrand small{display:block}.collectorBrand strong{letter-spacing:.08em;font-size:14px}.collectorBrand small{color:#58a4e6;letter-spacing:.15em;margin-top:4px;font-size:8px}.collectorSidebar nav{gap:6px;padding:18px 10px;display:grid}.collectorSidebar nav button{color:#b9c8d8;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;min-height:45px;padding:0 11px;font-size:10px;font-weight:720;display:grid}.collectorSidebar nav button i{text-align:center;font-size:15px;font-style:normal}.collectorSidebar nav button b{color:#fff;background:#ffffff17;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:8px;display:grid}.collectorSidebar nav button:hover{color:#fff;background:#ffffff0f}.collectorSidebar nav button.active{border-color:var(--collector-accent)}@supports (color:color-mix(in lab, red, red)){.collectorSidebar nav button.active{border-color:color-mix(in srgb,var(--collector-accent) 45%,transparent)}}.collectorSidebar nav button.active{background:linear-gradient(110deg,var(--collector-accent),var(--collector-accent))}@supports (color:color-mix(in lab, red, red)){.collectorSidebar nav button.active{background:linear-gradient(110deg,color-mix(in srgb,var(--collector-accent) 90%,#0c4278),var(--collector-accent))}}.collectorSidebar nav button.active{color:#fff;box-shadow:0 12px 25px var(--collector-accent)}@supports (color:color-mix(in lab, red, red)){.collectorSidebar nav button.active{box-shadow:0 12px 25px color-mix(in srgb,var(--collector-accent) 28%,transparent)}}.collectorIdentity{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:18px;display:flex}.collectorIdentity>div{background:var(--collector-accent);border-radius:50%;place-items:center;width:37px;height:37px;font-size:14px;font-weight:900;display:grid}.collectorIdentity span strong,.collectorIdentity span small{display:block}.collectorIdentity span strong{font-size:11px}.collectorIdentity span small{color:#93a9bd;margin-top:3px;font-size:8px}.collectorWorkspace{width:calc(100% - 224px);min-width:0;margin-left:224px}.collectorTopbar{z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 22px;display:flex;position:sticky;top:0}.collectorTopbar>label:first-child{background:#f8fafc;border:1px solid #dfe6ef;border-radius:10px;align-items:center;gap:9px;width:min(430px,45vw);height:40px;padding:0 13px;display:flex}.collectorTopbar>label:first-child span{color:#76869a;font-size:18px}.collectorTopbar input{color:#172238;background:0 0;border:0;outline:0;width:100%;font-size:11px}.collectorTopActions{align-items:center;gap:12px;display:flex}.collectorTopActions time{color:#53637a;font-size:10px;font-weight:700}.livePill{color:#128155;background:#ecfaf3;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:850}.livePill.sync-connecting,.livePill.save-saving,.livePill.save-retrying{color:#b56a12;background:#fff6e6}.livePill.sync-offline{color:#d43b4d;background:#fff0f1}.collectorAccessLock{background:var(--collector-accent-soft);height:36px;color:var(--collector-accent-dark);border:1px solid #cde8da;border-radius:9px;align-items:center;padding:0 11px;font-size:9px;font-weight:850;display:flex}.collectorContent{padding:24px}.collectorGreeting{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.collectorGreeting p{color:var(--collector-accent-dark);letter-spacing:.15em;margin:0 0 7px;font-size:9px;font-weight:900}.collectorGreeting h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.4vw,34px)}.collectorGreeting>div>span{color:#718096;margin-top:6px;font-size:11px;display:block}.collectorDate{text-align:right;background:#fff;border:1px solid #e0e6ee;border-radius:11px;min-width:160px;padding:10px 12px;box-shadow:0 5px 15px #182c460a}.collectorDate small,.collectorDate strong{display:block}.collectorDate small{color:#8190a3;font-size:8px}.collectorDate strong{margin-top:4px;font-size:11px}.collectorHero{background:radial-gradient(circle at 82% 10%,#ffffff2e,transparent 34%),linear-gradient(115deg,var(--collector-accent-dark),var(--collector-accent));color:#fff;text-align:left;width:100%;min-height:98px;box-shadow:0 18px 34px var(--collector-accent);border:0;border-radius:16px;grid-template-columns:58px 1fr auto;align-items:center;gap:18px;padding:18px 22px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.collectorHero{box-shadow:0 18px 34px color-mix(in srgb,var(--collector-accent) 24%,transparent)}}.collectorHero:after{content:"";opacity:.2;background:repeating-linear-gradient(125deg,#0000 0 24px,#ffffff17 25px 26px);position:absolute;inset:0}.collectorHero>*{z-index:1;position:relative}.heroIcon{background:#ffffff24;border:1px solid #ffffff59;border-radius:16px;place-items:center;width:55px;height:55px;font-size:25px;display:grid}.collectorHero span strong,.collectorHero span small{display:block}.collectorHero span strong{letter-spacing:-.025em;font-size:clamp(18px,2vw,25px)}.collectorHero span small{color:#ffffffc7;margin-top:6px;font-size:10px}.collectorHero>b{min-width:175px;color:var(--collector-accent-dark);text-align:center;background:#fff;border-radius:10px;padding:13px 16px;font-size:10px}.collectorHero>b i{margin-left:8px;font-style:normal}.collectorStats{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:16px 0;display:grid}.collectorStats>button{color:#172238;text-align:left;background:#fff;border:1px solid #e1e7ef;border-radius:13px;align-items:center;gap:11px;min-height:88px;padding:13px;display:flex;box-shadow:0 6px 18px #1627430b}.collectorStats>button:hover{border-color:var(--collector-accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.collectorStats>button:hover{border-color:color-mix(in srgb,var(--collector-accent) 45%,#dbe3ed)}}.collectorStats>button:hover{box-shadow:0 12px 26px #16274314}.collectorStats>button>i{border-radius:12px;flex:none;place-items:center;width:39px;height:39px;font-size:16px;font-style:normal;display:grid}.collectorStats span{min-width:0}.collectorStats small,.collectorStats strong,.collectorStats em{display:block}.collectorStats small{color:#65758b;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:760;overflow:hidden}.collectorStats strong{white-space:nowrap;margin-top:5px;font-size:18px;line-height:1}.collectorStats em{color:#97a3b2;margin-top:5px;font-size:7px;font-style:normal}.collectorStats .moneyCard strong{color:var(--collector-accent-dark);font-size:clamp(13px,1.3vw,18px)}.collectorPanel{background:#fff;border:1px solid #dfe6ef;border-radius:14px;margin-top:14px;overflow:visible;box-shadow:0 8px 22px #1627430d}.collectorPanelHead{color:#172238;text-align:left;background:#fff;border:0;border-bottom:1px solid #e8edf3;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding:13px 16px;display:flex}.collectorPanelHead.static{cursor:default}.collectorPanelHead span strong,.collectorPanelHead span small{display:block}.collectorPanelHead span strong{font-size:13px}.collectorPanelHead span small{color:#7b899b;margin-top:5px;font-size:8px}.collectorPanelHead>b{color:var(--collector-accent-dark);font-size:9px}.collectorRouteScroll{border-radius:0 0 14px 14px;max-height:440px;overflow:auto}.recoveryRoutePage{overflow:hidden}.collectorRouteToolbar{background:#fbfcfe;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:10px 16px;display:flex}.collectorRouteToolbar label{background:#fff;border:1px solid #dce4ee;border-radius:10px;align-items:center;gap:9px;width:min(520px,100%);height:40px;padding:0 12px;display:flex}.collectorRouteToolbar label span{color:#728198;font-size:17px}.collectorRouteToolbar input{color:#172238;background:0 0;border:0;outline:0;width:100%;font-size:10px}.collectorRouteToolbar>button{height:34px;color:var(--collector-accent-dark);background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:0 12px;font-size:8px;font-weight:850}.recoveryRouteList{min-height:390px;max-height:540px}.recoveryRouteList tbody tr{height:61px}.collectorPaidTabs{background:#fff;border:1px solid #dde5ee;border-radius:11px;gap:5px;margin-top:2px;padding:5px;display:inline-flex;box-shadow:0 5px 15px #182c460a}.collectorPaidTabs button{color:#69788d;background:0 0;border:0;border-radius:8px;min-width:132px;height:36px;padding:0 12px;font-size:9px;font-weight:850}.collectorPaidTabs button b{color:#58687c;background:#edf1f6;border-radius:99px;place-items:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;font-size:7px;display:inline-grid}.collectorPaidTabs button.active{background:var(--collector-accent);color:#fff;box-shadow:0 7px 16px var(--collector-accent)}@supports (color:color-mix(in lab, red, red)){.collectorPaidTabs button.active{box-shadow:0 7px 16px color-mix(in srgb,var(--collector-accent) 24%,transparent)}}.collectorPaidTabs button.active b{color:#fff;background:#fff3}.collectorRouteScroll table{min-width:1120px}.collectorRouteScroll thead{z-index:4;position:sticky;top:0}.collectorRouteScroll th{color:#718096;letter-spacing:.06em;background:#f7f9fc;height:38px;padding:9px 10px;font-size:7px}.collectorRouteScroll td{vertical-align:middle;padding:13px 10px;font-size:9px;position:relative}.collectorRouteScroll td>strong,.collectorRouteScroll td>small{display:block}.collectorRouteScroll td>small{color:#8390a1;margin-top:4px;font-size:7px}.dueMonthCount{color:#276fd2;background:#eef4ff;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.outstandingCell{position:relative}.outstandingButton{color:#c4660c;background:#fff8ed;border:1px solid #ffd7a4;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:850}.outstandingButton i{margin-left:5px;font-style:normal}.outstandingPopover{z-index:12;background:#fff;border:1px solid #dce4ed;border-radius:12px;width:250px;padding:13px;position:absolute;top:calc(100% - 3px);right:8px;box-shadow:0 18px 44px #12263f2e}.outstandingPopover>strong{margin-bottom:8px;font-size:10px;display:block}.outstandingPopover>span,.outstandingPopover footer{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.outstandingPopover b,.outstandingPopover em{font-size:8px;font-style:normal}.outstandingPopover em{color:#c4660c;font-weight:850}.outstandingPopover footer{color:#172238;text-align:left;padding:9px 0 0}.serviceStatus{border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.serviceStatus.active{color:#138454;background:#e7f8ef}.serviceStatus.inactive{color:#be6a14;background:#fff4e4}.serviceStatus.terminated{color:#d13f50;background:#fff0f2}.requestedStatus{font-weight:800;display:block;color:#346fd2!important;margin-top:4px!important}.collectorRemark{white-space:normal;gap:4px;max-width:205px;display:grid}.collectorRemark>strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.collectorRemark>small{color:#c4660c;font-size:7px}.collectorRemark>span{color:#929dab;font-size:8px}.collectorRemark button{color:#1672db;background:0 0;border:0;justify-self:start;padding:0;font-size:8px;font-weight:850}.collectorMarkPaid{border:1px solid var(--collector-accent);min-width:92px;height:32px;color:var(--collector-accent-dark);background:#fff;border-radius:8px;font-size:8px;font-weight:850}.collectorPaymentChoices{align-items:center;gap:5px;min-width:340px;display:flex}.collectorPaymentChoices>span{color:#53637a;min-width:72px;font-size:8px;font-weight:850}.collectorPaymentChoices select{color:#22304a;background:#fff;border:1px solid #d9e1eb;border-radius:7px;min-width:52px;height:30px;padding:0 6px;font-size:9px;font-weight:850}.collectorPaymentChoices button{background:var(--collector-accent);color:#fff;border:0;border-radius:7px;height:30px;padding:0 9px;font-size:8px;font-weight:850}.collectorPaymentChoices .otherAmount{color:#53637a;background:#fff;border:1px solid #d9e1eb}.collectorPaymentChoices .cancelChoice{color:#718096;background:#f0f3f7;width:28px;padding:0}.advanceCoverageMeta{color:#7158c8;max-width:190px;margin-top:5px;font-size:8px;font-weight:750;line-height:1.35;display:block}.collectorUndo{color:#c8394c;background:#fff4f5;border:1px solid #f0b6bf;border-radius:7px;height:29px;padding:0 9px;font-size:8px;font-weight:850}.undoExpired{color:#929dac;font-size:8px}.advancePaidBadge,.newConnectionSourceBadge,.monthlySourceBadge{border-radius:99px;padding:5px 8px;font-size:7px;font-weight:850;display:inline-flex}.advancePaidBadge{color:#7654d2;background:#f1edff}.newConnectionSourceBadge{color:#1973c8;background:#e9f5ff}.monthlySourceBadge{color:#128155;background:#e9f8f0}.activationRequested strong,.activationRequested small{display:block}.activationRequested strong{color:#286ed2;font-size:8px}.activationRequested small{color:#7d8998;margin-top:3px;font-size:7px}.requestActivationButton{color:#1769ca;background:#eff6ff;border:1px solid #79aef0;border-radius:8px;height:32px;padding:0 11px;font-size:8px;font-weight:850}.scheduledServiceNote{color:#9a6a2a;font-size:8px;font-weight:750}.collectorEmpty{text-align:center;align-content:center;place-items:center;min-height:260px;padding:35px;display:grid}.collectorEmpty i{background:var(--collector-accent-soft);width:56px;height:56px;color:var(--collector-accent-dark);border-radius:17px;place-items:center;font-size:23px;font-style:normal;display:grid}.collectorEmpty strong{margin-top:12px;font-size:13px}.collectorEmpty p{color:#7b899b;max-width:420px;margin:6px 0 0;font-size:9px;line-height:1.5}.collectorBottomGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.collectorBottomGrid>button{color:#172238;text-align:left;background:#fff;border:1px solid #e0e6ee;border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-height:92px;padding:13px;display:grid}.collectorBottomGrid>button>i{border-radius:11px;place-items:center;width:39px;height:39px;font-style:normal;display:grid}.collectorBottomGrid small,.collectorBottomGrid strong,.collectorBottomGrid em{display:block}.collectorBottomGrid small{color:#7d8a9a;font-size:7px}.collectorBottomGrid strong{margin-top:4px;font-size:11px}.collectorBottomGrid em{color:#8d99a8;margin-top:4px;font-size:7px;font-style:normal}.collectorBottomGrid>button>b{color:var(--collector-accent-dark);font-size:8px}.customersHead{margin-bottom:14px}.addCustomerButton,.saveButton{background:var(--primary);color:#fff;border:0;border-radius:9px;height:39px;padding:0 16px;font-size:10px;font-weight:800;box-shadow:0 8px 18px #0f6fe82e}.addCustomerButton:hover,.saveButton:hover{background:#0a63d2}.saveButton:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.customerHeadActions{align-items:center;gap:8px;display:flex}.importButton{background:var(--primary-soft);height:39px;color:var(--primary);border:1px solid #b9d5f5;border-radius:9px;padding:0 14px;font-size:10px;font-weight:800}.importButton:hover{border-color:var(--primary)}.prototypeWarning{color:#805b1f;background:#fff9ed;border:1px solid #f1d7a8;border-radius:8px;padding:10px 12px;font-size:9px;line-height:1.5}.pageWarning{margin-bottom:14px}.customerStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.customerStats article,.customerStats>button{border:1px solid var(--line);background:var(--surface);min-height:78px;box-shadow:var(--shadow-sm);color:inherit;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.customerStats>button{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.customerStats>button:hover{box-shadow:var(--shadow);border-color:#efb8c2;transform:translateY(-2px)}.customerStats>button em{color:var(--red);font-size:7px;font-style:normal;font-weight:850;position:absolute;bottom:9px;right:12px}.statIcon{border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;display:grid}.customerStats small,.customerStats strong{display:block}.customerStats small{color:var(--muted);margin-bottom:5px;font-size:9px}.customerStats strong{color:var(--text);font-size:20px}.customerCard{min-height:430px}.customerToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:12px 14px;display:flex}.customerSearch{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;align-items:center;gap:8px;width:min(420px,100%);height:39px;padding:0 11px;display:flex}.customerSearch span{color:var(--muted);font-size:18px}.customerSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.filters{gap:7px;display:flex}.filters select{border:1px solid var(--line);background:var(--surface);min-width:112px;height:38px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-size:9px}.bulkActions{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:flex}.bulkActions>span{color:var(--muted);margin-right:auto;font-size:9px}.selectAllControl{color:var(--text);cursor:pointer;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.selectAllControl input,.selectColumn input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;margin:0}.customerTable{padding:0}.customerTable table{min-width:1450px}.collectorCustomersHeadline{margin:2px 0 12px}.collectorCustomersCard{min-height:420px}.customerTable.collectorCustomerTable table{min-width:1320px}.collectorCustomerTable .passwordLine{margin-top:5px}.collectorCustomerTable .recoveryStatus+.customerMeta{margin-top:6px}.customerTable th{padding:11px 13px}.customerTable td{vertical-align:middle;padding:13px}.customerTable tr{transition:background .15s}.customerTable tr.selectedRow td{background:#f0f6ff}.selectColumn{text-align:center;width:42px;padding-right:4px!important}.customerName{font-size:10px;display:block}.customerMeta{max-width:180px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7px;display:block;overflow:hidden}.addressMeta{max-width:155px}.collectorBadge{border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.collectorBadge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.collectorBadge.aoun{border-color:var(--collector-aoun,#0966d8)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.aoun{border-color:color-mix(in srgb,var(--collector-aoun,#0966d8) 35%,#fff)}}.collectorBadge.aoun{background:var(--collector-aoun,#0966d8)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.aoun{background:color-mix(in srgb,var(--collector-aoun,#0966d8) 10%,#fff)}}.collectorBadge.aoun{color:var(--collector-aoun,#0966d8)}.collectorBadge.khalid{border-color:var(--collector-khalid,#198754)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.khalid{border-color:color-mix(in srgb,var(--collector-khalid,#198754) 35%,#fff)}}.collectorBadge.khalid{background:var(--collector-khalid,#198754)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.khalid{background:color-mix(in srgb,var(--collector-khalid,#198754) 10%,#fff)}}.collectorBadge.khalid{color:var(--collector-khalid,#198754)}.collectorBadge.tariq{border-color:var(--collector-tariq,#c26a08)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.tariq{border-color:color-mix(in srgb,var(--collector-tariq,#c26a08) 35%,#fff)}}.collectorBadge.tariq{background:var(--collector-tariq,#c26a08)}@supports (color:color-mix(in lab, red, red)){.collectorBadge.tariq{background:color-mix(in srgb,var(--collector-tariq,#c26a08) 10%,#fff)}}.collectorBadge.tariq{color:var(--collector-tariq,#c26a08)}.statusSelect{border-radius:7px;outline:0;height:29px;padding:0 7px;font-size:8px;font-weight:800}.statusSelect.active{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d3}.statusSelect.inactive{background:var(--orange-soft);color:#b96f10;border:1px solid #f1d7a8}.statusSelect.terminated{background:var(--red-soft);color:var(--red);border:1px solid #f0c8cf}.passwordLine{align-items:center;gap:6px;margin-top:4px;display:flex}.passwordLine small{min-width:49px;color:var(--muted);letter-spacing:.04em;font-size:8px}.passwordLine button{border:1px solid var(--line);background:var(--surface-2);color:var(--primary);border-radius:5px;padding:2px 5px;font-size:7px;font-weight:800}.planBadge{white-space:nowrap;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;min-width:58px;padding:5px 9px;font-size:8px;font-weight:850;display:inline-flex}.plan-3{color:#5a45c7;background:#f0eeff;border-color:#c9c4fa}.plan-6{color:#16834d;background:#eaf9f0;border-color:#b8e8c9}.plan-8{color:#087e8e;background:#e8f9fb;border-color:#aee5ec}.plan-10{color:#0966d8;background:#eaf4ff;border-color:#b9d8fb}.plan-12{color:#7141b8;background:#f4edff;border-color:#d6c1f5}.plan-15{color:#a63891;background:#fcedf8;border-color:#e5bfe0}.plan-20{color:#b75f04;background:#fff3e3;border-color:#f4d0a2}.plan-25{color:#886800;background:#fff9d9;border-color:#efdf94}.plan-30{color:#c4384a;background:#fff0f2;border-color:#f2bdc4}.plan-35{color:#b33670;background:#fff0f7;border-color:#f0bad2}.plan-50{color:#087a5b;background:#e7f8f3;border-color:#aadecf}.plan-100{color:#4a5a70;background:#eef2f6;border-color:#c7d0dc}.plan-other{border-color:var(--line-2);background:var(--surface-2);color:var(--text)}.rowActions{align-items:center;gap:6px;display:flex}.editButton,.deleteButton{background:var(--surface);border-radius:7px;height:29px;padding:0 9px;font-size:8px;font-weight:800}.editButton{color:var(--primary);border:1px solid #b9d5f5}.editButton:hover{background:var(--primary-soft)}.deleteButton{color:var(--red);border:1px solid #f0c8cf}.deleteButton:hover{background:var(--red-soft)}.terminationDue{max-width:130px;color:var(--muted);white-space:normal;margin-top:5px;font-size:7px;line-height:1.35;display:block}.inactiveTypeLabel{white-space:nowrap;border:1px solid #0000;border-radius:99px;width:fit-content;margin-top:5px;padding:3px 6px;font-size:7px;font-weight:850;display:block}.inactiveTypeLabel.manual{background:var(--orange-soft);color:#a65e08;border-color:#f1d7a8}.inactiveTypeLabel.expiry{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.inactiveReasonText{max-width:150px;color:var(--text);white-space:normal;margin-top:5px;font-size:7px;line-height:1.35;display:block}.customerEmpty{text-align:center;align-content:center;place-items:center;min-height:350px;padding:30px;display:grid}.customerEmpty>span{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:18px;place-items:center;font-size:25px;display:grid}.customerEmpty h3{margin:15px 0 5px;font-size:14px}.customerEmpty p{max-width:390px;color:var(--muted);margin:0 0 17px;font-size:9px;line-height:1.6}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071221a8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.customerModal{border:1px solid var(--line);background:var(--surface);border-radius:17px;width:min(790px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 28px 80px #07122147}.inactiveReasonModal{width:min(560px,100%)}.modalHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px 16px;display:flex}.modalHead h2{color:var(--text);margin:0;font-size:21px}.modalHead p:not(.eyebrow){color:var(--muted);margin:5px 0 0;font-size:9px}.modalClose{border:1px solid var(--line);background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:9px;font-size:20px}.customerModal>.prototypeWarning{margin:14px 23px 0}.customerForm{grid-template-columns:1fr 1fr;gap:14px;padding:18px 23px 23px;display:grid}.field{gap:7px;display:grid}.field>span{color:var(--text);font-size:9px;font-weight:800}.field>span small{color:var(--muted);margin-left:4px;font-size:7px;font-weight:500}.fieldHint{color:var(--muted);margin-top:-3px;font-size:7px;line-height:1.35}.field input,.field select,.field textarea{border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;font-size:10px}.field input,.field select{height:40px;padding:0 11px}.field textarea{resize:vertical;min-height:72px;padding:11px;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8bb7ed;box-shadow:0 0 0 3px #0f6fe817}.field.full,.formError.full,.formActions.full{grid-column:1/-1}.billingPreview{align-content:end}.billingPreview strong{border:1px solid var(--line);background:var(--surface-2);min-height:40px;color:var(--primary);border-radius:8px;align-items:center;padding:0 11px;font-size:10px;display:flex}.formError{background:var(--red-soft);color:var(--red);border:1px solid #f0c8cf;border-radius:8px;padding:10px 12px;font-size:9px}.formActions{justify-content:flex-end;gap:8px;padding-top:3px;display:flex}.secondaryButton{border:1px solid var(--line);background:var(--surface);height:39px;color:var(--muted);border-radius:9px;padding:0 16px;font-size:10px;font-weight:800}.saveButton{min-width:125px}.dangerButton{background:var(--red);color:#fff;border:0;border-radius:9px;height:39px;padding:0 16px;font-size:10px;font-weight:800;box-shadow:0 8px 18px #e04b592e}.dangerButton:hover{background:#ca3c4a}.dangerButton:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.compactDanger{height:34px;padding:0 12px;font-size:9px}.deleteConfirmModal{text-align:center;width:min(430px,100%);padding:27px;overflow:visible}.deleteConfirmIcon{background:var(--red-soft);width:48px;height:48px;color:var(--red);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:23px;font-weight:900;display:grid}.deleteConfirmModal h2{color:var(--text);margin:0;font-size:21px}.deleteConfirmModal p{max-width:330px;color:var(--muted);margin:9px auto 22px;font-size:10px;line-height:1.6}.deleteConfirmActions{justify-content:center;gap:9px;display:flex}.dark .prototypeWarning{color:#e6c78e;background:#342a1d;border-color:#66502e}.dark .collectorBadge.aoun{border-color:var(--collector-aoun,#0966d8)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.aoun{border-color:color-mix(in srgb,var(--collector-aoun,#0966d8) 65%,#fff)}}.dark .collectorBadge.aoun{background:var(--collector-aoun,#0966d8)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.aoun{background:color-mix(in srgb,var(--collector-aoun,#0966d8) 24%,#090909)}}.dark .collectorBadge.aoun{color:var(--collector-aoun,#0966d8)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.aoun{color:color-mix(in srgb,var(--collector-aoun,#0966d8) 70%,#fff)}}.dark .collectorBadge.khalid{border-color:var(--collector-khalid,#198754)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.khalid{border-color:color-mix(in srgb,var(--collector-khalid,#198754) 65%,#fff)}}.dark .collectorBadge.khalid{background:var(--collector-khalid,#198754)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.khalid{background:color-mix(in srgb,var(--collector-khalid,#198754) 24%,#090909)}}.dark .collectorBadge.khalid{color:var(--collector-khalid,#198754)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.khalid{color:color-mix(in srgb,var(--collector-khalid,#198754) 70%,#fff)}}.dark .collectorBadge.tariq{border-color:var(--collector-tariq,#c26a08)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.tariq{border-color:color-mix(in srgb,var(--collector-tariq,#c26a08) 65%,#fff)}}.dark .collectorBadge.tariq{background:var(--collector-tariq,#c26a08)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.tariq{background:color-mix(in srgb,var(--collector-tariq,#c26a08) 24%,#090909)}}.dark .collectorBadge.tariq{color:var(--collector-tariq,#c26a08)}@supports (color:color-mix(in lab, red, red)){.dark .collectorBadge.tariq{color:color-mix(in srgb,var(--collector-tariq,#c26a08) 70%,#fff)}}.dark .planBadge{filter:saturate(.9)brightness(.88)}.dark .customerTable tr.selectedRow td{background:#1a2e47}.accessNote{background:var(--green-soft);border:1px solid #bfe8d3;border-radius:10px;align-items:center;gap:10px;min-height:52px;margin-bottom:14px;padding:10px 13px;display:flex}.accessNote>span{background:var(--green);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.accessNote strong,.accessNote small{display:block}.accessNote strong{color:var(--text);font-size:9px}.accessNote small{color:var(--muted);margin-top:3px;font-size:8px}.connectionStats{grid-template-columns:repeat(5,minmax(0,1fr))}.connectionPaymentSummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-2px 0 14px;display:grid}.connectionPaymentSummary article{background:var(--green-soft);border:1px solid #bfe8d3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 16px;display:flex}.connectionPaymentSummary article.pending{background:var(--orange-soft);border-color:#f1d7a8}.connectionPaymentSummary span{color:var(--muted);font-size:9px;font-weight:800}.connectionPaymentSummary strong{color:var(--green);font-size:18px}.connectionPaymentSummary article.pending strong{color:#b96f10}.newConnectionsTable{padding:0}.newConnectionsTable table{min-width:1970px}.newConnectionsTable th,.newConnectionsTable td{vertical-align:middle;padding:12px 13px}.stackedDateHead,.stackedDateValue{gap:4px;width:112px;display:grid}.stackedDateHead span{white-space:nowrap;font-size:8px;line-height:1.2}.stackedDateHead i,.stackedDateValue i{background:var(--line);width:100%;height:1px;display:block}.stackedDateValue strong{color:var(--text);white-space:nowrap;font-size:8px;line-height:1.2}.credentialMeta{color:var(--text);font-weight:700}.technicianBadge{border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.technicianBadge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.technicianBadge.aoun{color:#0966d8;background:#eaf4ff;border-color:#bdd8fb}.technicianBadge.khalid{color:#198754;background:#e9f9f0;border-color:#b7e5ca}.technicianBadge.tariq{color:#c26a08;background:#fff4e5;border-color:#f4d2a5}.technicianBadge.mumtaz{background:var(--purple-soft);color:var(--purple);border-color:#d5c4f4}.compactCollector{margin-top:5px;padding:3px 6px;font-size:7px}.paymentBadge{border:1px solid #0000;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:850;display:inline-flex}.paymentBadge.pending{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.paymentBadge.partial{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.paymentBadge.paid{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.receivedAmount{color:var(--green)}.pendingAmount{color:#c36f0a}.pendingPaymentCell{align-items:center;gap:8px;display:flex}.markPaidButton{background:var(--green-soft);height:27px;color:var(--green);white-space:nowrap;border:1px solid #bfe8d3;border-radius:7px;padding:0 9px;font-size:8px;font-weight:850}.markPaidButton:hover{border-color:var(--green)}.fullyPaidLabel{background:var(--green-soft);color:var(--green);border-radius:99px;padding:4px 7px;font-size:7px;font-weight:850;display:inline-flex}.remarksText{max-width:170px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.45;display:block;overflow:hidden}.outstandingMeta{color:#c36f0a;font-weight:800}.connectionStatusSelect{border-radius:7px;outline:none;height:31px;padding:0 8px;font-size:8px;font-weight:800}.connectionStatusSelect.request{background:var(--purple-soft);color:var(--purple);border:1px solid #d5c4f4}.connectionStatusSelect.installation{background:var(--orange-soft);color:#b96f10;border:1px solid #f1d7a8}.connectionStatusSelect.activated{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d3}.connectionStatusSelect.cancelled{background:var(--red-soft);color:var(--red);border:1px solid #f0c8cf}.newConnectionModal{width:min(880px,100%)}.connectionFlow{grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 23px 0;display:grid}.connectionFlow span{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:0 8px;font-size:8px;font-weight:850;display:grid}.connectionFlow span.active{background:var(--primary-soft);color:var(--primary);border-color:#8bb7ed}.connectionFlow span.cancelled.active{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.dark .accessNote{background:#193c2d;border-color:#2f684a}.dark .technicianBadge.aoun{color:#8fc1ff;background:#173453;border-color:#285c98}.dark .technicianBadge.khalid{color:#8fe0b1;background:#193c2d;border-color:#2f684a}.dark .technicianBadge.tariq{color:#f4bd75;background:#49331b;border-color:#7b5529}.dark .technicianBadge.mumtaz{color:#c5b5f6;background:#30274c;border-color:#58468a}.dark .connectionPaymentSummary article{background:#193c2d;border-color:#2f684a}.dark .connectionPaymentSummary article.pending{background:#342a1d;border-color:#66502e}.customerTable th,.newConnectionsTable th{font-size:10px}.customerTable td,.newConnectionsTable td{font-size:11px}.customerTable .customerName,.newConnectionsTable .customerName{font-size:12px}.customerTable .customerMeta,.newConnectionsTable .customerMeta{font-size:9px}.customerTable .planBadge,.newConnectionsTable .planBadge,.customerTable .collectorBadge,.newConnectionsTable .collectorBadge,.newConnectionsTable .technicianBadge,.newConnectionsTable .paymentBadge{font-size:10px}.customerTable .statusSelect,.newConnectionsTable .connectionStatusSelect,.customerTable .editButton,.customerTable .deleteButton,.newConnectionsTable .editButton,.newConnectionsTable .markPaidButton,.customerTable .passwordLine small,.customerTable .passwordLine button,.newConnectionsTable .remarksText,.newConnectionsTable .fullyPaidLabel{font-size:9px}.newConnectionsTable .stackedDateHead span,.newConnectionsTable .stackedDateValue strong{font-size:10px}.importModal{width:min(760px,100%)}.importBody{gap:13px;padding:18px 23px;display:grid}.importActions{flex-wrap:wrap;gap:8px;display:flex}.uploadButton{background:var(--primary);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:39px;padding:0 16px;font-size:10px;font-weight:800;display:inline-flex}.uploadButton input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.importHelp{color:var(--muted);margin:0;font-size:9px;line-height:1.6}.importPreview{gap:12px;display:grid}.importFile{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:11px 13px;display:flex}.importFile strong,.importFile span{display:block}.importFile strong{color:var(--text);font-size:10px}.importFile span{color:var(--muted);margin-top:4px;font-size:8px}.importFile button{color:var(--primary);background:0 0;border:0;font-size:8px;font-weight:800}.importCounts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.importCounts article{background:var(--green-soft);border:1px solid #bfe8d3;border-radius:9px;padding:12px}.importCounts article.hasIssues{background:var(--orange-soft);border-color:#f1d7a8}.importCounts strong,.importCounts span{display:block}.importCounts strong{color:var(--text);font-size:19px}.importCounts span{color:var(--muted);margin-top:3px;font-size:8px}.issueList{background:#fff9ed;border:1px solid #f1d7a8;border-radius:9px;max-height:170px;padding:11px 13px;overflow:auto}.issueList>strong{color:#805b1f;font-size:9px}.issueList p{color:#805b1f;margin:7px 0 0;font-size:8px;line-height:1.45}.importFooter{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:15px 23px 20px;display:flex}.dark .issueList{background:#342a1d;border-color:#66502e}.dark .issueList>strong,.dark .issueList p{color:#e6c78e}.recoveryMonth{border:1px solid var(--line);background:var(--surface);min-width:190px;color:var(--muted);text-align:right;border-radius:9px;padding:9px 12px;font-size:9px}.recoveryMonth strong{color:var(--text);margin-top:3px;font-size:12px;display:block}.recoveryTabs{gap:7px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.recoveryTabs button{border:1px solid var(--line);background:var(--surface);min-width:135px;height:40px;color:var(--muted);white-space:nowrap;border-radius:9px 9px 4px 4px;padding:0 14px;font-size:10px;font-weight:850}.recoveryTabs button:hover{color:var(--primary);border-color:#9fc5f0}.recoveryTabs button.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 16px #0f6fe82e}.recoveryTabs button.active.aoun{background:#0f6fe8}.recoveryTabs button.active.khalid{background:#198754;border-color:#198754}.recoveryTabs button.active.tariq{background:#c26a08;border-color:#c26a08}.recoveryFolderList{gap:10px;margin-bottom:14px;display:grid}.recoveryFolder{--folder-accent:var(--primary);--folder-border:#b9d8fb;--folder-soft:var(--primary-soft);border:1px solid var(--folder-border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:12px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.recoveryFolder.aoun{--folder-accent:#0f6fe8;--folder-border:#8fc2fb;--folder-soft:var(--primary-soft)}.recoveryFolder.khalid{--folder-accent:#198754;--folder-border:#8fd4ad;--folder-soft:var(--green-soft)}.recoveryFolder.tariq{--folder-accent:#c26a08;--folder-border:#efbb78;--folder-soft:var(--orange-soft)}.recoveryFolder.advance{--folder-accent:var(--purple);--folder-border:#d5c4f4;--folder-soft:var(--purple-soft)}.recoveryFolder.outstanding{--folder-accent:#b96f10;--folder-border:#f1d7a8;--folder-soft:var(--orange-soft)}.recoveryFolder.open{border-color:var(--folder-accent);box-shadow:0 9px 24px var(--folder-accent)}@supports (color:color-mix(in lab, red, red)){.recoveryFolder.open{box-shadow:0 9px 24px color-mix(in srgb, var(--folder-accent) 16%, transparent)}}.recoveryFolderButton{border:0;border-left:4px solid var(--folder-accent);background:linear-gradient(90deg,var(--folder-soft),var(--surface) 43%);width:100%;min-height:66px;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 13px;display:grid}.recoveryFolderButton:hover{background:linear-gradient(90deg,var(--folder-soft),var(--surface-2) 55%)}.recoveryFolderButton:focus-visible{outline:2px solid var(--folder-accent);outline-offset:-3px}.recoveryFolderIcon{border:1px solid var(--folder-border);background:var(--folder-soft);width:32px;height:28px;color:var(--folder-accent);border-radius:6px;place-items:center;font-size:13px;font-weight:950;display:grid}.recoveryFolderTitle{min-width:0;display:block}.recoveryFolderTitle strong,.recoveryFolderTitle small{display:block}.recoveryFolderTitle strong{color:var(--folder-accent);letter-spacing:.01em;font-size:12px;font-weight:900}.recoveryFolderTitle small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;font-weight:700;overflow:hidden}.recoveryFolderState{border:1px solid var(--folder-border);background:var(--folder-soft);color:var(--folder-accent);white-space:nowrap;border-radius:99px;align-items:center;padding:6px 9px;font-size:8px;font-weight:850;display:inline-flex}.recoveryFolderContent{border-top:1px solid var(--folder-border);background:var(--surface-2);padding:10px}.recoveryFolderContent>.card,.recoveryFolderContent>.collectorSheet{box-shadow:none;border-radius:9px;margin:0}.collectorFolderList .recoveryFolder{margin-bottom:0}.recoverySummaryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.recoverySummaryGrid article{border:1px solid var(--line);background:var(--surface);min-height:86px;box-shadow:var(--shadow-sm);border-radius:11px;padding:14px 15px}.recoverySummaryGrid span,.recoverySummaryGrid strong,.recoverySummaryGrid small{display:block}.recoverySummaryGrid span{color:var(--muted);font-size:9px;font-weight:800}.recoverySummaryGrid strong{color:var(--text);margin-top:7px;font-size:19px}.recoverySummaryGrid small{color:var(--muted);margin-top:4px;font-size:8px}.recoverySummaryGrid article.received{background:var(--green-soft);border-color:#bfe8d3}.recoverySummaryGrid article.received strong{color:var(--green)}.recoverySummaryGrid article.pending{background:var(--orange-soft);border-color:#f1d7a8}.recoverySummaryGrid article.pending strong{color:#b96f10}.recoverySummaryGrid article.held{background:var(--purple-soft);border-color:#d5c4f4}.recoverySummaryGrid article.held strong{color:var(--purple)}.recoverySummaryGrid article.settled{background:linear-gradient(135deg,var(--surface),var(--green-soft));border-color:#bfe8d3}.recoverySummaryGrid article.settled>strong{color:var(--green)}.settleButton.compact{min-height:28px;margin-top:7px}.outstandingBreakdownCard{border-top:3px solid var(--orange);margin-bottom:14px;overflow:hidden}.outstandingBreakdownCard table{min-width:1120px}.outstandingBreakdownControls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.outstandingBreakdownFilter{gap:3px;display:grid}.outstandingBreakdownFilter>span{color:var(--muted);font-size:8px;font-weight:800}.outstandingBreakdownFilter select{border:1px solid var(--line);background:var(--surface);min-width:150px;height:32px;color:var(--text);font:inherit;border-radius:8px;padding:0 30px 0 10px;font-size:9px;font-weight:750}.outstandingBreakdownTotal{background:var(--orange-soft);color:#b96f10;white-space:nowrap;border:1px solid #f1d7a8;border-radius:99px;padding:7px 10px;font-size:9px;font-weight:850}.outstandingSourceStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 13px;display:grid}.outstandingSourceStrip div{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-width:0;padding:9px 10px}.outstandingSourceStrip span,.outstandingSourceStrip strong{display:block}.outstandingSourceStrip span{color:var(--muted);font-size:8px}.outstandingSourceStrip strong{color:var(--text);margin-top:4px;font-size:11px}.outstandingSourceBadge,.manageInBadge{border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.outstandingSourceBadge.monthly{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.outstandingSourceBadge.previous{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.outstandingSourceBadge.connection{background:var(--purple-soft);color:var(--purple);border-color:#d5c4f4}.outstandingSourceBadge.complaint{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.manageInBadge{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.outstandingFilterEmpty{color:var(--muted);text-align:center;padding:22px;font-weight:700}.collectorSheets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.collectorSheet{border:2px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-top-width:4px;border-radius:11px;padding:14px}.collectorSheet.aoun{border-color:#8fc2fb}.collectorSheet.khalid{border-color:#8fd4ad}.collectorSheet.tariq{border-color:#efbb78}.collectorSheetHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.collectorSheetHead .collectorBadge{letter-spacing:.01em;padding:7px 11px;font-size:11px;font-weight:900}.collectorSheetHead .collectorBadge:before{width:8px;height:8px}.collectorSheetHead small{color:var(--muted);font-size:9px;font-weight:750}.collectorSheetAmounts{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;display:grid}.collectorSheetAmounts div{background:var(--surface-2);border-radius:8px;min-width:0;padding:9px}.collectorSheetAmounts span,.collectorSheetAmounts strong{display:block}.collectorSheetAmounts span{color:var(--muted);font-size:7px}.collectorSheetAmounts strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.holdingSplit{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.holdingSplit span{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:7px 8px;font-size:7px}.holdingSplit b{color:var(--text);margin-top:3px;font-size:9px;display:block}.connectionCollectionLine{background:var(--primary-soft);border:1px solid #b9d8fb;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;margin-top:8px;padding:8px 9px;display:grid}.connectionCollectionLine span{color:var(--primary);font-size:8px;font-weight:800}.connectionCollectionLine b{color:var(--primary);font-size:10px}.connectionCollectionLine small{color:var(--muted);grid-column:1/-1;font-size:7px}.settleButton{background:var(--green-soft);width:100%;min-height:34px;color:var(--green);border:1px solid #bfe8d3;border-radius:8px;margin-top:10px;font-size:8px;font-weight:850}.settleButton:disabled{cursor:not-allowed;opacity:.45}.autoSettled{background:var(--primary-soft);min-height:34px;color:var(--primary);text-align:center;border-radius:8px;place-items:center;margin-top:10px;font-size:8px;font-weight:750;display:grid}.recoveryLedgerCard{min-height:380px}.recoveryTable{padding:0}.recoveryTable table{min-width:2220px}.recoveryTable th{padding:12px;font-size:9px}.recoveryTable td{vertical-align:middle;padding:13px 12px;font-size:10px}.collectorSelect{border:1px solid var(--line);background:var(--surface);border-radius:7px;outline:none;min-width:92px;height:30px;padding:0 8px;font-size:9px;font-weight:850}.collectorSelect.aoun{color:#0966d8}.collectorSelect.khalid{color:#198754}.collectorSelect.tariq{color:#c26a08}.lockedCollector{align-items:center;gap:6px;display:inline-flex}.lockedCollector small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:7px;font-weight:800}.recoveryStatus,.methodBadge,.settlementBadge{white-space:nowrap;border:1px solid #0000;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.recoveryStatus.pending{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.recoveryStatus.partial{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.recoveryStatus.paid{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.methodBadge.cash{background:var(--purple-soft);color:var(--purple);border-color:#d5c4f4}.methodBadge.online{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.settlementBadge.settled{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.settlementBadge.holding{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.settlementBadge.partial{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.settlementHistoryCard,.newConnectionCollectionsCard{margin-bottom:14px}.newConnectionCollectionsCard .cardHead{justify-content:space-between;align-items:center;gap:14px;display:flex}.newConnectionCollectionsCard .cardHead h3{margin:0;font-size:11px}.newConnectionCollectionsCard .cardHead p{color:var(--muted);margin:5px 0 0;font-size:8px}.newConnectionCollectionsCard table{min-width:1060px}.newConnectionCollectionTotal{background:var(--green-soft);color:var(--green);white-space:nowrap;border:1px solid #bfe8d3;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.settlementHistoryCard .cardHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.settlementHistoryCard .cardHead h3{margin:0;font-size:11px}.settlementHistoryCard .cardHead p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.45}.settlementHistoryCard table{min-width:1380px}.settlementHistoryTotals{gap:7px;display:flex}.settlementHistoryTotals span{border:1px solid var(--line);min-width:135px;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:7px}.settlementHistoryTotals b{color:var(--text);margin-top:3px;font-size:10px;display:block}.settlementHistoryEmpty{text-align:left;justify-content:center;align-items:center;gap:13px;min-height:100px;padding:20px;display:flex}.settlementHistoryEmpty>span{background:var(--green-soft);width:44px;height:44px;color:var(--green);border-radius:13px;flex:none;place-items:center;font-size:18px;display:grid}.settlementHistoryEmpty h3{margin:0 0 4px;font-size:10px}.settlementHistoryEmpty p{color:var(--muted);margin:0;font-size:8px}.expenseAmount{color:#b96f10}.settlementModal{width:min(820px,100%)}.newConnectionPaymentModal{width:min(760px,100%)}.newConnectionPaymentAmount{background:var(--primary-soft);border:1px solid #b9d8fb;border-radius:9px;align-content:center;min-height:91px;padding:12px 14px;display:grid}.newConnectionPaymentAmount span,.newConnectionPaymentAmount strong,.newConnectionPaymentAmount small{display:block}.newConnectionPaymentAmount span{color:var(--primary);font-size:8px;font-weight:800}.newConnectionPaymentAmount strong{color:var(--primary);margin-top:5px;font-size:18px}.newConnectionPaymentAmount small{color:var(--muted);margin-top:4px;font-size:7px}.connectionAmountInput{align-items:center;gap:8px;margin-top:5px;display:flex}.connectionAmountInput b{color:var(--primary);font-size:16px}.connectionAmountInput input{width:100%;min-width:0;color:var(--primary);background:0 0;border:0;border-bottom:1px solid #8ebcf2;border-radius:0;outline:none;padding:2px 0 4px;font-size:18px;font-weight:800}.connectionAmountInput input:focus{border-bottom-color:var(--primary);box-shadow:0 1px 0 var(--primary)}.newConnectionPaymentRule{background:var(--surface-2);min-height:39px;color:var(--text);border:1px dashed #b9d8fb;border-radius:8px;align-items:center;padding:8px 11px;font-size:8px;font-weight:800;display:flex}.connectionReceiverMeta{color:var(--muted);align-items:center;gap:5px;margin-top:6px;font-size:7px;display:flex}.connectionReceiverMeta .collectorBadge{padding:4px 6px;font-size:7px}.settlementBalanceStrip{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 20px 16px;display:grid}.settlementBalanceStrip div{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:11px 12px}.settlementBalanceStrip span,.settlementBalanceStrip strong{display:block}.settlementBalanceStrip span{color:var(--muted);font-size:8px}.settlementBalanceStrip strong{color:var(--text);margin-top:5px;font-size:13px}.settlementFormula{background:var(--primary-soft);min-height:44px;color:var(--primary);border:1px dashed #b9d8fb;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:9px 12px;font-size:9px;display:flex}.settlementFormula b{color:var(--muted)}.settlementFormula strong{font-size:10px}.recentPayments{margin-top:14px}.recentPayments table{min-width:1180px}.recentPayments tr.duplicatePayment td{background:#fff9ed}.recentPayments tr.voidedPayment td{opacity:.68;background:var(--surface-2);-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.advancePaymentsCard{margin-top:14px}.advancePaymentsCard .cardHead{justify-content:space-between;align-items:center;gap:14px;display:flex}.advancePaymentsCard .cardHead h3{margin:0;font-size:11px}.advancePaymentsCard .cardHead p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.45}.advancePaymentsCard table{min-width:1280px}.advanceActiveBadge{background:var(--green-soft);color:var(--green);white-space:nowrap;border:1px solid #bfe8d3;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.advancePaymentsEmpty{text-align:center;align-content:center;place-items:center;min-height:230px;padding:25px;display:grid}.advancePaymentsEmpty>span{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:15px;place-items:center;font-size:22px;display:grid}.advancePaymentsEmpty h3{margin:13px 0 5px;font-size:12px}.advancePaymentsEmpty p{max-width:460px;color:var(--muted);margin:0;font-size:8px;line-height:1.55}.duplicateBadge,.clearBadge,.voidedLabel{white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.duplicateBadge{background:var(--red-soft);color:var(--red);border:1px solid #f0c8cf}.clearBadge{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d3}.voidedLabel{background:var(--surface-2);color:var(--muted)}.voidPaymentButton{background:var(--red-soft);height:29px;color:var(--red);white-space:nowrap;border:1px solid #f0c8cf;border-radius:7px;padding:0 9px;font-size:8px;font-weight:850}.settlementBadge.voided{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.dark .recentPayments tr.duplicatePayment td{background:#342a1d}.paymentModal{width:min(820px,100%)}.recoveryRemarkCell{white-space:normal;align-items:start;gap:5px;width:220px;display:grid}.recoveryRemarkCell>strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.recoveryRemarkCell>small{color:var(--muted);font-size:7px}.noRemark{color:var(--muted);font-size:8px}.remarkButton{background:var(--primary-soft);width:max-content;height:27px;color:var(--primary);border:1px solid #b9d8fb;border-radius:7px;padding:0 9px;font-size:8px;font-weight:850}.remarkButton:hover{border-color:var(--primary)}.followUpDateBadge{background:var(--purple-soft);width:max-content;color:var(--purple);white-space:nowrap;border:1px solid #d5c4f4;border-radius:99px;padding:4px 7px;font-size:7px;font-weight:850;display:inline-flex}.followUpDateBadge.overdue{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.followUpModal{width:min(780px,100%)}.followUpContext{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;min-height:68px;padding:12px 13px}.followUpContext span,.followUpContext strong{display:block}.followUpContext span{color:var(--muted);font-size:8px}.followUpContext strong{color:var(--text);margin-top:7px;font-size:10px}.followUpHistory{border:1px solid var(--line);border-radius:10px;overflow:hidden}.followUpHistoryHead{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.followUpHistoryHead strong{font-size:10px}.followUpHistoryHead small{color:var(--muted);font-size:8px}.followUpHistory>p{color:var(--muted);margin:0;padding:18px 13px;font-size:9px}.followUpHistoryList{max-height:220px;overflow:auto}.followUpHistoryList article{border-bottom:1px solid var(--line);padding:11px 13px}.followUpHistoryList article:last-child{border-bottom:0}.followUpHistoryList article>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.followUpHistoryList article strong{color:var(--text);font-size:9px;line-height:1.5}.followUpHistoryList article>small{color:var(--muted);margin-top:6px;font-size:8px;display:block}.allocationSection.full{grid-column:1/-1}.allocationSection{border:1px solid var(--line);border-radius:10px;overflow:hidden}.allocationHead{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:11px 13px;display:flex}.allocationHead strong,.allocationHead small{display:block}.allocationHead strong{color:var(--text);font-size:10px}.allocationHead small{color:var(--muted);margin-top:4px;font-size:8px}.allocationHead>span{white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:850}.allocationMatched{background:var(--green-soft);color:var(--green)}.allocationMismatch{background:var(--orange-soft);color:#b96f10}.allocationRows{max-height:245px;padding:5px 12px;overflow:auto}.allocationRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:55px;display:flex}.allocationRow:last-child{border-bottom:0}.allocationRow span strong,.allocationRow span small{display:block}.allocationRow span strong{color:var(--text);font-size:9px}.allocationRow span small{color:var(--muted);margin-top:4px;font-size:8px}.allocationRow input{border:1px solid var(--line-2);background:var(--surface);width:140px;height:36px;color:var(--text);text-align:right;border-radius:8px;padding:0 10px}.advanceCreditPreview{background:var(--purple-soft);border:1px solid #cdbefd;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex}.advanceCreditPreview span{color:#7051d6;font-size:9px;font-weight:850}.advanceCreditPreview strong{color:#7051d6;font-size:17px}.advanceCreditPreview small{color:var(--muted);margin-left:auto;font-size:8px}.advanceCreditRecords table{min-width:1120px}.advanceCreditTotal{background:var(--purple-soft);color:#7051d6;border:1px solid #cdbefd;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:850}.advanceCreditBadge{white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.advanceCreditBadge.available{background:var(--purple-soft);color:#7051d6;border:1px solid #cdbefd}.advanceCreditBadge.applied{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d3}.advanceAmount{color:#7051d6}.advancePaymentMeta{color:#7051d6;margin-top:4px;font-size:7px;font-weight:750;display:block}.recoveryDashboardBars{align-content:center;gap:22px;min-height:230px;padding:26px 18px;display:grid}.recoveryDashboardBars div{grid-template-columns:1fr auto;gap:8px;display:grid;position:relative}.recoveryDashboardBars span,.recoveryDashboardBars strong{font-size:9px}.recoveryDashboardBars strong{color:var(--text)}.recoveryDashboardBars div:after{content:"";background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:8px}.recoveryDashboardBars i{z-index:1;background:var(--primary);border-radius:99px;height:8px;position:absolute;bottom:0;left:0}.recoveryDashboardBars i.orangeBar{background:var(--orange)}.collectorDashboardList{align-content:center;gap:13px;min-height:230px;padding:23px 15px;display:grid}.collectorDashboardList>div{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 9px;display:flex}.collectorDashboardList strong{font-size:10px}.complaintStatusChart{align-content:center;gap:16px;min-height:230px;padding:24px 16px;display:grid}.complaintStatusChart>div{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.complaintStatusChart span,.complaintStatusChart strong{font-size:9px}.complaintStatusChart>div>i{background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.complaintStatusChart b{background:var(--primary);border-radius:99px;height:100%;display:block}.complaintStatusChart b.resolved{background:var(--green)}.complaintStatusChart b.closed{background:var(--purple)}.complaintStatusChart b.overdue{background:var(--red)}.complaintSlaLegend{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.technicianTaskStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.technicianTaskStats article{border:1px solid var(--line);background:var(--surface);min-height:88px;box-shadow:var(--shadow-sm);border-radius:11px;padding:13px 14px}.technicianTaskStats span,.technicianTaskStats strong,.technicianTaskStats small{display:block}.technicianTaskStats span{color:var(--muted);font-size:9px;font-weight:800}.technicianTaskStats strong{color:var(--text);margin-top:8px;font-size:19px}.technicianTaskStats small{color:var(--muted);margin-top:4px;font-size:8px}.technicianTaskStats article.active{background:var(--orange-soft);border-color:#f1d7a8}.technicianTaskStats article.active strong{color:#b96f10}.technicianTaskStats article.progress{background:var(--primary-soft);border-color:#b9d8fb}.technicianTaskStats article.progress strong{color:var(--primary)}.technicianTaskStats article.overdue{background:var(--red-soft);border-color:#f0c8cf}.technicianTaskStats article.overdue strong{color:var(--red)}.technicianTaskStats article.completed{background:var(--green-soft);border-color:#bfe8d3}.technicianTaskStats article.completed strong{color:var(--green)}.technicianTaskLedger{min-height:430px}.technicianTaskToolbar .filters{flex-wrap:wrap}.technicianTaskTable table{min-width:1720px}.technicianTaskTable th{padding:11px;font-size:9px}.technicianTaskTable td{vertical-align:middle;padding:12px 11px;font-size:10px}.technicianTaskTable tr.overdueTaskRow td{background:#fff9f9}.technicianTaskTable tr.completedTaskRow td{background:var(--green-soft)}@supports (color:color-mix(in lab, red, red)){.technicianTaskTable tr.completedTaskRow td{background:color-mix(in srgb, var(--green-soft) 45%, var(--surface))}}.taskSourceBadge{border:1px solid var(--line);background:var(--surface-2);width:max-content;color:var(--muted);white-space:nowrap;border-radius:99px;margin-top:6px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.taskSourceBadge.complaint{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.taskSourceBadge.new-connection{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.taskSourceBadge.general-task{background:var(--purple-soft);color:var(--purple);border-color:#d5c4f4}.taskDue{color:var(--muted);white-space:nowrap;margin-top:6px;font-size:8px;font-weight:750;display:block}.taskDue.overdue{color:var(--red)}.technicianBadge.compact{margin:2px 4px 2px 0;padding:4px 6px;font-size:7px}.taskRemarks{max-width:235px;color:var(--text);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.technicianTaskStatusSelect{border:1px solid var(--line);background:var(--surface-2);min-width:112px;height:31px;color:var(--muted);border-radius:99px;padding:0 26px 0 9px;font-size:9px;font-weight:850}.technicianTaskStatusSelect.assigned,.technicianTaskStatusSelect.in-progress{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.technicianTaskStatusSelect.pending,.technicianTaskStatusSelect.on-hold{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.technicianTaskStatusSelect.completed{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.technicianTaskStatusSelect.cancelled{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.technicianTaskModal{width:min(900px,100%)}.fullField{grid-column:1/-1}.currentResponsibilityField{margin-top:12px}.complaintStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.complaintStats article{border:1px solid var(--line);background:var(--surface);min-height:88px;box-shadow:var(--shadow-sm);border-radius:11px;padding:13px 14px}.complaintStats span,.complaintStats strong,.complaintStats small{display:block}.complaintStats span{color:var(--muted);font-size:9px;font-weight:800}.complaintStats strong{color:var(--text);margin-top:8px;font-size:19px}.complaintStats small{color:var(--muted);margin-top:4px;font-size:8px}.complaintStats article.open{background:var(--orange-soft);border-color:#f1d7a8}.complaintStats article.open strong{color:#b96f10}.complaintStats article.overdue{background:var(--red-soft);border-color:#f0c8cf}.complaintStats article.overdue strong{color:var(--red)}.complaintStats article.resolved{background:var(--green-soft);border-color:#bfe8d3}.complaintStats article.resolved strong{color:var(--green)}.complaintStats article.charges{background:var(--purple-soft);border-color:#d5c4f4}.complaintStats article.charges strong{color:var(--purple);font-size:16px}.complaintCustomerFinder{margin-bottom:14px;padding:15px;overflow:visible}.complaintFinderIntro>div{align-items:center;gap:10px;display:flex}.finderIcon{background:var(--primary-soft);width:37px;height:37px;color:var(--primary);border-radius:10px;place-items:center;font-size:18px;display:grid}.complaintFinderIntro h3{margin:0;font-size:12px}.complaintFinderIntro p{color:var(--muted);margin:4px 0 0;font-size:9px}.complaintCustomerSearch{background:var(--surface-2);border:1px solid #b9d8fb;border-radius:9px;align-items:center;gap:8px;height:44px;margin-top:13px;padding:0 12px;display:flex}.complaintCustomerSearch>span{color:var(--primary);font-size:18px}.complaintCustomerSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.complaintSearchResults{gap:6px;margin-top:9px;display:grid}.complaintSearchResults>button{border:1px solid var(--line);background:var(--surface);width:100%;min-height:55px;color:var(--text);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:9px 11px;display:flex}.complaintSearchResults>button:hover{border-color:var(--primary);background:var(--primary-soft)}.complaintSearchResults strong,.complaintSearchResults small,.complaintSearchResults b,.complaintSearchResults i{display:block}.complaintSearchResults strong{font-size:10px}.complaintSearchResults small{color:var(--muted);margin-top:5px;font-size:8px}.complaintSearchResults>button>span:last-child{text-align:right}.complaintSearchResults b{color:var(--muted);font-size:8px}.complaintSearchResults i{color:var(--primary);margin-top:5px;font-size:8px;font-style:normal;font-weight:850}.noCustomerMatch{border:1px dashed var(--line-2);text-align:center;border-radius:9px;padding:15px 12px}.complaintLedger{min-height:340px}.complaintToolbar .filters{flex-wrap:wrap}.complaintTable table{min-width:1650px}.complaintTable th{padding:11px;font-size:9px}.complaintTable td{vertical-align:middle;padding:12px 11px;font-size:10px}.complaintTable tr.overdueComplaintRow td{background:#fff9f9}.complaintCategoryBadge,.complaintChargeBadge{background:var(--primary-soft);max-width:170px;color:var(--primary);white-space:normal;border:1px solid #b9d8fb;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.complaintChargeBadge{background:var(--purple-soft);color:var(--purple);border-color:#d5c4f4}.complaintPaymentCell{justify-items:start;gap:5px;min-width:125px;display:grid}.complaintMarkPaidButton{background:var(--green-soft);min-height:29px;color:var(--green);white-space:nowrap;border:1px solid #bfe8d3;border-radius:7px;margin-top:2px;padding:0 10px;font-size:8px;font-weight:850}.complaintMarkPaidButton:hover{border-color:var(--green)}.complaintPaidLabel{background:var(--green-soft);color:var(--green);white-space:nowrap;border-radius:7px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.complaintDetails{max-width:180px;color:var(--muted);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.priorityBadge{white-space:nowrap;border:1px solid #0000;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.priorityBadge.high{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.priorityBadge.medium{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.priorityBadge.low{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.slaTimer{color:var(--muted);margin-top:6px;font-size:8px;font-weight:750;display:block}.slaTimer.overdue,.overdueFlag{color:var(--red)}.responsibilityLabel{color:var(--primary);margin-top:5px;font-size:7px;font-weight:850;display:block}.unassignedBadge,.noCharge{color:var(--muted);font-size:8px}.complaintStatusBadge{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.complaintStatusBadge.assigned,.complaintStatusBadge.in-progress{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.complaintStatusBadge.pending{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.complaintStatusBadge.resolved,.complaintStatusBadge.closed{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.complaintStatusBadge.reopened{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.complaintStatusSelect{border:1px solid var(--line);background-color:var(--surface-2);min-width:112px;height:31px;color:var(--muted);cursor:pointer;border-radius:99px;padding:0 26px 0 9px;font-size:9px;font-weight:850}.complaintStatusSelect.assigned,.complaintStatusSelect.in-progress{background-color:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.complaintStatusSelect.pending{background-color:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.complaintStatusSelect.resolved,.complaintStatusSelect.closed{background-color:var(--green-soft);color:var(--green);border-color:#bfe8d3}.complaintStatusSelect.reopened{background-color:var(--red-soft);color:var(--red);border-color:#f0c8cf}.complaintStatusSelect:focus{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.complaintStatusSelect:focus{outline:2px solid color-mix(in srgb, var(--primary) 28%, transparent)}}.complaintStatusSelect:focus{outline-offset:2px}.overdueFlag{margin-top:5px;font-size:7px;font-weight:850;display:block}.manageComplaintButton{background:var(--primary-soft);height:30px;color:var(--primary);border:1px solid #b9d8fb;border-radius:7px;padding:0 10px;font-size:8px;font-weight:850}.complaintModal{width:min(980px,100%)}.complaintCurrentBanner{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.complaintCurrentBanner>div{gap:6px;display:flex}.complaintCurrentBanner strong{font-size:10px}.complaintCurrentBanner small{color:var(--muted);font-size:8px}.complaintForm{padding-top:17px}.sectionTitle{justify-content:space-between;align-items:center;gap:12px;display:flex}.sectionTitle strong,.sectionTitle small{display:block}.sectionTitle strong{color:var(--text);font-size:10px}.sectionTitle small{color:var(--muted);margin-top:4px;font-size:8px}.sectionTitle>span{color:var(--muted);font-size:8px}.quickActionSection,.technicianAssignment,.resolutionSection,.complaintHistory{border:1px solid var(--line);border-radius:10px;padding:13px}.quickActionGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:11px;display:grid}.quickActionGrid button{border:1px solid var(--line);background:var(--surface);min-height:68px;color:var(--text);text-align:left;border-radius:8px;padding:8px}.quickActionGrid button:hover{border-color:#9fc5f0}.quickActionGrid button.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.quickActionGrid i,.quickActionGrid span,.quickActionGrid small{display:block}.quickActionGrid i{color:var(--primary);font-size:14px;font-style:normal}.quickActionGrid span{margin-top:6px;font-size:8px;font-weight:850;line-height:1.3}.quickActionGrid small{color:var(--muted);margin-top:3px;font-size:7px}.technicianChecks{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;display:grid}.technicianChecks label{border:1px solid var(--line);background:var(--surface);min-height:39px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.technicianChecks label.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.technicianChecks label.selected.khalid{background:var(--green-soft);color:var(--green);border-color:#a8dfbf}.technicianChecks label.selected.tariq{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.complaintChargeField{background:var(--purple-soft);border:1px solid #d5c4f4;border-radius:9px;padding:10px}.resolutionActions{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.resolutionActions button{background:var(--green-soft);min-height:29px;color:var(--green);border:1px solid #bfe8d3;border-radius:7px;padding:0 9px;font-size:8px;font-weight:800}.resolutionSection textarea{resize:vertical;border:1px solid var(--line-2);background:var(--surface);width:100%;min-height:80px;color:var(--text);font:inherit;border-radius:8px;outline:0;margin-top:10px;padding:10px;font-size:10px}.complaintHistory{padding-bottom:5px}.complaintHistoryList{max-height:250px;margin-top:12px;overflow:auto}.complaintHistoryList article{grid-template-columns:13px 1fr;gap:9px;padding:0 0 13px;display:grid;position:relative}.complaintHistoryList article>i{border:2px solid var(--primary);background:var(--surface);border-radius:50%;width:8px;height:8px;margin-top:3px}.complaintHistoryList article:not(:last-child):before{content:"";background:var(--line-2);width:1px;position:absolute;top:11px;bottom:1px;left:3px}.complaintHistoryList strong{font-size:9px}.complaintHistoryList p{color:var(--text);margin:4px 0 0;font-size:8px;line-height:1.45}.complaintHistoryList small{color:var(--muted);margin-top:4px;font-size:7px;display:block}.navCountBadge{color:#fff;background:#ef4444;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:9px;font-weight:900;display:inline-flex}.portalSyncPendingBadge{background:var(--orange-soft);color:#b96f10;white-space:nowrap;border:1px solid #f1d7a8;border-radius:99px;width:max-content;margin-top:6px;padding:4px 7px;font-size:7px;font-weight:900;display:block}.portalAccessNote{margin-bottom:16px}.portalActionStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.portalActionStats article{border:1px solid var(--line);background:var(--surface);min-height:105px;box-shadow:var(--shadow);border-radius:13px;padding:18px}.portalActionStats span,.portalActionStats small{color:var(--muted);display:block}.portalActionStats span{font-size:9px;font-weight:850}.portalActionStats strong{color:var(--text);margin:10px 0 7px;font-size:23px;display:block}.portalActionStats small{font-size:8px}.portalActionStats article.progress{background:var(--primary-soft);border-color:#b9d8fb}.portalActionStats article.progress strong{color:var(--primary)}.portalActionStats article.overdue{background:var(--red-soft);border-color:#f0c8cf}.portalActionStats article.overdue strong{color:var(--red)}.portalActionStats article.completed{background:var(--green-soft);border-color:#bfe8d3}.portalActionStats article.completed strong{color:var(--green)}.portalActionStats article.history{background:var(--purple-soft);border-color:#d5c4f4}.portalActionStats article.history strong{color:#7750d8}.portalActionTabs{gap:8px;margin-bottom:14px;display:flex}.portalActionTabs button{border:1px solid var(--line);background:var(--surface);min-width:170px;height:43px;color:var(--muted);border-radius:9px;padding:0 16px;font-size:10px;font-weight:850}.portalActionTabs button span{background:var(--surface-2);border-radius:99px;margin-left:7px;padding:3px 7px;font-size:8px}.portalActionTabs button.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 16px #1b70e82e}.portalActionTabs button.active span{background:#fff3}.portalQueueTabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.portalQueueTabs button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:74px;color:var(--text);text-align:left;box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;display:grid}.portalQueueTabs button>i{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;font-size:15px;font-style:normal;display:grid}.portalQueueTabs button span,.portalQueueTabs button strong,.portalQueueTabs button small{min-width:0;display:block}.portalQueueTabs button strong{font-size:10px}.portalQueueTabs button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7px;overflow:hidden}.portalQueueTabs button>b{background:var(--surface-2);min-width:25px;height:25px;color:var(--muted);border-radius:99px;place-items:center;padding:0 7px;font-size:8px;display:grid}.portalQueueTabs button:hover{border-color:#b9d8fb;transform:translateY(-1px)}.portalQueueTabs button.active.approvals{background:linear-gradient(135deg,var(--green-soft),var(--surface));border-color:#8fd6b2;box-shadow:0 9px 22px #19a6681a}.portalQueueTabs button.active.approvals>i,.portalQueueTabs button.active.approvals>b{background:var(--green);color:#fff}.portalQueueTabs button.active.advanceRenewals{background:linear-gradient(135deg,var(--orange-soft),var(--surface));border-color:#efbd75;box-shadow:0 9px 22px #d98a1d1f}.portalQueueTabs button.active.advanceRenewals>i,.portalQueueTabs button.active.advanceRenewals>b{background:var(--orange);color:#fff}.portalQueueTabs button.active.newConnections{background:linear-gradient(135deg,var(--primary-soft),var(--surface));border-color:#a9cdf8;box-shadow:0 9px 22px #0f6fe81a}.portalQueueTabs button.active.newConnections>i,.portalQueueTabs button.active.newConnections>b{background:var(--primary);color:#fff}.portalQueueTabs button.active.other{background:linear-gradient(135deg,var(--purple-soft),var(--surface));border-color:#cec0ef;box-shadow:0 9px 22px #7957d51a}.portalQueueTabs button.active.other>i,.portalQueueTabs button.active.other>b{background:var(--purple);color:#fff}.portalActionLedger{overflow:hidden}.portalQueueTitle{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-height:61px;padding:12px 18px;display:flex}.portalQueueTitle span strong,.portalQueueTitle span small{display:block}.portalQueueTitle span strong{font-size:13px}.portalQueueTitle span small{color:var(--muted);margin-top:4px;font-size:8px}.portalQueueTitle>b{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:5px 9px;font-size:8px}.portalActionToolbar{border-bottom:1px solid var(--line)}.portalActionTable table{min-width:1180px}.portalActionTable th:nth-child(2){min-width:180px}.portalActionTable th:nth-child(4){min-width:240px}.portalActionTable tr.overduePortalRow td{background:#fff8f8}.portalPrimaryUserId{max-width:190px;color:var(--primary);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;display:block;overflow:hidden}.portalIdentityMeta{max-width:200px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:7px;display:block;overflow:hidden}.portalActionTypeBadge,.portalActionStatusBadge{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.portalActionTypeBadge.create-new-id{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.portalActionTypeBadge.activate-id{background:var(--green-soft);color:var(--green);border-color:#a9dfc3}.portalActionTypeBadge.advance-renewal{background:var(--orange-soft);color:#b96f10;border-color:#efbd75}.portalActionTypeBadge.manual-inactive{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.portalActionTypeBadge.package-change{background:var(--purple-soft);color:#7750d8;border-color:#d5c4f4}.portalActionTypeBadge.customer-details-edit{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.portalActionTypeBadge.terminate-id{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.portalActionStatusBadge.pending,.portalActionStatusText.pending{color:#b96f10}.portalActionStatusBadge.pending{background:var(--orange-soft);border-color:#f1d7a8}.portalActionStatusBadge.in-progress,.portalActionStatusText.in-progress{color:var(--primary)}.portalActionStatusBadge.in-progress{background:var(--primary-soft);border-color:#b9d8fb}.portalActionStatusBadge.completed,.portalActionStatusText.completed{color:var(--green)}.portalActionStatusBadge.completed{background:var(--green-soft);border-color:#bfe8d3}.portalActionStatusBadge.cancelled,.portalActionStatusText.cancelled{color:var(--red)}.portalActionStatusBadge.cancelled{background:var(--red-soft);border-color:#f0c8cf}.portalChangePreview{gap:5px;display:grid}.portalChangePreview span{color:var(--text);font-size:8px;line-height:1.4}.portalChangePreview span b{color:var(--muted)}.portalChangePreview small{color:var(--primary);font-size:7px;font-weight:800}.portalPaymentPreview{background:var(--orange-soft);border:1px solid #f1d7a8;border-radius:7px;gap:3px;margin-top:5px;padding:7px 8px;display:grid}.portalPaymentPreview span,.portalPaymentPreview strong{font-size:7px}.portalPaymentPreview span{color:var(--muted)}.portalPaymentPreview strong{color:#b96f10}.portalPaymentPreview.paid{background:var(--green-soft);border-color:#bfe8d3}.portalPaymentPreview.paid strong{color:var(--green)}.portalActionAddModal{width:min(760px,100%)}.portalActionDetailModal{width:min(940px,100%)}.portalActionDetailBody{gap:14px;padding:18px 22px 24px;display:grid;overflow:auto}.portalActionDetailSummary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.portalActionDetailSummary span{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;gap:5px;padding:10px 12px;font-size:8px;display:grid}.portalActionDetailSummary strong{color:var(--text);font-size:10px}.portalPaymentSnapshot{background:linear-gradient(135deg,var(--orange-soft),var(--surface));border:1px solid #f1d7a8;border-radius:11px;padding:14px}.portalPaymentStatus{background:var(--surface);color:#b96f10;border:1px solid #f1d7a8;border-radius:99px;justify-content:center;align-items:center;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.portalPaymentStatus.paid{color:var(--green);border-color:#bfe8d3}.portalPaymentAmounts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.portalPaymentAmounts article{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:11px}.portalPaymentAmounts span,.portalPaymentAmounts strong{display:block}.portalPaymentAmounts span{color:var(--muted);font-size:7px;font-weight:800}.portalPaymentAmounts strong{color:var(--text);margin-top:5px;font-size:12px}.portalPaymentAmounts article.received strong{color:var(--green)}.portalPaymentAmounts article.pending strong{color:#b96f10}.portalPaymentMeta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.portalPaymentMeta span{background:var(--surface);color:var(--muted);border-radius:6px;padding:5px 7px;font-size:7px}.portalPaymentMeta strong{color:var(--text)}.portalPaymentSnapshot>p{color:var(--muted);margin:9px 0 0;font-size:7px;line-height:1.5}.copyDetailsSection,.portalActionHistory,.portalActionDecision{border:1px solid var(--line);border-radius:11px;padding:14px}.copyDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.copyDetailGrid article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.copyDetailGrid article div{min-width:0}.copyDetailGrid span,.copyDetailGrid small,.copyDetailGrid strong{display:block}.copyDetailGrid span{color:var(--muted);font-size:7px;font-weight:800}.copyDetailGrid small{color:var(--muted);margin-top:3px;font-size:7px}.copyDetailGrid strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.copyDetailGrid button{background:var(--primary-soft);min-width:65px;height:31px;color:var(--primary);border:1px solid #b9d8fb;border-radius:7px;font-size:8px;font-weight:900}.portalActionHistory>div:last-child{max-height:220px;margin-top:12px;overflow:auto}.portalActionHistory article{grid-template-columns:13px 1fr;gap:9px;padding:0 0 13px;display:grid;position:relative}.portalActionHistory article>i{border:2px solid var(--primary);background:var(--surface);border-radius:50%;width:8px;height:8px;margin-top:3px}.portalActionHistory article:not(:last-child):before{content:"";background:var(--line-2);width:1px;position:absolute;top:11px;bottom:1px;left:3px}.portalActionHistory article strong{font-size:9px}.portalActionHistory article p{color:var(--text);margin:4px 0 0;font-size:8px;line-height:1.45}.portalActionHistory article small{color:var(--muted);margin-top:4px;font-size:7px;display:block}.portalActionDecision{gap:12px;display:grid}.portalActionDecision textarea{resize:vertical;width:100%}.portalActionButtons{justify-content:flex-end;gap:8px;display:flex}.inProgressButton,.completePortalButton{border-radius:8px;min-height:38px;padding:0 15px;font-size:9px;font-weight:900}.inProgressButton{background:var(--primary-soft);color:var(--primary);border:1px solid #b9d8fb}.completePortalButton{border:1px solid var(--primary);background:var(--primary);color:#fff}.pendingPortalCompletion{background:var(--orange-soft);border:1px solid #f1d7a8;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.pendingPortalCompletion strong{color:#9a5a08;font-size:10px}.pendingPortalCompletion p{color:var(--text);margin:5px 0 3px;font-size:9px}.pendingPortalCompletion small{color:var(--muted);font-size:7px}.pendingPortalCompletion>div:last-child{flex-shrink:0;gap:7px;display:flex}.pendingPortalCompletion button{border:1px solid var(--line-2);background:var(--surface);min-height:35px;color:var(--text);border-radius:7px;padding:0 11px;font-size:8px;font-weight:900}.pendingPortalCompletion .completeAnywayButton{color:#fff;background:#d98a1d;border-color:#d98a1d}.cancelPortalSection{border-top:1px solid var(--line);padding-top:12px}.cancelPortalSection>strong{color:var(--red);margin-bottom:8px;font-size:9px;display:block}.cancelPortalSection>div{grid-template-columns:190px 1fr auto;gap:7px;display:grid}.cancelPortalSection select,.cancelPortalSection input{border:1px solid var(--line-2);background:var(--surface);height:36px;color:var(--text);border-radius:8px;padding:0 10px;font-size:9px}.cancelPortalSection button{background:var(--red-soft);min-height:36px;color:var(--red);border:1px solid #f0c8cf;border-radius:8px;padding:0 12px;font-size:8px;font-weight:900}.portalActionOutcome{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d3;border-radius:10px;padding:14px}.portalActionOutcome.cancelled{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.portalActionOutcome strong{font-size:10px}.portalActionOutcome p{color:var(--text);margin:5px 0;font-size:9px}.portalActionOutcome small{color:var(--muted);font-size:8px}.markAdvanceRenewedButton{background:var(--green-soft);min-height:31px;color:var(--green);white-space:nowrap;border:1px solid #bfe8d3;border-radius:7px;padding:0 10px;font-size:8px;font-weight:900}.reportsHead{align-items:flex-end}.reportExportButtons{gap:7px;display:flex}.reportExportButtons button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;padding:0 13px;font-size:9px;font-weight:850}.reportExportButtons button:first-child{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.reportFinalizationBanner{background:var(--primary-soft);border:1px solid #b9d8fb;border-radius:10px;align-items:center;gap:11px;margin-bottom:14px;padding:12px 14px;display:flex}.reportFinalizationBanner>span{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:inline-flex}.reportFinalizationBanner strong,.reportFinalizationBanner small{display:block}.reportFinalizationBanner strong{color:var(--primary);font-size:9px}.reportFinalizationBanner small{color:var(--muted);margin-top:4px;font-size:8px}.reportFilters{margin-bottom:14px;padding:14px}.reportPeriodButtons{flex-wrap:wrap;gap:7px;display:flex}.reportPeriodButtons button{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--muted);border-radius:7px;padding:0 13px;font-size:8px;font-weight:850}.reportPeriodButtons button.active{border-color:var(--primary);background:var(--primary);color:#fff}.customDateRange{gap:8px;margin-top:10px;display:flex}.customDateRange label{color:var(--muted);gap:4px;font-size:7px;font-weight:800;display:grid}.customDateRange input{border:1px solid var(--line-2);background:var(--surface);min-width:155px;height:34px;color:var(--text);border-radius:7px;padding:0 9px;font-size:8px}.reportFilterGrid{grid-template-columns:minmax(230px,1.5fr) repeat(6,minmax(105px,1fr));gap:7px;margin-top:11px;display:grid}.reportFilterGrid .customerSearch{width:auto}.reportFilterGrid select{border:1px solid var(--line);background-color:var(--surface);width:100%;height:38px;color:var(--text);border-radius:8px;padding:0 27px 0 9px;font-size:8px}.reportOverviewCards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.reportOverviewCards article{border:1px solid var(--line);background:var(--surface);min-height:101px;box-shadow:var(--shadow);border-radius:12px;padding:15px}.reportOverviewCards span,.reportOverviewCards small{color:var(--muted);display:block}.reportOverviewCards span{font-size:8px;font-weight:850}.reportOverviewCards strong{color:var(--primary);margin:10px 0 6px;font-size:18px;display:block}.reportOverviewCards small{font-size:7px}.reportOverviewCards article.cash{background:var(--green-soft);border-color:#bfe8d3}.reportOverviewCards article.cash strong{color:var(--green)}.reportOverviewCards article.held{background:var(--purple-soft);border-color:#d5c4f4}.reportOverviewCards article.held strong{color:#7750d8}.reportOverviewCards article.outstanding{background:var(--orange-soft);border-color:#f1d7a8}.reportOverviewCards article.outstanding strong{color:#b96f10}.reportOverviewCards article.advance{background:var(--primary-soft);border-color:#b9d8fb}.reportSectionTabs{gap:7px;margin-bottom:13px;padding-bottom:2px;display:flex;overflow-x:auto}.reportSectionTabs button{border:1px solid var(--line);background:var(--surface);min-width:max-content;height:39px;color:var(--muted);border-radius:8px;padding:0 13px;font-size:8px;font-weight:850}.reportSectionTabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.reportCollectorTabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px;display:grid}.reportCollectorTabs button{border:1px solid var(--line);background:var(--surface);min-height:41px;color:var(--muted);border-radius:8px;font-size:9px;font-weight:850}.reportCollectorTabs button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.reportCollectorTabs button.active.khalid{background:var(--green-soft);color:var(--green);border-color:#65b98b;box-shadow:inset 0 0 0 1px #65b98b}.reportCollectorTabs button.active.tariq{background:var(--orange-soft);color:#b96f10;border-color:#e2a34f;box-shadow:inset 0 0 0 1px #e2a34f}.reportTableCard{overflow:hidden}.reportTableCard .cardHead{border-bottom:1px solid var(--line)}.readOnlyBadge{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:99px;padding:5px 8px;font-size:7px;font-weight:850}.reportsTable table{min-width:1180px}.reportsTable th{z-index:1;position:sticky;top:0}.reportsTable tbody td{font-size:8px;line-height:1.4}.reportsTable tfoot td{background:var(--surface-2);color:var(--text);text-align:right;padding:12px 14px;font-size:8px;font-weight:850}.reportStatusBadge{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:7px;font-weight:900;display:inline-flex}.reportStatusBadge.settled,.reportStatusBadge.active,.reportStatusBadge.resolved,.reportStatusBadge.completed,.reportStatusBadge.advance-renewed{background:var(--green-soft);color:var(--green);border-color:#bfe8d3}.reportStatusBadge.held,.reportStatusBadge.pending,.reportStatusBadge.partial,.reportStatusBadge.pending-renewal,.reportStatusBadge.partially-settled{background:var(--orange-soft);color:#b96f10;border-color:#f1d7a8}.reportStatusBadge.cancelled,.reportStatusBadge.terminated,.reportStatusBadge.voided---excluded-from-totals{background:var(--red-soft);color:var(--red);border-color:#f0c8cf}.reportStatusBadge.in-progress,.reportStatusBadge.assigned,.reportStatusBadge.request,.reportStatusBadge.installation{background:var(--primary-soft);color:var(--primary);border-color:#b9d8fb}.renewedHistoryBadge{background:var(--green-soft);color:var(--green);white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:7px;font-weight:900;display:inline-flex}.reportArchiveNote{border:1px dashed var(--line-2);color:var(--muted);border-radius:9px;margin-top:12px;padding:11px 13px;font-size:8px;line-height:1.5}.reportArchiveNote strong{color:var(--text)}.dark .reportOverviewCards article.cash{background:#193c2d;border-color:#2f684a}.dark .reportOverviewCards article.held{background:#30274c;border-color:#58468a}.dark .reportOverviewCards article.outstanding{background:#342a1d;border-color:#66502e}.dark .reportOverviewCards article.advance,.dark .reportFinalizationBanner{background:#173453;border-color:#285c98}.dark .complaintTable tr.overdueComplaintRow td,.dark .portalActionTable tr.overduePortalRow td{background:#352127}.dark .portalActionStats article.progress{background:#173453;border-color:#285c98}.dark .portalActionStats article.overdue{background:#3a2028;border-color:#683844}.dark .portalActionStats article.completed{background:#193c2d;border-color:#2f684a}.dark .portalActionStats article.history{background:#30274c;border-color:#58468a}.dark .technicianTaskTable tr.overdueTaskRow td{background:#352127}.dark .technicianTaskTable tr.completedTaskRow td{background:#19312a}.dark .technicianTaskStats article.active{background:#342a1d;border-color:#66502e}.dark .technicianTaskStats article.progress{background:#173453;border-color:#285c98}.dark .technicianTaskStats article.overdue{background:#3a2028;border-color:#683844}.dark .technicianTaskStats article.completed{background:#193c2d;border-color:#2f684a}.dark .complaintStats article.open{background:#342a1d;border-color:#66502e}.dark .complaintStats article.overdue{background:#3a2028;border-color:#683844}.dark .complaintStats article.resolved{background:#193c2d;border-color:#2f684a}.dark .complaintStats article.charges,.dark .complaintChargeField{background:#30274c;border-color:#58468a}.comingSoon{min-height:430px}.dark .recoverySummaryGrid article.received{background:#193c2d;border-color:#2f684a}.dark .recoverySummaryGrid article.pending{background:#342a1d;border-color:#66502e}.dark .recoverySummaryGrid article.held{background:#30274c;border-color:#58468a}.dark .autoSettled{color:#8fc1ff;background:#173453}.ceoDashboard{--ceo-navy:#0c2340;--ceo-blue:#2459c4;--ceo-cyan:#82d6ed;--ceo-yellow:#f7c233;--ceo-orange:#f6902b;--ceo-red:#ef3e2f;--ceo-magenta:#b10763;--ceo-green:#0f7b50;gap:12px;display:grid}.ceoPageHead{justify-content:flex-start;align-items:center;gap:18px;min-height:38px;padding:0 4px;display:flex}.ceoEyebrow,.ceoSectionLabel{color:var(--ceo-blue);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.ceoDashboardTitle{align-items:center;gap:18px;display:flex}.ceoDashboardTitle span{color:#66768c;font-size:10px}.ceoPageHead h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:25px;line-height:1.08}.ceoPageHead p{color:var(--muted);margin:7px 0 0;font-size:11px}.ceoPageHead select{border:1px solid var(--line);background:var(--surface);min-width:150px;height:40px;color:var(--text);box-shadow:var(--shadow-sm);border-radius:11px;padding:0 34px 0 13px;font-size:10px;font-weight:800}.ceoHeroGrid,.ceoInsightGrid,.ceoBottomGrid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:12px;display:grid}.ceoCard{background:#fffffff7;border:1px solid #d9e2ec;border-radius:14px;min-width:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #0c234011}.ceoCard:after{content:"";pointer-events:none;background:linear-gradient(120deg,#82d6ed0a,#0000 32%,#f6902b09);position:absolute;inset:0}.ceoCardHead{z-index:1;border-bottom:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:14px;min-height:56px;padding:11px 15px;display:flex;position:relative}.ceoCardHead h2{color:#152238;margin:0;font-size:13px;line-height:1.2}.ceoCardHead p{color:#728197;margin:4px 0 0;font-size:8px}.ceoLiveBadge,.ceoRuleBadge,.ceoOverdueBadge,.ceoActionTotal{color:var(--ceo-blue);background:#eef4ff;border-radius:99px;flex:none;padding:6px 9px;font-size:8px;font-weight:850}.ceoLiveBadge{color:var(--ceo-green);background:#e8f7f0;align-items:center;gap:5px;display:inline-flex}.ceoLiveBadge i{background:var(--ceo-green);border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite ceoPulse;box-shadow:0 0 0 4px #0f7b501a}.ceoActionTotal,.ceoRuleBadge{color:#a94d00;background:#fff3e5}.ceoOverdueBadge{color:var(--ceo-green);background:#e8f7f0}.ceoOverdueBadge.alert{color:var(--ceo-red);background:#fdecef}.ceoServiceBody{z-index:1;grid-template-columns:172px 1fr;align-items:center;gap:14px;min-height:190px;padding:13px 18px;display:grid;position:relative}.ceoServiceDonut,.ceoCollectionRing,.ceoComplaintDonut{border-radius:50%;place-items:center;animation:.75s cubic-bezier(.22,.8,.3,1) both ceoRingIn;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0c23400a,0 15px 34px #2459c421}.ceoServiceDonut{width:142px;height:142px}.ceoServiceDonut:before,.ceoCollectionRing:before,.ceoComplaintDonut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:20px;box-shadow:0 0 0 1px #eef2f7}.ceoServiceDonut>div,.ceoCollectionRing>div,.ceoComplaintDonut>div{z-index:1;text-align:center;position:relative}.ceoServiceDonut strong{color:#152238;letter-spacing:-.04em;font-size:31px;display:block}.ceoServiceDonut span{color:#738197;font-size:9px}.ceoServiceLegend{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ceoServiceLegend>div{background:#fbfcfe;border:1px solid #e6ecf3;border-radius:12px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:flex}.ceoServiceLegend i{border-radius:50%;flex:none;width:9px;height:9px}.ceoServiceLegend i.active{background:var(--ceo-blue);box-shadow:0 0 0 5px #eaf1ff}.ceoServiceLegend i.inactive{background:var(--ceo-orange);box-shadow:0 0 0 5px #fff3e5}.ceoServiceLegend i.terminated{background:var(--ceo-red);box-shadow:0 0 0 5px #fdecef}.ceoServiceLegend .expiring i{background:var(--ceo-yellow);box-shadow:0 0 0 5px #fff8db}.ceoServiceLegend small,.ceoServiceLegend strong{display:block}.ceoServiceLegend small{color:#77859a;font-size:8px}.ceoServiceLegend strong{color:#152238;margin-top:3px;font-size:16px}.ceoCardFoot{z-index:1;color:#77859a;background:#f8fbff;border-top:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:0 15px;font-size:8px;display:flex;position:relative}.ceoCardFoot b{color:var(--ceo-blue)}.ceoOperationList{z-index:1;padding:7px 11px 12px;display:grid;position:relative}.ceoOperationList button{color:#152238;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f6;grid-template-columns:36px minmax(0,1fr) auto 12px;align-items:center;gap:10px;min-height:57px;padding:7px 9px;transition:transform .18s,background .18s;display:grid}.ceoOperationList button:last-child{border-bottom:0}.ceoOperationList button:hover{background:#f6f9fd;border-radius:10px;transform:translate(3px)}.ceoOperationIcon{border-radius:11px;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.ceoOperationIcon.blue{color:var(--ceo-blue);background:#eaf1ff}.ceoOperationIcon.orange{color:#a94d00;background:#fff3e5}.ceoOperationIcon.purple{color:var(--ceo-magenta);background:#f6eaf2}.ceoOperationIcon.red{color:var(--ceo-red);background:#fdecef}.ceoOperationList strong,.ceoOperationList small{display:block}.ceoOperationList strong{font-size:10px}.ceoOperationList small{color:#77859a;margin-top:4px;font-size:8px}.ceoOperationList b{color:#152238;background:#f1f5fa;border-radius:9px;place-items:center;min-width:31px;height:27px;padding:0 7px;font-size:11px;display:grid}.ceoOperationList em{color:#91a0b3;font-size:19px;font-style:normal}.ceoPrivacy{color:#5f6f85;background:#fff;border:1px solid #d9e2ec;border-radius:8px;min-height:28px;padding:0 9px;font-size:8px;font-weight:800}.ceoRecoveryBody{z-index:1;grid-template-columns:minmax(0,1fr) 180px;min-height:250px;display:grid;position:relative}.ceoTrendPane{min-width:0;padding:15px 18px 12px}.ceoTrendLegend{flex-wrap:wrap;align-items:center;gap:13px;min-height:25px;display:flex}.ceoTrendLegend span{color:#66768c;align-items:center;gap:5px;font-size:7px;display:flex}.ceoTrendLegend i{background:var(--ceo-blue);border-radius:50%;width:7px;height:7px}.ceoTrendLegend .collected i{background:#19a86b}.ceoTrendLegend .outstanding i{background:var(--ceo-orange)}.ceoTrendLegend strong{color:#152238;font-size:7px}.ceoTrendChart{width:100%;height:176px;overflow:visible}.ceoChartGrid{stroke:#e9eef5;stroke-width:1px}.ceoTrendArea{fill:url(#ceoTrendFill)}.ceoTrendLine{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;animation:1s ease-out both ceoLineDraw}.ceoTrendLine.billed{stroke:var(--ceo-blue)}.ceoTrendLine.collected{stroke:#19a86b}.ceoTrendLine.outstanding{stroke:var(--ceo-orange)}.ceoTrendPoint{fill:#fff;stroke:var(--ceo-blue);stroke-width:2.4px}.ceoChartLabel{fill:#8a98aa;font-size:8px}.ceoCollectionPane{background:linear-gradient(155deg,#f8fbff,#fff);border-left:1px solid #e7edf4;align-content:center;place-items:center;gap:17px;padding:18px;display:grid}.ceoCollectionRing{width:112px;height:112px}.ceoCollectionRing:before{inset:17px}.ceoCollectionRing strong{color:#152238;letter-spacing:-.04em;font-size:23px;display:block}.ceoCollectionRing span{color:#77859a;font-size:8px}.ceoCollectionValues{gap:8px;width:100%;display:grid}.ceoCollectionValues>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.ceoCollectionValues small{color:#77859a;font-size:8px}.ceoCollectionValues strong{color:#152238;font-size:9px}.ceoCollectionValues strong.warm{color:#a94d00}.ceoCollectorList{z-index:1;gap:4px;padding:11px 16px;display:grid;position:relative}.ceoCollectorRow{border-bottom:1px solid #edf1f5;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 4px;display:grid}.ceoCollectorRow:last-child{border-bottom:0}.ceoCollectorName{align-items:center;gap:9px;min-width:0;display:flex}.ceoCollectorName>span{width:34px;height:34px;color:var(--ceo-blue);background:#eaf1ff;border-radius:11px;place-items:center;font-size:12px;font-weight:900;display:grid}.ceoCollectorRow.khalid .ceoCollectorName>span{color:var(--ceo-green);background:#e8f7f0}.ceoCollectorRow.tariq .ceoCollectorName>span{color:#a94d00;background:#fff3e5}.ceoCollectorName strong,.ceoCollectorName small,.ceoCollectorAmount strong,.ceoCollectorAmount small{display:block}.ceoCollectorName strong{color:#152238;font-size:10px}.ceoCollectorName small{color:#7a889b;margin-top:3px;font-size:7px}.ceoCollectorAmount{text-align:right}.ceoCollectorAmount strong{color:#152238;font-size:9px}.ceoCollectorAmount small{color:#8a98aa;margin-top:4px;font-size:7px}.ceoCollectorTrack{background:#edf2f7;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.ceoCollectorTrack i{background:linear-gradient(90deg,var(--ceo-blue),#5c7dc7,#82d6ed);transform-origin:0;border-radius:99px;height:100%;animation:.8s ease-out both ceoBarGrow;display:block}.ceoCollectorRow.khalid .ceoCollectorTrack i{background:linear-gradient(90deg,#0f7b50,#43b686)}.ceoCollectorRow.tariq .ceoCollectorTrack i{background:linear-gradient(90deg,#f6902b,#f7c233)}.ceoHeldStrip{z-index:1;background:linear-gradient(115deg,#fbf4f8,#f8f5ff);border-top:1px solid #eadcf0;justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:10px 18px;display:flex;position:relative}.ceoHeldStrip span{align-items:center;gap:8px;display:flex}.ceoHeldStrip i{width:29px;height:29px;color:var(--ceo-magenta);background:#f3e7ef;border-radius:9px;place-items:center;font-style:normal;display:grid}.ceoHeldStrip small{color:#6f5d70;font-size:8px}.ceoHeldStrip strong{color:var(--ceo-magenta);font-size:12px}.ceoLifecycleFlow{z-index:1;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:3px;padding:17px 16px 12px;display:grid;position:relative}.ceoLifecycleFlow>div{text-align:center;background:#fbfcfe;border:1px solid #e4ebf3;border-radius:12px;align-content:center;place-items:center;gap:5px;min-height:91px;padding:8px;display:grid}.ceoLifecycleFlow>div i{border-radius:12px;place-items:center;width:37px;height:37px;font-style:normal;font-weight:900;display:grid}.ceoLifecycleFlow>div strong{color:#152238;font-size:9px}.ceoLifecycleFlow>div span{color:#7a889b;font-size:7px}.ceoLifecycleFlow>b{color:#b4c0cf;text-align:center;font-size:22px}.ceoLifecycleFlow .active i{color:var(--ceo-green);background:#e8f7f0}.ceoLifecycleFlow .expiring i{color:#a56c00;background:#fff8db}.ceoLifecycleFlow .inactive i{color:#a94d00;background:#fff3e5}.ceoLifecycleFlow .terminated i{color:var(--ceo-red);background:#fdecef}.ceoLifecycleNote{z-index:1;background:#f1f6ff;border:1px solid #cfe0fb;border-radius:11px;align-items:center;gap:10px;margin:0 18px 17px;padding:10px 12px;display:flex;position:relative}.ceoLifecycleNote>span{color:var(--ceo-blue);font-size:22px}.ceoLifecycleNote p{color:#63748a;margin:0;font-size:8px;line-height:1.5}.ceoLifecycleNote strong{color:#254f9f}.ceoComplaintBody{z-index:1;grid-template-columns:120px 1fr;align-items:center;gap:10px;min-height:147px;padding:13px 15px;display:grid;position:relative}.ceoComplaintDonut{width:112px;height:112px;box-shadow:0 12px 30px #0f7b5017}.ceoComplaintDonut:before{inset:16px}.ceoComplaintDonut strong{color:#152238;font-size:22px;display:block}.ceoComplaintDonut span{color:#77859a;font-size:8px}.ceoComplaintStats{gap:11px;display:grid}.ceoComplaintStats>div{align-items:center;gap:9px;display:flex}.ceoComplaintStats i{border-radius:50%;width:8px;height:8px}.ceoComplaintStats i.open{background:var(--ceo-orange);box-shadow:0 0 0 4px #fff3e5}.ceoComplaintStats i.resolved{background:var(--ceo-green);box-shadow:0 0 0 4px #e8f7f0}.ceoComplaintStats i.today{background:var(--ceo-blue);box-shadow:0 0 0 4px #eaf1ff}.ceoComplaintStats small,.ceoComplaintStats strong{display:block}.ceoComplaintStats small{color:#7a889b;font-size:7px}.ceoComplaintStats strong{color:#152238;margin-top:2px;font-size:12px}.ceoSlaStrip{z-index:1;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 16px 16px;display:grid;position:relative}.ceoSlaStrip span{text-align:center;border-radius:8px;padding:7px 5px;font-size:7px;font-weight:850}.ceoSlaStrip .high{color:var(--ceo-red);background:#fdecef}.ceoSlaStrip .medium{color:#a94d00;background:#fff3e5}.ceoSlaStrip .low{color:var(--ceo-green);background:#e8f7f0}.dark .ceoCard,.dark .ceoCardHead,.dark .ceoCardFoot,.dark .ceoCollectionPane{border-color:var(--line);background:var(--surface)}.dark .ceoCardHead h2,.dark .ceoServiceDonut strong,.dark .ceoServiceLegend strong,.dark .ceoOperationList button,.dark .ceoTrendSummary strong,.dark .ceoCollectionRing strong,.dark .ceoCollectionValues strong,.dark .ceoCollectorName strong,.dark .ceoCollectorAmount strong,.dark .ceoLifecycleFlow>div strong,.dark .ceoComplaintDonut strong,.dark .ceoComplaintStats strong{color:var(--text)}.dark .ceoServiceDonut:before,.dark .ceoCollectionRing:before,.dark .ceoComplaintDonut:before{background:var(--surface);border-color:var(--line)}.dark .ceoServiceLegend>div,.dark .ceoOperationList button:hover,.dark .ceoLifecycleFlow>div{border-color:var(--line);background:var(--surface-2)}.dark .ceoChartGrid{stroke:var(--line)}.dark .ceoCollectorTrack{background:var(--surface-2)}.dark .ceoHeldStrip{background:#2b2333;border-color:#4c3450}.dark .ceoLifecycleNote{background:#172d47;border-color:#28517d}.ceoPortal{background:radial-gradient(circle at 72% -10%,#82d6ed1c,#0000 30%),#f5f8fc}.ceoPortal .sidebar{background:linear-gradient(#0c2746 0%,#0a223d 58%,#071b31 100%);box-shadow:8px 0 28px #06182b1a}.ceoPortal .sideBrand{height:84px}.ceoPortal .sidebar nav{gap:6px;padding:16px 11px}.ceoPortal .navItem{border-radius:10px;height:46px;min-height:46px;font-size:12px}.ceoPortal .navItem.active{background:linear-gradient(135deg,#0879ef,#2459c4);border:1px solid #fffc;box-shadow:0 10px 24px #2459c44d}.ceoPortal .topbar{height:66px;padding-inline:22px;box-shadow:0 1px #0c23400a}.ceoPortal .content{padding:14px 22px 24px}.ceoPortal .pageHead{min-height:50px;margin-bottom:12px}.ceoPortal .pageHead h1{font-size:24px}.ceoPortal .pageHead h1,.ceoPortal .card h2,.ceoPortal .card h3{letter-spacing:-.018em}.ceoPortal .cardHead{border-color:#e7edf4}.ceoPortal .primaryButton,.ceoPortal .markPaidButton,.ceoPortal .saveButton{background:linear-gradient(135deg,#0879ef,#2459c4);box-shadow:0 7px 17px #2459c42e}.ceoPortal input:focus,.ceoPortal select:focus,.ceoPortal textarea:focus{border-color:#80aef1;box-shadow:0 0 0 3px #2459c417}.ceoPortal .card,.ceoPortal .customerTableCard,.ceoPortal .connectionTableCard,.ceoPortal .complaintListCard,.ceoPortal .technicianTaskTableCard,.ceoPortal .portalActionsCard,.ceoPortal .reportTableCard{border-color:#dbe4ef;border-radius:14px;box-shadow:0 8px 24px #0c23400e}.ceoPortal .customerStats article,.ceoPortal .customerStats>button,.ceoPortal .connectionStats article,.ceoPortal .complaintStats article,.ceoPortal .technicianTaskStats article,.ceoPortal .portalActionStats article,.ceoPortal .reportOverviewCards article{border-color:#dbe4ef;border-radius:13px;box-shadow:0 7px 20px #0c23400b}.ceoPortal .customerToolbar,.ceoPortal .reportFilters{padding:13px 16px}.ceoPortal th{color:#708097;letter-spacing:.065em;background:#f6f9fd;height:40px;padding:10px;font-size:8px}.ceoPortal td{padding:13px 10px;font-size:9px}.ceoPortal tbody tr{transition:background .16s,transform .16s}.ceoPortal tbody tr:hover{background:#f8fbff}.ceoPortal .accessNote,.ceoPortal .integrationNote{border-radius:10px;box-shadow:0 5px 15px #0f7b5009}.ceoPortal button{transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.ceoPortal button:active{transform:translateY(1px)}.recoveryModuleV1{gap:13px;display:grid}.recoveryModuleV1>.pageHead,.recoveryModuleV1>.accessNote,.recoveryModuleV1>.recoveryTabs,.recoveryModuleV1>.recoverySummaryGrid{margin-bottom:0}.recoveryModuleV1 .recoveryTabs{background:#fff;border:1px solid #dbe4ef;border-radius:13px;padding:5px;box-shadow:0 6px 20px #0c23400a}.recoveryModuleV1 .recoveryTabs button{border:0;border-radius:9px;min-height:39px}.recoveryModuleV1 .recoverySummaryGrid{gap:10px}.recoveryModuleV1 .recoverySummaryGrid article{border-radius:13px;min-height:112px;padding:15px;box-shadow:0 7px 20px #0c23400b}.recoveryModuleV1 .recoverySummaryGrid article:first-child{background:linear-gradient(135deg,#fbfdff,#eef5ff);border-color:#b9d4ff}.recoveryModuleV1 .recoverySummaryGrid article.received{background:linear-gradient(135deg,#fbfefc,#eaf8f1)}.recoveryModuleV1 .recoverySummaryGrid article.pending{background:linear-gradient(135deg,#fffdf9,#fff4e5)}.recoveryModuleV1 .recoverySummaryGrid article.held{background:linear-gradient(135deg,#fdfaff,#f6efff)}.recoveryCollectorSnapshots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.recoveryCollectorSnapshots>button{color:#16243a;text-align:left;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #b9d4ff;border-radius:13px;grid-template-columns:auto repeat(3,minmax(0,1fr)) auto;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid;box-shadow:0 6px 18px #2459c40d}.recoveryCollectorSnapshots>button.khalid{background:linear-gradient(135deg,#fbfefc,#ecf9f2);border-color:#b4e2cc}.recoveryCollectorSnapshots>button.tariq{background:linear-gradient(135deg,#fffdf9,#fff5e9);border-color:#f6cf9c}.recoveryCollectorSnapshots small,.recoveryCollectorSnapshots strong{display:block}.recoveryCollectorSnapshots small{color:#7b899c;font-size:7px}.recoveryCollectorSnapshots strong{white-space:nowrap;margin-top:3px;font-size:9px}.recoveryCollectorSnapshots em{color:#2459c4;white-space:nowrap;font-size:8px;font-style:normal;font-weight:850}.recoveryCollectorSnapshots button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0c234014}.recoveryWorkspaceNav{scrollbar-width:thin;background:#fff;border:1px solid #dbe4ef;border-radius:13px;gap:7px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 6px 20px #0c23400a}.recoveryWorkspaceNav button{color:#65758b;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;min-width:max-content;height:46px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.recoveryWorkspaceNav button i{color:#2459c4;background:#edf3fb;border-radius:7px;place-items:center;width:25px;height:25px;font-size:8px;font-style:normal;display:grid}.recoveryWorkspaceNav button b{color:#5c6d83;background:#eef2f7;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:7px;display:grid}.recoveryWorkspaceNav button:hover{color:#2459c4;background:#f7faff}.recoveryWorkspaceNav button.active{color:#2459c4;background:linear-gradient(135deg,#eaf2ff,#f4f8ff);border-color:#a9c8fb;box-shadow:0 5px 14px #2459c414}.recoveryWorkspaceNav button.active.outstanding{color:#a94d00;background:#fff7eb;border-color:#f5ca91}.recoveryWorkspaceNav button.active.advance{color:#b10763;background:#faf1f7;border-color:#d9b7d0}.recoveryModuleV1 .collectorFolderList,.recoveryModuleV1 .recoveryFolder:not(.open){display:none}.recoveryModuleV1 .recoveryFolder.open{box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}.recoveryModuleV1 .recoveryFolder.open>.recoveryFolderButton{display:none}.recoveryModuleV1 .recoveryFolder.open>.recoveryFolderContent{border:0;padding:0;animation:.25s ease-out both ceoPanelIn}.recoveryModuleV1 .recoveryFolderContent>.card{border-radius:14px}.dark .recoveryModuleV1 .recoveryTabs,.dark .recoveryWorkspaceNav{border-color:var(--line);background:var(--surface)}.dark .recoveryCollectorSnapshots>button{border-color:var(--line);background:var(--surface);color:var(--text)}@keyframes ceoPanelIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ceoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.78)}}@keyframes ceoRingIn{0%{opacity:.2;transform:scale(.86)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes ceoLineDraw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}@keyframes ceoBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ceoLiveBadge i,.ceoServiceDonut,.ceoCollectionRing,.ceoComplaintDonut,.ceoTrendLine,.ceoCollectorTrack i{animation:none!important}}@media (width<=1240px){.dashboardGrid{grid-template-columns:1fr}.rightRail{grid-template-columns:repeat(3,1fr)}.collectorSheets{grid-template-columns:1fr}.collectorStats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.chartsRow{grid-template-columns:1fr 1fr}.trendCard{grid-column:1/-1}.search{width:230px}.customerStats,.connectionStats,.recoverySummaryGrid,.complaintStats,.technicianTaskStats,.portalActionStats,.reportOverviewCards{grid-template-columns:repeat(2,minmax(0,1fr))}.reportFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.reportFilterGrid .customerSearch{grid-column:span 3}.quickActionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.collectorBottomGrid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.workspace,.sidebar.collapsed+.workspace{margin-left:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profile{display:none}.rightRail{grid-template-columns:1fr}.customerToolbar{flex-direction:column;align-items:stretch}.customerSearch{width:100%}.filters select{flex:1}.bulkActions{flex-wrap:wrap}.bulkActions>span{margin-right:0}.bulkActions .dangerButton{margin-left:auto}.customerHeadActions{width:100%}.customerHeadActions button{flex:1}.recoveryTabs button{min-width:120px}.advancePaymentsCard .cardHead{align-items:flex-start}.newConnectionCollectionsCard .cardHead,.settlementHistoryCard .cardHead{flex-direction:column;align-items:flex-start}.settlementHistoryTotals{width:100%}.settlementHistoryTotals span{flex:1}.copyDetailGrid{grid-template-columns:1fr}.collectorSidebar{width:76px}.collectorBrand{justify-content:center;padding:0}.collectorBrand>div,.collectorSidebar nav button span,.collectorSidebar nav button b,.collectorIdentity span{display:none}.collectorSidebar nav button{text-align:center;grid-template-columns:1fr;padding:0}.collectorIdentity{justify-content:center;padding:15px 0}.collectorWorkspace{width:calc(100% - 76px);margin-left:76px}.collectorStats{grid-template-columns:repeat(2,minmax(0,1fr))}.ceoHeroGrid{grid-template-columns:1fr}}@media (width<=700px){.loginScreen{grid-template-columns:1fr}.loginBrand{display:none}.mobileBrand{align-items:center;gap:10px;margin-bottom:26px;display:flex}.loginPanel{min-height:100vh;padding:18px}.loginCard{padding:28px 24px}.search{display:none}.topbar{padding:0 13px}.content{padding:15px}.chartsRow{grid-template-columns:1fr}.trendCard{grid-column:auto}.pageHead{align-items:flex-start}.activityHead{flex-direction:column;align-items:flex-start}.customerForm{grid-template-columns:1fr}.field.full,.formError.full,.formActions.full{grid-column:auto}.modalBackdrop{padding:10px}.customerModal{max-height:calc(100vh - 20px)}.importCounts,.connectionPaymentSummary{grid-template-columns:1fr}.allocationHead{flex-direction:column;align-items:flex-start}.complaintSlaLegend{justify-content:flex-start}.settlementBalanceStrip{grid-template-columns:1fr}.settlementFormula{flex-direction:column;align-items:stretch}.portalActionDetailSummary,.portalPaymentAmounts{grid-template-columns:1fr}.pendingPortalCompletion{flex-direction:column;align-items:flex-start}.cancelPortalSection>div{grid-template-columns:1fr}.reportsHead{flex-direction:column;align-items:flex-start}.reportExportButtons{width:100%}.reportExportButtons button{flex:1}.reportCollectorTabs{grid-template-columns:repeat(2,1fr)}.recoveryFolderButton{grid-template-columns:34px minmax(0,1fr)}.recoveryFolderState{display:none}.collectorContent{padding:15px}.collectorTopbar{height:auto;min-height:64px;padding:10px 13px}.collectorTopbar>label:first-child{width:100%}.collectorTopActions time,.livePill{display:none}.collectorGreeting{flex-direction:column;align-items:flex-start}.collectorDate{text-align:left;width:100%}.collectorHero{grid-template-columns:48px 1fr;padding:15px}.collectorHero>b{grid-column:1/-1;width:100%}.heroIcon{width:46px;height:46px}.collectorRouteToolbar{flex-direction:column;align-items:stretch}.collectorRouteToolbar label,.collectorRouteToolbar>button,.collectorPaidTabs{width:100%}.collectorPaidTabs button{flex:1;min-width:0}.ceoPageHead{flex-direction:column;align-items:flex-start}.ceoPageHead select{width:100%}.ceoServiceBody{grid-template-columns:1fr;justify-items:center}.ceoServiceLegend{width:100%}.ceoRecoveryBody{grid-template-columns:1fr}.ceoCollectionPane{border-top:1px solid #e7edf4;border-left:0}.ceoCollectionValues{max-width:310px}.ceoLifecycleFlow{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;padding-inline:12px}.quickActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.complaintCurrentBanner{flex-direction:column;align-items:flex-start}.technicianChecks{grid-template-columns:1fr}}@media (width<=460px){.kpis{grid-template-columns:1fr}.pageHead{flex-direction:column}.pageHead select{width:100%}.logout{display:none}.customerStats{grid-template-columns:1fr}.connectionFlow{grid-template-columns:1fr 1fr}.customersHead{align-items:stretch}.customerHeadActions{flex-direction:column}.customerHeadActions button{width:100%}.filters{flex-direction:column}.recoverySummaryGrid,.holdingSplit,.collectorSheetAmounts{grid-template-columns:1fr}.allocationRow{flex-direction:column;align-items:flex-start;padding:10px 0}.allocationRow input{width:100%}.complaintStats,.technicianTaskStats,.portalActionStats{grid-template-columns:1fr}.portalActionTabs{flex-direction:column}.portalActionTabs button{width:100%}.portalQueueTabs{grid-template-columns:1fr}.portalQueueTitle{flex-direction:column;align-items:flex-start}.reportOverviewCards,.reportFilterGrid{grid-template-columns:1fr}.reportFilterGrid .customerSearch{grid-column:auto}.customDateRange{flex-direction:column}.customDateRange input{width:100%}.complaintSearchResults>button{flex-direction:column;align-items:flex-start}.complaintSearchResults>button>span:last-child{text-align:left}.advancePaymentsCard .cardHead,.settlementHistoryTotals{flex-direction:column}.recoveryFolderButton{min-height:62px;padding:9px 10px}.recoveryFolderTitle strong{font-size:11px}.recoveryFolderTitle small{white-space:normal;line-height:1.4}.recoveryFolderContent{padding:7px}.collectorSidebar{width:62px}.collectorBrand img{width:32px;height:44px}.collectorWorkspace{width:calc(100% - 62px);margin-left:62px}.collectorStats{grid-template-columns:1fr}.collectorGreeting h1{font-size:24px}.ceoPageHead h1{font-size:25px}.ceoServiceLegend{grid-template-columns:1fr}.ceoCardFoot{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:9px}.ceoTrendSummary{justify-content:space-between;gap:10px}.ceoComplaintBody{grid-template-columns:1fr;justify-items:center}.ceoComplaintStats{grid-template-columns:repeat(3,1fr);width:100%}.ceoLifecycleFlow{grid-template-columns:1fr}.ceoLifecycleFlow>b{transform:rotate(90deg)}}@media print{.sidebar,.topbar,.reportsHead .reportExportButtons,.reportFilters,.reportSectionTabs,.reportCollectorTabs,.reportArchiveNote,footer,.markAdvanceRenewedButton{display:none!important}.workspace,.sidebar.collapsed+.workspace{margin-left:0!important}.content{padding:0!important}.reportsModule{color:#111!important}.reportOverviewCards{grid-template-columns:repeat(5,1fr)!important}.reportTableCard{box-shadow:none!important}.tableWrap{overflow:visible!important}.reportsTable table{min-width:100%!important;font-size:7px!important}.reportsTable th{position:static!important}}html{scroll-behavior:smooth}body{letter-spacing:-.006em;min-width:320px}.dashboard,.collectorPortal,.loginScreen{background:radial-gradient(circle at 14% 0%, #82d6ed21, transparent 25rem), radial-gradient(circle at 93% 6%, #2459c412, transparent 28rem), var(--bg)}button,input,select,textarea,.card,.kpi,.customerStats article,.customerStats>button,.connectionStats article,.complaintStats article,.technicianTaskStats article,.portalActionStats article,.reportOverviewCards article,.collectorStats button,.collectorBottomGrid button{transition:transform .18s var(--ease-premium), box-shadow .18s var(--ease-premium), border-color .18s var(--ease-premium), background-color .18s var(--ease-premium), color .18s var(--ease-premium), opacity .18s var(--ease-premium)}button:not(:disabled):active{transform:translateY(1px)scale(.99)}button:disabled{cursor:not-allowed;opacity:.52;filter:saturate(.6)}@media (width>=901px){.ceoPortal{padding-top:104px;display:block}.ceoPortal .sidebar{width:auto;height:76px;min-height:0;color:var(--text);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);z-index:50;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:20px;grid-template-columns:260px minmax(0,1fr);display:grid;inset:14px 22px auto;overflow:hidden;box-shadow:0 2px 5px #0c23400f,0 18px 48px #0c23401f}.ceoPortal .sidebar.collapsed{transform:translateY(-120%)}.ceoPortal .sideBrand{border:0;border-right:1px solid var(--line);background:linear-gradient(135deg,#ffffffb8,#eaf1ff61);height:76px;padding:0 22px}.ceoPortal .sidebarLogo{filter:drop-shadow(0 8px 12px #0c23402e);width:42px;height:55px}.ceoPortal .brandWords strong{color:#0c2340;letter-spacing:.09em;font-size:15px;font-weight:850}.ceoPortal .brandWords small{color:#55718e;letter-spacing:.18em;font-size:8px;font-weight:750}.ceoPortal .sidebar nav{scrollbar-width:none;align-items:center;gap:5px;min-width:0;height:76px;padding:9px 12px;display:flex;overflow-x:auto}.ceoPortal .sidebar nav::-webkit-scrollbar{display:none}.ceoPortal .navItem{color:#46576d;border:1px solid #0000;border-radius:14px;flex:none;gap:5px;width:auto;height:54px;min-height:54px;padding:0 14px;font-size:12px;font-weight:720}.ceoPortal .navItem:hover{border-color:var(--line);color:var(--text);box-shadow:var(--shadow-xs);background:#f6f8fce0;transform:translateY(-1px)}.ceoPortal .navItem.active{color:#fff;background:linear-gradient(145deg,#f9a548,#f6902b 54%,#df7418);border-color:#ffffff8f;box-shadow:inset 0 1px #ffffff61,inset 0 -1px #7e350029,0 11px 24px #f6902b57}.ceoPortal .navLeft{gap:8px}.ceoPortal .navLeft i{place-items:center;width:24px;height:24px;display:grid}.ceoPortal .navItem.active .navCountBadge{color:#c65d0b;background:#fff}.ceoPortal .sideUser{display:none}.ceoPortal .workspace,.ceoPortal .sidebar.collapsed+.workspace{margin-left:0}.ceoPortal .topbar{border:1px solid var(--line);height:64px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);z-index:35;background:#ffffffd6;border-radius:17px;margin:0 22px;padding:0 14px;top:0}.ceoPortal .content{max-width:1600px;margin:0 auto;padding:24px 30px 38px}}.navItem,.collectorSidebar nav button{font-weight:700}.navLeft i,.collectorSidebar nav button i{place-items:center;font-style:normal;display:grid}.iconButton{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));width:42px;height:42px;color:var(--text);box-shadow:var(--shadow-xs), inset 0 1px 0 #ffffffbd;border-radius:12px}.iconButton:not(:disabled):hover{color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)scale(1.025)}.search{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;width:min(390px,38vw);height:42px;padding:0 14px;box-shadow:inset 0 1px 2px #0c234006}.search svg{color:var(--muted);flex:none}.search input{font-size:12px}.rolePreviewControl{height:42px;box-shadow:var(--shadow-xs);border-radius:12px}.profile .avatar,.sideUser .avatar{box-shadow:var(--shadow-raised)}.logout{background:var(--surface);border-radius:12px;height:42px;font-weight:750}.logout:hover{background:var(--red-soft);color:var(--red);border-color:#ef3e2f57}.notificationPopover{box-shadow:var(--shadow);animation:ce-popover-in .18s var(--ease-premium) both;border-radius:16px;top:50px}.pageHead,.ceoPageHead,.reportsHead{margin-bottom:18px}.pageHead h1,.ceoPageHead h1,.reportsHead h1{color:var(--text);letter-spacing:-.045em;font-size:clamp(25px,2.1vw,34px);font-weight:780}.pageHead p,.ceoPageHead p,.reportsHead p{font-size:12px;line-height:1.55}.eyebrow{color:var(--primary);letter-spacing:.2em;font-size:10px;font-weight:850}.card,.customerTableCard,.connectionTableCard,.complaintListCard,.technicianTaskTableCard,.portalActionsCard,.reportTableCard,.collectorPanel,.advancePaymentsCard,.newConnectionCollectionsCard,.settlementHistoryCard{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fffffffc,#fbfdfff5);border:1px solid #c9d5e3c7;overflow:clip}.card:hover,.customerTableCard:hover,.connectionTableCard:hover,.complaintListCard:hover,.technicianTaskTableCard:hover,.portalActionsCard:hover,.reportTableCard:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.cardHead,.collectorPanelHead,.modalHead,.railCard>h3{border-bottom:1px solid var(--line);background:linear-gradient(#ffffffc2,#f6f8fc94)}.card h2,.card h3,.collectorPanelHead strong,.modalHead h2{letter-spacing:-.02em;font-weight:760}.kpiIcon,.miniIcon,.statIcon,.heroIcon,.ceoOperationIcon,.collectorStats button>i,.collectorBottomGrid button>i,.accessNote>span:first-child,.integrationNote>span:first-child,.complaintSearchIcon,.settingsIcon{box-shadow:var(--shadow-raised);isolation:isolate;border:1px solid #ffffffad;position:relative}.kpiIcon:after,.miniIcon:after,.statIcon:after,.heroIcon:after,.ceoOperationIcon:after,.collectorStats button>i:after,.collectorBottomGrid button>i:after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(#fff9,#0000);height:34%;position:absolute;inset:2px 3px auto}.kpiIcon:hover,.miniIcon:hover,.statIcon:hover{transform:translateY(-2px)scale(1.035)}.kpi,.customerStats article,.customerStats>button,.connectionStats article,.complaintStats article,.technicianTaskStats article,.portalActionStats article,.reportOverviewCards article,.recoverySummaryGrid article{box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffffd9;background:linear-gradient(145deg,#fffffffa,#f8fbffeb);border:1px solid #c9d5e3c7;border-radius:18px}.kpi:hover,.customerStats article:hover,.customerStats>button:hover,.connectionStats article:hover,.complaintStats article:hover,.technicianTaskStats article:hover,.portalActionStats article:hover,.reportOverviewCards article:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpiLabel,.statLabel{color:var(--text);font-size:12px;font-weight:720}.kpiValue{letter-spacing:-.035em;font-size:clamp(21px,1.7vw,28px)}.kpiSub{font-size:11px;line-height:1.45}.customerStats,.connectionStats,.complaintStats,.technicianTaskStats,.portalActionStats,.reportOverviewCards{gap:14px}input,select,textarea{border-color:var(--line-2)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:12px!important}input::placeholder,textarea::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}}input:hover,select:hover,textarea:hover{border-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line-2))!important}}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary)!important}@supports (color:color-mix(in lab, red, red)){input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)!important}}input:focus,select:focus,textarea:focus{outline:0}.customerToolbar,.reportFilters,.collectorRouteToolbar,.bulkActions,.complaintListToolbar,.technicianTaskToolbar,.portalActionToolbar{border-color:var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2))}.primaryButton,.saveButton,.markPaidButton,.collectorMarkPaid,.uploadButton,.markAdvanceRenewedButton{color:#fff!important;background:linear-gradient(145deg,#3169d5,#2459c4 65%,#1949aa)!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff47,0 9px 20px #2459c438!important}.primaryButton:not(:disabled):hover,.saveButton:not(:disabled):hover,.markPaidButton:not(:disabled):hover,.collectorMarkPaid:not(:disabled):hover,.uploadButton:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 13px 26px #2459c44d!important}.secondaryButton,.ghostButton,.modalClose,.cancelButton,.reportExportButtons button{background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-xs);border-radius:12px!important}.dangerButton{border-radius:12px!important}.tableWrap,.collectorRouteScroll,.reportsTable{scrollbar-color:var(--line-2) transparent}table{border-collapse:separate;border-spacing:0}th{text-transform:uppercase;background:var(--surface-2)!important;height:46px!important;color:var(--muted)!important;letter-spacing:.075em!important;padding:12px 14px!important;font-size:10px!important;font-weight:820!important}td{color:var(--text);line-height:1.35;border-bottom-color:var(--line)!important;padding:15px 14px!important;font-size:12px!important}tbody tr{background:var(--surface)}tbody tr:hover{background:var(--primary-soft)!important}@supports (color:color-mix(in lab, red, red)){tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 38%,var(--surface))!important}}tbody tr:has(input[type=checkbox]:checked){box-shadow:inset 3px 0 var(--primary);background:var(--primary-soft)!important}td strong{font-weight:750}td small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.4}.customerTable td:nth-child(3) strong,.connectionTable td:nth-child(2) strong,.recoveryTable td:nth-child(3) strong,.collectorRouteScroll td:nth-child(3) strong,.reportsTable td:nth-child(3){color:var(--primary);letter-spacing:.005em;font-size:13px;font-weight:830}.status,.statusPill,.serviceStatus,.collectorBadge,.paymentBadge,.priorityBadge,.dueMonthCount,.requestedStatus,.livePill{border:1px solid;border-radius:999px;align-items:center;gap:6px;min-height:27px;padding:4px 10px;font-size:10px;font-weight:780;line-height:1;display:inline-flex}.serviceStatus.active,.status.active,.statusPill.active,.paymentBadge.paid{color:var(--green);background:var(--green-soft)}.serviceStatus.inactive,.status.inactive,.statusPill.pending,.paymentBadge.pending{color:#ad5b08;background:var(--orange-soft)}.serviceStatus.terminated,.status.terminated,.statusPill.overdue{color:var(--red);background:var(--red-soft)}.requestedStatus{color:var(--primary);background:var(--primary-soft)}.recoveryModuleV1{gap:16px}.recoveryModuleV1>*,.recoverySummaryGrid>*,.recoveryCollectorSnapshots>*{min-width:0}.recoverySummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.recoveryCollectorSnapshots{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.recoverySummaryGrid article,.recoveryCollectorSnapshots>button{overflow:hidden}.recoveryModuleV1 .recoveryTabs,.recoveryWorkspaceNav{border:1px solid var(--line);background:var(--surface);min-height:58px;box-shadow:var(--shadow-sm);border-radius:17px;padding:6px}.recoveryModuleV1 .recoveryTabs button,.recoveryWorkspaceNav button{border-radius:12px;min-height:44px;font-size:11px}.recoveryModuleV1 .recoveryTabs button.active,.recoveryWorkspaceNav button.active{color:#fff!important;background:linear-gradient(145deg,#3169d5,#2459c4)!important;box-shadow:inset 0 1px #ffffff4d,0 9px 18px #2459c433!important}.recoveryCollectorSnapshots{gap:14px}.recoveryCollectorSnapshots>button{background:linear-gradient(145deg,var(--surface),var(--primary-soft));min-height:88px;box-shadow:var(--shadow-sm);border-radius:18px}.recoveryCollectorSnapshots>button.khalid{background:linear-gradient(145deg,var(--surface),var(--green-soft))}.recoveryCollectorSnapshots>button.tariq{background:linear-gradient(145deg,var(--surface),var(--orange-soft))}.recoveryCollectorSnapshots small{font-size:10px}.recoveryCollectorSnapshots strong{font-size:12px}.recoveryCollectorSnapshots em{font-size:10px}.collectorPortal{min-height:100vh;color:var(--text)}.collectorSidebar{background:linear-gradient(#0c2340,#07182c 70%,#050f1e);box-shadow:10px 0 30px #0c23401f}.collectorSidebar nav button{border-radius:13px;min-height:48px}.collectorSidebar nav button:hover{color:#fff;background:#ffffff13;transform:translate(2px)}.collectorSidebar nav button.active{color:#fff!important;background:linear-gradient(145deg,#f9a548,#f6902b 58%,#d66e13)!important;box-shadow:inset 0 1px #ffffff57,0 12px 24px #f6902b40!important}.collectorTopbar{border-bottom:1px solid var(--line);background:var(--surface);min-height:70px}@supports (color:color-mix(in lab, red, red)){.collectorTopbar{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.collectorTopbar{-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);box-shadow:0 10px 30px #0c23400b}.collectorTopbar>label{background:var(--surface-2);border-radius:13px}.collectorContent{max-width:1560px;margin:0 auto;padding:28px}.collectorGreeting h1{letter-spacing:-.045em;font-size:clamp(28px,2.4vw,38px)}.collectorHero{background:linear-gradient(120deg,#2459c4,#2f73d7 52%,#82d6ed);border:1px solid #fff6;border-radius:22px;min-height:124px;box-shadow:inset 0 1px #ffffff52,0 18px 40px #2459c438}.collector-tariq .collectorHero{background:linear-gradient(120deg,#df7418,#f6902b 58%,#f7c233)}.collectorHero:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 23px 48px #2459c447}.collectorStats{gap:14px}.collectorStats button,.collectorBottomGrid button{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);border-radius:18px}.collectorStats button:hover,.collectorBottomGrid button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.collectorPanel{animation:ce-panel-in .21s var(--ease-premium) both}.collectorPanelHead{min-height:72px;padding:18px 20px}.collectorPanelHead strong{font-size:16px}.collectorRouteToolbar{padding:14px 18px}.collectorRouteScroll{max-height:590px}.collectorMarkPaid{min-height:36px;padding:0 13px}.collectorPaymentChoices{background:var(--surface-2);box-shadow:var(--shadow-xs);animation:ce-popover-in .18s var(--ease-premium) both;border-radius:13px}.outstandingPopover{box-shadow:var(--shadow);animation:ce-popover-in .18s var(--ease-premium) both;border-radius:15px}.ceoDashboard,.ceoHeroGrid,.ceoLowerGrid{gap:18px}.ceoCard{box-shadow:var(--shadow-sm);border-radius:22px}.ceoCard:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.ceoCardHead{padding:19px 21px 15px}.ceoCardHead h2{font-size:17px}.ceoServiceDonut,.ceoCollectionRing,.ceoComplaintDonut{filter:drop-shadow(0 10px 16px #2459c424)}.ceoOperationList button{border-radius:14px;min-height:68px}.ceoOperationList button:hover{background:var(--primary-soft);transform:translate(2px)}.ceoTrendLine{animation:ce-line-draw .85s var(--ease-premium) both}.modalBackdrop{-webkit-backdrop-filter:blur(9px)saturate(115%);backdrop-filter:blur(9px)saturate(115%);background:#05101f8f;animation:.16s both ce-fade-in}.customerModal,.paymentModal,.portalActionModal,.complaintModal,.technicianTaskModal,.settlementModal,.confirmDialog{border:1px solid var(--line);animation:ce-dialog-in .21s var(--ease-premium) both;box-shadow:0 34px 90px #030c1852;background:var(--surface)!important;border-radius:22px!important}.toast{border:1px solid var(--green)}@supports (color:color-mix(in lab, red, red)){.toast{border:1px solid color-mix(in srgb,var(--green) 28%,var(--line))}}.toast{background:var(--green-soft);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.toast{background:color-mix(in srgb,var(--green-soft) 92%,var(--surface))}}.toast{color:var(--green);box-shadow:var(--shadow);animation:ce-toast-in .22s var(--ease-premium) both}.emptyState,.collectorEmpty,.notificationEmpty{color:var(--muted);border-radius:16px}.accessNote,.integrationNote,.prototypeWarning,.reportArchiveNote{box-shadow:var(--shadow-xs);border-radius:14px}.loginScreen{padding:24px}.loginBrand,.loginPanel{min-height:calc(100vh - 48px)}.loginBrand{background:radial-gradient(circle at 18% 12%,#82d6ed38,#0000 22rem),radial-gradient(circle at 84% 78%,#b1076333,#0000 24rem),linear-gradient(145deg,#0c2340,#07182d 64%,#030b15);border-radius:24px 0 0 24px}.loginPanel{border:1px solid var(--line);background:var(--surface);border-left:0;border-radius:0 24px 24px 0}@supports (color:color-mix(in lab, red, red)){.loginPanel{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.loginCard{background:var(--surface);box-shadow:var(--shadow);border-radius:22px}.loginLogo{filter:drop-shadow(0 20px 30px #00000059)}[data-theme=dark] body,[data-theme=dark] .dashboard,[data-theme=dark] .collectorPortal,[data-theme=dark] .loginScreen{color:var(--text);background-color:#000}[data-theme=dark] .dashboard.dark,[data-theme=dark] .collectorPortal.dark{--bg:#000;--surface:#070707;--surface-2:#0d0d0d;--surface-3:#141414;--text:#f5f7fa;--muted:#9aa4b2;--line:#ffffff1a;--line-2:#ffffff29}[data-theme=dark] .ceoPortal .sidebar,[data-theme=dark] .ceoPortal .topbar,[data-theme=dark] .collectorTopbar{border-color:var(--line);background:#070707eb;box-shadow:0 18px 48px #000000bd}[data-theme=dark] .ceoPortal .sideBrand{border-color:var(--line);background:linear-gradient(135deg,#0d0d0d,#070707)}[data-theme=dark] .ceoPortal .brandWords small{color:var(--muted)}[data-theme=dark] .card,[data-theme=dark] .kpi,[data-theme=dark] .customerTableCard,[data-theme=dark] .connectionTableCard,[data-theme=dark] .complaintListCard,[data-theme=dark] .technicianTaskTableCard,[data-theme=dark] .portalActionsCard,[data-theme=dark] .reportTableCard,[data-theme=dark] .collectorPanel,[data-theme=dark] .ceoCard,[data-theme=dark] .ceoServiceLegend>div,[data-theme=dark] .ceoLifecycleFlow>div,[data-theme=dark] .customerStats article,[data-theme=dark] .customerStats>button,[data-theme=dark] .connectionStats article,[data-theme=dark] .complaintStats article,[data-theme=dark] .technicianTaskStats article,[data-theme=dark] .portalActionStats article,[data-theme=dark] .reportOverviewCards article,[data-theme=dark] .recoverySummaryGrid article,[data-theme=dark] .collectorStats button,[data-theme=dark] .collectorBottomGrid button,[data-theme=dark] .recoveryCollectorSnapshots>button,[data-theme=dark] .recoveryWorkspaceNav,[data-theme=dark] .recoveryModuleV1 .recoveryTabs,[data-theme=dark] .loginCard,[data-theme=dark] .loginPanel{color:var(--text);box-shadow:var(--shadow-sm);border-color:var(--line)!important;background:linear-gradient(145deg,#0d0d0d,#070707)!important}[data-theme=dark] .ceoCardHead,[data-theme=dark] .ceoCardFoot,[data-theme=dark] .ceoCollectionPane,[data-theme=dark] .ceoOperationList button,[data-theme=dark] .ceoHeldStrip,[data-theme=dark] .ceoLifecycleNote{border-color:var(--line)!important;color:var(--text)!important;background:#0d0d0d!important}[data-theme=dark] .ceoServiceDonut:before,[data-theme=dark] .ceoCollectionRing:before,[data-theme=dark] .ceoComplaintDonut:before{border-color:var(--line)!important;background:#070707!important}[data-theme=dark] .cardHead,[data-theme=dark] .collectorPanelHead,[data-theme=dark] .modalHead,[data-theme=dark] .customerToolbar,[data-theme=dark] .reportFilters,[data-theme=dark] .collectorRouteToolbar,[data-theme=dark] .bulkActions,[data-theme=dark] .complaintListToolbar,[data-theme=dark] .technicianTaskToolbar,[data-theme=dark] .portalActionToolbar{border-color:var(--line)!important;background:linear-gradient(#0d0d0d,#090909)!important}[data-theme=dark] th{background:#0d0d0d!important}[data-theme=dark] td,[data-theme=dark] tbody tr{background:#070707}[data-theme=dark] tbody tr:hover{background:#141414!important}[data-theme=dark] .iconButton,[data-theme=dark] .secondaryButton,[data-theme=dark] .ghostButton,[data-theme=dark] .modalClose,[data-theme=dark] .cancelButton,[data-theme=dark] .reportExportButtons button{border-color:var(--line);color:var(--text);box-shadow:var(--shadow-xs);background:linear-gradient(145deg,#141414,#0d0d0d)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .search,[data-theme=dark] .collectorTopbar>label{border-color:var(--line)!important;color:var(--text)!important;background:#0d0d0d!important}[data-theme=dark] .notificationPopover,[data-theme=dark] .outstandingPopover,[data-theme=dark] .collectorPaymentChoices,[data-theme=dark] .customerModal,[data-theme=dark] .paymentModal,[data-theme=dark] .portalActionModal,[data-theme=dark] .complaintModal,[data-theme=dark] .technicianTaskModal,[data-theme=dark] .settlementModal,[data-theme=dark] .confirmDialog{border-color:var(--line);color:var(--text);background:#0d0d0d!important}[data-theme=dark] .notificationList button{border-color:var(--line);color:var(--text);background:#0d0d0d}[data-theme=dark] .notificationList button:hover{background:#141414}[data-theme=dark] .gridLine{stroke:#ffffff1a}[data-theme=dark] .linePoint{fill:#070707}[data-theme=dark] .accessNote,[data-theme=dark] .integrationNote,[data-theme=dark] .prototypeWarning,[data-theme=dark] .reportArchiveNote{border-color:var(--line);color:var(--text);background:#0d0d0d}[data-theme=dark] .modalBackdrop{background:#000000c7}@keyframes ce-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ce-popover-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}@keyframes ce-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes ce-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ce-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ce-line-draw{0%{stroke-dashoffset:1400px}to{stroke-dashoffset:0}}@media (width<=1180px) and (width>=901px){.ceoPortal .sidebar{grid-template-columns:215px minmax(0,1fr)}.ceoPortal .sideBrand{padding-inline:15px}.ceoPortal .navItem{padding-inline:11px}.ceoPortal .navItem span span{text-overflow:ellipsis;max-width:118px;overflow:hidden}.profile{display:none}}@media (width<=900px){.ceoPortal{padding-top:0}.ceoPortal .sidebar{background:linear-gradient(#0c2340,#07182d);border-radius:0 20px 20px 0;width:min(292px,86vw);min-height:100vh;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 50px #020b1742}.ceoPortal .sidebar.collapsed{transform:translate(-105%)}.ceoPortal .sideBrand{height:84px}.ceoPortal .sidebar nav{padding:14px 12px;display:grid}.ceoPortal .navItem{border-radius:13px;min-height:48px}.ceoPortal .navItem.active{background:linear-gradient(145deg,#f9a548,#f6902b 58%,#d66e13)}.ceoPortal .sideUser{display:flex}.ceoPortal .workspace,.ceoPortal .sidebar.collapsed+.workspace{margin-left:0}.ceoPortal .topbar{border-width:0 0 1px;border-radius:0;height:66px;margin:0;top:0}.ceoPortal .content{padding:20px}.rolePreviewControl span,.logout{display:none}.recoveryCollectorSnapshots{grid-template-columns:1fr}.collectorContent{padding:20px}}@media (width<=1100px){.recoverySummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.recoveryCollectorSnapshots{grid-template-columns:1fr}}@media (width<=700px){.loginScreen{padding:0}.loginPanel{border:0;border-radius:0;min-height:100vh}.content,.ceoPortal .content{padding:16px}.topActions{gap:5px}.rolePreviewControl{max-width:94px}.rolePreviewControl select{min-width:0}.collectorWorkspace{width:calc(100% - 70px);margin-left:70px}.collectorSidebar{width:70px}.collectorContent{padding:15px 12px 24px}.collectorGreeting h1{font-size:25px}.collectorStats{grid-template-columns:1fr 1fr}.collectorPanel,.card,.customerTableCard,.connectionTableCard,.complaintListCard,.technicianTaskTableCard,.portalActionsCard,.reportTableCard{border-radius:16px}.tableWrap,.collectorRouteScroll{overscroll-behavior-x:contain;overflow:auto}table{min-width:760px}th{font-size:9px!important}td{font-size:11px!important}.customerStats,.connectionStats,.complaintStats,.technicianTaskStats,.portalActionStats,.reportOverviewCards{grid-template-columns:repeat(2,minmax(0,1fr))}.notificationPopover{width:auto;position:fixed;top:70px;left:12px;right:12px}}@media (width<=460px){.collectorWorkspace{width:calc(100% - 60px);margin-left:60px}.collectorSidebar{width:60px}.collectorStats,.customerStats,.connectionStats,.complaintStats,.technicianTaskStats,.portalActionStats,.reportOverviewCards{grid-template-columns:1fr}.pageHead h1,.ceoPageHead h1,.reportsHead h1{font-size:24px}.iconButton{width:39px;height:39px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width>=901px){.ceoPortal{padding-top:96px}.ceoPortal .sidebar{border-radius:17px;grid-template-columns:190px minmax(0,1fr);height:74px;padding-right:348px;inset:14px 22px auto;box-shadow:0 4px 10px #0c234011,0 16px 38px #0c23401a}.ceoPortal .sideBrand{height:74px;padding:0 17px}.ceoPortal .sidebarLogo{width:34px;height:46px}.ceoPortal .brandWords strong{letter-spacing:.045em;font-size:14px}.ceoPortal .brandWords small{letter-spacing:.12em;margin-top:2px;font-size:7px}.ceoPortal .sidebar nav{gap:2px;height:74px;padding:8px 7px}.ceoPortal .navItem{border-radius:12px;height:52px;min-height:52px;padding:0 11px;font-size:11px}.ceoPortal .navLeft{gap:7px}.ceoPortal .navLeft i{width:20px;height:20px}.ceoPortal .navLeft svg{width:17px;height:17px}.ceoPortal .topbar{border:0;border-left:1px solid var(--line);width:338px;height:74px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:55;background:0 0;border-radius:0 17px 17px 0;margin:0;padding:0 13px;position:fixed;inset:14px 22px auto auto}.ceoPortal .topLeft{display:none}.ceoPortal .topActions{justify-content:flex-end;gap:6px;width:100%}.ceoPortal .rolePreviewControl{background:var(--surface-2);width:76px;height:38px;box-shadow:none;border:0;padding:0 5px}.ceoPortal .rolePreviewControl span{display:none}.ceoPortal .rolePreviewControl select{width:100%;min-width:0;padding-inline:7px 20px;font-size:10px;background:0 0!important;border:0!important}.ceoPortal .topbar .iconButton{width:38px;height:38px;box-shadow:none;background:0 0;border:0}.ceoPortal .topbar .iconButton:hover{background:var(--surface-2);box-shadow:none}.ceoPortal .profile{margin-left:2px;padding-left:8px}.ceoPortal .profile .avatar{width:38px;height:38px}.ceoPortal .profile strong{max-width:84px;font-size:10px}.ceoPortal .profile small{font-size:8px}.ceoPortal .logout{display:none}.ceoPortal .content{max-width:1500px;padding:10px 30px 30px}}.ceoDashboard{animation:ce-reference-in .32s var(--ease-premium) both;gap:14px;display:grid}.ceoReferenceHead{justify-content:space-between;align-items:flex-end;gap:20px;min-height:58px;padding:0 8px;display:flex}.ceoReferenceHead h1{color:var(--text);letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(25px,2.05vw,32px);line-height:1.05}.ceoReferenceHead p{color:var(--muted);margin:6px 0 0;font-size:11px}.ceoReferenceHeadActions{align-items:center;gap:9px;display:flex}.ceoDateChip,.ceoPeriodChip{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));height:42px;color:var(--text);box-shadow:var(--shadow-xs);border-radius:11px;align-items:center;gap:8px;padding:0 13px;display:flex}.ceoDateChip b{white-space:nowrap;font-size:10px}.ceoDateChip svg{color:var(--sidebar)}.ceoPeriodChip{gap:5px;padding-right:4px}.ceoPeriodChip span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.ceoPeriodChip select{width:102px;height:34px;font-size:9px;font-weight:800;box-shadow:none!important;background:0 0!important;border:0!important;padding:0 22px 0 5px!important}.ceoReferenceTopGrid{grid-template-columns:minmax(0,1.62fr) minmax(340px,.98fr);gap:14px;display:grid}.ceoReferenceBottomGrid{grid-template-columns:1.05fr .98fr 1fr;gap:14px;display:grid}.ceoReferencePanel{min-width:0;transition:transform .18s var(--ease-premium),box-shadow .18s var(--ease-premium),border-color .18s var(--ease-premium);background:linear-gradient(145deg,#fff 0%,#fbfdff 70%,#f6f9fd 100%);border:1px solid #cddae8f5;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff2,0 5px 12px #0c23400e,0 18px 38px #0c234016}.ceoReferencePanel:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffffe0,#fff0);height:38%;position:absolute;inset:0 0 auto}.ceoReferencePanel:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 0,#82d6ed17,#0000 27%),linear-gradient(125deg,#82d6ed06,#0000 35%,#f6902b06);position:absolute;inset:0}.ceoReferencePanel:hover{border-color:#b7cce2fa;transform:translateY(-2px);box-shadow:inset 0 1px #fffffff5,0 8px 17px #0c234012,0 24px 50px #0c23401c}.ceoReferencePanelHead{z-index:1;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:10px 15px 6px;display:flex;position:relative}.ceoReferencePanelHead h2{color:var(--text);letter-spacing:-.015em;margin:0;font-size:13px;font-weight:790}.ceoReferencePrivacy{border:1px solid var(--line);background:var(--surface);height:25px;color:var(--muted);border-radius:7px;padding:0 8px;font-size:8px;font-weight:800}.ceoQueueCount{color:#a40b5b;background:#fff1f7;border:1px solid #f1c5db;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:850}.ceoTodayGrid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 14px 14px;display:grid;position:relative}.ceoTodayCard{min-height:151px;color:var(--text);text-align:left;transition:transform .18s var(--ease-premium),box-shadow .18s var(--ease-premium),border-color .18s var(--ease-premium);background:linear-gradient(145deg,#fff,#eef6fd);border:1px solid #c9deef;border-radius:14px;flex-direction:column;align-items:flex-start;padding:14px 13px 12px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 7px 15px #2459c413,0 2px 4px #0c23400b}.ceoTodayCard.cyan{background:linear-gradient(145deg,#fbfeff,#effbfc);border-color:#c5e9ee}.ceoTodayCard.orange{background:linear-gradient(145deg,#fffdf9,#fff8ef);border-color:#f1dfc8}.ceoTodayCard.purple{background:linear-gradient(145deg,#fdfbff,#f7f2fc);border-color:#e0d7ef}.ceoTodayCard:hover{border-color:#9fc4e5;transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 16px 30px #0c23401f,0 0 25px #4a91ef14}.ceoTodayCard:active{transform:translateY(-1px)scale(.992)}.ceoTodayIcon{color:#1267da;width:48px;height:48px;transition:transform .18s var(--ease-premium),filter .18s var(--ease-premium);background:linear-gradient(145deg,#f7fbff,#d8eaff);border:1px solid #ffffffeb;border-radius:13px;place-items:center;margin-bottom:11px;display:grid;box-shadow:inset 1px 1px #fff,inset -1px -2px 4px #2459c414,0 9px 18px #2459c42e,0 0 18px #2459c414}.ceoTodayCard:hover .ceoTodayIcon{filter:saturate(1.08);transform:translateY(-2px)scale(1.035)}.ceoTodayCard.cyan .ceoTodayIcon{color:#1498ac;background:linear-gradient(145deg,#ecfdff,#d5f6fa);box-shadow:inset 0 1px #fff,0 7px 14px #1797b524}.ceoTodayCard.orange .ceoTodayIcon{color:#ed7116;background:linear-gradient(145deg,#fff6eb,#ffe4c3);box-shadow:inset 0 1px #fff,0 7px 14px #f6902b2b}.ceoTodayCard.purple .ceoTodayIcon{color:#7136b7;background:linear-gradient(145deg,#fbf5ff,#eadffc);box-shadow:inset 0 1px #fff,0 7px 14px #7650d526}.ceoTodayCard>strong{font-size:11px}.ceoTodayCard>b{color:var(--text);letter-spacing:-.035em;margin-top:5px;font-size:24px;line-height:1}.ceoTodayCard>small{color:#1670df;align-items:center;gap:2px;margin-top:auto;font-size:8px;font-weight:750;display:flex}.ceoTodayCard>small.down{color:var(--red)}.ceoTodayCard>small em{color:var(--muted);font-style:normal;font-weight:500}.ceoCardAction{color:var(--muted);opacity:0;transition:opacity .16s var(--ease-premium),transform .16s var(--ease-premium);align-items:center;gap:1px;font-size:7px;font-weight:800;display:flex;position:absolute;top:13px;right:11px;transform:translate(-4px)}.ceoTodayCard:hover .ceoCardAction,.ceoTodayCard:focus-visible .ceoCardAction{opacity:1;transform:none}.ceoLifecycleReferenceBody{z-index:1;grid-template-columns:1.12fr .88fr;align-items:center;gap:12px;min-height:163px;padding:5px 16px 15px;display:grid;position:relative}.ceoMultiRing{filter:drop-shadow(0 8px 11px #2459c41f);width:146px;height:146px;animation:ceoRingIn .75s var(--ease-premium) both;place-items:center;margin:auto;display:grid;position:relative}.ceoMultiRing>i{border-radius:50%;position:absolute;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.ceoMultiRing .outer{inset:0}.ceoMultiRing .middle{inset:14px;transform:rotate(-28deg)}.ceoMultiRing .inner{inset:28px;transform:rotate(38deg)}.ceoMultiRing>span{background:var(--surface);width:58px;height:58px;color:var(--primary);text-align:center;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;align-content:center;place-items:center;display:grid}.ceoMultiRing>span svg{width:18px;height:18px}.ceoMultiRing>span b{font-size:13px;line-height:1}.ceoMultiRing>span small{color:var(--muted);margin-top:2px;font-size:6px}.ceoLifecycleReferenceLegend{gap:12px;display:grid}.ceoLifecycleReferenceLegend>button{width:100%;color:var(--text);text-align:left;transition:background .16s var(--ease-premium),transform .16s var(--ease-premium);background:0 0;border:0;border-radius:9px;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;padding:5px 6px;display:grid}.ceoLifecycleReferenceLegend>button:hover{background:var(--surface-2);transform:translate(2px)}.ceoLifecycleReferenceLegend>button>i{background:#1670df;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #eaf1ff,0 0 13px #1670df47}.ceoLifecycleReferenceLegend>button.inactive>i{background:#f7b51e;box-shadow:0 0 0 4px #fff7df,0 0 13px #f7b51e3d}.ceoLifecycleReferenceLegend>button.terminated>i{background:var(--red);box-shadow:0 0 0 4px #fdecef,0 0 13px #ef3e2f38}.ceoLifecycleReferenceLegend>button.expiring>i{background:#b10763;box-shadow:0 0 0 4px #f9e8f1,0 0 13px #b1076333}.ceoLifecycleReferenceLegend small,.ceoLifecycleReferenceLegend b{display:block}.ceoLifecycleReferenceLegend small{color:var(--muted);font-size:8px}.ceoLifecycleReferenceLegend b{color:#1670df;margin-top:1px;font-size:16px}.ceoLifecycleReferenceLegend .inactive b{color:#e39a00}.ceoLifecycleReferenceLegend .terminated b{color:var(--red)}.ceoLifecycleReferenceLegend .expiring b,.ceoLifecycleReferenceLegend .expiring>svg{color:#b10763}.ceoLifecycleReferenceLegend em{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:850}.ceoLifecycleReferenceLegend .inactive em{color:#b97900;background:#fff6df}.ceoLifecycleReferenceLegend .terminated em{color:var(--red);background:#fdecef}.ceoRecoveryReferenceBody{z-index:1;grid-template-columns:240px minmax(0,1fr) 190px;align-items:center;gap:24px;min-height:92px;padding:3px 16px 15px;display:grid;position:relative}.ceoTargetMetric{border-right:1px solid var(--line);align-items:center;gap:13px;min-width:0;padding-right:22px;display:flex}.ceoTargetIcon{color:#1267da;background:linear-gradient(145deg,#f2f7ff,#deebff);border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 1px #fff,0 7px 16px #2459c424}.ceoTargetMetric small,.ceoTargetMetric b,.ceoRecoveryProgress small,.ceoRecoveryProgress b,.ceoTrendMetric b,.ceoTrendMetric small{display:block}.ceoTargetMetric small,.ceoRecoveryProgress small{color:var(--muted);font-size:8px}.ceoTargetMetric b{color:var(--primary);margin-top:4px;font-size:13px}.ceoRecoveryProgress>span{margin-bottom:8px;display:block}.ceoRecoveryProgress>span b{color:#16a05f;margin-top:3px;font-size:15px}.ceoRecoveryProgress>div{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:10px;display:grid}.ceoRecoveryProgress>div:before{content:"";background:#e8edf4;border-radius:999px;grid-area:1/1;height:12px;box-shadow:inset 0 1px 2px #0c234014}.ceoRecoveryProgress>div i{height:12px;animation:ceoBarGrow .8s var(--ease-premium) both;transform-origin:0;background:linear-gradient(#29b974,#0f7b50);border-radius:999px;grid-area:1/1;box-shadow:inset 0 1px #ffffff59,0 4px 8px #0f7b502e}.ceoRecoveryProgress>div em{color:#0f7b50;grid-area:1/2;font-size:11px;font-style:normal;font-weight:850}.ceoTrendMetric{color:#0f8b56;background:#f1fbf6;border:1px solid #bee9d4;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:10px 14px;display:flex}.ceoTrendMetric.down{color:var(--red);background:#fff4f3;border-color:#f2c8c4}.ceoTrendMetric b{font-size:14px}.ceoTrendMetric small{color:var(--muted);margin-top:3px;font-size:7px}.ceoReferenceBottomGrid>.ceoReferencePanel{min-height:212px}.ceoCollectorTableHead{color:var(--muted);grid-template-columns:1.25fr .85fr .85fr .85fr;gap:7px;padding:2px 14px 6px;font-size:7px;font-weight:800;display:grid}.ceoCollectorReferenceRows{padding:0 14px}.ceoCollectorReferenceRows button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:43px;color:var(--text);text-align:left;background:0 0;grid-template-columns:1.25fr .85fr .85fr .85fr;align-items:center;gap:7px;padding:5px 1px;display:grid}.ceoCollectorReferenceRows button:hover{background:var(--surface-2);padding-inline:5px}.ceoCollectorReferenceRows button>span{grid-template-columns:26px 1fr;align-items:center;gap:7px;min-width:0;font-size:9px;display:grid}.ceoCollectorReferenceRows button>span i{color:#fff;background:#1b69bf;border-radius:50%;grid-row:1/3;place-items:center;width:26px;height:26px;font-style:normal;font-weight:850;display:grid;box-shadow:0 4px 9px #2459c42e}.ceoCollectorReferenceRows button>span i.khalid{background:#22849a}.ceoCollectorReferenceRows button>span i.tariq{background:#efae28}.ceoCollectorReferenceRows button>span small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:6px;overflow:hidden}.ceoMetricBadge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;width:max-content;max-width:100%;padding:5px 7px;font-style:normal;font-weight:850;line-height:1;display:inline-flex;font-size:7px!important}.ceoMetricBadge.received{background:#eaf8f1;border-color:#bce8d1;box-shadow:0 0 14px #0f7b5014;color:#0f7b50!important}.ceoMetricBadge.pending{background:#fff6e6;border-color:#f4d8a7;box-shadow:0 0 14px #f6902b14;color:#b76a00!important}.ceoMetricBadge.held{background:#f3edff;border-color:#dbcdf7;box-shadow:0 0 14px #7650d514;color:#7650d5!important}.ceoReferenceLink{border:1px solid var(--line);background:var(--surface);color:#2459c4;min-height:28px;box-shadow:var(--shadow-xs);border-radius:7px;align-items:center;gap:3px;margin:8px 14px 11px;padding:0 9px;font-size:8px;font-weight:780;display:flex}.ceoReferenceLink:hover{background:var(--primary-soft);border-color:#a8c4ef;transform:translate(2px)}.ceoSlaReferenceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:5px 14px 3px;display:grid}.ceoSlaReferenceGrid button{min-height:126px;color:var(--red);background:linear-gradient(160deg,#fff9f8,#fff1ef);border:1px solid #f3d5d1;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.ceoSlaReferenceGrid button.medium{color:#e59000;background:linear-gradient(160deg,#fffdf9,#fff8eb);border-color:#f3dfbe}.ceoSlaReferenceGrid button.risk{color:#b10763;background:linear-gradient(160deg,#fffafd,#fcf1f6);border-color:#edd3df}.ceoSlaReferenceGrid button:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ceoSlaReferenceGrid strong{color:var(--text);margin-top:4px;font-size:9px}.ceoSlaReferenceGrid b{font-size:19px}.ceoSlaReferenceGrid small{font-size:6px}.ceoPortalReferenceRows{gap:7px;padding:5px 14px 4px;display:grid}.ceoPortalReferenceRows button{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));min-height:42px;color:var(--text);text-align:left;box-shadow:var(--shadow-xs);border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;gap:9px;padding:4px 9px 4px 5px;display:grid}.ceoPortalReferenceRows button:hover{box-shadow:var(--shadow-sm);border-color:#b9cae0;transform:translate(2px)}.ceoPortalReferenceRows i{color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-style:normal;display:grid;box-shadow:inset 0 1px #ffffff59,0 5px 10px #0c234026}.ceoPortalReferenceRows i.advance{background:linear-gradient(145deg,#dc286e,#b10763)}.ceoPortalReferenceRows i.activation{background:linear-gradient(145deg,#4cc7ec,#1597bd)}.ceoPortalReferenceRows i.changes{background:linear-gradient(145deg,#ffc43d,#f6a10e)}.ceoPortalReferenceRows span{font-size:9px;font-weight:750}.ceoPortalReferenceRows b{min-width:20px;color:var(--primary);text-align:right;font-size:13px}.ceoPortalReferenceRows button:first-child b{color:var(--magenta)}.ceoPortalReferenceRows button:last-child b{color:#d68800}.ceoPortalReferenceRows>button>svg{color:var(--muted)}.ceoReferenceFooter{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.ceoReferenceFooter svg{color:var(--primary)}[data-theme=dark] .ceoReferencePanel{border-color:var(--line);background:linear-gradient(145deg,#0d0d0d,#070707)}[data-theme=dark] .ceoTodayCard,[data-theme=dark] .ceoTodayCard.cyan,[data-theme=dark] .ceoTodayCard.orange,[data-theme=dark] .ceoTodayCard.purple{border-color:var(--line);background:#0d0d0d}[data-theme=dark] .ceoMultiRing>span{background:#070707}[data-theme=dark] .ceoRecoveryProgress>div:before{background:#1a1a1a}[data-theme=dark] .ceoTrendMetric{background:#0f7b5026;border-color:#46bf8447}[data-theme=dark] .ceoTrendMetric.down{background:#ef3e2f21;border-color:#ef3e2f47}[data-theme=dark] .ceoSlaReferenceGrid button,[data-theme=dark] .ceoSlaReferenceGrid button.medium,[data-theme=dark] .ceoSlaReferenceGrid button.risk{border-color:var(--line);background:#0d0d0d}[data-theme=dark] .ceoPortalReferenceRows button,[data-theme=dark] .ceoReferenceLink,[data-theme=dark] .ceoDateChip,[data-theme=dark] .ceoPeriodChip{border-color:var(--line);background:linear-gradient(145deg,#141414,#0d0d0d)}[data-theme=dark] .ceoMetricBadge.received{background:#0f7b502e;border-color:#4dcb9052;color:#6ce0a6!important}[data-theme=dark] .ceoMetricBadge.pending{background:#f6902b29;border-color:#f7c2334d;color:#ffc35d!important}[data-theme=dark] .ceoMetricBadge.held{background:#7650d52e;border-color:#9d7fe757;color:#bca6ff!important}[data-theme=dark] .ceoQueueCount{color:#ff8cc7;background:#b1076329;border-color:#ca468b57}[data-theme=dark] .ceoPortal .sidebar{border-color:var(--line);background:#070707f0}[data-theme=dark] .ceoPortal .sideBrand{background:#070707}[data-theme=dark] .ceoPortal .brandWords strong{color:var(--text)}@keyframes ce-reference-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.customerDashboardFilter{color:#8f0d53;background:linear-gradient(145deg,#fffafd,#f9eef4);border:1px solid #f0c6dc;border-radius:11px;align-items:center;gap:12px;margin:0 16px 12px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #fff,0 6px 15px #b107630f}.customerDashboardFilter span{align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.customerDashboardFilter strong{margin-left:auto;font-size:9px}.customerDashboardFilter button{color:#8f0d53;background:#fff;border:1px solid #e9bad2;border-radius:8px;padding:5px 8px;font-size:8px;font-weight:800}[data-theme=dark] .customerDashboardFilter{color:#ff8cc7;background:#b1076324;border-color:#ca468b52}[data-theme=dark] .customerDashboardFilter button{color:#ff8cc7;background:#141414;border-color:#ca468b59}@media (width<=1220px) and (width>=901px){.ceoPortal .sidebar{grid-template-columns:165px minmax(0,1fr);padding-right:294px}.ceoPortal .topbar{width:284px}.ceoPortal .rolePreviewControl{display:none}.ceoPortal .profile strong{max-width:72px}.ceoReferenceTopGrid{grid-template-columns:1.45fr 1fr}.ceoTodayGrid{gap:7px}.ceoTodayCard{min-height:138px;padding-inline:10px}.ceoRecoveryReferenceBody{grid-template-columns:205px minmax(0,1fr) 164px;gap:16px}}@media (width<=980px){.ceoReferenceTopGrid,.ceoReferenceBottomGrid{grid-template-columns:1fr}.ceoRecoveryReferenceBody{grid-template-columns:1fr;gap:14px}.ceoTargetMetric{border:0;border-bottom:1px solid var(--line);padding:0 0 12px}}@media (width<=700px){.ceoReferenceHead{flex-direction:column;align-items:flex-start}.ceoReferenceHeadActions{grid-template-columns:1fr 1fr;width:100%;display:grid}.ceoPeriodChip{grid-column:1/-1}.ceoPeriodChip select{width:100%}.ceoDateChip{justify-content:center}.ceoTodayGrid{grid-template-columns:1fr 1fr}.ceoLifecycleReferenceBody{grid-template-columns:1fr}.ceoLifecycleReferenceLegend{width:100%}.ceoReferencePanel{border-radius:15px}.ceoCollectorTableHead{display:none}.ceoCollectorReferenceRows button{grid-template-columns:minmax(115px,1.3fr) repeat(3,minmax(72px,1fr));overflow-x:auto}.customerDashboardFilter{flex-wrap:wrap;align-items:flex-start}.customerDashboardFilter strong{margin-left:0}.customerDashboardFilter button{margin-left:auto}}@media (width<=440px){.ceoTodayGrid,.ceoSlaReferenceGrid{grid-template-columns:1fr}.ceoTodayCard{min-height:126px}.ceoCollectorReferenceRows{overflow-x:auto}.ceoCollectorReferenceRows button{min-width:420px}}.profileButton{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;transition:background .18s,transform .18s}.profileButton:hover{background:var(--surface-2);transform:translateY(-1px)}.collectorLogout{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:800}.assistantDashboard,.assistantRecoveryView,.usersAccessModule{gap:18px;animation:.28s both ce-reference-in;display:grid}.accessPrivacyPill{color:#2459c4;background:#edf5ff;border:1px solid #bfd5f3;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #fff,0 7px 16px #2459c414}.assistantHero{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(125deg,#2459c4 0%,#176bdb 58%,#3d82e8 100%);border:1px solid #154fb7;border-radius:20px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:96px;padding:18px 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,0 16px 30px #2459c438}.assistantHero:after{content:"";background:radial-gradient(circle,#82d6ed57,#0000 67%);border-radius:50%;width:260px;height:140px;position:absolute;top:-60px;right:-40px}.assistantHero>span{background:linear-gradient(145deg,#ffffff47,#ffffff1c);border:1px solid #ffffff47;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff59,0 8px 16px #04256338}.assistantHero div{z-index:1;gap:5px;display:grid;position:relative}.assistantHero strong{font-size:22px}.assistantHero small{opacity:.84;font-size:12px}.assistantHero b{z-index:1;color:#2459c4;background:#fff;border-radius:11px;padding:11px 15px;font-size:11px;position:relative;box-shadow:0 8px 18px #08224f2e}.assistantPageHead{align-items:flex-end}.assistantStats,.assistantRecoverySummary,.accessStats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.assistantStats button,.assistantRecoverySummary article,.accessStats article{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));min-height:88px;color:var(--text);text-align:left;box-shadow:inset 0 1px 0 #fffc,var(--shadow-sm);border-radius:17px;align-items:center;gap:12px;padding:15px;display:flex}.assistantStats button{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.assistantStats button:hover{box-shadow:var(--shadow-md);border-color:#bed0e7;transform:translateY(-2px)}.assistantStats i,.assistantRecoverySummary i,.accessStats i{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-style:normal;display:grid;box-shadow:inset 0 1px #fffc,0 7px 14px #0c234017}.assistantStats i.blue,.assistantRecoverySummary i.blue,.accessStats i.blue{color:#2459c4;background:#eaf3ff}.assistantStats i.green,.assistantRecoverySummary i.green,.accessStats i.green{color:#0f7b50;background:#e7f7ef}.assistantStats i.orange,.assistantRecoverySummary i.orange,.accessStats i.orange{color:#dc7714;background:#fff2df}.assistantStats i.red,.accessStats i.red{color:#ef3e2f;background:#ffedf0}.assistantStats i.purple{color:#7650d5;background:#f1ebff}.assistantStats i.cyan{color:#1688a8;background:#e8faff}.assistantStats span,.assistantRecoverySummary span,.accessStats span{gap:4px;display:grid}.assistantStats small,.assistantRecoverySummary small,.accessStats small{color:var(--muted);font-size:10px;font-style:normal}.assistantStats strong,.assistantRecoverySummary strong,.accessStats strong{font-size:20px}.assistantQueue,.assistantRecoveryCard,.accessRoleMatrix,.accessUserTableCard,.accessAuditCard{border-radius:20px;overflow:hidden}.assistantOperationsGrid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);align-items:stretch;gap:16px;display:grid}.assistantOperationsGrid>article{min-height:365px}.assistantQueueList{padding:0 16px 16px;display:grid}.assistantQueueList>button{border:0;border-top:1px solid var(--line);min-height:60px;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto auto 18px;align-items:center;gap:14px;display:grid}.assistantQueueList>button:first-child{border-top:0}.assistantQueueList>button:hover{background:var(--surface-2)}.assistantQueueList span{gap:3px;display:grid}.assistantQueueList strong,.prominentUserId{color:#2459c4;font-size:14px;font-weight:900}.assistantQueueList small{color:var(--muted);font-size:10px}.assistantQueueList em{font-style:normal}.assistantQueueList b{color:#b75e08;font-size:10px}.assistantUrgent{overflow:hidden}.urgentCount{color:#d73243;background:#fff0f2;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:10px;font-weight:900;display:grid}.assistantUrgentList{padding:0 16px 16px;display:grid}.assistantUrgentList button{border:0;border-top:1px solid var(--line);min-height:52px;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.assistantUrgentList button:first-child{border-top:0}.assistantUrgentList button:hover{background:var(--surface-2)}.assistantUrgentList i{background:#f6902b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f6902b1c}.assistantUrgentList i.overdue{background:#ef3e2f;box-shadow:0 0 0 4px #ef3e2f1c}.assistantUrgentList span{gap:3px;display:grid}.assistantUrgentList strong{color:#2459c4;font-size:11px}.assistantUrgentList small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;color:var(--muted);font-size:9px;overflow:hidden}.assistantUrgentList em{color:#bd6410;background:#fff3e4;border-radius:999px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900}.assistantUrgentList i.overdue~em{color:#d73243;background:#fff0f2}.assistantClearState{color:#0f7b50;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:250px;display:grid}.assistantClearState small{color:var(--muted)}.assistantDashboardBottom{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px;display:grid}.assistantCallProgress,.assistantToday{overflow:hidden}.assistantProgressBody{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;padding:8px 22px 24px;display:grid}.assistantProgressRing{aspect-ratio:1;background:conic-gradient(#2459c4 0 var(--assistant-progress),#e8eef7 var(--assistant-progress) 360deg);border-radius:50%;place-items:center;width:138px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #2459c414,0 12px 25px #2459c41f}.assistantProgressRing:before{content:"";background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:inset 0 1px 0 #ffffffd9,0 0 0 1px var(--line);border-radius:50%;position:absolute;inset:17px}.assistantProgressRing>span{z-index:1;text-align:center;gap:2px;display:grid;position:relative}.assistantProgressRing strong{font-size:23px}.assistantProgressRing small{color:var(--muted);font-size:9px}.assistantProgressBody>div:last-child{gap:12px;display:grid}.assistantProgressBody>div:last-child span{color:var(--muted);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:10px;display:grid}.assistantProgressBody>div:last-child i{background:#2459c4;border-radius:50%;width:8px;height:8px}.assistantProgressBody>div:last-child i.green{background:#0f7b50}.assistantProgressBody>div:last-child i.orange{background:#f6902b}.assistantProgressBody>div:last-child b{color:var(--text)}.assistantWorkTiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 16px 16px;display:grid}.assistantWorkTiles button{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));min-height:118px;color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffc7,var(--shadow-xs);border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.assistantWorkTiles button:hover{box-shadow:var(--shadow-sm);border-color:#bed0e7;transform:translateY(-2px)}.assistantWorkTiles i{color:#2459c4;background:#eaf3ff;border-radius:12px;place-items:center;width:40px;height:40px;font-style:normal;display:grid;box-shadow:inset 0 1px #fff,0 6px 12px #2459c41a}.assistantWorkTiles i.green{color:#0f7b50;background:#e7f7ef}.assistantWorkTiles i.purple{color:#7650d5;background:#f1ebff}.assistantWorkTiles span{gap:5px;display:grid}.assistantWorkTiles strong{font-size:11px}.assistantWorkTiles small{color:var(--muted);font-size:9px;line-height:1.4}.assistantWorkTiles b{color:#2459c4;font-size:18px}.assistantWorkTiles svg{color:var(--muted);align-self:center}.assistantRecoverySummary{grid-template-columns:repeat(3,minmax(0,1fr))}.assistantRecoveryTable th,.assistantRecoveryTable td{white-space:nowrap}.assistantRecoveryTable .remarksText{white-space:normal;max-width:210px}.compactAction{padding:7px 10px;font-size:9px}.assistantRowActions{flex-wrap:nowrap;min-width:210px}.usersAccessHead>div:last-child{align-items:center;gap:10px;display:flex}.accessStats{grid-template-columns:repeat(4,minmax(0,1fr))}.accessTabs{border:1px solid var(--line);background:var(--surface);width:max-content;box-shadow:var(--shadow-xs);border-radius:13px;gap:5px;padding:5px;display:flex}.accessTabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;font-weight:850;display:flex}.accessTabs button.active{color:#fff;background:linear-gradient(145deg,#f6902b,#df7614);box-shadow:inset 0 1px #fff6,0 7px 14px #f6902b38}.accessTabs b{text-align:center;background:#fff3;border-radius:999px;min-width:19px;padding:2px 5px}.accessRoleGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.accessRoleCard{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));border-radius:15px;min-height:208px;padding:15px;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #0c23400f}.accessRoleCard>span{align-items:center;gap:9px;display:flex}.accessRoleCard>span i{color:#2459c4;background:#eaf3ff;border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:900;display:grid;box-shadow:inset 0 1px #fff,0 6px 12px #2459c41f}.accessRoleCard.role-assistant>span i{color:#7650d5;background:#f1ebff}.accessRoleCard.role-khalid>span i{color:#0f7b50;background:#e7f7ef}.accessRoleCard.role-tariq>span i{color:#c26911;background:#fff2df}.accessRoleCard p{min-height:60px;color:var(--muted);font-size:10px;line-height:1.55}.accessRoleCard>div{flex-wrap:wrap;gap:5px;display:flex}.accessRoleCard>div b{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:5px 7px;font-size:8px}.accessTableCount{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850}.accessUserIdentity{align-items:center;gap:10px;min-width:180px;display:flex}.accessUserIdentity>i{color:#fff;background:linear-gradient(145deg,#2c6bd4,#174ca8);border-radius:12px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff4d,0 7px 13px #2459c429}.accessUserIdentity>span{gap:3px;display:grid}.accessUserIdentity small{color:var(--muted);font-size:9px}.accessRoleBadge,.accessStatusBadge,.securityAttempts{color:#2459c4;background:#edf5ff;border:1px solid #bcd5f6;border-radius:999px;align-items:center;width:max-content;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.accessRoleBadge.role-assistant{color:#7650d5;background:#f2edff;border-color:#d7c8ff}.accessRoleBadge.role-khalid{color:#0f7b50;background:#e9f8f0;border-color:#bfe7d1}.accessRoleBadge.role-tariq{color:#bd6510;background:#fff3e5;border-color:#f3cca3}.accessStatusBadge.active{color:#0f7b50;background:#e9f8f0;border-color:#bfe7d1}.accessStatusBadge.invited{color:#ac6709;background:#fff5df;border-color:#f2d49b}.accessStatusBadge.suspended,.securityAttempts.alert{color:#cf2739;background:#fff0f2;border-color:#f4bdc3}.securityAttempts{border-color:var(--line);background:var(--surface-2);color:var(--muted)}.accessRowActions{flex-wrap:wrap;gap:6px;min-width:220px;display:flex}.accessRowActions button{color:#2459c4;cursor:pointer;background:#f4f8ff;border:1px solid #bfd5f3;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:850;display:inline-flex}.accessRowActions button.suspend{color:#cf2739;background:#fff0f2;border-color:#f4bdc3}.accessRowActions button.activate{color:#0f7b50;background:#e9f8f0;border-color:#bfe7d1}.accessAuditList{padding:0 16px 16px;display:grid}.accessAuditList>div{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;display:grid}.accessAuditList>div:first-child{border-top:0}.accessAuditList>div>i{color:#2459c4;background:#eaf3ff;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.accessAuditList>div.securityAlert>i{color:#ef3e2f;background:#fff0f2}.accessAuditList span{gap:3px;display:grid}.accessAuditList small,.accessAuditList time{color:var(--muted);font-size:9px}.accessPageError{margin:0}.passwordAccessModal{max-width:690px}.passwordSafetyNote{color:#2459c4;background:#edf5ff;border:1px solid #bfd5f3;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;display:flex}.passwordSafetyNote span{gap:3px;display:grid}.passwordSafetyNote small{color:#536b88;line-height:1.45}[data-theme=dark] .accessPrivacyPill,[data-theme=dark] .passwordSafetyNote{color:#7db1ff;background:#2459c429;border-color:#4989e84d}[data-theme=dark] .assistantStats button,[data-theme=dark] .assistantRecoverySummary article,[data-theme=dark] .accessStats article,[data-theme=dark] .accessRoleCard{box-shadow:inset 0 1px 0 #ffffff0d,var(--shadow-sm)}[data-theme=dark] .accessRoleCard>span i,[data-theme=dark] .accessUserIdentity>i{box-shadow:inset 0 1px #ffffff1f,0 7px 13px #00000040}[data-theme=dark] .accessRowActions button,[data-theme=dark] .accessRoleCard>div b{background:#141414}[data-theme=dark] .assistantProgressRing:before,[data-theme=dark] .assistantWorkTiles button{box-shadow:inset 0 1px 0 #ffffff0d,var(--shadow-xs)}@media (width<=1100px){.assistantStats{grid-template-columns:repeat(3,minmax(0,1fr))}.assistantOperationsGrid{grid-template-columns:1fr}.assistantOperationsGrid>article{min-height:0}.assistantWorkTiles{grid-template-columns:1fr}.assistantWorkTiles button{min-height:82px}.accessRoleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.assistantHero{grid-template-columns:48px minmax(0,1fr);padding:16px}.assistantHero b{text-align:center;grid-column:1/-1}.assistantStats,.assistantRecoverySummary,.accessStats{grid-template-columns:1fr 1fr}.assistantDashboardBottom{grid-template-columns:1fr}.assistantProgressBody{grid-template-columns:1fr;justify-items:center}.assistantProgressBody>div:last-child{width:100%}.accessRoleGrid{grid-template-columns:1fr}.usersAccessHead>div:last-child,.accessTabs{width:100%}.accessTabs button{flex:1;justify-content:center}.accessAuditList>div{grid-template-columns:38px minmax(0,1fr)}.accessAuditList time{grid-column:2}}@media (width<=460px){.assistantStats,.assistantRecoverySummary,.accessStats{grid-template-columns:1fr}.assistantPageHead{align-items:flex-start}}.headerUserMenu{position:relative}.headerUserTrigger{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));min-height:44px;color:var(--text);box-shadow:inset 0 1px 0 #ffffffbf,var(--shadow-xs);cursor:pointer;border-radius:14px;align-items:center;gap:9px;padding:5px 9px 5px 6px;transition:transform .18s,box-shadow .18s;display:flex}.headerUserTrigger:hover{box-shadow:inset 0 1px 0 #fffc,var(--shadow-sm);transform:translateY(-1px)}.headerUserTrigger>span{text-align:left;gap:2px;display:grid}.headerUserTrigger strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;overflow:hidden}.headerUserTrigger small{color:var(--muted);font-size:8px}.headerUserPopover{z-index:90;border:1px solid var(--line);background:var(--surface);border-radius:15px;width:240px;padding:9px;animation:.18s both popoverIn;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 22px 45px #0c234033}.headerUserPopover>button{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:10px;font-size:10px;font-weight:800;display:flex}.headerUserPopover>button:hover{background:var(--surface-2)}.headerUserPopover>button.danger{color:#d52e3c}.headerSyncStatus{color:#0f7b50;background:#edf9f3;border:1px solid #b9e5cd;border-radius:11px;align-items:center;gap:9px;margin-bottom:7px;padding:10px;display:flex}.headerSyncStatus>i{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px}@supports (color:color-mix(in lab, red, red)){.headerSyncStatus>i{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}}.headerSyncStatus>span{gap:2px;display:grid}.headerSyncStatus strong{font-size:9px}.headerSyncStatus small{color:#557469;font-size:8px}.headerSyncStatus.sync-connecting,.headerSyncStatus.sync-waiting{color:#af6810;background:#fff7e8;border-color:#efd39b}.headerSyncStatus.sync-offline{color:#d43b4d;background:#fff0f2;border-color:#f0bbc2}@keyframes popoverIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}.settingsModule{gap:16px;display:grid}.settingsHead{margin-bottom:0}.settingsOwnerPill{color:#2459c4;background:#edf5ff;border:1px solid #bfd5f3;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:900;display:inline-flex}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settingsCard{border-radius:20px;overflow:hidden}.settingsCard.companySettings,.settingsCard.plansSettings{grid-column:1/-1}.settingsCardHead{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:76px;padding:15px 16px;display:flex}.settingsCardHead>i{color:#2459c4;background:linear-gradient(145deg,#eaf3ff,#f8fbff);border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-style:normal;display:grid;box-shadow:inset 0 1px #fff,0 8px 16px #2459c41f}.settingsCardHead>i.orange{color:#e77b18;background:linear-gradient(145deg,#fff0dc,#fffaf4)}.settingsCardHead>i.purple{color:#7654d1;background:linear-gradient(145deg,#f0eaff,#fbf9ff)}.settingsCardHead>i.green{color:#0f7b50;background:linear-gradient(145deg,#e6f8ef,#f7fffb)}.settingsCardHead>i.red{color:#ef3e2f;background:linear-gradient(145deg,#ffebed,#fff8f8)}.settingsCardHead>i.cyan{color:#199fc0;background:linear-gradient(145deg,#e5f8fc,#f9feff)}.settingsCardHead>span{flex:1;gap:3px;min-width:0;display:grid}.settingsCardHead h3{margin:0;font-size:14px}.settingsCardHead p{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.settingsMiniButton{color:#2459c4;cursor:pointer;background:#f3f8ff;border:1px solid #bfd5f3;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:900}.companySettingsBody{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:18px;display:grid}.settingsLogo{object-fit:contain;border:1px solid var(--line);background:var(--surface-2);border-radius:17px;width:82px;height:100px;padding:9px}.settingsFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.settingsFields label,.defaultThemeSelect{gap:6px;display:grid}.settingsFields label.wide{grid-column:1/-1}.settingsFields span,.defaultThemeSelect span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:850}.settingsFields input,.defaultThemeSelect select,.settingsSaveBar input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:40px;color:var(--text);border-radius:10px;outline:none;padding:0 11px}.settingsFields input:focus,.defaultThemeSelect select:focus,.settingsSaveBar input:focus{border-color:#77a9eb;box-shadow:0 0 0 3px #2459c41a}.settingsPlanTable{padding:0 16px 16px;display:grid}.settingsPlanRow{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 130px;align-items:center;gap:10px;min-height:50px;display:grid}.settingsPlanRow.heading{min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-top:0;font-size:8px;font-weight:900}.settingsPlanRow label{align-items:center;gap:6px;display:flex}.settingsPlanRow input,.settingsPlanRow select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:34px;color:var(--text);border-radius:8px;padding:0 8px}.settingsPlanRow small{color:var(--muted);font-size:8px;font-weight:800}.collectorColorGrid{grid-template-columns:1fr 1fr;gap:9px;padding:16px;display:grid}.collectorColorGrid label{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;grid-template-columns:1fr 32px auto;align-items:center;gap:8px;padding:9px;display:grid}.collectorColorGrid input{cursor:pointer;background:0 0;border:0;width:30px;height:28px;padding:0}.collectorColorGrid code{color:var(--muted);font-size:8px}.collectorColorPreview{background:var(--surface);border:1px solid;border-radius:999px;align-items:center;gap:7px;width:max-content;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.collectorColorPreview i{border-radius:50%;width:7px;height:7px}.settingsFootnote{color:var(--muted);margin:0;padding:0 16px 16px;font-size:9px;line-height:1.5}.notificationSettingsList{padding:5px 16px 16px;display:grid}.notificationSettingsList label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:10px;font-weight:750;display:flex}.notificationSettingsList label:first-child{border-top:0}.notificationSettingsList input{accent-color:#2459c4;width:34px;height:19px}.ruleList{grid-template-columns:1fr 1fr;gap:9px;padding:16px;display:grid}.ruleList span{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;gap:4px;padding:11px;display:grid}.ruleList b{font-size:10px}.ruleList small{color:var(--muted);font-size:8px;line-height:1.4}.defaultThemeSelect{padding:16px}.defaultThemeSelect select{min-height:42px}.integrationRows{padding:5px 16px 16px;display:grid}.integrationRows>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:52px;display:grid}.integrationRows>div:first-child{border-top:0}.integrationRows span{gap:3px;display:grid}.integrationRows small{color:var(--muted);font-size:8px}.integrationRows b{color:var(--muted);background:#eef4fb;border-radius:999px;padding:5px 8px;font-size:8px}.integrationRows b.connected{color:#0f7b50;background:#e8f7ef}.integrationRows b.pending{color:#ae6910;background:#fff5df}.integrationRows b.notConnected{color:#d43b4d;background:#fff0f2}.integrationRows button{border:1px solid var(--line);background:var(--surface);color:#2459c4;cursor:pointer;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:900}.dataStatus{grid-template-columns:repeat(3,1fr);gap:9px;padding:16px;display:grid}.dataStatus span{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;gap:5px;padding:11px;display:grid}.dataStatus small{color:var(--muted);font-size:8px}.dataStatus b{font-size:11px}.settingsDataActions{gap:9px;padding:0 16px 16px;display:flex}.settingsDataActions button{flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.settingsSaveBar{z-index:30;background:var(--surface);border:1px solid #bed3ef;border-radius:16px;grid-template-columns:minmax(0,1fr) 240px auto;align-items:center;gap:12px;padding:13px;display:grid;position:sticky;bottom:12px}@supports (color:color-mix(in lab, red, red)){.settingsSaveBar{background:color-mix(in srgb,var(--surface) 92%,transparent)}}.settingsSaveBar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px #0c234033}.settingsSaveBar>span{color:#2459c4;align-items:center;gap:10px;display:flex}.settingsSaveBar label{gap:2px;display:grid}.settingsSaveBar label strong{color:var(--text);font-size:10px}.settingsSaveBar label small{color:var(--muted);font-size:8px}.settingsSaveBar p{color:#d43b4d;background:#fff0f2;border-radius:8px;grid-column:1/-1;margin:0;padding:7px 9px;font-size:9px}[data-theme=dark] .headerUserTrigger,[data-theme=dark] .settingsCardHead>i{box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-xs)}[data-theme=dark] .headerUserPopover{box-shadow:0 22px 45px #000000a6}[data-theme=dark] .headerSyncStatus{background:#0f7b5024;border-color:#0f7b5080}[data-theme=dark] .settingsOwnerPill{color:#7db1ff;background:#2459c429;border-color:#4989e852}@media (width<=1000px){.settingsGrid{grid-template-columns:1fr}.settingsCard.companySettings,.settingsCard.plansSettings{grid-column:auto}.settingsPlanRow{grid-template-columns:1fr 1fr;padding:9px 0}.settingsPlanRow.heading{display:none}}@media (width<=760px){.headerUserTrigger>span{display:none}.companySettingsBody,.settingsFields,.collectorColorGrid,.ruleList,.dataStatus{grid-template-columns:1fr}.settingsFields label.wide{grid-column:auto}.settingsSaveBar{grid-template-columns:1fr;bottom:6px}.settingsSaveBar>input,.settingsSaveBar>button{width:100%}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}