@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--mh-bg:#f5f7fb;--mh-bg-alt:#edf2ff;--mh-surface:#fff;--mh-surface-soft:#f8f9ff;--mh-panel:#ffffffc2;--mh-sidebar:#0d1730;--mh-sidebar-2:#1a2b4b;--mh-primary:#4f46a5;--mh-primary-2:#7c83e8;--mh-accent:#c9a227;--mh-accent-soft:#fff0c8;--mh-text:#172033;--mh-muted:#6b7788;--mh-border:#e2e7ee;--mh-success:#1f9d73;--mh-danger:#c94d5d;--mh-warning:#d9a12d;--mh-info:#4c78d8;--mh-shadow:0 18px 45px #0c13231f;--mh-shadow-soft:0 8px 24px #19233a12;--mh-radius:18px;--mh-radius-sm:12px;--mh-z-search:20;--mh-z-topbar:30;--mh-z-bottom-nav:9000;--mh-z-overlay:9400;--mh-z-sidebar:9500;--mh-z-modal:9800;--mh-z-splash:10000;--font-family:Cairo,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--mh-bg);color:var(--mh-text);font-family:var(--font-family);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}img,svg{max-width:100%}#root{min-height:100vh}.app{min-height:100vh;display:flex;position:relative}.app-shell{background:var(--mh-bg);color:var(--mh-text)}.glass,.card,.panel,.stat,.mini,.dashboardKpi,.dashPanel,.loginCard,.resetModal,.quickIssueModal,.workerModal,.documentPreviewModal,.siteToolbarHint,.attendanceHeader,.siteCard{background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:var(--mh-radius);box-shadow:var(--mh-shadow-soft)}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;display:flex}.section-head h2,.section-head h3{color:var(--mh-text);margin:0;font-size:20px}.section-head span{color:var(--mh-muted);font-size:12px}.hero-banner{color:#fff;background:linear-gradient(135deg,#101c34 0%,#2a316a 55%,#5563bf 100%);border:1px solid #b3bdff59;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:142px;padding:26px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #1b235c29}.hero-banner:before{content:"";filter:blur(10px);background:#ffffff17;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -40px -60px auto}.hero-banner .hero-body{z-index:1;flex:1;align-items:center;gap:18px;min-width:0;display:flex;position:relative}.hero-banner .hero-mark{color:#162236;background:linear-gradient(135deg,#e7dfb4,#d8ac36);border-radius:18px;place-items:center;width:68px;height:68px;font-size:28px;font-weight:900;display:grid;box-shadow:0 16px 30px #0a0a1e33}.hero-banner .hero-copy{min-width:0}.hero-banner .eyebrow{color:#e7ebff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero-banner h1{color:#fff;margin:0;font-size:clamp(22px,2vw,34px);line-height:1.3}.hero-banner p{color:#ffffffd9;max-width:680px;margin:8px 0 0;font-size:13px;line-height:1.9}.hero-banner .hero-actions{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.btn,.primary,.ghost,.delete,.editBtn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary{background:linear-gradient(135deg,var(--mh-primary),var(--mh-primary-2));color:#fff;box-shadow:0 12px 22px #4f46a533}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 26px #4f46a540}.ghost{color:var(--mh-primary);background:#eef2ff;border:1px solid #4f46a524}.delete{color:var(--mh-danger);background:#fff5f5;border:1px solid #c94d5d1f}.input,.select,.textarea,.formGrid input,.formGrid select,.formGrid textarea,.siteToolbar select,.attendanceHeader input,.statusSelect,.overtimeInput,.noteInput,.tableSearch input{border:1px solid var(--mh-border);width:100%;min-height:46px;color:var(--mh-text);background:#fff;border-radius:12px;outline:none;padding:11px 13px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus,.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus,.siteToolbar select:focus,.attendanceHeader input:focus,.statusSelect:focus,.overtimeInput:focus,.noteInput:focus,.tableSearch input:focus{border-color:var(--mh-primary);box-shadow:0 0 0 3px #4f46a51f}.tab-list{background:var(--mh-surface-soft);border:1px solid var(--mh-border);border-radius:14px;flex-wrap:wrap;gap:8px;width:max-content;padding:6px;display:flex}.tab{color:var(--mh-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-family:inherit;font-weight:700;transition:all .2s}.tab.active,.tab:hover{background:var(--mh-primary);color:#fff;box-shadow:0 8px 18px #4f46a533}.badge,.chip{color:var(--mh-primary);background:#4f46a514;border:1px solid #4f46a51f;border-radius:999px;justify-content:center;align-items:center;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge.success{color:var(--mh-success);background:#1f9d731f;border-color:#1f9d732e}.badge.warning{color:var(--mh-warning);background:#d9a12d1f;border-color:#d9a12d2e}.badge.danger{color:var(--mh-danger);background:#c94d5d1f;border-color:#c94d5d2e}.muted{color:var(--mh-muted)}.text-center{text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #4f46a524}50%{box-shadow:0 0 0 12px #4f46a50a}}.app-shell .card,.app-shell .panel,.app-shell .stat,.app-shell .mini,.app-shell .dashboardKpi,.app-shell .dashPanel,.app-shell .loginCard,.app-shell .resetModal,.app-shell .quickIssueModal,.app-shell .workerModal,.app-shell .documentPreviewModal{animation:.25s fadeUp}.sidebar{color:#dbe5f5;width:270px;z-index:var(--mh-z-sidebar);background:#0b1830;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand.center{justify-content:center}.brandMark{color:#101b31;background:linear-gradient(135deg,#d4b45b,#9d7722);border-radius:13px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid}.brand b{color:#fff;font-size:17px;display:block}.brand small{color:#8ea0ba;letter-spacing:1px;margin-top:2px;font-size:10px;display:block}.companyBox{color:#fff;background:#12223d;border:1px solid #263955;border-radius:12px;margin-bottom:15px;padding:11px 12px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav{color:#aebbd0;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px 13px;font-family:inherit;font-size:13px;display:flex}.nav:hover,.nav.active{color:#fff;background:#1a2c4b}.nav.active{box-shadow:inset -3px 0 #d4b45b}.nav span{text-align:center;width:20px;font-size:18px}.sidebarBottom{margin-top:auto}.danger:hover{background:#432536!important}.main{width:calc(100% - 270px);margin-right:270px}.topbar{height:92px;z-index:var(--mh-z-topbar);background:#fff;border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:relative}.crumb{color:#8a96a8;font-size:11px}.topbar h2{margin:3px 0 0;font-size:19px}.topActions{align-items:center;gap:10px;display:flex}.topActions small{color:#8a96a8;font-size:10px;display:block}.avatar{color:#755b19;background:#e8dfc4;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.live{color:#3b8763;margin-left:15px;font-size:11px}.content{max-width:1500px;margin:auto;padding:28px 32px}.welcome{color:#fff;background:linear-gradient(135deg,#102646,#193b63);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:27px 30px;display:flex}.welcome span{color:#d7bd69;font-size:12px}.welcome h1{margin:4px 0;font-size:25px}.welcome p{color:#c3d0df;margin:0;font-size:12px}.date{color:#d8e0ea;font-size:12px}.cards{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px;display:grid}.stat,.mini{background:#fff;border:1px solid #e7ebf1;border-radius:14px;padding:17px;box-shadow:0 3px 14px #18243b08}.statIcon{color:#8d6b1d;background:#f3ecd9;border-radius:9px;place-items:center;width:35px;height:35px;margin-bottom:10px;display:grid}.stat span{color:#7d8797;font-size:11px;display:block}.stat strong{margin:3px 0;font-size:20px;display:block}.stat small{color:#9aa5b5;font-size:9px}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e7ebf1;border-radius:15px;margin-bottom:18px;padding:20px;box-shadow:0 3px 14px #18243b08}.panelHead{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panelHead h3{margin:0;font-size:15px}.primary{color:#fff;cursor:pointer;background:#b99335;border:0;border-radius:9px;padding:9px 15px;font-family:inherit;font-weight:700}.primary:hover{background:#a47f2c}.ghost{cursor:pointer;background:#fff;border:1px solid #d9dfe8;border-radius:9px;padding:9px 15px;font-family:inherit}.formGrid{background:#f8f9fb;border:1px solid #e6eaf0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;padding:16px;display:grid}.formGrid label{color:#6f7b8d;margin-bottom:5px;font-size:10px;display:block}.formGrid input{background:#fff;border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;padding:9px;font-family:inherit}.formGrid input:focus{border-color:#b99335}.formActions{grid-column:1/-1;gap:8px;display:flex}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#657186;text-align:right;white-space:nowrap;background:#f7f8fa;border-bottom:1px solid #e5e9ef;padding:11px;font-weight:700}td{color:#273246;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:11px}.delete{color:#bb4040;cursor:pointer;background:#fff0f0;border:0;border-radius:7px;padding:5px 9px}.empty{text-align:center;color:#8c97a7;padding:35px;font-size:12px}.sectionHead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sectionHead h1{margin:0;font-size:23px}.sectionHead p{color:#7e899a;margin:3px 0;font-size:11px}.miniCards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.mini span{color:#788397;font-size:11px;display:block}.mini b{margin-top:5px;font-size:20px;display:block}.loginPage{background:radial-gradient(circle at top,#213e64,#0b1830 60%);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:20px;width:420px;padding:38px;box-shadow:0 25px 70px #0007}.loginCard h1{text-align:center;margin:12px 0 2px;font-size:24px}.loginCard>p{text-align:center;color:#7c8797;margin:0 0 25px;font-size:11px}.loginCard form label{margin:12px 0 5px;font-size:11px;display:block}.loginCard input{border:1px solid #dfe4eb;border-radius:9px;outline:none;width:100%;padding:12px;font-family:inherit}.full{width:100%;margin-top:18px;padding:12px}.error{color:#b63e3e;background:#fff0f0;border-radius:8px;margin-top:10px;padding:8px;font-size:11px}.hint{text-align:center;color:#9aa4b2;margin-top:15px;font-size:10px;display:block}.dark{color:#e7edf6;background:#101724}.dark .main,.dark body{background:#101724}.dark .topbar,.dark .panel,.dark .stat,.dark .mini{color:#e7edf6;background:#172131;border-color:#273348}.dark td{color:#dbe3ef;border-color:#263246}.dark th{color:#aebbd0;background:#1c293b}.dark .formGrid{background:#111b2a;border-color:#29364b}.dark .formGrid input,.dark .ghost{color:#fff;background:#172131;border-color:#354157}@media (width<=1100px){.cards{grid-template-columns:repeat(3,1fr)}.sidebar{width:310px}.main{width:calc(100% - 310px);margin-right:310px}.grid2{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:100%;height:auto;position:relative}.app{display:block}.main{width:100%;margin:0}.sidebar nav{grid-template-columns:1fr 1fr;display:grid}.cards,.miniCards{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.topbar{height:auto}.welcome{display:block}.date{margin-top:15px}.loginCard{width:92%;padding:25px}}.tabs{background:#fff;border:1px solid #e7ebf1;border-radius:12px;gap:6px;width:max-content;margin-bottom:18px;padding:6px;display:flex}.tab{color:#697589;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 15px;font-family:inherit;font-size:11px}.tab.active{color:#fff;background:#0f2d52}.userForm{grid-template-columns:repeat(3,1fr)}.permissionsBox{grid-column:1/-1}.checks{background:#fff;border:1px solid #e1e6ee;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.checks label{align-items:center;gap:5px;font-size:10px;display:flex}.checks input{width:auto}.editBtn{color:#3565a8;cursor:pointer;background:#eef4ff;border:0;border-radius:7px;margin-left:5px;padding:5px 9px}.formGrid select{background:#fff;border:1px solid #dce2ea;border-radius:8px;width:100%;padding:9px;font-family:inherit}@media (width<=900px){.checks{grid-template-columns:1fr 1fr}.userForm{grid-template-columns:1fr}}.profileImage{object-fit:cover;border:4px solid #e8dfc4;border-radius:50%;width:120px;height:120px;margin:8px auto;display:block}.formGrid select{font-family:inherit}.tableWrap a{text-decoration:none}.panel .grid2{margin-top:18px}.profileImage{box-shadow:0 6px 20px #18243b20}.siteCard{cursor:pointer}@media (width<=760px){.sidebar{padding:14px}.brand{padding-bottom:14px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.nav{padding:10px;font-size:11px}.topbar{flex-wrap:wrap;gap:10px;padding:14px 16px}.topActions{margin-right:auto}.content{padding:16px}.welcome h1{font-size:20px}.cards,.miniCards{grid-template-columns:1fr 1fr}.panel{padding:14px}.tableWrap{margin-inline:-5px}.loginCard{width:94%;max-width:94%}}.aiChat{background:#f8f9fb;border:1px solid #e6eaf0;border-radius:12px;min-height:320px;max-height:520px;padding:16px;overflow:auto}.aiMsg{background:#fff;border:1px solid #e3e8ef;border-radius:12px;max-width:85%;margin-bottom:10px;padding:10px 13px;font-size:12px;line-height:1.8}.aiMsg b{color:#8d6b1d;margin-bottom:4px;display:block}.userMsg{background:#eef4ff;margin-right:auto}.aiForm{gap:8px;margin-top:12px;display:flex}.aiForm input{border:1px solid #dce2ea;border-radius:9px;flex:1;padding:11px;font-family:inherit}.dark .aiChat{background:#111b2a;border-color:#29364b}.dark .aiMsg{color:#e7edf6;background:#172131;border-color:#354157}.loginPage{color:#f7f8fb;background:#070a10;min-height:100vh;padding:0;display:block}.loginShell{background:radial-gradient(circle at 18% 20%,#1a2230 0,#090c13 42%,#05070b 100%);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;overflow:hidden}.loginHero{background:linear-gradient(145deg,#0d1119dd,#05070bd9),radial-gradient(circle at 50% 55%,#3b2b13 0,#0a0d13 55%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:54px 7vw 45px;display:flex;position:relative;overflow:hidden}.loginHero:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(115deg,#0000 65%,#d8af48 65.2% 65.45%,#0000 65.7%);position:absolute;inset:0}.heroBrand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.heroBrand b{letter-spacing:1px;font-size:26px}.heroBrand small{color:#d7ad45;letter-spacing:4px;margin-top:3px;display:block}.heroMark{color:#0b0d12;clip-path:polygon(50% 0,100% 27%,100% 100%,50% 73%,0 100%,0 27%);background:linear-gradient(135deg,#ffe29a,#b88620 58%,#6f4c12);place-items:center;width:56px;height:56px;font-size:31px;font-weight:900;display:grid}.heroCopy{z-index:1;max-width:650px;position:relative}.heroCopy span{font-size:28px}.heroCopy h2{color:#d9ad43;letter-spacing:1px;margin:8px 0 14px;font-size:43px}.heroCopy p{color:#d5d9df;max-width:560px;font-size:16px;line-height:2}.heroFeatures{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;max-width:720px;display:grid;position:relative}.heroFeatures div{border-top:1px solid #6b5525;padding-top:13px}.heroFeatures b{color:#e1b64e;margin-bottom:5px;font-size:26px;display:block}.heroFeatures span{font-weight:800;display:block}.heroFeatures small{color:#9ca4b0;margin-top:4px;display:block}.loginPanel{background:#090c12;place-items:center;padding:40px;display:grid}.loginCard{background:linear-gradient(145deg,#151920,#0d1016);border:1px solid #3a3f49;border-radius:20px;width:min(590px,94%);padding:42px 54px;box-shadow:0 25px 80px #000b}.loginCard .brand.center{justify-content:center}.loginCard .brandMark{color:#111;background:linear-gradient(135deg,#ffe39a,#c5962e 58%,#765111)}.loginCard h1{color:#e4b84e;font-size:34px}.loginCard form label{color:#e5e7eb}.loginCard input{color:#f4f5f7;background:#11151c;border-color:#343a45;padding:15px}.passwordWrap{position:relative}.passwordWrap input{padding-left:50px}.passwordToggle{color:#c8a348;cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:8px;left:10px}.loginOptions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.remember{cursor:pointer;align-items:center;color:#d7dbe1!important;gap:6px!important;margin:0!important;display:flex!important}.remember input{accent-color:#c59a3b;width:17px!important;height:17px!important}.forgotLink,.textBtn{color:#d6aa43;cursor:pointer;background:0 0;border:0;font-family:inherit}.loginCard .primary{background:linear-gradient(135deg,#d9ae4a,#a87c24);padding:15px;font-size:16px;box-shadow:0 8px 25px #b68a2e35}.secureHint{text-align:center;color:#777f8c;margin-top:18px;display:block}.modalBackdrop{z-index:100;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.resetModal{background:#11151d;border:1px solid #3c414b;border-radius:18px;width:min(460px,95vw);padding:30px;box-shadow:0 30px 90px #000}.resetModal h2{color:#e2b64b;margin:8px 0}.resetModal p{color:#aeb6c1;font-size:12px;line-height:1.8}.resetModal label{color:#dce1e8;margin:14px 0 6px;font-size:11px;display:block}.resetModal input{color:#fff;background:#0b0e14;border:1px solid #343a45;border-radius:9px;outline:none;width:100%;padding:13px;font-family:inherit}.resetModal input:focus{border-color:#c79b3b}.modalClose{color:#9ea6b2;cursor:pointer;background:0 0;border:0;margin:-10px 0 0 -5px;font-size:28px;position:absolute}.resetModal{position:relative}.codeInput{text-align:center;letter-spacing:8px;font-size:24px;font-weight:800}.textBtn{margin:14px auto 0;display:block}.resetModal .error{margin-top:12px}@media (width<=900px){.loginShell{grid-template-columns:1fr}.loginHero{min-height:360px;padding:30px 7vw}.heroCopy{margin-top:35px}.heroCopy h2{font-size:32px}.heroFeatures{grid-template-columns:repeat(2,1fr)}.loginPanel{padding:24px 10px}.loginCard{padding:30px 24px}}@media (width<=560px){.heroBrand b{font-size:19px}.heroBrand small{font-size:8px}.heroCopy span{font-size:20px}.heroCopy h2{font-size:27px}.heroCopy p{font-size:12px}.heroFeatures{gap:10px}.heroFeatures span{font-size:11px}.heroFeatures small{font-size:9px}.loginCard h1{font-size:27px}.loginCard{border-radius:16px}.loginOptions{font-size:11px}}.avatarPhoto{padding:0;overflow:hidden}.avatarPhoto img{object-fit:cover;width:100%;height:100%;display:block}.brandMark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.siteBadge{background:#d8c27b1f;border:1px solid #d8c27b;border-radius:999px;margin:4px;padding:8px 14px;display:inline-block}.documentPreviewBackdrop{z-index:200;padding:18px}.documentPreviewModal{background:#fff;border:1px solid #dfe4eb;border-radius:16px;flex-direction:column;width:min(1100px,96vw);height:min(88vh,900px);display:flex;overflow:hidden;box-shadow:0 30px 100px #0008}.documentPreviewHead{background:#fff;border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 18px;display:flex}.documentPreviewHead b{text-overflow:ellipsis;white-space:nowrap;max-width:75vw;font-size:13px;display:block;overflow:hidden}.documentPreviewHead small{color:#7b8798;margin-top:3px;font-size:10px;display:block}.documentPreviewHead .modalClose{margin:0;font-size:30px;line-height:1;position:static}.documentPreviewBody{background:#f2f4f7;flex:1;place-items:center;min-height:0;padding:12px;display:grid;overflow:auto}.documentPreviewFrame{background:#fff;border:0;width:100%;height:100%;min-height:500px}.documentPreviewImage{object-fit:contain;background:#fff;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 3px 16px #18243b18}.documentTextPreview{white-space:pre-wrap;text-align:left;color:#253044;direction:ltr;background:#fff;border-radius:8px;width:100%;height:100%;margin:0;padding:18px;font-family:Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.unsupportedPreview{text-align:center;background:#fff;border-radius:14px;max-width:520px;padding:35px;box-shadow:0 5px 24px #18243b12}.previewFileIcon{margin-bottom:10px;font-size:50px}.unsupportedPreview h3{margin:0 0 8px;font-size:16px}.unsupportedPreview p{color:#7d8797;margin:0 0 18px;font-size:11px;line-height:1.8}.previewDownload{text-decoration:none;display:inline-block}.documentPreviewFoot{background:#fff;border-top:1px solid #e6eaf0;justify-content:flex-start;gap:8px;padding:10px 14px;display:flex}.documentPreviewFoot .ghost{color:inherit;text-decoration:none}.dark .documentPreviewModal,.dark .documentPreviewHead,.dark .documentPreviewFoot{color:#e7edf6;background:#172131;border-color:#2c394e}.dark .documentPreviewBody{background:#101824}.dark .documentTextPreview{color:#e7edf6;background:#111b2a}.dark .unsupportedPreview{color:#e7edf6;background:#172131}@media (width<=760px){.documentPreviewBackdrop{padding:8px}.documentPreviewModal{border-radius:12px;width:98vw;height:92vh}.documentPreviewFrame{min-height:350px}.documentPreviewHead{padding:10px 12px}.documentPreviewHead b{max-width:68vw}}.siteToolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.siteToolbar>div:first-child{flex:1;min-width:220px;max-width:420px}.siteToolbar select{background:#fff;border:1px solid #dce2ea;border-radius:8px;width:100%;padding:9px;font-family:inherit}.siteToolbarHint{color:#7e899a;background:#f8f9fb;border:1px solid #e6eaf0;border-radius:10px;padding:10px 12px;font-size:11px}.siteChoices{flex-wrap:wrap;grid-template-columns:none;gap:4px;display:flex}.attendanceHeader{background:#f8f9fb;border:1px solid #e6eaf0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;padding:14px;display:flex}.attendanceHeader>div:first-child{min-width:190px}.attendanceHeader label{color:#6f7b8d;margin-bottom:5px;font-size:10px;display:block}.attendanceHeader input{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:9px;font-family:inherit}.workerAttendanceTable{border:1px solid #e6eaf0;border-radius:12px;max-width:100%;overflow:auto}.workerAttendanceTable table{min-width:900px}.workerAttendanceTable td{vertical-align:middle}.statusSelect,.overtimeInput,.noteInput{background:#fff;border:1px solid #dce2ea;border-radius:7px;padding:7px;font-family:inherit}.statusSelect{min-width:92px}.overtimeInput{width:92px}.noteInput{width:150px;max-width:100%}.statusPill{border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.statusPill.present{color:#27804d;background:#eaf7ef}.statusPill.absent{color:#b63e3e;background:#fff0f0}.workerModalBackdrop{z-index:250}.workerModal{background:#fff;border:1px solid #dfe4eb;border-radius:16px;flex-direction:column;width:min(1100px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 100px #0008}.workerModalHead{border-bottom:1px solid #e6eaf0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.workerModalHead h2{margin:0;font-size:20px}.workerModalHead span{color:#7b8798;margin-top:4px;font-size:11px;display:block}.workerMonthTools{background:#f8f9fb;border-bottom:1px solid #e6eaf0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;padding:14px 20px;display:flex}.workerMonthTools label{color:#6f7b8d;margin-bottom:5px;font-size:10px;display:block}.workerMonthTools input{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:9px;font-family:inherit}.workerModalActions{flex-wrap:wrap;gap:8px;display:flex}.workerModal .workerStats{grid-template-columns:repeat(4,1fr);margin:0;padding:16px 20px}.workerModal>.tableWrap{padding:0 20px;overflow:auto}.workerModalFoot{border-top:1px solid #e6eaf0;justify-content:flex-start;padding:12px 20px;display:flex}.issueQuickBtn{color:#b63e3e;cursor:pointer;background:#fff7f7;border:1px solid #f0c6c6;border-radius:9px;padding:8px 11px;font-family:inherit;font-size:11px;font-weight:700}.quickIssueModal{background:#fff;border-radius:16px;width:min(700px,94vw);max-height:90vh;padding:24px;position:relative;overflow:auto;box-shadow:0 30px 100px #0008}.quickIssueModal h2{margin:0 0 4px}.quickIssueModal>p{color:#7e899a;margin:0 0 14px;font-size:11px}.quickIssueModal .formGrid{margin:0}.quickIssueModal textarea{resize:vertical;border:1px solid #dce2ea;border-radius:8px;width:100%;padding:9px;font-family:inherit}.fullWidth{grid-column:1/-1}.dark .siteToolbarHint,.dark .attendanceHeader,.dark .workerMonthTools{background:#111b2a;border-color:#29364b}.dark .siteToolbar select,.dark .attendanceHeader input,.dark .statusSelect,.dark .overtimeInput,.dark .noteInput,.dark .workerMonthTools input,.dark .quickIssueModal textarea{color:#fff;background:#172131;border-color:#354157}.dark .workerModal,.dark .quickIssueModal{color:#e7edf6;background:#172131;border-color:#2c394e}.dark .workerModalHead,.dark .workerModalFoot{border-color:#2c394e}.dark .workerModal .workerStats .mini{background:#111b2a;border-color:#29364b}.dark .issueQuickBtn{color:#ffb0b0;background:#2a1a1e;border-color:#553039}.formGrid>*{min-width:0}.tableWrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:0 0;border-radius:8px;max-width:100%;position:relative;overflow:auto hidden}.tableWrap table{border-collapse:separate;border-spacing:0;white-space:nowrap;table-layout:auto;width:max-content;min-width:800px}.tableWrap th,.tableWrap td,.tableWrap thead th,.tableWrap tbody td{white-space:nowrap}.tableWrap thead th{z-index:1;background:#fff;position:sticky;top:0}.tableWrap tbody td:last-child,.tableWrap thead th:last-child{z-index:2;background:#fff;position:sticky;right:0;box-shadow:-1px 0 #e2e7eee6}@media (width<=900px){.workerModal .workerStats{grid-template-columns:repeat(2,1fr)}.topActions{flex-wrap:wrap}.issueQuickBtn{font-size:10px}.quickIssueModal{padding:18px}}@media (width<=760px){.content{overflow-x:hidden}.formGrid{grid-template-columns:minmax(0,1fr)}.miniCards{grid-template-columns:repeat(2,minmax(0,1fr))}.workerModal{width:98vw;max-height:94vh}.workerModalHead,.workerMonthTools{padding:12px}.workerModal>.tableWrap{padding:0 12px}.workerModal .workerStats{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.attendanceHeader{align-items:stretch}.attendanceHeader>div:first-child{width:100%;min-width:0}.attendanceHeader input{width:100%}.siteToolbar>div:first-child{width:100%;min-width:0}.topActions{gap:6px}.live{display:none}.quickIssueModal{width:96vw}.quickIssueModal .formGrid{grid-template-columns:1fr}.fullWidth{grid-column:1/-1}}@media (width<=480px){.cards,.miniCards,.workerModal .workerStats{grid-template-columns:1fr}.workerModalActions{width:100%}.workerModalActions button{flex:1}.issueQuickBtn{padding:7px 8px}.topbar h2{font-size:16px}}.supplierFixedHint{color:#7e899a;background:#f8f9fb;border:1px solid #e6eaf0;border-radius:9px;margin:-5px 0 14px;padding:9px 11px;font-size:11px}.supplierCountInput{width:110px}.dark .supplierFixedHint{color:#aebbd0;background:#111b2a;border-color:#29364b}.cards,.miniCards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.formGrid{grid-template-columns:minmax(0,1fr)}.cards,.miniCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.cards,.miniCards{grid-template-columns:minmax(0,1fr)}}.siteFooter{text-align:center;color:#7a8496;border-top:1px solid #7f7f7f26;margin-top:auto;padding:14px 20px 18px;font-size:12px}.loginFooter{text-align:center;color:#7a8496;margin-top:16px;font-size:12px}.notificationBell{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:7px 9px;font-size:20px;position:relative}.notificationBell:hover{background:#ffffff14}.notificationCount{color:#111;background:#c9a227;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px}.issueToast{z-index:9999;color:#18212b;background:#fff;border:1px solid #c9a22773;border-radius:14px;align-items:center;gap:12px;min-width:320px;max-width:440px;padding:14px 16px;display:flex;position:fixed;top:78px;right:24px;box-shadow:0 15px 45px #0000002e}.issueToast>div{flex:1}.issueToast b{margin-bottom:4px;display:block}.issueToast small{opacity:.65;margin-top:3px;display:block}.issueToast button{cursor:pointer;color:#fff;background:#0f2d52;border:0;border-radius:9px;padding:8px 11px}.issueToast .toastClose{color:#555;background:0 0;padding:2px 6px;font-size:18px}.miniBadge{color:#8a6d00;background:#c9a22724;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;display:inline-flex}@media (width<=800px){.issueToast{min-width:0;top:70px;left:12px;right:12px}.notificationBell{font-size:18px}}.dark .issueToast{color:#eef3f7;background:#17202b;border-color:#c9a22766}.dark .issueToast .toastClose{color:#cbd5df}html{font-size:16px}body{font-size:14px;overflow-x:hidden}textarea{resize:vertical;font-family:inherit}.mobileMenuBtn{display:none}.menuToggle{cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:8px 11px;font-size:18px;display:block}.brandPreview{object-fit:contain;max-width:220px;max-height:90px;margin:12px 0;display:block}.themePicker{border-top:1px solid #263955;margin-top:8px;padding:8px 10px 12px}.themePicker small{color:#8ea0ba;margin-bottom:7px;font-size:10px;display:block}.themePicker>div{gap:6px;display:flex}.themeDot{color:#fff;cursor:pointer;background:#172944;border:1px solid #40516b;border-radius:50%;width:30px;height:30px}.themeDot.active{outline-offset:2px;outline:2px solid #d4b45b}.auditToast{z-index:30;background:#fff;border:1px solid #e5e9ef;border-right:4px solid #b99335;border-radius:12px;align-items:center;gap:15px;min-width:280px;max-width:420px;padding:13px 16px;display:flex;position:fixed;top:104px;left:28px;box-shadow:0 15px 45px #07162a25}.auditToast b{font-size:12px}.auditToast small{color:#7d8797}.toastClose{cursor:pointer;background:0 0;border:0;font-size:20px}.purchaseTypes{color:#58657a;flex-wrap:wrap;gap:18px;line-height:2;display:flex}.theme-obsidian .sidebar{background:#111316}.theme-obsidian .welcome{background:linear-gradient(135deg,#17191d,#2a2d32)}.theme-obsidian .primary{background:#6f747b}.theme-champagne .sidebar{background:#3d3326}.theme-champagne .welcome{background:linear-gradient(135deg,#5b4930,#b99b61)}.theme-champagne .primary{background:#a67c35}.theme-midnight .sidebar{background:#101b35}.theme-midnight .welcome{background:linear-gradient(135deg,#0c1730,#253c68)}.theme-midnight .primary{background:#4f79c7}.dark .menuToggle{color:#e7edf6;background:#172131;border-color:#29364b}.dark .purchaseTypes{color:#c8d2df}.dark .auditToast{color:#e7edf6;background:#172131;border-color:#29364b}.dark .auditToast small{color:#9eabbd}.dark .themeDot{background:#111b2a}.dark .formGrid input,.dark .formGrid select,.dark .formGrid textarea{color:#e7edf6;border-color:#334158}.dark .ghost{color:#e7edf6;background:#172131;border-color:#334158}@media (width<=1100px){.sidebar{width:235px}.main{width:calc(100% - 235px);margin-right:235px}.cards{grid-template-columns:repeat(3,1fr)}.content{padding:22px}.topbar{padding:15px 22px}.formGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=899px){.mobileMenuBtn{z-index:60;color:#fff;background:#0b1830;border:0;border-radius:12px;place-items:center;width:44px;height:44px;font-size:21px;display:grid;position:fixed;top:12px;right:12px;box-shadow:0 8px 25px #0003}.menuToggle{display:block}.sidebar{z-index:55;width:min(310px,88vw);transition:transform .22s;position:fixed;transform:translate(110%);box-shadow:-15px 0 40px #0004}.sidebar:not(.closed){transform:translate(0)}.sidebarOverlay.show{z-index:45;background:#07132666;display:block;position:fixed;inset:0}.main{width:100%;min-width:0;margin-right:0}.topbar{z-index:30;align-items:flex-start;gap:10px;height:auto;min-height:78px;padding:13px 12px}.topbar h2{font-size:16px}.crumb{font-size:9px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.topActions .live{display:none}.issueQuickBtn{padding:7px 8px!important;font-size:10px!important}.avatar{width:36px;height:36px}.content{padding:14px 11px 22px}.globalSearch,.globalSearchPanel{z-index:18}.globalSearchPanel{width:min(390px,100vw - 20px);max-width:calc(100vw - 20px);position:fixed;top:64px;right:10px}.sectionHead{flex-direction:column;align-items:flex-start;gap:10px}.sectionHead h1{font-size:20px}.sectionHead p{font-size:11px}.welcome{padding:20px 17px;display:block}.welcome h1{font-size:20px;line-height:1.7}.welcome p{font-size:11px;line-height:1.8}.date{margin-top:10px}.cards,.miniCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat,.mini{padding:12px}.stat strong,.mini b{font-size:17px}.grid2{grid-template-columns:1fr;gap:10px}.panel{border-radius:13px;margin-bottom:12px;padding:13px}.panelHead{align-items:flex-start;gap:8px}.panelHead h3{font-size:13px}.primary,.ghost,.delete,.editBtn{min-height:40px;padding:8px 11px}.formGrid{grid-template-columns:1fr;gap:10px;padding:12px}.formGrid input,.formGrid select,.formGrid textarea{min-height:43px}.formActions{flex-wrap:wrap}.tableWrap{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;overflow-x:auto}table{min-width:680px;font-size:11px}th,td{padding:9px 8px}.tabs{flex-wrap:nowrap;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{white-space:nowrap;min-height:40px}.loginCard{width:min(92vw,420px);padding:25px 19px}.loginHero{display:none}.siteFooter{padding:12px;font-size:9px}.auditToast{min-width:0;top:82px;left:10px;right:10px}.issueToast{top:135px!important;left:10px!important;right:10px!important}.purchaseTypes{display:block}}@media (width<=480px){.cards,.miniCards{grid-template-columns:1fr}.topbar{padding-right:62px}.topActions>div:not(.avatar){max-width:130px}.notificationBell{width:38px!important}.issueQuickBtn{display:none}.content{padding:11px 8px 20px}.panel{padding:10px}.welcome{border-radius:13px}.welcome h1{font-size:18px}.stat strong,.mini b{font-size:16px}.modalBackdrop .quickIssueModal{max-height:90vh;overflow:auto;width:calc(100vw - 18px)!important;padding:14px!important}}@supports (padding:max(0px)){.topbar{padding-top:max(13px,env(safe-area-inset-top))}.sidebar{padding-bottom:max(24px,env(safe-area-inset-bottom))}.content{padding-bottom:max(22px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.topbar,.siteFooter,.mobileMenuBtn,.menuToggle,.primary,.ghost,.delete,.editBtn,.notificationBell,.issueQuickBtn{display:none!important}.main{width:100%!important;margin:0!important}.content{max-width:none!important;padding:0!important}.panel{box-shadow:none;border:1px solid #ddd}}@media (width<=899px){.main.menuHidden{width:100%;margin-right:0}}.sidebar{transition:transform .24s,box-shadow .24s}.sidebar.closed{box-shadow:none;transform:translate(105%)}.main{transition:margin-right .24s,width .24s}.main.menuHidden{width:100%;margin-right:0}.theme-aurelia .sidebar{background:linear-gradient(#071b2b 0%,#102f43 52%,#071722 100%);border-left:1px solid #6ed6d033}.theme-aurelia .welcome{background:linear-gradient(135deg,#092a3b,#1d5962 55%,#8d6b35);box-shadow:0 18px 55px #0a283633}.theme-aurelia .primary{color:#172333;background:linear-gradient(135deg,#b89345,#e4c77d)}.theme-aurelia .brandMark{color:#082031;background:linear-gradient(135deg,#e8d28b,#78d8c8)}.theme-aurelia .nav.active{background:linear-gradient(90deg,#d4b46b22,#5ad4c622);border-color:#d4b46b55}.theme-aurelia .themeDot{background:linear-gradient(135deg,#d7b96d,#5fd3c0)}.theme-aurelia .cardIcon,.theme-aurelia .miniIcon{filter:saturate(1.25)}.theme-aurelia .chartLegend,.theme-aurelia .recharts-text{color:#45646c}.theme-aurelia .panel{border-color:#d9e7e6}.theme-aurelia .stat,.theme-aurelia .mini{box-shadow:0 8px 30px #16434d12}.recharts-wrapper .recharts-bar-rectangle:nth-child(4n+1) path{fill:#c9a227!important}.recharts-wrapper .recharts-bar-rectangle:nth-child(4n+2) path{fill:#2e8b8b!important}.recharts-wrapper .recharts-bar-rectangle:nth-child(4n+3) path{fill:#5b6fc7!important}.recharts-wrapper .recharts-bar-rectangle:nth-child(4n+4) path{fill:#c4778a!important}.recharts-wrapper .recharts-line-curve:nth-of-type(4n+1){stroke:#c9a227!important}.recharts-wrapper .recharts-line-curve:nth-of-type(4n+2){stroke:#2e8b8b!important}.recharts-wrapper .recharts-line-curve:nth-of-type(4n+3){stroke:#5b6fc7!important}.recharts-wrapper .recharts-line-curve:nth-of-type(4n+4){stroke:#c4778a!important}.recharts-wrapper .recharts-dot{stroke-width:2px}@media (width>=900px){.sidebar.closed{transform:translate(105%)}.main:not(.menuHidden){width:calc(100% - 270px);margin-right:270px}.mobileMenuBtn{display:none!important}.menuToggle{place-items:center;width:40px;height:40px;padding:0;display:grid}}@media (width<=899px){.sidebar{width:min(310px,88vw);left:auto;right:0;transform:translate(105%)}.mobileMenuBtn{display:grid}.menuToggle{place-items:center;width:40px;height:40px;padding:0;display:grid}.sidebarOverlay.show{pointer-events:auto}.sidebarOverlay:not(.show){pointer-events:none}.topbar .menuToggle{display:none!important}.mobileMenuBtn.sideMenuToggle{color:#fff!important;z-index:60!important;background:#0b1830!important;border:1px solid #ffffff30!important;border-right:0!important;border-radius:12px 0 0 12px!important;justify-content:center!important;align-items:center!important;width:30px!important;min-width:30px!important;height:72px!important;margin:0!important;padding:0!important;font-size:24px!important;line-height:1!important;display:flex!important;position:fixed!important;top:50%!important;left:auto!important;right:0!important;transform:translateY(-50%)!important;box-shadow:0 8px 25px #0004!important}.mobileMenuBtn.sideMenuToggle.open{right:min(310px,88vw)!important}.mobileMenuBtn.sideMenuToggle.closed{right:0!important}.sidebar{z-index:9500!important;width:min(310px,88vw)!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;inset:0 0 0 auto!important;overflow:hidden auto!important;transform:translate(105%)!important}.sidebar:not(.closed){transform:translate(0)!important}.sidebar.closed{transform:translate(105%)!important}.sidebarOverlay.show{z-index:50!important;background:#06132766!important;display:block!important;position:fixed!important;inset:0!important}.sidebarOverlay:not(.show){display:none!important}.main,.main:not(.menuHidden),.main.menuHidden{width:100%!important;margin-right:0!important}}@media (width<=480px){.mobileMenuBtn.sideMenuToggle.open{right:min(88vw,310px)!important}.sidebar{width:min(88vw,310px)!important}}.app{--accent:#c9a227;--accent2:#f1d27a;--navy:#0a1730;--navy2:#13284a;--surface:#fff;--surface2:#f7f4ea;--text:#172033;--muted:#6f7890;--border:#e6e0cf;--success:#2e8b72;--danger:#b94a5c;--info:#5675c9;color:var(--text);background:var(--surface2)}.app .main,.app .content,.app .topbar{background:var(--surface2)}.app .topbar{border-bottom-color:var(--border)}.app .panel,.app .stat,.app .mini,.app .tableWrap{background:var(--surface);border-color:var(--border)}.app .panelHead{border-bottom-color:var(--border)}.app .primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);color:var(--navy)}.app .nav.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent));border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.app .nav:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.app input,.app select,.app textarea{background:var(--surface);color:var(--text);border-color:var(--border)}.app input:focus,.app select:focus,.app textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.app .tab.active{color:var(--accent);border-bottom-color:var(--accent)}.app .statusPill.present{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.app .statusPill.absent{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.app .cardIcon,.app .miniIcon{background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--accent)}.app .brandMark{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--navy);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 25%,transparent)}.app .aiTopBtn,.app .notificationBell{border-color:var(--border);background:var(--surface);color:var(--text)}.app .aiTopBtn{cursor:pointer;min-width:40px;height:40px;box-shadow:0 8px 24px color-mix(in srgb,var(--navy) 8%,transparent);border-radius:12px}.app .aiTopBtn:hover{border-color:var(--accent);transform:translateY(-2px)}.themeCard{border:1px solid var(--border);background:var(--surface);text-align:right;cursor:pointer;box-shadow:0 8px 25px color-mix(in srgb,var(--navy) 6%,transparent);border-radius:18px;grid-template-columns:48px 1fr;align-items:center;gap:4px 10px;padding:14px;transition:all .2s;display:grid}.themeCard:hover,.themeCard.selected{border-color:var(--accent);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 15%,transparent);transform:translateY(-3px)}.themeSwatch{background:linear-gradient(135deg,var(--accent),var(--accent2));border:3px solid var(--navy);border-radius:14px;grid-row:1/3;width:48px;height:48px;display:block}.themeCard small{color:var(--muted)}.colorGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.colorGrid label{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:11px;display:grid}.colorGrid label span{font-weight:700}.colorGrid code{color:var(--muted);grid-column:1/3;font-size:11px}.colorGrid input[type=color]{cursor:pointer;background:0 0;border:0;width:44px;height:32px;padding:2px}.builderList{gap:8px;margin-top:14px;display:grid}.builderList>div{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.builderList small{color:var(--muted);margin-inline-start:auto}.builderList .delete{flex:none}.customWidgets{gap:12px;margin-bottom:14px;display:grid}.customWidget{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent) 5%,var(--surface)));box-shadow:0 10px 28px color-mix(in srgb,var(--navy) 6%,transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.customWidget p{color:var(--muted);margin:5px 0 0}.customWidgetButton{border-right:4px solid var(--accent)}.animatedLogin{background:radial-gradient(circle at 15% 20%,#c9a22724,#0000 32%),radial-gradient(circle at 85% 80%,#5675c924,#0000 35%),#071225;position:relative;overflow:hidden}.loginGlow{filter:blur(4px);opacity:.22;border-radius:50%;width:360px;height:360px;animation:9s ease-in-out infinite alternate loginFloat;position:absolute}.glowOne{background:#c9a227;top:-130px;right:-100px}.glowTwo{background:#5675c9;animation-delay:-4s;bottom:-160px;left:-100px}.loginHeroAnimated{animation:.9s both loginHeroIn}.loginPanelAnimated{animation:.9s .12s both loginPanelIn}.loginCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loginHeroAnimated .heroBrand,.loginHeroAnimated .heroCopy,.loginHeroAnimated .heroFeatures>div{animation:.7s both loginItemIn}.loginHeroAnimated .heroFeatures>div:nth-child(2){animation-delay:80ms}.loginHeroAnimated .heroFeatures>div:nth-child(3){animation-delay:.16s}.loginHeroAnimated .heroFeatures>div:nth-child(4){animation-delay:.24s}@keyframes loginFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(45px,-25px)scale(1.12)}}@keyframes loginHeroIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes loginPanelIn{0%{opacity:0;transform:translate(28px)scale(.98)}to{opacity:1;transform:none}}@keyframes loginItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=900px){.themeGallery,.colorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.customWidget{flex-direction:column;align-items:flex-start}}@media (width<=480px){.themeGallery,.colorGrid{grid-template-columns:1fr}.customWidget{padding:13px}.themeCard{padding:12px}}@media (prefers-reduced-motion:reduce){.loginGlow,.loginHeroAnimated,.loginPanelAnimated,.loginHeroAnimated *{animation:none!important}}.app .recharts-wrapper .recharts-bar-rectangle:nth-child(4n+1) path{fill:var(--accent)!important}.app .recharts-wrapper .recharts-bar-rectangle:nth-child(4n+2) path{fill:var(--accent2)!important}.app .recharts-wrapper .recharts-bar-rectangle:nth-child(4n+3) path{fill:var(--info)!important}.app .recharts-wrapper .recharts-bar-rectangle:nth-child(4n+4) path{fill:var(--success)!important}.app .recharts-wrapper .recharts-line-curve:nth-of-type(4n+1){stroke:var(--accent)!important}.app .recharts-wrapper .recharts-line-curve:nth-of-type(4n+2){stroke:var(--accent2)!important}.app .recharts-wrapper .recharts-line-curve:nth-of-type(4n+3){stroke:var(--info)!important}.app .recharts-wrapper .recharts-line-curve:nth-of-type(4n+4){stroke:var(--success)!important}.app .recharts-text,.app .recharts-legend-item-text{fill:var(--muted)!important;color:var(--muted)!important}.editModal{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a1494;justify-content:center;align-items:center;padding:18px;animation:.18s editFade;display:flex;position:fixed;inset:0}.editModalCard{background:var(--surface,#fff);width:min(900px,100%);max-height:min(88vh,900px);color:var(--text,#172033);border:1px solid var(--border,#e6e0cf);border-radius:22px;padding:20px;overflow:auto;box-shadow:0 30px 90px #00000047}.editModalHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.editModalHead h3{color:var(--text,#172033);margin:0;font-size:20px}.editModal .formGrid input,.editModal .formGrid select,.editModal .formGrid textarea{background:var(--surface,#fff);color:var(--text,#172033);border-color:var(--border,#dce2ea)}@keyframes editFade{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.themeGallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.themeCard{background:var(--surface,#fff);color:var(--text,#172033);border:1px solid var(--border,#e6e0cf);text-align:right;cursor:pointer;border-radius:16px;padding:12px;transition:all .2s}.themeCard.selected{border-color:var(--accent,#c9a227);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#c9a227) 25%,transparent)}.themeSwatch{background:linear-gradient(135deg,var(--accent),var(--navy) 55%,var(--accent2));border-radius:11px;width:100%;height:48px;margin-bottom:8px;display:block}.themeCard b,.themeCard small{display:block}.themeCard small{color:var(--muted,#6f7890);margin-top:4px}@media (width<=900px){.themeGallery{grid-template-columns:repeat(2,minmax(0,1fr))}.editModal{padding:10px}.editModalCard{border-radius:16px;padding:14px}}.uploadOverlay{z-index:99999;-webkit-backdrop-filter:blur(12px)saturate(135%);background:#050c1c9e;justify-content:center;align-items:center;padding:24px;animation:.22s ease-out both mhUploadFade;display:flex;position:fixed;inset:0}.uploadGlow{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);filter:blur(8px);border-radius:50%;width:360px;height:360px;animation:2.2s ease-in-out infinite mhUploadGlow;position:absolute}.uploadCard{text-align:center;border:1px solid color-mix(in srgb,var(--accent) 38%,#ffffff2e);background:color-mix(in srgb,var(--surface) 92%,transparent);width:min(430px,92vw);box-shadow:0 30px 90px #0000006b,0 0 45px color-mix(in srgb,var(--accent) 14%,transparent);-webkit-backdrop-filter:blur(22px)saturate(145%);border-radius:26px;padding:34px 28px 30px;animation:.48s cubic-bezier(.16,1,.3,1) both mhUploadCard;position:relative;overflow:hidden}.uploadCard:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);width:160%;height:1px;animation:1.8s linear infinite mhUploadSweep;position:absolute;top:0;left:-30%}.uploadLogo{color:#fff;letter-spacing:2px;background:linear-gradient(145deg,var(--accent),var(--accent2));width:78px;height:78px;box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 28%,transparent);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:25px;font-weight:900;animation:1.8s ease-in-out infinite mhUploadLogo;display:flex}.uploadSpinner{border:3px solid color-mix(in srgb,var(--accent) 18%,transparent);border-top-color:var(--accent);border-right-color:var(--accent2);border-radius:50%;width:42px;height:42px;margin:0 auto 18px;animation:.8s linear infinite mhUploadSpin}.uploadCard h2{color:var(--text);margin:0 0 8px;font-size:22px}.uploadCard p{color:var(--muted);max-width:340px;margin:0 auto 20px;line-height:1.8}.uploadProgress{background:color-mix(in srgb,var(--text) 9%,transparent);border-radius:99px;height:6px;margin:0 8px 13px;overflow:hidden}.uploadProgress span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent));background-size:200% 100%;width:42%;height:100%;animation:1.25s ease-in-out infinite mhUploadProgress;display:block}.uploadCard small{color:var(--muted)}@keyframes mhUploadFade{0%{opacity:0}to{opacity:1}}@keyframes mhUploadCard{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:none}}@keyframes mhUploadLogo{0%,to{box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 28%,transparent);transform:translateY(0)rotate(0)}50%{box-shadow:0 18px 45px color-mix(in srgb,var(--accent) 38%,transparent);transform:translateY(-5px)rotate(1deg)}}@keyframes mhUploadSpin{to{transform:rotate(360deg)}}@keyframes mhUploadGlow{0%,to{opacity:.45;transform:scale(.88)}50%{opacity:.8;transform:scale(1.08)}}@keyframes mhUploadSweep{0%{transform:translate(-45%)}to{transform:translate(45%)}}@keyframes mhUploadProgress{0%{background-position:100% 0;transform:translate(180%)}to{background-position:0 0;transform:translate(-180%)}}@media (prefers-reduced-motion:reduce){.uploadOverlay,.uploadCard,.uploadLogo,.uploadSpinner,.uploadGlow,.uploadCard:before,.uploadProgress span{animation:none!important}}.sarakiReviewForm{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.sarakiSummary{background:var(--surface2);border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:16px 18px;font-size:18px}.previewModal{background:var(--surface);width:min(720px,94vw);max-height:90vh;color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px;overflow:auto;box-shadow:0 30px 90px #00000061}.previewHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.previewHead h2{margin:0}.previewBrand{text-align:center;border-bottom:2px solid var(--accent);margin-bottom:20px;padding:8px 0 14px;font-size:22px}.previewBrand img{object-fit:contain;vertical-align:middle;max-width:180px;height:58px;margin-left:10px}.previewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.previewGrid>div{border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:14px}.previewGrid span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.previewGrid b{font-size:16px}@media (width<=650px){.previewGrid{grid-template-columns:1fr}}.animatedCompanyLogo{width:150px;height:150px;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 28%,transparent));justify-content:center;align-items:center;margin:0 auto 12px;display:flex;position:relative}.animatedCompanyLogo img{object-fit:contain;width:125px;max-height:75px;position:absolute;left:50%;transform:translate(-50%)}.animatedCompanyLogo .logoTop{animation:2.6s ease-in-out infinite mhLogoTop;top:13px}.animatedCompanyLogo .logoBottom{animation:2.6s ease-in-out infinite mhLogoBottom;bottom:13px}.animatedCompanyLogo .logoFallback{letter-spacing:3px;color:var(--accent);font-size:30px;font-weight:900;animation:2.6s ease-in-out infinite mhLogoFallback}:is(.animatedCompanyLogo:has(.logoTop[src=""]) .logoTop,.animatedCompanyLogo:has(.logoBottom[src=""]) .logoBottom){display:none}@keyframes mhLogoTop{0%,to{filter:drop-shadow(0 0 2px #0000);transform:translate(-50%)}35%{filter:drop-shadow(0 0 14px var(--accent));transform:translate(-50%,-18px)}58%{filter:drop-shadow(0 0 8px var(--accent));transform:translate(-50%)}}@keyframes mhLogoBottom{0%,to{filter:drop-shadow(0 0 2px #0000);transform:translate(-50%)}35%{filter:drop-shadow(0 0 14px var(--accent));transform:translate(-50%,18px)}58%{filter:drop-shadow(0 0 8px var(--accent));transform:translate(-50%)}}@keyframes mhLogoFallback{0%,to{opacity:.95;transform:scale(1)}35%{opacity:.5;transform:scale(.86)}58%{opacity:1;transform:scale(1.08)}}.signatures{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;display:grid}.signatures>div{text-align:center;border-top:1px solid #555;min-height:48px;padding-top:8px}@media (width<=700px){.signatures{grid-template-columns:repeat(2,1fr)}}.portalPage{color:#eaf0f8;background:radial-gradient(circle at top,#17355d,#071326 62%);min-height:100vh;font-family:Cairo,Arial,sans-serif}.portalAuthPage{place-items:center;padding:24px;display:grid}.portalAuthCard{color:#172033;text-align:center;background:#fffffff7;border:1px solid #c9a22759;border-radius:26px;width:min(520px,96vw);padding:34px;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000059}.portalAuthCard:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a22721,#0000 45%);position:absolute;inset:-50%}.portalAuthLogo{object-fit:contain;width:82px;height:82px;margin:auto;display:block;position:relative}.portalMark{color:#10213b;background:linear-gradient(135deg,#c9a227,#f1d27a);border-radius:20px;place-items:center;width:64px;height:64px;margin:auto;font-size:24px;font-weight:900;display:grid;position:relative}.portalMark.large{border-radius:24px;width:84px;height:84px;font-size:30px}.portalAuthCard h1{margin:14px 0 4px;font-size:25px;position:relative}.portalAuthCard>p{color:#7c8797;margin:0 0 20px;font-size:12px;position:relative}.portalRoleLinks,.portalMode{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px;display:grid;position:relative}.portalMode{grid-template-columns:1fr 1fr}.portalRoleLinks button,.portalMode button{color:#59677b;cursor:pointer;background:#f7f8fa;border:1px solid #dce2ea;border-radius:10px;padding:10px;font-family:inherit}.portalRoleLinks button.active,.portalMode button.active{color:#fff;background:#102d50;border-color:#102d50}.portalForm{text-align:right;gap:11px;display:grid;position:relative}.portalForm input,.portalForm select,.portalForm textarea{background:#fff;border:1px solid #dce2ea;border-radius:10px;outline:none;width:100%;padding:11px;font-family:inherit}.portalForm input:focus,.portalForm select:focus,.portalForm textarea:focus{border-color:#c9a227;box-shadow:0 0 0 3px #c9a2271a}.portalForm button{color:#14243a;cursor:pointer;background:linear-gradient(135deg,#b99335,#d9bc67);border:0;border-radius:10px;padding:11px;font-family:inherit;font-weight:800}.portalBack{color:#526076!important;background:#f3f5f8!important}.portalFile{color:#66738a;gap:6px;font-size:11px;display:grid}.portalFile input{padding:8px}.portalOtpHint,.portalMsg{color:#705b1b;text-align:center;background:#f7f4ea;border:1px solid #eadfbf;border-radius:10px;padding:10px;font-size:11px}.portalSecurity{color:#8a96a8;margin-top:18px;font-size:10px;display:block;position:relative}.portalHeader{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071326eb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;height:76px;padding:10px 28px;display:flex;position:sticky;top:0}.portalBrand{align-items:center;gap:10px;display:flex}.portalBrand img{object-fit:contain;width:48px;height:48px}.portalBrand b{font-size:17px;display:block}.portalBrand small{color:#9cabc0;font-size:10px;display:block}.portalHeaderActions{align-items:center;gap:10px;font-size:11px;display:flex}.portalHeaderActions button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:9px;padding:8px 12px;font-family:inherit}.portalMain{width:min(1250px,94vw);margin:0 auto;padding:26px 0 50px}.portalWelcome{background:linear-gradient(135deg,#102d50,#193f67);border:1px solid #c9a22740;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;display:flex;box-shadow:0 20px 60px #0003}.portalWelcome small{color:#d7bd69}.portalWelcome h1{margin:3px 0;font-size:26px}.portalWelcome p{color:#bdcad9;margin:0;font-size:11px}.portalSite{white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;padding:11px 14px}.portalStats{grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0;display:grid}.portalStats>div{background:#ffffff0f;border:1px solid #ffffff17;border-radius:14px;padding:15px}.portalStats span{color:#9cabc0;font-size:10px;display:block}.portalStats b{margin-top:4px;font-size:22px;display:block}.portalCard{color:#172033;background:#fff;border-radius:18px;margin-bottom:16px;padding:20px;box-shadow:0 12px 40px #00000024}.portalSectionHead{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.portalSectionHead h2{margin:0;font-size:16px}.portalSectionHead span{color:#7e899a;font-size:11px}.portalSectionHead label{color:#7e899a;margin-bottom:4px;font-size:9px;display:block}.portalSectionHead input{border:1px solid #dce2ea;border-radius:8px;padding:7px;font-family:inherit}.portalIdentity{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.portalIdentity>div{background:#f7f8fa;border:1px solid #e8ebf0;border-radius:11px;padding:11px}.portalIdentity span{color:#7d8797;font-size:9px;display:block}.portalIdentity b{margin-top:3px;font-size:12px;display:block}.portalTableWrap{overflow:auto}.portalTableWrap table{min-width:650px}.portalTableWrap th{background:#f5f7fa}.portalGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.portalBigNumber{margin-bottom:12px;font-size:25px;font-weight:800}.portalList{gap:7px;margin:0 0 12px;padding:0;list-style:none;display:grid}.portalList li{background:#f7f8fa;border-radius:9px;justify-content:space-between;gap:10px;padding:9px;font-size:10px;display:flex}.portalList span{color:#778397}.portalPacket{border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto auto;gap:15px;padding:11px 0;font-size:11px;display:grid}.portalPacket span{color:#68758a}@media (width<=800px){.portalHeader{padding:10px 14px}.portalHeaderActions>span{display:none}.portalMain{width:94vw}.portalWelcome{flex-direction:column;align-items:flex-start}.portalStats,.portalIdentity{grid-template-columns:repeat(2,1fr)}.portalGrid,.portalPacket{grid-template-columns:1fr}.portalAuthCard{padding:24px 18px}}@media (width<=480px){.portalRoleLinks{grid-template-columns:1fr}.portalMode{grid-template-columns:1fr 1fr}.portalStats,.portalIdentity{grid-template-columns:1fr}.portalAuthPage{padding:10px}.portalAuthCard{width:100%}}.portalSideBrand{text-align:center;border-bottom:1px solid #ffffff17;padding:0 0 18px}.portalSideBrand .portalMark{margin:0 auto 7px}.portalSideBrand b{letter-spacing:1px;font-size:19px;display:block}.portalNav button:first-letter,.portalLogoutSide:first-letter{font-size:18px}.portalLogoutSide{color:#fff;border-top:1px solid #ffffff17;border-radius:0;margin-top:auto;padding-top:18px}@media (width<=900px){.portalSidebar{width:235px}.portalDashboardBody{width:calc(100% - 235px);margin-right:235px}.portalDashboard .portalStats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.portalSidebar{width:280px;position:fixed;transform:translate(100%)}.portalDashboardBody{width:100%;margin-right:0}.portalDashboard .portalHeader{padding:10px 12px}.portalDashboard .portalStats{grid-template-columns:repeat(2,1fr)}.portalDashboard .portalGrid{grid-template-columns:1fr}.portalDashboard .portalMain{width:94vw}.portalDashboard .portalWelcome{padding:19px}.portalDashboard .portalIdentity{grid-template-columns:1fr 1fr}}.portalDashboard{color:#15213a;background:#f4f6f9;min-height:100vh;display:flex}.portalSidebar{color:#fff;z-index:20;background:linear-gradient(#08284b,#071b34);flex-direction:column;width:286px;padding:22px 18px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-12px 0 40px #00000024}.portalSideBrand{text-align:center;border-bottom:1px solid #ffffff17;padding-bottom:18px}.portalSideBrand img{object-fit:contain;width:68px;height:68px;margin:0 auto 5px;display:block}.portalSideBrand b{font-size:19px;display:block}.portalSideBrand b em{color:#d8b64f;font-style:normal}.portalSideBrand small{color:#aebdd0;margin-top:4px;font-size:11px;display:block}.portalSideProfile{text-align:center;background:#ffffff0e;border:1px solid #ffffff26;border-radius:16px;margin:18px 0;padding:17px 13px}.portalAvatar{color:#12335a;background:#fff;border:3px solid #d8b64fbf;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 9px;font-size:25px;font-weight:900;display:grid}.portalSideProfile strong{font-size:14px;display:block}.portalSideProfile small,.portalSideProfile span{color:#aebdd0;margin-top:4px;font-size:10px;display:block}.portalSideProfile span{color:#d9bd61}.portalNav{gap:6px;display:grid}.portalNav button,.portalLogoutSide{color:#eaf1f8;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-family:inherit;font-size:13px;display:flex}.portalNav button.active,.portalNav button:hover{color:#fff;background:linear-gradient(90deg,#a77b16,#d6ae4d);box-shadow:0 8px 24px #c9a2272e}.portalLogoutSide{border-top:1px solid #ffffff17;border-radius:0;margin-top:auto;padding-top:18px}.portalDashboardBody{width:calc(100% - 286px);min-width:0;margin-right:286px}.portalDashboard .portalHeader{color:#15213a;background:#fff;border-bottom:1px solid #e5e9ef;position:sticky;top:0;box-shadow:0 4px 20px #0f2d520f}.portalDashboard .portalHeaderActions button{color:#173354;background:#fff;border-color:#d9e0e8}.portalDashboard .portalWelcome{background:linear-gradient(135deg,#0b2b50,#143e68);border-radius:18px;padding:25px 28px}.portalDashboard .portalStats{grid-template-columns:repeat(5,1fr)}.portalDashboard .portalStats>div{color:#15213a;text-align:center;background:#fff;border:1px solid #e7ebf1;box-shadow:0 7px 22px #0f2d5212}.portalDashboard .portalStats span{color:#6f7d91}.portalDashboard .portalCard{border:1px solid #e7ebf1;box-shadow:0 8px 28px #0f2d5212}.portalDashboard .portalCard h2{color:#102b4d}.portalDashboard .portalTableWrap th{color:#fff;background:#0c3158}.portalDashboard .portalGrid{grid-template-columns:1fr 1fr}.portalDashboard .portalForm button{color:#fff;background:#c59a2d}.portalDashboard .portalPacket{padding:13px 0}@media (width<=900px){.portalSidebar{width:235px}.portalDashboardBody{width:calc(100% - 235px);margin-right:235px}.portalDashboard .portalStats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.portalSidebar{width:280px;position:fixed;transform:translate(100%)}.portalDashboardBody{width:100%;margin-right:0}.portalDashboard .portalHeader{padding:10px 12px}.portalDashboard .portalStats{grid-template-columns:repeat(2,1fr)}.portalDashboard .portalGrid{grid-template-columns:1fr}.portalDashboard .portalMain{width:94vw}.portalDashboard .portalIdentity{grid-template-columns:1fr 1fr}}.supplierPortal{background:var(--portal-background);color:var(--portal-text);min-height:100vh;font-family:Cairo,Arial,sans-serif;display:flex}.supplierSidebar{background:linear-gradient(180deg,var(--portal-sidebar),var(--portal-sidebar2));color:#fff;z-index:30;flex-direction:column;width:290px;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-14px 0 42px #081c3429}.supplierSideBrand{text-align:center;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:10px;padding:2px 0 18px;display:flex}.supplierSideBrand img{object-fit:contain;width:58px;height:58px}.supplierSideBrand>div:last-child{gap:2px;display:grid}.supplierSideBrand b{letter-spacing:1px;font-size:18px}.supplierSideBrand b em{color:var(--portal-gold2);font-style:normal}.supplierSideBrand small{color:#b8c5d6;font-size:11px}.supplierLogoFallback{background:linear-gradient(135deg,var(--portal-gold),var(--portal-gold2));width:58px;height:58px;color:var(--portal-navy);border-radius:16px;place-items:center;font-size:25px;font-weight:900;display:grid;box-shadow:0 8px 20px #c59a2d38}.supplierLogoFallback span{margin-top:-13px;margin-right:16px;font-size:15px}.supplierProfileCard{text-align:center;background:#ffffff0e;border:1px solid #ffffff26;border-radius:16px;margin:16px 0;padding:15px 12px}.supplierAvatar{width:56px;height:56px;color:var(--portal-navy);background:#fff;border:3px solid #d8b64fc7;border-radius:50%;place-items:center;margin:0 auto 8px;font-size:25px;font-weight:900;display:grid}.supplierProfileCard strong{font-size:14px;display:block}.supplierProfileCard small,.supplierProfileCard span{color:#aebdd0;margin-top:4px;font-size:10px;display:block}.supplierProfileCard span{color:var(--portal-gold2)}.supplierNav{gap:5px;display:grid}.supplierNav button,.supplierLogout{color:#eaf1f8;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-family:inherit;font-size:12px;transition:all .22s;display:flex}.supplierNav button:hover,.supplierNav button.active{background:linear-gradient(90deg,#a77b16,var(--portal-gold2));color:#fff;transform:translate(-2px);box-shadow:0 8px 24px #c9a2272e}.supplierNavIcon{text-align:center;width:23px;font-size:19px;line-height:1}.supplierNavBadge{color:#fff;background:#c83e4d;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-right:auto;font-size:10px;display:grid}.supplierLogout{color:#fff;border-top:1px solid #ffffff17;border-radius:0;margin-top:auto;padding-top:17px}.supplierBody{width:calc(100% - 290px);min-width:0;margin-right:290px}.supplierTopbar{z-index:20;background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:74px;padding:9px 26px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f2d520f}.supplierTopBrand{align-items:center;gap:10px;display:flex}.supplierTopBrand img{object-fit:contain;width:45px;height:45px}.supplierTopBrand>div:last-child{gap:1px;display:grid}.supplierTopBrand b{color:var(--portal-navy);font-size:17px}.supplierTopBrand b em{color:var(--portal-gold);font-style:normal}.supplierTopBrand small{color:#7d899a;font-size:9px}.supplierMiniLogo{background:var(--portal-navy);width:45px;height:45px;color:var(--portal-gold2);border-radius:12px;place-items:center;font-weight:900;display:grid}.supplierTopActions{color:#718096;align-items:center;gap:11px;font-size:10px;display:flex}.supplierTopActions button{color:var(--portal-navy);cursor:pointer;background:#fff;border:1px solid #dce2ea;border-radius:9px;padding:8px 11px;font-family:inherit}.supplierMain{width:min(1210px,94%);margin:0 auto;padding:26px 0 45px}.supplierHero{background:linear-gradient(135deg,var(--portal-navy),var(--portal-navy2));color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex;box-shadow:0 18px 50px #0f2d5229}.supplierHero small{color:var(--portal-gold2);font-size:11px}.supplierHero h1{margin:3px 0 5px;font-size:25px}.supplierHero p{color:#bdcad9;margin:0;font-size:11px}.supplierHeroSite{text-align:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:13px;min-width:170px;padding:13px 18px}.supplierHeroSite span,.supplierHeroSite small{color:#b9c5d4;font-size:9px;display:block}.supplierHeroSite b{margin:2px 0;font-size:19px;display:block}.supplierStats{grid-template-columns:repeat(5,1fr);gap:12px;margin:15px 0;display:grid}.supplierStat{text-align:center;background:#fff;border:1px solid #e7ebf1;border-radius:13px;min-height:108px;padding:14px 12px;box-shadow:0 7px 22px #0f2d5212}.supplierStatIcon{border-radius:12px;place-items:center;width:43px;height:43px;margin:0 auto 7px;font-size:21px;font-weight:800;display:grid}.supplierStatIcon.gold{color:#b48a25;background:#f6ead0}.supplierStatIcon.purple{color:#7041b6;background:#eee5fb}.supplierStatIcon.red{color:#c13c49;background:#f8e2e4}.supplierStatIcon.green{color:#279368;background:#dff3e9}.supplierStat span{color:#738095;font-size:9px;display:block}.supplierStat b{color:var(--portal-navy);margin-top:2px;font-size:20px;display:block}.supplierStat b small{font-size:9px;font-weight:500}.supplierCard{background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:15px;margin-bottom:14px;padding:18px;box-shadow:0 8px 28px #0f2d5211}.supplierCardHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.supplierCardHead h2{color:var(--portal-navy);margin:0;font-size:15px}.supplierCardHead button,.supplierCardHead input{font-family:inherit}.supplierCardHead button{color:#315d9b;cursor:pointer;background:0 0;border:0;font-size:10px}.monthBtn{background:#fff!important;border:1px solid #dce2ea!important;border-radius:8px!important;padding:4px 7px!important}.monthBtn input{border:0;outline:0;font-family:inherit;font-size:9px}.supplierSitesCard{margin-top:0}.supplierSitesGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.supplierSiteTile{text-align:center;background:#f8fafc;border:1px solid #e7ebf1;border-radius:12px;padding:13px}.siteTileIcon{color:#17466e;background:#e4ebf4;border-radius:10px;place-items:center;width:38px;height:38px;margin:0 auto 6px;display:grid}.supplierSiteTile small{color:#7d899a;font-size:8px;display:block}.supplierSiteTile b{color:#15447a;margin:1px 0 4px;font-size:16px;display:block}.supplierSiteTile span{color:#68758a;font-size:9px}.supplierSiteTile strong{color:var(--portal-navy)}.supplierTwoCol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.supplierDonutRow{align-items:center;gap:20px;display:flex}.supplierDonut{background:conic-gradient(var(--portal-success) 0 var(--present-pct),var(--portal-danger) var(--present-pct) 100%);border-radius:50%;flex:none;place-items:center;width:170px;height:170px;display:grid;position:relative}.supplierDonut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:29px}.supplierDonut>div{z-index:1;text-align:center;position:relative}.supplierDonut b{color:var(--portal-navy);font-size:24px;display:block}.supplierDonut span{color:#7a8797;font-size:9px}.supplierLegend{flex:1;gap:10px;display:grid}.supplierLegend>div{grid-template-columns:12px 1fr auto auto;align-items:center;gap:7px;font-size:9px;display:grid}.supplierLegend b,.supplierLegend strong{font-size:10px}.dot{border-radius:3px;width:10px;height:10px;display:block}.greenDot{background:var(--portal-success)}.redDot{background:var(--portal-danger)}.purpleDot{background:#7145b7}.supplierRecentTable,.supplierTableWrap{overflow:auto}.supplierRecentTable table,.supplierTableWrap table{border-collapse:collapse;width:100%;min-width:590px}.supplierRecentTable th,.supplierRecentTable td,.supplierTableWrap th,.supplierTableWrap td{text-align:right;border-bottom:1px solid #edf0f4;padding:8px 7px;font-size:9px}.supplierRecentTable th{background:var(--portal-navy);color:#fff}.supplierRecentTable td{background:#fff}.supplierStatus{color:#69758a;background:#eef1f5;border-radius:999px;padding:4px 10px;display:inline-block}.supplierBottomGrid{grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px;display:grid}.supplierEntitlementTotal{color:var(--portal-navy);margin:5px 0 8px;font-size:28px;font-weight:900}.supplierEntitlementTotal small{font-size:10px;font-weight:500}.supplierFinancialRows{gap:6px;display:grid}.supplierFinancialRows>div{border-bottom:1px solid #eef1f5;justify-content:space-between;gap:10px;padding:7px 0;font-size:9px;display:flex}.supplierFinancialRows b{font-size:10px}.supplierFinancialRows .remaining{color:#1f9368}.supplierOutlineBtn{color:#24558c;cursor:pointer;background:#fff;border:1px solid #d5dee8;border-radius:8px;width:100%;margin-top:9px;padding:8px;font-family:inherit;font-size:10px}.supplierAdvanceRows{gap:7px;display:grid}.supplierAdvanceRows>div{background:#f7f9fb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;font-size:9px;display:grid}.supplierAdvanceRows b{font-size:10px}.supplierAdvanceRows em{color:#2d956d;background:#e2f4eb;border-radius:999px;padding:3px 7px;font-style:normal}.supplierNewAdvance p{color:#748196;font-size:9px;line-height:1.8}.supplierPrimaryBtn{background:linear-gradient(135deg,var(--portal-gold),var(--portal-gold2));color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-family:inherit;font-weight:800}.supplierIssueCounts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.supplierIssueCounts>div{text-align:center;background:#f7f9fb;border-radius:9px;padding:9px}.supplierIssueCounts b{color:var(--portal-navy);font-size:20px;display:block}.supplierIssueCounts span{color:#788598;font-size:8px}.supplierStatement .supplierPacketList{gap:7px;margin-top:12px;display:grid}.supplierPacketList>div{background:#f8fafc;border-radius:8px;grid-template-columns:auto 1fr auto auto;gap:10px;padding:9px;font-size:9px;display:grid}.supplierPacketList span{color:#718096}.supplierActionGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.supplierPortalForm{gap:9px;display:grid}.supplierPortalForm input,.supplierPortalForm select,.supplierPortalForm textarea{box-sizing:border-box;background:#fff;border:1px solid #dce2ea;border-radius:8px;outline:none;width:100%;padding:9px;font-family:inherit;font-size:10px}.supplierPortalForm input:focus,.supplierPortalForm select:focus,.supplierPortalForm textarea:focus{border-color:var(--portal-gold);box-shadow:0 0 0 3px #c59a2d1a}.supplierIdentityGrid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.supplierIdentityGrid>div{background:#f7f9fb;border:1px solid #e8ecf1;border-radius:9px;padding:9px}.supplierIdentityGrid span{color:#7a8798;font-size:8px;display:block}.supplierIdentityGrid b{color:var(--portal-navy);margin-top:3px;font-size:10px;display:block}.supplierEmptyInline{text-align:center;color:#7b8797;background:#f8fafc;border-radius:10px;grid-column:1/-1;padding:18px;font-size:10px}.itHelp{color:#748196;font-size:10px;line-height:1.8}.itLogoRow{justify-content:space-between;align-items:center;gap:20px;display:flex}.itLogoActions input{max-width:230px}.portalThemePreview{border:2px solid;border-radius:12px;justify-content:center;align-items:center;gap:7px;height:58px;display:flex}.portalThemePreview i{border:2px solid #ffffffb3;border-radius:50%;width:20px;height:20px;display:block}@media (width<=1100px){.supplierStats{grid-template-columns:repeat(3,1fr)}.supplierBottomGrid{grid-template-columns:1fr 1fr}.supplierIdentityGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.supplierSidebar{width:235px}.supplierBody{width:calc(100% - 235px);margin-right:235px}.supplierHero{flex-direction:column;align-items:flex-start}.supplierTwoCol,.supplierActionGrid{grid-template-columns:1fr}.supplierSitesGrid{grid-template-columns:1fr 1fr}}@media (width<=650px){.supplierSidebar{width:280px;position:fixed;transform:translate(100%)}.supplierBody{width:100%;margin-right:0}.supplierTopbar{padding:9px 12px}.supplierTopActions>span{display:none}.supplierMain{width:94%}.supplierStats,.supplierBottomGrid{grid-template-columns:1fr 1fr}.supplierSitesGrid,.supplierIdentityGrid{grid-template-columns:1fr}.supplierDonutRow{flex-direction:column}.supplierDonut{width:145px;height:145px}.supplierPacketList>div{grid-template-columns:1fr}}.portalRights{text-align:center;border-top:1px solid var(--portal-border,#e7ebf1);color:var(--portal-muted,#6f7d91);margin:28px 0 8px;padding:14px;font-size:12px}.portalSupplierTableCard{margin-top:18px}.portalAdvanceStatusCard{margin-bottom:18px}.aiAnswer{border:1px solid var(--border,#e6e0cf);background:var(--surface,#fff);white-space:pre-wrap;border-radius:14px;margin-top:18px;padding:18px;line-height:1.9}.portalThemeToggle,.portalAuthThemeToggle{cursor:pointer;white-space:nowrap;border-radius:9px;padding:8px 11px;font-family:inherit;font-weight:800;color:#08284b!important;background:#fff!important;border:1px solid #c59a2d73!important}.portalAuthThemeToggle{z-index:3;position:absolute;top:14px;left:14px}.portalPage:not(.portalDark) .portalForm input,.portalPage:not(.portalDark) .portalForm select,.portalPage:not(.portalDark) .portalForm textarea,.portalPage:not(.portalDark) .supplierPortalForm input,.portalPage:not(.portalDark) .supplierPortalForm select,.portalPage:not(.portalDark) .supplierPortalForm textarea{font-weight:600;color:#000!important;-webkit-text-fill-color:#000!important}.portalPage:not(.portalDark) .portalForm input::placeholder,.portalPage:not(.portalDark) .portalForm textarea::placeholder,.portalPage:not(.portalDark) .supplierPortalForm input::placeholder,.portalPage:not(.portalDark) .supplierPortalForm textarea::placeholder{opacity:.72;color:#111!important}.portalPage:not(.portalDark) .supplierCard,.portalPage:not(.portalDark) .supplierTopbar,.portalPage:not(.portalDark) .supplierCardHead h2,.portalPage:not(.portalDark) .supplierIdentityGrid b,.portalPage:not(.portalDark) .supplierStat b{color:#000}.portalPage.portalDark{--portal-background:#081321;--portal-surface:#101c2c;--portal-text:#f3f6fb;--portal-muted:#b7c2d1;--portal-border:#26374d;background:var(--portal-background)!important;color:var(--portal-text)!important}.portalPage.portalDark .supplierTopbar{color:#f3f6fb;background:#0d1a2b;border-color:#26374d}.portalPage.portalDark .supplierTopBrand b,.portalPage.portalDark .supplierCardHead h2,.portalPage.portalDark .supplierIdentityGrid b,.portalPage.portalDark .supplierStat b{color:#f3f6fb}.portalPage.portalDark .supplierTopBrand small,.portalPage.portalDark .supplierCardHead>span,.portalPage.portalDark .supplierStat span,.portalPage.portalDark .supplierHero p,.portalPage.portalDark .supplierIdentityGrid span,.portalPage.portalDark .supplierTopActions{color:#b7c2d1}.portalPage.portalDark .supplierTopActions button,.portalPage.portalDark .monthBtn{color:#f3f6fb!important;background:#101c2c!important;border-color:#34485f!important}.portalPage.portalDark .supplierCard,.portalPage.portalDark .supplierStat{color:#f3f6fb;background:#101c2c;border-color:#26374d}.portalPage.portalDark .supplierSitesCard .supplierSiteTile,.portalPage.portalDark .supplierIdentityGrid>div,.portalPage.portalDark .supplierEmptyInline{color:#f3f6fb;background:#0d1929;border-color:#26374d}.portalPage.portalDark .supplierSiteTile b,.portalPage.portalDark .supplierSiteTile strong{color:#f1d27a}.portalPage.portalDark .supplierSiteTile span,.portalPage.portalDark .supplierSiteTile small{color:#b7c2d1}.portalPage.portalDark .supplierRecentTable td,.portalPage.portalDark .supplierTableWrap td{color:#f3f6fb;background:#101c2c;border-color:#26374d}.portalPage.portalDark .supplierRecentTable tr:nth-child(2n) td{background:#0d1929}.portalPage.portalDark .supplierRecentTable th{background:#08284b}.portalPage.portalDark .supplierPortalForm input,.portalPage.portalDark .supplierPortalForm select,.portalPage.portalDark .supplierPortalForm textarea{background:#0b1726;border-color:#34485f;color:#fff!important;-webkit-text-fill-color:#fff!important}.portalPage.portalDark .supplierPortalForm input::placeholder,.portalPage.portalDark .supplierPortalForm textarea::placeholder{opacity:.75;color:#e6ebf2!important}.portalPage.portalDark .supplierPacketList>div,.portalPage.portalDark .supplierAdvanceRows>div{color:#f3f6fb;border-color:#26374d}.portalPage.portalDark .portalHeader{background:#0d1a2b;border-color:#26374d}.portalPage.portalDark .portalCard{color:#f3f6fb;background:#101c2c;border:1px solid #26374d}.portalPage.portalDark .portalCard h2,.portalPage.portalDark .portalSectionHead h2,.portalPage.portalDark .portalIdentity b,.portalPage.portalDark .portalBigNumber{color:#f3f6fb}.portalPage.portalDark .portalSectionHead span,.portalPage.portalDark .portalSectionHead label,.portalPage.portalDark .portalIdentity span{color:#b7c2d1}.portalPage.portalDark .portalIdentity>div,.portalPage.portalDark .portalList li{color:#f3f6fb;background:#0d1929;border-color:#26374d}.portalPage.portalDark .portalTableWrap th{color:#fff;background:#08284b}.portalPage.portalDark .portalTableWrap td{color:#f3f6fb;background:#101c2c;border-color:#26374d}.portalPage.portalDark .portalTableWrap tr:nth-child(2n) td{background:#0d1929}.portalPage.portalDark .portalForm input,.portalPage.portalDark .portalForm select,.portalPage.portalDark .portalForm textarea{background:#0b1726;border-color:#34485f;color:#fff!important;-webkit-text-fill-color:#fff!important}.portalPage.portalDark .portalForm input::placeholder,.portalPage.portalDark .portalForm textarea::placeholder{opacity:.75;color:#e6ebf2!important}.portalPage.portalDark .portalThemeToggle{color:#fff!important;background:#101c2c!important;border-color:#52677f!important}.portalPage.portalDark .portalAuthCard{color:#f3f6fb;background:#101c2c;border-color:#52677f}.portalPage.portalDark .portalAuthCard>p,.portalPage.portalDark .portalSecurity{color:#b7c2d1}.portalPage.portalDark .portalRoleLinks button,.portalPage.portalDark .portalMode button{color:#eaf0f8;background:#0d1929;border-color:#34485f}.portalPage.portalDark .portalRoleLinks button.active,.portalPage.portalDark .portalMode button.active{background:#08284b;border-color:#c59a2d}.portalPage.portalDark .portalAuthThemeToggle{color:#fff!important;background:#101c2c!important;border-color:#52677f!important}.dashboardView .welcome{background:linear-gradient(135deg,#08284b,#143e68)}.dashboardView .welcome span{color:#d8b64f}.dashboardView .statIcon{color:#315d9b;background:#e9f0f7}.dashboardView .stat,.dashboardView .panel{border-color:#dfe6ee}.dashboardView .panelHead h3{color:#08284b}.dashboardView .primary{background:#c59a2d}.dashboardView .primary:hover{background:#a77f21}.dashboardView .ghost{border-color:#d5dee8}.dashboardView .cards .stat strong{color:#08284b}@media (width<=650px){.portalThemeToggle{padding:7px 8px;font-size:9px}.portalAuthThemeToggle{top:10px;left:10px}}.portalModeAdmin{flex-wrap:wrap;gap:10px;display:flex}.portalModeAdmin button{color:#17385d;cursor:pointer;background:#fff;border:1px solid #dce2ea;border-radius:10px;padding:10px 18px;font-family:inherit;font-weight:800}.portalModeAdmin button.selected{color:#fff;background:#08284b;border-color:#c59a2d}.supplierNotificationBtn{position:relative!important}.supplierTopNotificationBadge{color:#fff;background:#c83e4d;border:2px solid #fff;border-radius:50%;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.portalPage.portalDark .supplierTopNotificationBadge{border-color:#0d1a2b}.portalPage:not(.portalDark) .portalForm input,.portalPage:not(.portalDark) .portalForm select,.portalPage:not(.portalDark) .portalForm textarea,.portalPage:not(.portalDark) .supplierPortalForm input,.portalPage:not(.portalDark) .supplierPortalForm select,.portalPage:not(.portalDark) .supplierPortalForm textarea,.portalPage.portalDark .portalForm input,.portalPage.portalDark .portalForm select,.portalPage.portalDark .portalForm textarea,.portalPage.portalDark .supplierPortalForm input,.portalPage.portalDark .supplierPortalForm select,.portalPage.portalDark .supplierPortalForm textarea{font-size:12px;font-weight:700}.siteMultiSelect{border:1px solid var(--border,#e7ebf1);background:var(--surface2,#f7f8fa);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-height:180px;padding:10px;display:grid;overflow:auto}.siteMultiSelect label{border:1px solid var(--border,#e7ebf1);background:var(--surface,#fff);border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-weight:700;display:flex}.siteMultiSelect input{accent-color:var(--accent,#c9a227)}.supplierMonthlyDues .miniCards{margin-top:12px}.supplierMonthlyDues .mini{min-height:80px}.portalMonthlyDues{margin-top:18px}.portalMonthlyDues .portalStats{grid-template-columns:repeat(3,1fr);margin-top:14px}.portalMonthlyDues .portalStats>div{padding:16px}@media (width<=650px){.portalMonthlyDues .portalStats,.siteMultiSelect{grid-template-columns:1fr}}.portalNotificationBtn,.supplierNotificationBtn{position:relative}.portalNotificationBtn b,.supplierTopNotificationBadge{color:#fff;background:#c94c5c;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-5px}.portalNotificationPanel{z-index:10050;background:var(--portal-surface,#fff);width:min(430px,100vw - 30px);max-height:70vh;color:var(--portal-text,#15213a);border:1px solid var(--portal-border,#e7ebf1);border-radius:16px;position:fixed;top:76px;right:24px;overflow:auto;box-shadow:0 20px 60px #00000040}.portalNotificationHead{border-bottom:1px solid var(--portal-border,#e7ebf1);background:inherit;z-index:2;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.portalNotificationHead button{cursor:pointer;color:inherit;background:0 0;border:0;font-size:22px}.portalNotificationList{padding:8px}.portalNotificationItem{cursor:pointer;border-radius:12px;gap:10px;margin:4px 0;padding:12px;display:flex}.portalNotificationItem.unread{background:#c59a2d1a}.portalNotificationItem.read{opacity:.72}.portalNotificationItem p{margin:4px 0;font-size:13px;line-height:1.6}.portalNotificationItem small{opacity:.6;font-size:10px}.portalNotificationIcon{color:#173252;background:#eef2f7;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-weight:900;display:flex}.portalNotificationIcon.success{color:#187b55;background:#e4f6ee}.portalNotificationIcon.danger{color:#b3263e;background:#fde9ed}.portalNotificationEmpty{text-align:center;opacity:.65;padding:30px 12px}.supplierSiteTile{border:1px solid var(--portal-border,#e7ebf1);background:var(--portal-surface,#fff);color:var(--portal-text,#15213a);font:inherit;text-align:inherit;cursor:pointer;width:100%}.supplierSiteTile.selected{border-color:var(--portal-gold,#c59a2d);box-shadow:0 0 0 2px #c59a2d29}.supplierSiteTile:hover{transform:translateY(-1px)}.infoBox{color:#24364e;background:#f5f8fc;border:1px solid #dce4ee;border-radius:10px;padding:12px 14px;line-height:1.7}@media (width<=700px){.portalNotificationPanel{width:auto;top:68px;left:10px;right:10px}.supplierTopActions{gap:5px}.supplierSiteTile{min-height:110px}}.tabs{white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;display:flex;overflow:auto hidden}.tab{white-space:nowrap;flex:none}.financeRates .panel{overflow:hidden}.inlineNumber{width:125px;min-width:105px;color:inherit;text-align:center;background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:8px 9px;font-family:inherit}.inlineNumber:disabled{opacity:.8}@media (width<=899px){.sidebar{width:310px;max-width:88vw}.sidebar nav{flex-direction:column;grid-template-columns:none;display:flex}.nav{padding:11px 12px;font-size:12px}}@media (width<=560px){.sidebar{width:min(310px,88vw)}.tabs{margin-inline:-2px;padding-inline:4px}.tab{padding:9px 13px;font-size:11px}.inlineNumber{width:110px}}.tableBlock{width:100%}.tableSearch{box-sizing:border-box;background:#f8f9fb;border:1px solid #e1e6ee;border-radius:11px;align-items:center;gap:9px;min-height:42px;margin:0 0 13px;padding:9px 12px;display:flex}.tableSearch span{flex:none;font-size:16px}.tableSearch input{color:#172033;background:0 0;border:0;outline:0;flex:1;min-width:80px;font-family:inherit;font-size:12px}.tableSearch input::placeholder{color:#98a2b1}.tableSearch button{color:#8a96a8;cursor:pointer;background:0 0;border:0;padding:2px 5px;font-size:18px;line-height:1}.tableSearch small{white-space:nowrap;color:#8a96a8;font-size:9px}.dark .tableSearch{background:#111b2a;border-color:#29364b}.dark .tableSearch input{color:#fff}@media (width<=620px){.tableSearch{flex-wrap:wrap}.tableSearch input{flex-basis:calc(100% - 30px);order:2;width:100%}.tableSearch small{margin-right:auto}}.dashboardPro{--dash-bg:#061322;--dash-card:#0b1b2d;--dash-card2:#0e2136;--dash-border:#19324c;--dash-text:#f4f7fb;--dash-muted:#91a1b8;--dash-gold:#d6ad50;--dash-green:#28c78f;--dash-red:#ef476f;width:100%;color:var(--dash-text)}.dashboardHero{border:1px solid var(--dash-border);box-sizing:border-box;background:linear-gradient(110deg,#102944,#0b1727 60%,#15283e);border-radius:14px;justify-content:space-between;align-items:center;min-height:112px;margin-bottom:16px;padding:22px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #0000002e}.dashboardHero:after{content:"";border-top:2px solid #d6ad5080;border-radius:50%;width:480px;height:150px;position:absolute;bottom:-70px;left:-80px;transform:rotate(-8deg);box-shadow:0 -10px #d6ad501f,0 -20px #d6ad5014}.dashboardHero>div{z-index:1;position:relative}.dashboardHero span{color:#e1bf67;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.dashboardHero h1{color:#fff;margin:0 0 5px;font-size:22px}.dashboardHero p{color:#c1cedd;margin:0;font-size:11px}.heroDate{text-align:right;min-width:180px}.heroDate b{font-size:13px;display:block}.heroDate small{color:#aab8ca;margin-top:7px;display:block}.dashboardKpi{border:1px solid var(--dash-border);background:linear-gradient(145deg,var(--dash-card),#081728);box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;min-height:104px;padding:15px;display:flex}.kpiIcon{color:#fff;background:#172b40;border-radius:13px;place-items:center;width:48px;min-width:48px;height:48px;font-size:22px;display:grid}.kpiIcon.gold{color:#f0c966;background:#d6ad501f}.kpiIcon.green{color:#35d89e;background:#28c78f1f}.kpiIcon.purple{color:#a892ff;background:#8b6cff24}.dashboardKpi span{color:#b5c1d0;font-size:10px;display:block}.dashboardKpi strong{color:#fff;direction:rtl;margin:6px 0 3px;font-size:20px;display:block}.dashboardKpi small{color:#73859d;font-size:8px;display:block}.dashPanel{border:1px solid var(--dash-border);background:linear-gradient(145deg,var(--dash-card),#081728);box-sizing:border-box;border-radius:12px;min-width:0;padding:14px;position:relative;overflow:hidden}.dashPanel:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 0,#4378b214,#0000 35%);position:absolute;inset:0}.dashHead{z-index:1;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex;position:relative}.dashHead h3{color:#fff;margin:0;font-size:13px}.dashChart{z-index:1;width:100%;position:relative}.dashDonut{min-height:250px;position:relative}.dashDonut .recharts-responsive-container{z-index:1;position:relative}.donutCenter{text-align:center;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.donutCenter b{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:18px;display:block;overflow:hidden}.donutCenter span{color:#8ea0b8;margin-top:2px;font-size:8px;display:block}.dashboardPro .recharts-legend-item-text{font-size:9px;color:#c5d0dd!important}.dashboardPro .recharts-default-tooltip{direction:rtl}.activityList{z-index:1;position:relative}.activityItem:last-child{border-bottom:0}.activityIcon.a1{color:#3be09f;background:#18332a}.activityIcon.a2{color:#eac461;background:#332c18}.activityIcon.a3{color:#b794ff;background:#2e1e30}.activityItem b{color:#f3f6fa;font-size:10px;display:block}.activityItem small{color:#73869e;margin-top:3px;font-size:8px;display:block}.activityItem time{color:#6f829a;white-space:nowrap;font-size:8px}.activityEmpty{text-align:center;color:#7d8da2;padding:40px 5px;font-size:10px}.dashboardSummary>div{border:1px solid var(--dash-border);background:#09192a;border-radius:10px;padding:11px 14px}.dashboardSummary span{color:#7f91a8;font-size:9px;display:block}.dashboardSummary b{color:#fff;margin-top:5px;font-size:14px;display:block}.welcomeTrustStrip{color:#4f4d7c;background:linear-gradient(135deg,#4f46a514,#4f46a505);border:1px solid #7d89de2e;border-radius:12px;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:10px 12px;display:flex}.welcomeTrustStrip span{background:#ffffff42;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.dashboardSearchWrap{margin:0 0 16px}.globalSearchProminent{width:100%;display:block}.globalSearchProminent .globalSearchPanel{border:1px solid var(--line);background:#fffffff5;width:100%;padding:10px 12px;position:relative;top:0;right:0;box-shadow:0 10px 28px #161a2f14}.globalSearchProminent .globalSearchPanel input{background:#fff;border-radius:12px;height:46px;padding:12px 14px}.dashboardCarouselRow,.dashboardUrgentRow{margin:0 0 18px}.carouselHead{justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;display:flex}.carouselHead h3{color:var(--indigo-950);margin:0;font-size:16px}.dashboardCarouselCard{border:1px solid var(--line);background:linear-gradient(#fff,#f6f7ff);border-radius:16px;min-height:130px;padding:16px 16px 14px;box-shadow:0 10px 24px #22274e0f}.dashboardCarouselCard small{color:var(--indigo-600);margin-bottom:8px;font-size:10px;font-weight:700;display:block}.dashboardCarouselCard h4{color:var(--indigo-950);margin:0 0 8px;font-size:16px}.dashboardCarouselCard.info{background:linear-gradient(135deg,#eef2ff,#f8faff)}.dashboardCarouselCard.warning{background:linear-gradient(135deg,#fff8df,#fffaf1)}.dashboardCarouselCard.success{background:linear-gradient(135deg,#ebfff8,#f4fffa)}.urgentTaskCard{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #22274e0d}.urgentDot{background:linear-gradient(#ff6f7d,#ef476f);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:8px;box-shadow:0 0 0 5px #ef476f1f}.urgentTaskCard b{color:var(--indigo-950);margin-bottom:4px;font-size:12px;display:block}.urgentTaskCard small{color:#7d8599;font-size:10px}.mobileBottomNav{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071220e6;border-top:1px solid #606f9d33;justify-content:space-around;align-items:center;margin:18px -12px 0;padding:10px 8px 12px;display:none;position:sticky;bottom:0;left:0;right:0}.mobileNavItem{color:#b1bdd0;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 4px;font-size:11px;display:flex}.mobileNavItem span{font-size:20px;line-height:1}.mobileNavItem.active{color:#fff;background:linear-gradient(#7e84e12e,#7e84e114)}.notificationBell{position:relative}.notificationCount{color:#fff;background:#ef476f;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-7px;right:-5px;box-shadow:0 6px 14px #ef476f59}@media (width<=1100px){.dashboardKpis{grid-template-columns:repeat(3,1fr)}.dashboardGridThree{grid-template-columns:1fr 1fr}.dashboardGridThree .dashWide{grid-column:span 2}.dashboardBottomGrid{grid-template-columns:1fr}.dashboardSummary,.dashboardCarousel{grid-template-columns:repeat(2,1fr)}.urgentTaskList{grid-template-columns:1fr 1fr}}@media (width<=700px){.dashboardHero{min-height:120px;padding:18px}.dashboardHero h1{font-size:18px}.dashboardHero p{font-size:10px}.heroDate{min-width:125px}.heroDate b{font-size:10px}.dashboardKpis{grid-template-columns:repeat(2,1fr)}.dashboardGridTop,.dashboardGridThree{grid-template-columns:1fr}.dashboardGridThree .dashWide{grid-column:auto}.dashboardSummary{grid-template-columns:1fr 1fr}.dashboardKpi{min-height:92px;padding:11px}.kpiIcon{width:40px;min-width:40px;height:40px;font-size:18px}.dashboardKpi strong{font-size:16px}.dashPanel{padding:11px}.dashDonut{min-height:235px}}@media (width<=480px){.dashboardHero{display:block}.heroDate{text-align:right;margin-top:12px}.dashboardKpis{grid-template-columns:1fr 1fr;gap:8px}.dashboardKpi{gap:7px}.dashboardKpi span{font-size:9px}.dashboardKpi strong{font-size:14px}.dashboardKpi small{font-size:7px}.dashboardSummary{grid-template-columns:1fr}.activityItem{grid-template-columns:30px 1fr}.activityItem time{display:none}}.dashboardShell{color:#edf3f8;background:#03101d}.dashboardShell .main{background:#03101d;min-height:100vh}.dashboardShell .topbar{color:#fff;background:linear-gradient(#071728,#05111e);border-bottom:1px solid #1a3047}.dashboardShell .menuToggle{color:#fff;background:#0b1d30;border-color:#24405d}.dashboardShell .avatar{color:#22364c;background:#e8edf2}.dashboardShell .live{color:#43d39e}.dashboardShell .content{background:#03101d;max-width:none;padding:18px 20px 26px}.dashboardShell .siteFooter{color:#72869d;background:#03101d;border-top-color:#173047}.dashboardShell .sidebar{background:linear-gradient(#020c18,#061728 55%,#081b2d);border-left:1px solid #173149}.dashboardShell .nav{color:#b8c8d8}.dashboardShell .nav:hover{color:#fff;background:#102a43}.dashboardShell .nav.active{color:#fff;background:linear-gradient(90deg,#0d2a43,#70531b);box-shadow:inset -3px 0 #e0b85c}.dashboardShell .companyBox{background:#0a1c2f;border-color:#1b3852}.dashboardShell .sidebarBottom{border-top-color:#1b3852}.dashboardShell .mobileMenuBtn{color:#07111c;background:linear-gradient(145deg,#c79b32,#8e691e)}.sidebar nav{scrollbar-width:thin;scrollbar-color:#52647a transparent;flex:1;min-height:0;padding:2px 2px 8px;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#40536b;border-radius:20px}.sidebarBottom{flex-shrink:0}.topTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.globalSearch{vertical-align:middle;z-index:20;display:inline-flex;position:relative}.globalSearchBtn{color:#8b6a20;cursor:pointer;background:#fff;border:1px solid #d9e0e8;border-radius:10px;place-items:center;width:35px;height:35px;font-size:17px;display:grid;box-shadow:0 3px 12px #0a1e370f}.globalSearchBtn:hover{border-color:#c9a227;transform:translateY(-1px);box-shadow:0 6px 18px #0a1e371f}.globalSearchPanel{z-index:18;color:#172033;background:#fff;border:1px solid #e1e7ef;border-radius:14px;width:min(390px,88vw);padding:10px;position:absolute;top:43px;right:0;box-shadow:0 18px 50px #04142838}.globalSearchPanel>input{border:1px solid #dbe2eb;border-radius:10px;outline:none;width:100%;height:42px;padding:8px 11px;font-family:inherit}.globalSearchResults{gap:5px;max-height:360px;margin-top:7px;display:grid;overflow:auto}.globalSearchResults button{text-align:right;cursor:pointer;background:#f7f9fb;border:0;border-radius:9px;padding:9px 10px;font-family:inherit}.globalSearchResults button:hover{background:#f0eadb}.globalSearchResults b{color:#18273a;font-size:11px;display:block}.globalSearchResults small{color:#7c8999;margin-top:2px;font-size:9px;display:block}.dashboardHero{grid-template-columns:82px 1fr auto;align-items:center;gap:16px;display:grid!important}.heroBrandBox{background:linear-gradient(145deg,#152d45,#071321);border:1px solid #d6ad508c;border-radius:16px;place-items:center;width:70px;height:70px;display:grid;overflow:hidden;box-shadow:0 12px 35px #0000003d}.heroBrandBox img{object-fit:contain;width:100%;height:100%;padding:8px}.heroBrandBox>b{text-align:center;color:#d9b75e;letter-spacing:1px;font-size:22px;line-height:.8}.heroBrandBox small{color:#e9d38e;letter-spacing:2px;font-size:8px}.heroText{min-width:0}.dashboardPro{max-width:1450px;margin:0 auto}.dashboardKpi{background:linear-gradient(145deg,#0a1d30,#071525);border-color:#18354f;box-shadow:0 10px 30px #00000029}.dashPanel{background:linear-gradient(145deg,#091d30,#061321);border-color:#17344e;box-shadow:0 10px 30px #00000026}.dashboardSummary>div{background:#081a2c;border-color:#17344e}.siteMultiSelect{grid-template-columns:repeat(3,minmax(0,1fr));max-height:150px;overflow:auto}@media (width<=899px){.sidebar{display:flex}.sidebar nav{flex-flow:column;max-height:calc(100vh - 250px);display:flex;overflow-y:auto}.globalSearchPanel{width:min(390px,100vw - 20px);position:fixed;top:64px;right:10px}.dashboardShell .content{padding:12px 10px 22px}.dashboardHero{gap:11px;grid-template-columns:64px 1fr!important;padding:16px!important}.dashboardHero .heroDate{text-align:right;grid-column:1/-1;margin-top:2px}.heroBrandBox{width:58px;height:58px}.dashboardHero h1{font-size:18px}.dashboardHero p{font-size:9px}.siteMultiSelect{grid-template-columns:1fr 1fr}}@media (width<=480px){.dashboardHero{grid-template-columns:54px 1fr!important;display:grid!important}.heroBrandBox{border-radius:13px;width:52px;height:52px}.dashboardHero h1{font-size:16px}.dashboardHero p{font-size:8px}.dashboardHero span{font-size:9px}.globalSearchBtn{width:34px;height:34px}.topTitle{gap:6px}.sidebar{padding:14px 11px;width:min(315px,90vw)!important}.sidebar .nav{border-radius:11px;min-height:45px}.sidebar .brand{padding:5px 6px 14px}.sidebar .companyBox{margin-bottom:9px}.sidebar nav{max-height:calc(100vh - 225px)}}.itLogoRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.itLogoActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.itLogoEmpty{color:#8b97a8;border:1px dashed #ccd5e0;border-radius:12px;padding:20px;font-size:11px}.otpManualBox{text-align:center;background:linear-gradient(135deg,#fffaf0,#f6f1e4);border:1px solid #c9a2278c;border-radius:14px;margin:12px 0;padding:16px}.otpManualBox span{color:#80661d;font-size:10px;display:block}.otpManualBox b{letter-spacing:7px;color:#8f6c17;margin:5px 0;font-size:30px;display:block}.otpManualBox small{color:#7c8796;font-size:10px;display:block}.dark .otpManualBox{background:#241f12;border-color:#806522}.dark .otpManualBox span,.dark .otpManualBox b{color:#e3bf62}.theme-royal-gold .sidebar{background:linear-gradient(#0b1424 0%,#14243d 58%,#09111e 100%);border-left:1px solid #c89b3c55}.theme-royal-gold .welcome{background:linear-gradient(135deg,#0b1424,#182a45 58%,#6f5423);box-shadow:0 18px 55px #0b142422}.theme-royal-gold .primary{color:#132034;background:linear-gradient(135deg,#b88324,#f4d47e)}.theme-royal-gold .brandMark{color:#0b1424;background:linear-gradient(135deg,#f4d47e,#c89b3c)}.theme-royal-gold .nav.active{background:linear-gradient(90deg,#c89b3c22,#f4d47e18);border-color:#c89b3c66}.theme-royal-gold .themeDot{background:linear-gradient(135deg,#b88324,#f4d47e)}.theme-royal-gold .panel{border-color:#e5d7b7}.theme-royal-gold .stat,.theme-royal-gold .mini{box-shadow:0 8px 30px #6f542312}:root{--indigo-950:#20204a;--indigo-800:#34346b;--indigo-600:#4f46a5;--indigo-500:#656bd1;--indigo-100:#e9eafe;--page:#f5f6fb;--ink:#1d2433;--muted-ink:#626b7f;--line:#e2e5ef}body{background:var(--page);color:var(--ink);font-size:15px}button,input,select,textarea{font-size:15px}input::placeholder,textarea::placeholder{color:#596276;opacity:1}input:focus,select:focus,textarea:focus{outline:3px solid #4f46a524;border-color:var(--indigo-600)!important}.mobileNavItem{color:#9ca3af;cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:8px 6px;font-family:inherit;transition:color .2s,transform .2s;display:flex;position:relative}.mobileNavItem small{letter-spacing:0;font-size:10px;font-weight:700;line-height:1.2;display:block}.mobileNavIconWrap{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.mobileNavBadge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:flex;position:absolute;top:8px;right:18%;box-shadow:0 8px 18px #ef444459}.app:not(.dashboardShell){background:var(--page)}.app .sidebar{background:linear-gradient(180deg,var(--indigo-950),#29295a 62%,#20204a);border-left:1px solid #ffffff14;width:278px;padding:26px 18px;box-shadow:-12px 0 35px #1e1e4b1f}.app .brand{gap:13px;padding:4px 9px 27px}.app .brandMark{background:linear-gradient(135deg,#aeb4ff,var(--indigo-500));color:#20204a;border-radius:15px;width:48px;height:48px;box-shadow:0 8px 20px #14144140}.app .brand b{font-size:18px}.app .brand small{color:#c9cdf1;font-size:10px}.app .companyBox{background:#ffffff17;border-color:#ffffff24;border-radius:14px;margin:0 2px 20px;padding:13px 14px;font-size:14px}.app .sidebar nav{gap:7px;padding:2px 2px 12px}.app .nav{color:#d2d5ec;border:1px solid #0000;border-radius:13px;gap:13px;min-height:46px;padding:11px 14px;font-size:14px;transition:background .2s,color .2s,transform .2s}.app .nav span{color:#b7bdf8;flex:0 0 25px;width:25px;font-size:19px;line-height:1}.app .nav:hover{color:#fff;background:#ffffff1a;transform:translate(-2px)}.app .nav.active{color:#fff;background:linear-gradient(90deg,#7c83e852,#7c83e81f);box-shadow:inset -4px 0 #aeb4ff}.app .nav.active span{color:#fff}.app .sidebarBottom{border-top:1px solid #ffffff1f;padding-top:13px}.app .themePicker{border-top:0;margin-top:0;padding-top:0}.app .themeDot{border-color:#ffffff38}.app .main{width:calc(100% - 278px);margin-right:278px}.app .topbar{border-bottom:1px solid var(--line);background:#ffffffeb;height:96px;padding:20px 36px;box-shadow:0 4px 18px #1e23460a}.app .crumb{color:#7b8497;font-size:12px}.app .topbar h2{color:var(--ink);font-size:21px}.app .content{background:var(--page);padding:34px 36px}.app .panel,.app .stat,.app .mini,.app .tableWrap{border-color:var(--line);border-radius:16px;box-shadow:0 8px 24px #22274e0f}.app .panel{padding:22px}.app .panelHead{margin-bottom:18px;padding-bottom:15px}.app .primary{background:linear-gradient(135deg,var(--indigo-600),var(--indigo-500));color:#fff;border:0;border-radius:12px;padding:12px 19px;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 18px #4f46a533}.app .primary:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 12px 24px #4f46a547}.app .ghost,.app .delete,.app .editBtn{border-radius:12px;padding:11px 16px;transition:background .2s,transform .2s}.app .ghost:hover,.app .editBtn:hover{background:var(--indigo-100);color:var(--indigo-800);transform:translateY(-1px)}.app .formGrid{border-radius:16px;gap:18px;padding:18px}.app .formGrid input,.app .formGrid select,.app .formGrid textarea,.app .siteToolbar select{min-height:46px;color:var(--ink);background:#fff;border-color:#d5d9e5;border-radius:11px;padding:11px 13px}.app .tableWrap{overflow:hidden}.app table{font-size:14px}.app th,.app td{padding:13px 12px}.app th{color:#3f4860;background:#f0f1f8}.dashboardShell,.dashboardShell .main,.dashboardShell .content,.dashboardShell .siteFooter{background:var(--page);color:var(--ink)}.dashboardShell .topbar{border-bottom-color:var(--line);color:var(--ink);background:#fffffff5}.dashboardShell .topbar h2{color:var(--ink)}.dashboardShell .crumb{color:#7b8497}.dashboardShell .topActions small{color:var(--muted-ink)}.dashboardShell .sidebar{background:linear-gradient(180deg,var(--indigo-950),#29295a 62%,#20204a)}.dashboardShell .nav.active{background:linear-gradient(90deg,#7c83e857,#7c83e81f);box-shadow:inset -4px 0 #aeb4ff}.dashboardShell .content{padding:30px 36px 38px}.dashboardPro{max-width:1500px;color:var(--ink);--dash-border:var(--line);--dash-muted:var(--muted-ink)}.dashboardHero{background:linear-gradient(115deg,var(--indigo-950),#3f4289 72%,#5962bd);border:1px solid #d9dcef;border-radius:20px;min-height:140px;margin-bottom:20px;padding:25px 30px;box-shadow:0 14px 32px #2d2d6e29}.dashboardHero:after{border-top-color:#aeb4ff6b;box-shadow:0 -10px #aeb4ff1f,0 -20px #aeb4ff12}.dashboardHero span{color:#cdd1ff}.dashboardHero h1{font-size:25px}.dashboardHero p{color:#e0e2fa;font-size:13px}.heroDate b{color:#fff;font-size:14px}.heroDate small{color:#d2d5ee;font-size:12px}.heroBrandBox{background:#ffffff1f;border-color:#d6daff99;box-shadow:0 12px 30px #12134138}.heroBrandBox>b{color:#e0e2ff}.heroBrandBox small{color:#cdd1ff}.dashboardKpis{gap:16px;margin-bottom:20px}.dashboardKpi{border-color:var(--line);background:#fff;border-radius:17px;min-height:118px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #22274e12}.dashboardKpi:hover{border-color:#c2c6eb;transform:translateY(-3px);box-shadow:0 14px 30px #34346b21}.dashboardKpi span{color:var(--muted-ink);font-size:12px}.dashboardKpi strong{color:var(--indigo-950);margin:7px 0 4px;font-size:22px}.dashboardKpi small{color:#8a92a4;font-size:10px}.kpiIcon{border-radius:15px;width:50px;height:50px}.kpiIcon.gold,.kpiIcon.purple{color:var(--indigo-600);background:#eeedff}.kpiIcon.blue{color:#2766ad;background:#e5f1ff}.dashPanel{border-color:var(--line);background:#fff;border-radius:17px;padding:18px;box-shadow:0 8px 25px #22274e12}.dashPanel:before{background:radial-gradient(circle at 15% 0,#656bd114,#0000 35%)}.dashHead h3{color:var(--indigo-950);font-size:15px}.dashboardPro .recharts-legend-item-text{color:#626b7f!important}.dashboardPro .recharts-cartesian-axis-tick-value{fill:#7c8495}.activityItem{border-bottom-color:#edf0f5}.activityItem b{color:var(--ink)}.activityItem small,.activityItem time{color:#7c8495}.activityIcon{color:var(--indigo-600);background:#eeedff}.activityEmpty{color:#7c8495}.dashboardSummary{gap:14px}.dashboardSummary>div{border-color:var(--line);background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 20px #22274e0d}.dashboardSummary span{color:var(--muted-ink)}.dashboardSummary b{color:var(--indigo-950);font-size:16px}.loginPage{color:var(--ink);background:linear-gradient(135deg,#f5f6fb,#e9eafe)}.loginShell{background:0 0;grid-template-columns:1.08fr .92fr}.loginHero{background:linear-gradient(145deg,var(--indigo-950),#34346b 62%,#555db5);color:#fff;padding:60px 7vw 52px}.loginHero:before{opacity:.5;background:linear-gradient(115deg,#0000 65%,#aeb4ff 65.2% 65.45%,#0000 65.7%)}.loginHero:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;height:210px;position:absolute;inset:auto -8% -80px 20%;transform:rotate(-8deg)}.heroBrand b{font-size:27px}.heroBrand small{color:#cdd1ff}.heroMark{color:var(--indigo-950);clip-path:none;background:linear-gradient(135deg,#e0e2ff,#7c83e8);border-radius:17px;box-shadow:0 10px 24px #0a0c3240}.heroCopy span{color:#e0e2ff;font-size:29px}.heroCopy h2{color:#fff;font-size:46px}.heroCopy p{color:#e4e6fb}.heroFeatures div{border-top-color:#ffffff40}.heroFeatures b{color:#cdd1ff}.heroFeatures small{color:#c4c8e6}.loginPanel{background:#ffffff8c;padding:48px}.loginCard{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e0e3ef;border-radius:24px;padding:46px 52px;box-shadow:0 24px 60px #22274e24}.loginCard .brandMark{background:linear-gradient(135deg,#aeb4ff,var(--indigo-600));color:#fff}.loginCard h1{color:var(--indigo-950);margin:24px 0 8px;font-size:35px}.loginCard>p{color:var(--muted-ink);font-size:14px}.loginCard form label{color:var(--ink);margin-top:18px;margin-bottom:7px;font-size:14px}.loginCard input{color:var(--ink);background:#fff;border:1px solid #d5d9e5;border-radius:12px;padding:14px 15px}.loginCard input::placeholder{color:#596276}.passwordToggle{color:var(--indigo-600)}.remember{color:var(--muted-ink)!important}.forgotLink,.textBtn{color:var(--indigo-600)}.loginCard .primary{background:linear-gradient(135deg,var(--indigo-600),var(--indigo-500));border-radius:13px;padding:15px;font-size:16px}.secureHint,.loginFooter{color:#7a8294}.resetModal{border-color:var(--line);background:#fff;border-radius:20px;box-shadow:0 25px 70px #14184133}.resetModal h2{color:var(--indigo-950)}.resetModal p,.resetModal label{color:var(--muted-ink)}.resetModal input{color:var(--ink);background:#fff;border-color:#d5d9e5;border-radius:11px}.menuToggle{border-radius:12px}.globalSearchBtn{color:var(--indigo-600);border-color:var(--line)}.globalSearchPanel>input:focus{border-color:var(--indigo-600)}@media (width<=899px){.app .sidebar{width:min(315px,90vw)}.app .main{width:100%;margin-right:0}.app .content,.dashboardShell .content{padding:20px 16px 88px}.app .topbar{padding:15px 16px}.loginHero{display:none}.loginPanel{background:linear-gradient(135deg,#f5f6fb,#e9eafe);min-height:100vh;padding:24px 12px}.loginCard{padding:32px 25px}.dashboardHero{padding:21px!important}.mobileBottomNav{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#0c0e1ab8;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;height:70px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0f172a52}.mobileNavItem{flex:1;height:100%;padding:8px 4px}.mobileNavItem small{font-size:9px}.mobileNavBadge{top:8px;right:22%}}@media (width<=480px){.app .content,.dashboardShell .content{padding:16px 10px 88px}.app .panel{padding:17px}.dashboardHero h1{font-size:19px}.dashboardHero p{font-size:10px}.dashboardKpi{padding:13px}.dashboardKpi strong{font-size:17px}.loginCard{border-radius:20px;width:calc(100vw - 28px);padding:28px 20px}.mobileBottomNav{height:68px}.mobileNavBadge{right:18%}}.dashboardKpi small{font-size:0}.dashboardKpi small:after{content:"مقارنة بالبيانات الحالية";color:#238b68;white-space:nowrap;font-size:11px;font-weight:700}.tablePagination{border-top:1px solid var(--line,#e2e5ef);justify-content:center;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.tablePagination span{color:var(--muted-ink,#626b7f);font-size:13px;font-weight:700}.tablePagination .primary,.tablePagination .ghost{min-width:82px;min-height:38px;padding:8px 12px}.tablePagination button:disabled{cursor:not-allowed;opacity:.45;transform:none}.tableBlock .tableSearch{background:#fff;border-color:#d9dcef;border-radius:12px;min-height:48px;box-shadow:0 4px 14px #22274e0a}.tableBlock .tableSearch input{color:var(--ink,#1d2433);font-size:14px}.tableBlock .tableSearch input::placeholder{color:#596276}.tableBlock .tableSearch span{color:var(--indigo-600,#4f46a5)}.portalPage{--portal-indigo-950:#20204a;--portal-indigo-800:#34346b;--portal-indigo-600:#4f46a5;--portal-indigo-500:#656bd1;--portal-indigo-100:#eeedff;--portal-page:#f5f6fb;--portal-ink:#1d2433;--portal-muted-ink:#626b7f;--portal-line:#e2e5ef;color:var(--portal-ink);background:linear-gradient(135deg,#f5f6fb,#e9eafe);font-size:15px}.portalPage button,.portalPage input,.portalPage select,.portalPage textarea{font-size:15px}.portalPage input::placeholder,.portalPage textarea::placeholder{color:#596276!important;opacity:1!important}.portalPage input:focus,.portalPage select:focus,.portalPage textarea:focus{box-shadow:none;outline:3px solid #4f46a524;border-color:var(--portal-indigo-600)!important}.portalAuthPage{background:linear-gradient(135deg,#f5f6fb,#e9eafe);min-height:100vh;padding:28px}.portalAuthCard{border:1px solid var(--portal-line);width:min(540px,96vw);color:var(--portal-ink);background:#fff;border-radius:26px;padding:42px 44px;box-shadow:0 24px 60px #22274e24}.portalAuthCard:before{background:radial-gradient(circle,#656bd11f,#0000 45%)}.portalMark{background:linear-gradient(135deg,#aeb4ff,var(--portal-indigo-600));color:#fff;border-radius:17px;box-shadow:0 10px 24px #4f46a533}.portalMark.large{border-radius:22px}.portalAuthCard h1{color:var(--portal-indigo-950);margin:18px 0 6px;font-size:28px}.portalAuthCard>p{color:var(--portal-muted-ink);margin-bottom:24px;font-size:14px}.portalRoleLinks,.portalMode{gap:9px;margin-bottom:18px}.portalRoleLinks button,.portalMode button{color:#596276;background:#f8f8fc;border-color:#d5d9e5;border-radius:12px;padding:12px;transition:background .2s,color .2s,transform .2s}.portalRoleLinks button:hover,.portalMode button:hover{background:var(--portal-indigo-100);color:var(--portal-indigo-800);transform:translateY(-1px)}.portalRoleLinks button.active,.portalMode button.active{background:var(--portal-indigo-600);border-color:var(--portal-indigo-600);color:#fff}.portalForm{gap:14px}.portalForm input,.portalForm select,.portalForm textarea{min-height:47px;color:var(--portal-ink);border-color:#d5d9e5;border-radius:12px;padding:12px 14px;font-weight:500}.portalForm button,.portalDashboard .portalForm button{background:linear-gradient(135deg,var(--portal-indigo-600),var(--portal-indigo-500));color:#fff;border-radius:12px;min-height:47px;padding:12px 16px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #4f46a533}.portalForm button:hover,.portalDashboard .portalForm button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46a545}.portalBack{border-radius:12px!important}.portalOtpHint,.portalMsg{background:var(--portal-indigo-100);color:var(--portal-indigo-800);border-color:#d9daf8;border-radius:12px;padding:13px;font-size:12px;line-height:1.8}.portalSecurity{color:var(--portal-muted-ink);font-size:11px}.portalAuthThemeToggle{color:var(--portal-indigo-600)!important;background:#fff!important;border-color:#c8c9ef!important;border-radius:12px!important}.portalDashboard{background:var(--portal-page);color:var(--portal-ink)}.portalSidebar{background:linear-gradient(180deg,var(--portal-indigo-950),var(--portal-indigo-800) 62%,#252553);width:292px;padding:24px 18px;box-shadow:-14px 0 42px #22225524}.portalSideBrand{padding-bottom:22px}.portalSideBrand b em,.portalSideProfile span{color:#cdd1ff}.portalSideProfile{background:#ffffff17;border-color:#ffffff29;border-radius:17px;margin:20px 0;padding:18px 14px}.portalNav{gap:7px}.portalNav button,.portalLogoutSide{border-radius:13px;gap:13px;min-height:47px;padding:12px 14px;font-size:14px;transition:background .2s,transform .2s}.portalNav button.active,.portalNav button:hover{background:linear-gradient(90deg,#7c83e85c,#7c83e81f);transform:translate(-2px);box-shadow:inset -4px 0 #aeb4ff}.portalLogoutSide{padding-top:19px}.portalDashboardBody{width:calc(100% - 292px);margin-right:292px}.portalDashboard .portalHeader{border-bottom-color:var(--portal-line);background:#fffffff5;height:82px;padding:12px 32px;box-shadow:0 4px 18px #22274e0d}.portalDashboard .portalHeaderActions{color:var(--portal-muted-ink);gap:12px}.portalDashboard .portalHeaderActions span{color:var(--portal-muted-ink)}.portalDashboard .portalHeaderActions button{border-color:var(--portal-line);color:var(--portal-indigo-800);background:#fff;border-radius:12px;padding:10px 13px;transition:background .2s,transform .2s}.portalDashboard .portalHeaderActions button:hover{background:var(--portal-indigo-100);transform:translateY(-1px)}.portalDashboard .portalMain{width:min(1280px,92%);padding:34px 0 50px}.portalDashboard .portalWelcome{background:linear-gradient(115deg,var(--portal-indigo-950),#3f4289 72%,#5962bd);border-color:#d9dcef;border-radius:20px;padding:28px 32px;box-shadow:0 14px 32px #2d2d6e29}.portalDashboard .portalWelcome small{color:#cdd1ff}.portalDashboard .portalWelcome h1{font-size:28px}.portalDashboard .portalWelcome p{color:#e0e2fa;font-size:13px}.portalDashboard .portalSite{background:#ffffff1a;border-color:#fff3;border-radius:14px}.portalDashboard .portalStats{gap:16px;margin:20px 0}.portalDashboard .portalStats>div{border-color:var(--portal-line);background:#fff;border-radius:17px;min-height:120px;padding:18px;box-shadow:0 8px 25px #22274e12}.portalDashboard .portalStats span{color:var(--portal-muted-ink);font-size:12px}.portalDashboard .portalStats b{color:var(--portal-indigo-950);font-size:24px}.portalDashboard .portalCard{border-color:var(--portal-line);border-radius:17px;margin-bottom:18px;padding:22px;box-shadow:0 8px 25px #22274e12}.portalDashboard .portalCard h2{color:var(--portal-indigo-950);font-size:17px}.portalDashboard .portalSectionHead{margin-bottom:18px}.portalDashboard .portalSectionHead span{color:var(--portal-muted-ink);font-size:12px}.portalDashboard .portalTableWrap{border-radius:13px;overflow:auto}.portalDashboard .portalTableWrap th{background:var(--portal-indigo-950);padding:13px}.portalDashboard .portalTableWrap td{color:var(--portal-ink);background:#fff;border-color:#edf0f5;padding:13px}.portalDashboard .portalTableWrap tr:nth-child(2n) td{background:#fafbfe}.portalDashboard .portalIdentity>div,.portalDashboard .portalList li{border-color:var(--portal-line);background:#f8f9fd;border-radius:12px}.portalDashboard .portalIdentity b,.portalDashboard .portalBigNumber{color:var(--portal-indigo-950)}.portalDashboard .portalPacket{border-color:var(--portal-line);background:#f8f9fd;border-radius:12px}.portalRights{color:var(--portal-muted-ink);border-top-color:var(--portal-line);font-size:12px}.supplierPortal{background:var(--portal-page);color:var(--portal-ink)}.supplierSidebar{background:linear-gradient(180deg,var(--portal-indigo-950),var(--portal-indigo-800) 62%,#252553);width:292px;padding:24px 18px;box-shadow:-14px 0 42px #22225524}.supplierSideBrand{padding-bottom:22px}.supplierSideBrand b em,.supplierProfileCard span{color:#cdd1ff}.supplierProfileCard{background:#ffffff17;border-color:#ffffff29;border-radius:17px;margin:20px 0;padding:18px 14px}.supplierNav{gap:7px}.supplierNav button,.supplierLogout{border-radius:13px;gap:13px;min-height:47px;padding:12px 14px;font-size:14px}.supplierNav button:hover,.supplierNav button.active{background:linear-gradient(90deg,#7c83e85c,#7c83e81f);transform:translate(-2px);box-shadow:inset -4px 0 #aeb4ff}.supplierBody{width:calc(100% - 292px);margin-right:292px}.supplierTopbar{border-bottom-color:var(--portal-line);background:#fffffff5;height:82px;padding:12px 32px;box-shadow:0 4px 18px #22274e0d}.supplierTopBrand b em{color:var(--portal-indigo-600)}.supplierTopActions{color:var(--portal-muted-ink);gap:12px;font-size:12px}.supplierTopActions button{border-color:var(--portal-line);color:var(--portal-indigo-800);background:#fff;border-radius:12px;padding:10px 13px}.supplierMain{width:min(1280px,92%);padding:34px 0 50px}.supplierHero{background:linear-gradient(115deg,var(--portal-indigo-950),#3f4289 72%,#5962bd);border-radius:20px;padding:28px 32px;box-shadow:0 14px 32px #2d2d6e29}.supplierHero small{color:#cdd1ff}.supplierHero h1{font-size:28px}.supplierHero p{color:#e0e2fa;font-size:13px}.supplierHeroSite{background:#ffffff1a;border-color:#fff3;border-radius:14px}.supplierStats{gap:16px;margin:20px 0}.supplierStat{border-color:var(--portal-line);border-radius:17px;min-height:120px;padding:18px;box-shadow:0 8px 25px #22274e12}.supplierStat span{color:var(--portal-muted-ink);font-size:12px}.supplierStat b{color:var(--portal-indigo-950);font-size:24px}.supplierStatIcon.gold,.supplierStatIcon.purple{background:var(--portal-indigo-100);color:var(--portal-indigo-600)}.supplierStatIcon.blue{color:#2766ad;background:#e5f1ff}.supplierCard{border-color:var(--portal-line);border-radius:17px;margin-bottom:18px;padding:22px;box-shadow:0 8px 25px #22274e12}.supplierCardHead{margin-bottom:18px}.supplierCardHead h2{color:var(--portal-indigo-950);font-size:17px}.supplierCardHead>span{color:var(--portal-muted-ink);font-size:12px}.supplierSiteTile,.supplierIdentityGrid>div,.supplierAdvanceRows>div,.supplierPacketList>div,.supplierIssueCounts>div{border-color:var(--portal-line);background:#f8f9fd;border-radius:12px}.supplierSiteTile{padding:16px}.supplierSiteTile b,.supplierSiteTile strong,.supplierEntitlementTotal{color:var(--portal-indigo-950)}.supplierOutlineBtn{color:var(--portal-indigo-600);border-color:#cfd3eb;border-radius:12px;padding:11px}.supplierPrimaryBtn{background:linear-gradient(135deg,var(--portal-indigo-600),var(--portal-indigo-500));border-radius:12px;min-height:46px;padding:12px 17px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px #4f46a533}.supplierPrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4f46a545}.supplierPortalForm{gap:13px}.supplierPortalForm input,.supplierPortalForm select,.supplierPortalForm textarea{min-height:47px;color:var(--portal-ink);border-color:#d5d9e5;border-radius:12px;padding:12px 14px;font-size:15px}.supplierPortalForm input::placeholder,.supplierPortalForm textarea::placeholder{color:#596276!important}.supplierRecentTable th,.supplierTableWrap th{background:var(--portal-indigo-950);padding:13px}.supplierRecentTable td,.supplierTableWrap td{color:var(--portal-ink);background:#fff;border-color:#edf0f5;padding:13px}.supplierRecentTable tr:nth-child(2n) td{background:#fafbfe}.supplierStatus.present{color:#238b68;background:#e1f4ea}.supplierStatus.absent{color:#b94b5a;background:#fae5e8}.supplierIdentityGrid>div{padding:13px}.supplierIdentityGrid span{color:var(--portal-muted-ink);font-size:10px}.supplierIdentityGrid b{color:var(--portal-indigo-950);font-size:12px}@media (width<=900px){.portalSidebar,.supplierSidebar{width:250px}.portalDashboardBody,.supplierBody{width:calc(100% - 250px);margin-right:250px}.portalDashboard .portalMain,.supplierMain{width:94%}.portalDashboard .portalStats,.supplierStats{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.portalSidebar,.supplierSidebar{width:min(310px,90vw)}.portalDashboardBody,.supplierBody{width:100%;margin-right:0}.portalDashboard .portalHeader,.supplierTopbar{padding:11px 14px}.portalDashboard .portalHeaderActions>span,.supplierTopActions>span{display:none}.portalDashboard .portalMain,.supplierMain{width:calc(100% - 24px);padding-top:22px}.portalDashboard .portalWelcome,.supplierHero{padding:21px}.portalDashboard .portalStats,.supplierStats{grid-template-columns:repeat(2,1fr);gap:10px}.portalDashboard .portalCard,.supplierCard{padding:17px}.portalDashboard .portalStats>div,.supplierStat{min-height:105px;padding:14px}.portalDashboard .portalStats b,.supplierStat b{font-size:19px}}@media (width<=480px){.portalAuthCard{border-radius:20px;padding:32px 20px}.portalAuthCard h1{font-size:24px}.portalDashboard .portalStats,.supplierStats{grid-template-columns:1fr}.portalDashboard .portalWelcome h1,.supplierHero h1{font-size:21px}.supplierTopBrand b{font-size:15px}}.app .sidebar .nav span{flex:0 0 32px;width:32px;font-size:25px;line-height:1}.app .sidebar .nav{gap:16px}.portalSidebar .portalNav button span:first-child,.supplierSidebar .supplierNavIcon{flex:0 0 30px;width:30px;font-size:25px;line-height:1}.portalSidebar .portalNav button,.supplierSidebar .supplierNav button{gap:16px}@media (width<=899px){.mobileBottomNav{z-index:var(--mh-z-bottom-nav)!important}.sidebarOverlay{z-index:var(--mh-z-overlay)!important}.sidebar{z-index:var(--mh-z-sidebar)!important}body.sidebar-open .mobileBottomNav{transition:opacity .2s,visibility .2s,transform .2s;transform:translateY(10px);opacity:0!important;visibility:hidden!important;pointer-events:none!important}}body.sidebar-open .mobileBottomNav{opacity:0;pointer-events:none}.sidebarOverlay{z-index:var(--mh-z-overlay);display:none}.mobileBottomNav{height:70px;z-index:var(--mh-z-bottom-nav);-webkit-backdrop-filter:blur(18px);background:#0c0e1ab8;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0f172a52}.sidebar{z-index:var(--mh-z-sidebar)}.tableWrap,.portalTableWrap,.supplierTableWrap,.supplierRecentTableWrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;width:100%;max-width:100%;position:relative;overflow-y:hidden;overflow-x:auto!important}.tableWrap table,.portalTableWrap table,.supplierTableWrap table,.supplierRecentTableWrap table{white-space:nowrap;width:max-content;min-width:100%}.tableWrap th,.tableWrap td,.portalTableWrap th,.portalTableWrap td,.supplierTableWrap th,.supplierTableWrap td,.supplierRecentTableWrap th,.supplierRecentTableWrap td{white-space:nowrap}.tableWrap th:last-child,.tableWrap td:last-child,.portalTableWrap th:last-child,.portalTableWrap td:last-child,.supplierTableWrap th:last-child,.supplierTableWrap td:last-child,.supplierRecentTableWrap th:last-child,.supplierRecentTableWrap td:last-child{z-index:3;background:inherit;position:sticky;inset-inline-end:0;box-shadow:-8px 0 14px #0f172a12}.tableWrap th:last-child,.portalTableWrap th:last-child,.supplierTableWrap th:last-child,.supplierRecentTableWrap th:last-child{z-index:4}.app .topbar{z-index:var(--mh-z-topbar);position:relative}.app .globalSearch,.app .globalSearchPanel{z-index:var(--mh-z-search)}@media (width<=899px){.app .topbar{z-index:30}.app .globalSearch,.app .globalSearchPanel{z-index:20}body.sidebar-open .app .topbar,body.sidebar-open .app .globalSearch,body.sidebar-open .app .globalSearchPanel{z-index:20!important}body.sidebar-open .app .globalSearch{visibility:hidden;pointer-events:none}.app .sidebarOverlay{z-index:9400!important}.app .sidebar{z-index:9500!important}.app .mobileMenuBtn.sideMenuToggle{z-index:9600!important}.app .mobileBottomNav{z-index:9000!important}.app .content,.app .main{min-width:0;max-width:100vw;overflow-x:hidden}.app .content{padding-bottom:80px!important}}.mobileBottomNav{-webkit-backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -8px 28px #0f172a52;z-index:9000!important;background:#0c0e1ac7!important;border-top:1px solid #ffffff0f!important;height:70px!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.mobileNavItem{min-width:0;position:relative}.mobileNavItem:not(.active){color:#9ca3af!important}.mobileNavItem.active .mobileNavIconWrap svg{filter:drop-shadow(0 4px 9px #6366f147)}.mobileNavBadge{z-index:2;top:7px;right:18%}@media (width>=900px){.mobileBottomNav{display:none!important}}@media (width<=899px){.mobileBottomNav{display:flex!important}}:root{--ds-indigo:#6366f1;--ds-indigo-dark:#4f46e5;--ds-indigo-soft:#eef2ff;--ds-glass:#0c0e1ac7;--ds-glass-border:#ffffff0f;--ds-text:#172033;--ds-muted:#9ca3af;--ds-radius:16px;--ds-shadow:0 8px 24px #22274e12;--ds-font:Cairo,Arial,sans-serif}.glass{-webkit-backdrop-filter:blur(18px);border:1px solid var(--line,#e2e5ef);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow);background:#ffffffb8}.card{border-radius:var(--ds-radius);border:1px solid var(--line,#e2e5ef);box-shadow:var(--ds-shadow);background:#fff}.btn{cursor:pointer;border-radius:12px;min-height:44px;font-weight:700}.input{border-radius:12px;min-height:46px}.tab{border-radius:10px;font-weight:700}.mobileBottomNav{display:none!important}.mobileAppLauncher,.mobileAppBackdrop,.mobileAppSheet{display:none}@media (width<=899px){.app .content,.dashboardShell .content{padding-bottom:28px!important}.mobileAppLauncher{z-index:10001;color:#fff;cursor:pointer;background:linear-gradient(145deg,#22245b,#6366f1);border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:66px;height:66px;font-family:inherit;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 35px #12164861}.mobileAppLauncher small{font-size:9px;font-weight:800}.appGridIcon{grid-template-columns:repeat(3,5px);gap:3px;display:grid}.appGridIcon i{background:#fff;border-radius:2px;width:5px;height:5px;display:block}.mobileAppBadge{color:#fff;background:#ef476f;border:2px solid #11152f;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid;position:absolute;top:-4px;left:-4px}.mobileAppBackdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10000;background:#0507148c;display:block;position:fixed;inset:0}.mobileAppSheet{z-index:10002;color:#fff;background:#141632fa;border:1px solid #ffffff1f;border-radius:26px;max-height:min(78vh,680px);padding:16px;display:block;position:fixed;bottom:10px;left:10px;right:10px;overflow:auto;box-shadow:0 25px 80px #00000073}.mobileAppSheetHead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mobileAppSheetHead b{font-size:15px;display:block}.mobileAppSheetHead small{color:#aeb4d2;margin-top:3px;font-size:9px;display:block}.mobileAppSheetHead button{color:#fff;background:#30335f;border:0;border-radius:12px;width:38px;height:38px;font-size:23px}.mobileAppGrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mobileAppItem{color:#e9ebfa;background:#171a38;border:1px solid #ffffff17;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:84px;padding:9px;font-family:inherit;display:flex;position:relative}.mobileAppItem span{color:#aeb4ff;background:#242754;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.mobileAppItem b{font-size:10px}.mobileAppItem.active{background:linear-gradient(145deg,#35377d,#4d4fa5);border-color:#777be2}.mobileAppItem em{color:#fff;background:#ef476f;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-style:normal;display:grid;position:absolute;top:7px;left:7px}}@media (width<=430px){.mobileAppGrid{grid-template-columns:repeat(2,1fr)}.mobileAppLauncher{width:62px;height:62px;bottom:12px;right:12px}}.investorExternal{color:#172238;background:#f5f7fb;min-height:100vh}.investorExtSide{color:#fff;z-index:30;background:linear-gradient(#12133c,#292665);flex-direction:column;width:265px;padding:22px 17px;display:flex;position:fixed;top:0;bottom:0;right:0}.investorExtBrand{border-bottom:1px solid #ffffff1a;padding:5px 5px 18px}.investorExtBrand b{font-size:20px}.investorExtBrand em{color:#a9a6ff;font-style:normal}.investorExtBrand small{color:#bfc2d7;font-size:10px;display:block}.investorExtUser{text-align:center;padding:20px 5px}.investorExtUser>div{color:#27255e;background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:24px;font-weight:900;display:grid}.investorExtUser b,.investorExtUser span{display:block}.investorExtUser span{color:#aaa7ff;margin-top:3px;font-size:10px}.investorExtSide nav{gap:5px;display:grid}.investorExtSide nav a,.investorExtSide>button{color:#eef0fa;text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:12px;text-decoration:none}.investorExtSide nav a:hover{background:#4d49a3}.investorExtSide>button{border-top:1px solid #ffffff1a;border-radius:0;margin-top:auto}.investorExtBody{min-height:100vh;margin-right:265px}.investorExtBody>header{z-index:20;background:#fff;border-bottom:1px solid #e3e8f0;justify-content:space-between;align-items:center;height:78px;padding:10px 28px;display:flex;position:sticky;top:0}.investorExtBody>header small{color:#5551a8;font-size:9px}.investorExtBody>header h2{margin:3px 0;font-size:17px}.investorExtBody>header button{background:#fff;border:1px solid #e0e5ed;border-radius:10px;margin-right:6px;padding:8px 11px;font-family:inherit}.investorExtBody main{width:min(1180px,94%);margin:auto;padding:25px 0 45px}.investorExtHero{color:#fff;background:radial-gradient(circle at 15% 20%,#7e79e647,#0000 35%),linear-gradient(135deg,#151544,#35327b);border-radius:23px;justify-content:space-between;align-items:center;padding:28px;display:flex}.investorExtHero small{color:#aaa7ff;font-size:9px}.investorExtHero h1{margin:5px 0;font-size:28px}.investorExtHero p{color:#c9cbdc;margin:0;font-size:10px}.investorExtHero>strong{border:1px solid #ffffff26;border-radius:14px;padding:15px 25px}.investorExtKpis{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.investorExtKpis div,.investorExtCard{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:19px;box-shadow:0 7px 25px #1823380d}.investorExtKpis span,.investorExtFields span{color:#768298;font-size:9px;display:block}.investorExtKpis b{margin-top:6px;font-size:20px;display:block}.investorExtGrid{grid-template-columns:1.25fr .75fr;gap:13px;display:grid}.investorExtCard{margin:13px 0}.investorExtCard h3{margin:0 0 13px;font-size:16px}.investorExtFields{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.investorExtFields div{border:1px solid #e5e9f0;border-radius:12px;padding:12px}.investorExtFields b{margin-top:4px;font-size:12px;display:block}.investorPropertyExt{background:#f7f8fc;border:1px solid #e3e8f0;border-radius:14px;padding:18px}.investorPropertyExt b,.investorPropertyExt span{display:block}.investorPropertyExt span{color:#778399;margin-top:4px;font-size:9px}.investorEmpty{color:#7c879a;text-align:center;place-items:center;height:270px;font-size:10px;display:grid}.investorExternal.portalDark{color:#f4f5ff;background:#070817}.investorExternal.portalDark .investorExtBody>header,.investorExternal.portalDark .investorExtKpis div,.investorExternal.portalDark .investorExtCard{color:#f4f5ff;background:#0e1022;border-color:#252946}.investorExternal.portalDark .investorExtBody>header button{color:#fff;background:#11142a;border-color:#292d4c}.investorExternal.portalDark .investorPropertyExt,.investorExternal.portalDark .investorExtFields div{background:#12152a;border-color:#292d4c}@media (width<=900px){.investorExtSide{width:215px}.investorExtBody{margin-right:215px}.investorExtKpis{grid-template-columns:1fr 1fr}.investorExtGrid{grid-template-columns:1fr}}@media (width<=650px){.investorExtSide{width:auto;height:auto;position:static}.investorExtSide nav{display:none}.investorExtSide>button{margin-top:12px}.investorExtBody{margin-right:0}.investorExtBody>header{padding:10px 13px}.investorExtHero{flex-direction:column;align-items:flex-start;gap:15px}.investorExtKpis{grid-template-columns:1fr 1fr}.investorExtGrid,.investorExtFields{grid-template-columns:1fr}}.tableNameButton{max-width:100%;color:inherit;font:inherit;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:7px 8px;font-weight:800;transition:color .18s,background .18s,transform .18s;display:inline-flex}.tableNameButton span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tableNameButton span:last-child{color:#6366f1;opacity:.75;font-size:18px}.tableNameButton:hover{color:#6366f1;background:#6366f114;text-decoration:underline;transform:translate(-2px)}.detailsModalBackdrop{z-index:12000;-webkit-backdrop-filter:blur(15px);background:#030712b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.detailsModal{color:#fff;background:linear-gradient(145deg,#0d172a,#202752 70%,#171d3d);border:1px solid #818cf852;border-radius:24px;width:min(860px,96vw);max-height:88vh;font-family:Cairo,sans-serif;overflow:auto;box-shadow:0 30px 100px #00000085}.detailsModalHead{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.detailsModalHead small{color:#a5b4fc}.detailsModalHead h2{margin:4px 0 0;font-size:21px}.detailsModalClose{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:11px;width:38px;height:38px;font-size:24px}.detailsModalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px;display:grid}.detailsField{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;min-width:0;padding:13px}.detailsField span{color:#9ca3af;margin-bottom:5px;font-size:10px;display:block}.detailsField b{word-break:break-word;white-space:pre-wrap;font-size:12px;line-height:1.85;display:block}.detailsModalActions{border-top:1px solid #ffffff1a;justify-content:flex-start;gap:9px;padding:15px 18px;display:flex}.premiumBottomNav{-webkit-backdrop-filter:blur(20px)!important;height:75px!important;padding:0 8px env(safe-area-inset-bottom,0)!important;background:#fffffffa!important;border-top:1px solid #0000000f!important;box-shadow:0 -4px 20px #0000000f!important}.premiumBottomNav .mobileNavItem{color:#9ca3af;border-radius:14px;gap:3px;background:0 0!important}.premiumBottomNav .mobileNavItem span{color:#9ca3af;font-size:21px;line-height:1}.premiumBottomNav .mobileNavItem small{color:#9ca3af;font-family:Cairo,sans-serif;font-size:10px}.premiumBottomNav .mobileNavItem.active span,.premiumBottomNav .mobileNavItem.active small,.premiumBottomNav .mobileNavItem:hover span,.premiumBottomNav .mobileNavItem:hover small{color:#6366f1}.portalMobileBottomNav{display:none}@media (width<=899px){body{padding-bottom:0}.premiumBottomNav{z-index:9000!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.app .content{padding-bottom:105px!important}.app .siteFooter{padding-bottom:100px!important}.mobileAppLauncher{display:none!important}.portalMobileBottomNav{height:75px;padding:0 6px env(safe-area-inset-bottom,0);-webkit-backdrop-filter:blur(20px);z-index:9000;direction:rtl;background:#fffffffa;border-top:1px solid #0000000f;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.portalMobileBottomNav a,.portalMobileBottomNav button{color:#9ca3af;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:Cairo,sans-serif;font-size:19px;text-decoration:none;display:flex}.portalMobileBottomNav small{color:#9ca3af;font-size:10px;font-weight:700}.portalMobileBottomNav a:hover,.portalMobileBottomNav button:hover,.portalMobileBottomNav a:hover small,.portalMobileBottomNav button:hover small{color:#6366f1}.portalMain,.supplierMain,.investorExtBody main{padding-bottom:100px!important}.detailsModalGrid{grid-template-columns:1fr}.detailsModal{width:min(94vw,720px);max-height:84vh}.detailsModalActions{background:#0d172af5;flex-wrap:wrap;position:sticky;bottom:0}.portalPage,.supplierBody,.investorExtBody{min-width:0;overflow-x:hidden;padding-bottom:0!important}.supplierTopbar,.portalHeader,.investorExtBody>header{z-index:20;position:relative}.supplierSidebar,.investorExtSide,.portalSidebar{display:none!important}.supplierBody,.investorExtBody,.portalDashboardBody{width:100%!important;max-width:100%!important;margin:0!important}.supplierMain,.portalMain,.investorExtBody main{box-sizing:border-box;width:100%!important}.supplierStats,.investorExtKpis,.portalStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.supplierTwoCol,.supplierBottomGrid,.portalGrid,.investorExtGrid{grid-template-columns:1fr!important}.supplierTableWrap,.portalTableWrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.supplierTableWrap table,.portalTableWrap table{min-width:620px}.supplierCard,.portalCard,.investorExtCard{box-sizing:border-box;min-width:0;max-width:100%}.portalForm{grid-template-columns:1fr!important}.portalForm>*{min-width:0!important;max-width:100%!important}.portalAuthCard{width:min(94vw,460px)!important}.portalAuthPage{padding-bottom:20px!important}.investorExtGrid .recharts-responsive-container{min-width:0;max-width:100%}.investorExtBody{padding-bottom:0!important}}@media (width<=480px){.premiumBottomNav{height:72px!important}.premiumBottomNav .mobileNavItem span{font-size:19px}.detailsModalHead{padding:15px}.detailsModalGrid{gap:8px;padding:13px}.detailsField{padding:11px}.detailsModalActions{padding:12px}.supplierStats,.investorExtKpis,.portalStats{grid-template-columns:1fr 1fr!important}}.investorSystemChart,.supplierStockChart,.genericPortalStockChart{overflow:hidden}.supplierStockChart,.genericPortalStockChart{border-radius:18px}.portalMobileBottomNav{-webkit-backdrop-filter:blur(20px);background:#fffffffa!important;border-top:1px solid #0000000f!important;box-shadow:0 -4px 20px #0000000f!important}.portalStockCard{color:#fff;background:linear-gradient(145deg,#10182c,#202958);border:1px solid #818cf838;border-radius:18px;margin:14px 0;padding:18px;box-shadow:0 18px 45px #0f172a29}.portalStockHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.portalStockHead small{color:#a5b4fc}.portalStockHead h3{margin:3px 0;font-size:16px}.portalStockHead>span{color:#34d399;font-weight:900}.portalStockSvg{width:100%;height:230px;display:block}.portalStockLabels{color:#9ca3af;justify-content:space-between;gap:8px;font-size:9px;display:flex}.portalStockEmpty{color:#9ca3af;place-items:center;height:180px;display:grid}.mobileAppLauncher{color:#6366f1!important;background:#fff!important;border:1px solid #0000000f!important}.mobileBottomNav{-webkit-backdrop-filter:blur(20px);background:#fffffffa!important;border-top:1px solid #0000000f!important;box-shadow:0 -4px 20px #0000000f!important}.mobileNavItem{color:#9ca3af!important}.mobileNavItem.active{color:#6366f1!important}.mobileNavItem span{font-size:20px}.mobileNavItem small{font-size:10px}.themeGallery{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (width<=1024px){.sidebar{display:none!important}.main{width:100%!important;margin-right:0!important}.mobileBottomNav{height:75px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;z-index:9000!important;display:grid!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.siteFooter{padding-bottom:100px}.investorSystemChart,.supplierStockChart,.genericPortalStockChart{margin-bottom:90px}.mobileMenuBtn.sideMenuToggle,.sidebarOverlay,.app .sidebar{display:none!important}.app .main{width:100%!important;margin-right:0!important}.app .content{padding-bottom:96px}.mobileBottomNav{grid-template-columns:repeat(5,1fr)!important}.mobileAppSheet{border-radius:22px 22px 0 0!important;max-height:72vh!important;bottom:82px!important}.mobileAppBackdrop{z-index:8998!important}.mobileAppSheet{z-index:8999!important}}.app .topbar{z-index:9500;box-sizing:border-box;flex-shrink:0;min-height:92px;position:sticky;top:0}.app .main{min-height:100vh}.adminNotificationPanel{z-index:13000;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172afa;border:1px solid #94a3b838;border-radius:20px;width:min(470px,100vw - 36px);max-height:calc(100vh - 96px);font-family:Cairo,sans-serif;position:fixed;top:78px;left:18px;overflow:hidden;box-shadow:0 28px 90px #00000059}.adminNotificationPanel>header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.adminNotificationPanel>header small{color:#94a3b8;margin-top:3px;font-size:9px;display:block}.adminNotificationPanel>header button,.adminDetailHead button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;width:32px;height:32px}.adminNotificationList{max-height:58vh;padding:7px;overflow:auto}.adminNotificationItem{text-align:right;color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff12;gap:10px;width:100%;padding:12px 9px;font-family:inherit;display:flex}.adminNotificationItem:hover{background:#6366f11f}.adminNotificationItem p{color:#cbd5e1;margin:3px 0;font-size:10px;line-height:1.7}.adminNotificationItem small{color:#94a3b8;font-size:8px}.adminNotifDot{color:#6366f1;font-size:10px}.adminNotifDot.danger{color:#ef4444}.adminNotifDot.warning{color:#f59e0b}.adminNotificationDetail{background:#02061799;border:1px solid #ffffff1a;border-radius:14px;max-height:35vh;margin:9px;overflow:auto}.adminDetailHead{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:11px;display:flex}.adminDetailBody{padding:12px}.adminDetailBody>div{border-bottom:1px solid #ffffff0f;padding:8px 0}.adminDetailBody span{color:#94a3b8;font-size:9px;display:block}.adminDetailBody p{margin:4px 0;font-size:11px;line-height:1.8}.adminDetailBody pre{white-space:pre-wrap;word-break:break-word;color:#cbd5e1;font:9px/1.7 monospace}.portalNotificationItem{text-align:right;cursor:pointer;border:0;width:100%;font-family:inherit}.portalNotificationDetail{background:#0000001f;border:1px solid #ffffff1a;border-radius:12px;margin:8px;padding:10px}.portalNotificationDetail header{justify-content:space-between;align-items:center;display:flex}.portalNotificationDetail header button{color:inherit;background:0 0;border:0;font-size:20px}.portalNotificationDetail span{color:#94a3b8;margin-top:7px;font-size:9px;display:block}.portalNotificationDetail p{margin:4px 0;font-size:10px;line-height:1.8}.investmentMarketChart{color:#f8fafc;background:linear-gradient(145deg,#0b1220,#18233d);border:1px solid #c9a2273d;border-radius:18px;padding:15px;overflow:hidden;box-shadow:0 16px 42px #0f172a2e}.investmentMarketHead{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:4px;display:flex}.investmentMarketHead small{color:#94a3b8;font-size:9px}.investmentMarketHead h3{margin:3px 0;font-size:15px}.investmentMarketHead>span{color:#c9a227;font-size:9px;font-weight:800}.investmentMarketEmpty{color:#94a3b8;text-align:center;place-items:center;height:260px;font-size:11px;display:grid}.investorMarketLegend{color:#7b8495;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;font-size:9px;display:flex}.portalPage .investmentMarketChart{margin:0}.investorExternal .investmentMarketChart{margin-top:0}@media (width<=899px){.app .topbar{z-index:9500;min-height:76px;position:sticky;top:0}.adminNotificationPanel{width:calc(100vw - 16px);max-height:calc(100vh - 80px);top:70px;left:8px}.investmentMarketHead h3{font-size:13px}.investorMarketLegend{display:block}.investorMarketLegend span{margin-top:4px;display:block}}.app{background:var(--mh-bg);color:var(--mh-text)}.app .main{background:var(--mh-bg)}.app .topbar{background:var(--mh-surface);color:var(--mh-text);border-bottom-color:var(--mh-border)}.app .panel,.app .card,.app .stat,.app .mini,.app .dashboardKpi,.app .dashPanel{background:var(--mh-surface);color:var(--mh-text);border-color:var(--mh-border)}.app .formGrid,.app .tab-list{background:var(--mh-surface-soft);border-color:var(--mh-border)}.app .formGrid input,.app .formGrid select,.app .formGrid textarea,.app .tableSearch input{background:var(--mh-surface);color:var(--mh-text);border-color:var(--mh-border)}.app .panelHead h3,.app .sectionHead h1,.app .sectionHead p,.app td,.app th{color:var(--mh-text)}.app .panelHead small,.app .sectionHead p,.app .stat span,.app .mini span{color:var(--mh-muted)}.app .primary{background:linear-gradient(135deg,var(--mh-primary),var(--mh-primary-2));color:#fff}.app .ghost{background:var(--mh-surface);color:var(--mh-primary);border-color:var(--mh-border)}.app .sidebar{background:linear-gradient(180deg,var(--mh-navy,#0b1830),var(--mh-navy2,#12223d));border-left:1px solid #ffffff14}.app .companyBox{background:#ffffff12;border-color:#ffffff1f}.app .nav:hover,.app .nav.active{background:#ffffff1a}.app .nav.active{box-shadow:inset -3px 0 var(--mh-primary-2)}.app .brandMark{background:linear-gradient(135deg,var(--mh-primary-2),var(--mh-primary));color:#fff}.investmentMarketChart{color:#172033!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 12px 34px #0f172a1a!important}.investmentMarketHead h3{color:#172033!important}.investmentMarketHead small{color:#64748b!important}.investmentMarketHead>span{color:#c9a227!important}.investmentMarketEmpty{background:#fff;color:#64748b!important}.investorMarketLegend{color:#64748b!important}.mobileAppSheet{-webkit-backdrop-filter:blur(22px);background:var(--mh-surface,#fff)!important;color:var(--mh-text,#172033)!important;border:1px solid var(--mh-border,#e3e8f3)!important;border-radius:24px 24px 0 0!important;box-shadow:0 -18px 55px #0f172a2e!important}.mobileAppSheetHead{background:var(--mh-surface,#fff)!important;color:var(--mh-text,#172033)!important;border-bottom:1px solid var(--mh-border,#e3e8f3)!important;padding:17px 18px!important}.mobileAppSheetHead small{color:var(--mh-muted,#667085)!important}.mobileAppSheetHead button{background:var(--mh-surface-soft,#f5f7ff)!important;color:var(--mh-text,#172033)!important;border:1px solid var(--mh-border,#e3e8f3)!important}.mobileAppGrid{gap:10px!important;padding:14px!important}.mobileAppItem{background:var(--mh-surface-soft,#f5f7ff)!important;min-height:84px!important;color:var(--mh-text,#172033)!important;border:1px solid var(--mh-border,#e3e8f3)!important;border-radius:18px!important;box-shadow:0 4px 14px #0f172a0d!important}.mobileAppItem:hover,.mobileAppItem.active{transform:translateY(-1px);background:var(--mh-primary)!important;color:#fff!important;border-color:var(--mh-primary)!important}.mobileAppItem b{font-family:Cairo,sans-serif;font-size:11px}.mobileAppEmoji{place-items:center;height:30px;font-size:25px;line-height:1;display:grid}.mobileAppItem.active .mobileAppEmoji{filter:saturate(1.1)}.mobileAppItem em{color:#fff!important;background:#ef4444!important}.mobileAppLauncher{background:var(--mh-surface,#fff)!important;color:var(--mh-primary)!important;border-color:var(--mh-border,#e3e8f3)!important}.profileLogoutBtn{color:#c43f52;cursor:pointer;background:#fff5f6;border:1px solid #f1c9cf;border-radius:10px;padding:9px 15px;font-family:inherit;font-weight:800}.profileLogoutBtn:hover{background:#ffe7ea}.loginTicker{z-index:2;background:#ffffff0e;border:1px solid #d9ad4347;border-radius:999px;width:min(720px,100%);margin:24px 0 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff08}.loginTickerTrack{direction:ltr;gap:36px;width:max-content;padding:11px 18px;animation:24s linear infinite mhTicker;display:flex}.loginTickerTrack span{color:#e7eaf0;white-space:nowrap;letter-spacing:.2px;font-size:11px;font-weight:700}.loginTickerTrack span:first-letter{color:#d9ad43}@keyframes mhTicker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.loginTickerTrack{animation:none}}.app.theme-aurora{--mh-primary:#6366f1;--mh-primary-2:#22d3ee}.app.theme-titanium{--mh-primary:#4f46e5;--mh-primary-2:#94a3b8}.app.theme-emerald{--mh-primary:#0f9d75;--mh-primary-2:#34d399}.app.theme-sapphire{--mh-primary:#2563eb;--mh-primary-2:#60a5fa}.app.theme-graphite{--mh-primary:#a78bfa;--mh-primary-2:#c4b5fd}.systemGuide{max-width:1450px;margin:0 auto}.guideHero{color:#fff;background:linear-gradient(135deg,#173e7a,#2459b8);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:25px;display:flex}.guideHero span{color:#cfe4ff;letter-spacing:1px;font-size:9px}.guideHero h1{margin:5px 0;font-size:25px}.guideHero p{color:#dbe7f7;margin:0;font-size:11px}.guideHeroIcon{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;place-items:center;width:68px;height:68px;font-size:34px;display:grid}.guideQuick{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.guideQuick>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:14px;display:flex}.guideQuick b{color:#2459b8;background:#eaf2ff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.guideQuick span{font-size:10px}.guideGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guideCard{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:0 5px 20px #19325a0a}.guideCardIcon{background:#eaf5f5;border-radius:11px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.guideCard h2{margin:10px 0;font-size:14px}.guideCard ol{color:var(--muted);margin:0;padding-right:18px;font-size:10px;line-height:2}.guideHelp{background:#eaf5f5;border:1px solid #d4eeea;border-radius:13px;margin-top:14px;padding:18px}.guideHelp b{font-size:13px}.guideHelp p{color:var(--muted);margin:5px 0 12px;font-size:10px}.languageToggle{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:9px;min-width:42px;padding:7px 11px;font-family:inherit;font-size:10px;font-weight:800}.languageToggle:hover{color:#2459b8;border-color:#2459b8}.topActions .languageToggle{background:#fff}.app.lang-en .sidebar{border-left:1px solid #ffffff14;border-right:0;left:0;right:auto}.app.lang-en .main{margin-left:278px;margin-right:0}.app.lang-en .nav,.app.lang-en .companyBox{text-align:left}.app.lang-en .nav.active{box-shadow:inset 4px 0 #aeb4ff}.app.lang-en .topbar{direction:ltr}.app.lang-en .content{text-align:left}.app.lang-en .commandDate{text-align:right}.app.lang-en .guideGrid ol{padding-left:18px;padding-right:0}.app.lang-en .quickActionGrid button{text-align:left}@media (width<=1100px){.indicatorGrid{grid-template-columns:repeat(3,1fr)}.guideGrid,.guideQuick{grid-template-columns:1fr 1fr}.app.lang-en .main{margin-left:0}.app.lang-en .sidebar{left:auto;right:0}}@media (width<=760px){.guideGrid,.guideQuick{grid-template-columns:1fr}.guideHero{padding:19px}.guideHero h1{font-size:20px}.app.lang-en .sidebar{left:auto;right:0}.app.lang-en .main{margin-left:0}.app.lang-en .content{text-align:left}}.portalLang-en{direction:ltr!important}.portalLang-en .supplierNav button,.portalLang-en .supplierCardHead,.portalLang-en .supplierHero,.portalLang-en .portalSectionHead{text-align:left}.portalLang-en .supplierNav button{flex-direction:row}.portalLang-en .supplierBody{margin-left:290px;margin-right:0}.portalLang-en .portalDashboardBody{margin-left:270px;margin-right:0}.portalLang-en .supplierTopActions,.portalLang-en .portalHeaderActions{direction:ltr}.portalLang-en .portalSidebar,.portalLang-en .supplierSidebar{left:0;right:auto}.portalLang-en .portalNav button{text-align:left}.portalLang-en .portalStats,.portalLang-en .portalGrid{direction:ltr}.portalLang-en .portalCard,.portalLang-en .supplierCard{text-align:left;direction:ltr}.portalLang-en .portalMobileBottomNav{direction:ltr}.portalLang-en .portalForm{text-align:left}.portalDashboard .portalWelcome,.supplierPortal .supplierHero,.investorExternal .investorExtHero{background:linear-gradient(135deg,#173e7a,#2459b8)!important;box-shadow:0 14px 38px #173e7a29!important}.portalDashboard .portalStats>div,.supplierPortal .supplierStat,.investorExternal .investorExtKpis>div{border-color:#dfe7f1!important;box-shadow:0 6px 20px #19325a0d!important}.portalDashboard .portalStats b,.supplierPortal .supplierStat b,.investorExternal .investorExtKpis b{color:#2459b8}.portalDashboard .portalCard,.supplierPortal .supplierCard,.investorExternal .investorExtCard{border-color:#e0e7f0!important}.portalDashboard .portalHeader,.supplierPortal .supplierTopbar,.investorExternal .investorExtBody>header{border-bottom-color:#e0e7f0!important}.portalDashboard .portalNav button.active,.supplierPortal .supplierNav button.active{background:linear-gradient(90deg,#2459b8,#173e7a)!important}.portalDashboard .portalBigNumber{color:#2459b8}.investorExternal .hero-id{background:#ffffff0f}.dashboardPro{padding:2px 0 24px}.dashboardHero{background:linear-gradient(135deg,#123b73 0%,#2459b8 55%,#2f78d8 100%);border:1px solid #ffffff2e;border-radius:22px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 22px 55px #123b733d,inset 0 1px #ffffff2e}.dashboardHero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3fc7be47,#0000 65%);height:180px;position:absolute;inset:auto -10% -55%}.heroBrandBox,.heroDate{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;position:relative;box-shadow:inset 0 1px #ffffff1f,0 10px 25px #0000001f}.dashboardHero{color:#fff;grid-template-columns:82px 1fr auto;align-items:center;gap:18px;display:grid}.heroBrandBox{text-align:center;border-radius:20px;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.heroBrandBox img{object-fit:contain;max-width:72px;max-height:72px}.heroBrandBox b{font-size:23px;line-height:.9}.heroBrandBox small{letter-spacing:2px;font-size:10px}.heroText{z-index:1;position:relative}.heroText span{color:#cfe4ff;font-size:10px}.heroText h1{margin:4px 0 6px;font-size:22px}.heroText p{color:#dbe7f7;margin:0;font-size:10px}.heroDate{text-align:center;border-radius:15px;min-width:180px;padding:13px 15px}.heroDate b,.heroDate small{display:block}.heroDate small{color:#cfe0f5;margin-top:5px;font-size:10px}.welcomeTrustStrip{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.welcomeTrustStrip span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800;box-shadow:0 7px 18px #0f172a0f}.dashboardSearchWrap{margin-bottom:12px}.dashboardCarouselRow,.dashboardUrgentRow{background:linear-gradient(180deg,var(--surface),var(--surface2));border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:13px;box-shadow:0 12px 32px #0f172a0f}.carouselHead{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.carouselHead h3{margin:0;font-size:13px}.carouselHead span{color:var(--muted);font-size:9px}.dashboardCarousel{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dashboardCarouselCard,.urgentTaskCard{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:14px;transition:all .2s;box-shadow:0 10px 24px #0f172a0e,inset 0 1px #ffffffb3}.dashboardCarouselCard:hover,.urgentTaskCard:hover,.dashboardKpi:hover,.dashPanel:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f172a1a}.dashboardCarouselCard h4{margin:4px 0;font-size:12px}.dashboardCarouselCard p{color:var(--muted);margin:0;font-size:9px;line-height:1.7}.dashboardCarouselCard small{color:#2459b8;font-size:8px;font-weight:800}.dashboardCarouselCard.warning{border-top:3px solid #f3b33d}.dashboardCarouselCard.success{border-top:3px solid #25c88f}.dashboardCarouselCard.info{border-top:3px solid #36a9ff}.urgentTaskList{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.urgentTaskCard{align-items:center;gap:10px;display:flex}.urgentDot{background:#2459b8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #2459b81a}.urgentTaskCard b,.urgentTaskCard small{display:block}.urgentTaskCard b{font-size:10px}.urgentTaskCard small{color:var(--muted);margin-top:3px;font-size:8px}.dashboardKpis{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px;display:grid}.dashboardKpi{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface2));border-radius:17px;align-items:center;gap:11px;padding:14px;transition:all .2s;display:flex;box-shadow:0 12px 28px #0f172a11}.kpiIcon{border-radius:14px;place-items:center;width:43px;height:43px;font-size:20px;display:grid;box-shadow:inset 0 1px #fffc,0 8px 15px #0f172a1a}.kpiIcon.gold{background:#fff5d8}.kpiIcon.green{background:#e6fbf4}.kpiIcon.purple{background:#f0ebff}.kpiIcon.blue{background:#e7f1ff}.dashboardKpi span,.dashboardKpi small{color:var(--muted);font-size:8px;display:block}.dashboardKpi strong{margin:2px 0;font-size:18px;display:block}.dashboardGrid{gap:12px;margin-bottom:12px;display:grid}.dashboardGridTop{grid-template-columns:1.55fr .9fr}.dashboardGridThree{grid-template-columns:1fr 1.5fr 1fr}.dashboardBottomGrid{grid-template-columns:1.5fr .9fr}.dashPanel{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0;padding:14px;transition:all .2s;box-shadow:0 12px 32px #0f172a11,inset 0 1px #fffc}.dashHead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.dashHead h3{margin:0;font-size:12px}.dashHead span{color:var(--muted);font-size:8px}.dashDonut{min-width:0;position:relative}.donutCenter{text-align:center;pointer-events:none;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.donutCenter b,.donutCenter span{display:block}.donutCenter b{color:#2459b8;font-size:20px}.donutCenter span{color:var(--muted);font-size:8px}.activityList{gap:3px;display:grid}.activityItem{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.activityIcon{color:#2459b8;background:#eaf2ff;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.activityItem b{font-size:9px;display:block}.activityItem small,.activityItem time{color:var(--muted);font-size:7px}.activityItem time{white-space:nowrap}.activityEmpty{color:var(--muted);text-align:center;padding:25px;font-size:9px}.dashboardSummary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.dashboardSummary>div{color:#fff;background:linear-gradient(145deg,#102b52,#173e7a);border-radius:15px;padding:13px;box-shadow:0 15px 35px #102b5233,inset 0 1px #ffffff1f}.dashboardSummary span,.dashboardSummary b{display:block}.dashboardSummary span{color:#cfe0f5;font-size:8px}.dashboardSummary b{margin-top:4px;font-size:16px}.languageToggle{transition:all .18s;transform:translateY(0);color:#173e7a!important;background:linear-gradient(145deg,#fff,#eef4ff)!important;border:1px solid #2459b83d!important;border-radius:12px!important;min-width:52px!important;padding:8px 12px!important;font-size:10px!important;box-shadow:0 6px 14px #173e7a1f,inset 0 1px #fffffff2!important}.languageToggle:hover{transform:translateY(-2px);box-shadow:0 10px 20px #173e7a2e!important}.languageToggle:active{transform:translateY(1px);box-shadow:inset 0 3px 7px #173e7a24!important}.languageToggle.compact{min-width:50px!important}.app .panel,.app .stat,.app .cards>.stat,.app .tableWrap,.app .formGrid,.app .tabs{border-radius:16px}.app .panel{border-color:var(--line);box-shadow:0 12px 30px #0f172a0e,inset 0 1px #fffc}.app .stat{transition:all .2s;box-shadow:0 12px 28px #0f172a11,inset 0 1px #fffc}.app .stat:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f172a1a}.app table{border-collapse:separate;border-spacing:0 5px}.app table thead th{color:#173e7a;background:linear-gradient(145deg,#edf4ff,#e5edf9);border:0;font-weight:900}.app table tbody tr{box-shadow:0 5px 14px #0f172a09}.app table tbody td{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.app table tbody td:first-child{border-left:1px solid var(--line);border-radius:10px 0 0 10px}.app table tbody td:last-child{border-right:1px solid var(--line);border-radius:0 10px 10px 0}.app button.primary,.app .editBtn{border-radius:11px;box-shadow:0 8px 16px #2459b829,inset 0 1px #ffffff2e}.app input,.app select,.app textarea{border-radius:11px;box-shadow:inset 0 1px 2px #0f172a09}.itTrainingHero{color:#fff;background:linear-gradient(135deg,#102b52,#2459b8);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:20px 22px;display:flex;box-shadow:0 20px 45px #102b5233,inset 0 1px #ffffff29}.itTrainingHero span{color:#cfe4ff;letter-spacing:1px;font-size:8px}.itTrainingHero h2{margin:4px 0;font-size:21px}.itTrainingHero p{color:#dbe7f7;margin:0;font-size:10px}.itTrainingHeroIcon{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:18px;place-items:center;width:64px;height:64px;font-size:30px;display:grid}.itVideoCatalog{gap:12px;margin-top:12px;display:grid}.itVideoGroup{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 12px 28px #0f172a0e}.itVideoGroup>header{justify-content:space-between;margin-bottom:10px;display:flex}.itVideoGroup>header b,.itVideoGroup>header small{display:block}.itVideoGroup>header b{font-size:12px}.itVideoGroup>header small{color:var(--muted);margin-top:3px;font-size:8px}.itVideoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.itVideoCard{border:1px solid var(--line);background:var(--surface2);border-radius:15px;overflow:hidden;box-shadow:0 8px 22px #0f172a0f}.itVideoCard video{aspect-ratio:16/9;background:#08111f;width:100%;display:block}.itVideoCard>div{padding:10px}.itVideoCard>div b,.itVideoCard>div small{display:block}.itVideoCard>div b{font-size:10px}.itVideoCard>div small{color:var(--muted);margin-top:4px;font-size:7px}.itVideoCard .delete{margin:0 10px 10px}.itVideoEmpty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:16px;font-size:9px}.itTrainingCenter .infoBox{margin:10px 0}.notificationDetailGrid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.notificationDetailGrid span,.notificationDetailGrid b{display:block}.notificationDetailGrid span{color:#94a3b8;font-size:7px}.notificationDetailGrid b{color:#e2e8f0;word-break:break-word;margin-top:2px;font-size:9px}.portalNotificationDetail .notificationDetailGrid>div{background:#ffffff0a}.portalPage input[type=date],.portalPage input[type=month],.supplierPortal input[type=date],.supplierPortal input[type=month]{min-height:44px;text-align:left!important;direction:ltr!important;unicode-bidi:plaintext!important}.portalPage input[type=date]::-webkit-date-and-time-value{text-align:left}.portalForm input[type=date],.portalForm input[type=month],.supplierCardHead input[type=month]{text-align:left!important;direction:ltr!important}.portalPage,.supplierPortal,.investorExternal{overflow-x:hidden}.portalMain,.supplierMain,.investorExtBody main{max-width:1500px;margin-left:auto;margin-right:auto}.portalCard,.supplierCard,.investorExtCard{transition:all .2s;box-shadow:0 12px 32px #0f172a11,inset 0 1px #ffffffbf!important}.portalCard:hover,.supplierCard:hover,.investorExtCard:hover{transform:translateY(-1px);box-shadow:0 18px 40px #0f172a1a,inset 0 1px #fffc!important}@media (width<=1050px){.dashboardKpis{grid-template-columns:repeat(3,1fr)}.dashboardGridTop,.dashboardGridThree,.dashboardBottomGrid{grid-template-columns:1fr 1fr}.dashboardCarousel,.urgentTaskList{grid-template-columns:1fr}.itVideoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboardHero{text-align:center;grid-template-columns:1fr}.heroBrandBox{margin:auto}.heroDate{min-width:0}.dashboardKpis{grid-template-columns:1fr 1fr}.dashboardGridTop,.dashboardGridThree,.dashboardBottomGrid{grid-template-columns:1fr}.dashboardSummary{grid-template-columns:1fr 1fr}.itTrainingHero{display:block}.itTrainingHeroIcon{margin-top:12px}.itVideoGrid,.notificationDetailGrid{grid-template-columns:1fr}}@media (width<=480px){.dashboardKpis,.dashboardSummary{grid-template-columns:1fr}.dashboardHero{padding:17px}.heroText h1{font-size:18px}.dashPanel{padding:11px}}:root{--portal-sidebar:#173e7a;--portal-sidebar2:#2459b8;--portal-gold:#2563eb;--portal-gold2:#60a5fa;--portal-navy:#071a3a;--portal-navy2:#123b73;--portal-bg:#edf5ff;--portal-surface:#f8fbff;--portal-text:#14213d;--portal-muted:#64748b;--portal-border:#d9e6f7}.unifiedThemeGallery{grid-template-columns:repeat(5,minmax(0,1fr))!important}.themeCard{transition:transform .22s,box-shadow .22s,border-color .22s!important}.themeCard:hover{transform:translateY(-4px)!important;box-shadow:0 18px 36px #0f172a24!important}.themeCard.selected{box-shadow:0 0 0 2px var(--mh-primary),0 18px 40px #0f172a24!important}.portalPage.animatedPortalAuth,.investorExternal.animatedPortalAuth{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--portal-gold) 22%,transparent),transparent 28%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--portal-gold2) 18%,transparent),transparent 30%),linear-gradient(135deg,var(--portal-navy),var(--portal-sidebar2) 55%,var(--portal-sidebar))!important}.portalAuthCard{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;border:1px solid color-mix(in srgb,var(--portal-gold) 30%,#fff)!important;box-shadow:0 30px 90px #02061752,inset 0 1px #fffc!important}.portalAuthTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.portalAuthBrandLine{letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.portalAuthBrandLine b{color:var(--portal-navy);font-size:14px}.portalAuthBrandLine span{color:var(--portal-muted);font-size:8px;font-weight:800}.portalAuthMotion{border:1px solid color-mix(in srgb,var(--portal-gold2) 38%,transparent);filter:blur(.2px);opacity:.5;z-index:1;border-radius:50%;width:320px;height:320px;animation:12s linear infinite mhPortalOrbit;position:absolute}.portalAuthMotion:after{content:"";background:var(--portal-gold2);width:10px;height:10px;box-shadow:0 0 28px var(--portal-gold2);border-radius:50%;position:absolute;top:20px;left:50%}.portalAuthMotion.motionA{top:-90px;left:-90px}.portalAuthMotion.motionB{width:420px;height:420px;animation-duration:16s;animation-direction:reverse;bottom:-120px;right:-120px}.portalAuthRail{background:linear-gradient(90deg,transparent,var(--portal-gold2),transparent);opacity:.5;z-index:1;height:1px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-12deg)}.portalAuthRail span{background:var(--portal-gold2);width:28px;height:3px;box-shadow:0 0 18px var(--portal-gold2);border-radius:99px;animation:5s linear infinite mhPortalRail;display:block;position:absolute}.portalAuthRail span:nth-child(2){animation-delay:1.5s}.portalAuthRail span:nth-child(3){animation-delay:3s}@keyframes mhPortalOrbit{0%{transform:rotate(0)translate(0)}50%{transform:rotate(180deg)translate(25px)}to{transform:rotate(360deg)translate(0)}}@keyframes mhPortalRail{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.portalPage .portalSidebar{background:linear-gradient(180deg,var(--portal-sidebar),var(--portal-sidebar2))!important}.portalPage .portalHeader{background:color-mix(in srgb,var(--portal-surface) 94%,white)!important;border-bottom-color:var(--portal-border)!important}.portalPage .portalWelcome{background:linear-gradient(135deg,var(--portal-navy),var(--portal-sidebar2))!important}.portalPage .portalStats>div,.portalPage .portalCard{border-color:var(--portal-border)!important;background:var(--portal-surface)!important}.portalPage .portalStats b,.portalPage .portalBigNumber{color:var(--portal-gold)!important}.portalPage .portalNav button.active{background:linear-gradient(90deg,var(--portal-sidebar2),var(--portal-sidebar))!important}.portalPage .portalMark{background:linear-gradient(135deg,var(--portal-gold2),var(--portal-gold))!important}.supplierPortal .supplierTopbar{background:linear-gradient(135deg,var(--portal-navy),var(--portal-sidebar))!important;border-color:var(--portal-border)!important}.supplierPortal .supplierCard,.supplierPortal .supplierStat{background:var(--portal-surface)!important;border-color:var(--portal-border)!important}.supplierPortal .supplierStat b,.supplierPortal .supplierPrimaryBtn{color:#fff}.investorExternal .investorExtBody>header{background:var(--portal-surface)!important;border-color:var(--portal-border)!important}.investorExternal .investorExtKpis>div,.investorExternal .investorExtCard{background:var(--portal-surface)!important;border-color:var(--portal-border)!important}.investorExternal .investorExtKpis b{color:var(--portal-gold)!important}.investorExternal .investorExtSide button,.investorExternal .investorExtSide a{transition:all .2s}.investorExternal .investorExtSide button:hover,.investorExternal .investorExtSide a:hover{background:#ffffff1a}.portalDark .portalAuthCard{color:#eef4ff;background:#09101eeb!important}.portalDark .portalAuthBrandLine b{color:#fff}.portalDark .portalAuthBrandLine span{color:#aab7ca}.portalDark .portalAuthCard input{color:#fff!important;background:#111c2c!important;border-color:#30425e!important}.portalDark .portalAuthCard .portalMode{background:#0f1b2c!important}.portalDark .portalAuthCard .portalMode button{color:#cbd5e1}.portalDark .portalAuthCard .portalMode button.active{color:#fff;background:linear-gradient(135deg,var(--portal-gold),var(--portal-gold2))!important}@media (width<=1000px){.unifiedThemeGallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=650px){.unifiedThemeGallery{grid-template-columns:1fr 1fr!important}.portalAuthCard{width:min(94vw,560px)!important;padding:24px!important}.portalAuthRail{top:25%}}.animatedLogin{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--mh-primary2) 20%,transparent),transparent 28%),linear-gradient(135deg,var(--mh-navy),var(--mh-navy2) 58%,var(--mh-primary))!important}.animatedLogin .loginHero{background:linear-gradient(145deg,var(--mh-navy),var(--mh-navy2) 62%,var(--mh-primary))!important}.animatedLogin .heroMark{background:linear-gradient(135deg,var(--mh-primary2),var(--mh-primary))!important}.animatedLogin .heroCopy span,.animatedLogin .heroFeatures b{color:var(--mh-primary2)!important}.animatedLogin .loginTicker{border-color:color-mix(in srgb,var(--mh-primary2) 35%,transparent)!important}.animatedLogin .loginTickerTrack span{color:var(--mh-primary2)!important}.animatedLogin .loginCard{border-color:var(--mh-border)!important;box-shadow:0 30px 90px #02061747,inset 0 1px #ffffffe6!important}.animatedLogin .primary{background:linear-gradient(135deg,var(--mh-primary),var(--mh-primary2))!important}.animatedLogin .brandMark{background:linear-gradient(135deg,var(--mh-primary2),var(--mh-primary))!important}.investorExternal{background:var(--portal-bg)!important;color:var(--portal-text)!important;font-family:Cairo,sans-serif!important}.investorExternal .investorExtBody main{width:min(1240px,94%);padding-top:22px}.investorHeroV2{min-height:168px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--portal-navy),var(--portal-sidebar2))!important;border-radius:24px!important;padding:30px 32px!important}.investorHeroV2:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -80px -100px auto;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff05}.investorHeroV2 h1{z-index:1;position:relative;margin:8px 0!important;font-size:30px!important;line-height:1.35!important}.investorHeroV2 p{z-index:1;max-width:650px;position:relative;font-size:12px!important;line-height:1.8!important}.investorHeroV2>strong{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff14;position:relative;font-size:14px!important}.investorKpisV2{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:15px 0!important}.investorMetricCard{min-width:0;position:relative;overflow:hidden;border-radius:18px!important;padding:19px!important}.investorMetricCard:before{content:"";background:#2563eb;border-radius:0 18px 18px 0;width:4px;height:100%;position:absolute;top:0;right:0}.investorMetricCard.profitMetric:before{background:#0e9f6e}.investorMetricCard.netMetric:before{background:#c9a227}.investorMetricCard.infoMetric:before{background:#7c3aed}.investorMetricCard span{font-weight:800;color:#64748b!important;font-size:11px!important}.investorMetricCard b{word-break:break-word;color:#173e7a!important;font-size:21px!important;line-height:1.4!important}.investorMetricCard small{color:#7b8799;margin-top:7px;font-size:9px;line-height:1.65;display:block}.investorDefinitionStrip{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px;display:grid}.investorDefinitionStrip>div{background:#f7fafe;border:1px solid #dfe8f3;border-radius:14px;padding:12px 14px}.investorDefinitionStrip b{color:#173e7a;font-size:10px;display:block}.investorDefinitionStrip span{color:#6b778b;margin-top:3px;font-size:9px;line-height:1.7;display:block}.investorFinanceGrid{align-items:stretch;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)!important}.investorFinanceGrid .investorExtCard{margin:0 0 14px}.investorChartCard{padding:17px!important}.investorBreakdownCard{padding:19px!important}.investorCardTitle{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:9px;display:flex}.investorCardTitle h3{color:#172238;margin:0!important;font-size:16px!important}.investorCardTitle p{color:#718096;margin:3px 0 0;font-size:9px;line-height:1.7}.investorCardTitle>span{white-space:nowrap;color:#2459b8;background:#f8fbff;border:1px solid #dce5f0;border-radius:999px;padding:5px 9px;font-size:8px;font-weight:800}.investorCurrentChart{background:#fbfdff;border:1px solid #e3eaf3;border-radius:15px;padding:10px}.investorCurrentChartIntro{justify-content:space-between;align-items:center;gap:12px;padding:4px 6px 8px;display:flex}.investorCurrentChartIntro b{color:#173e7a;font-size:10px}.investorCurrentChartIntro span{color:#758196;text-align:end;font-size:8px;line-height:1.6}.investorBreakdownList{gap:9px;margin-top:13px;display:grid}.investorBreakdownList>div{background:#fbfcfe;border:1px solid #e5eaf1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.investorBreakdownList span{color:#68758a;font-size:10px}.investorBreakdownList b{color:#173e7a;font-size:12px}.investorBreakdownList .deductionValue{color:#c2410c}.investorBreakdownList .netRow{background:#f7fbff;border-color:#cfe0f5}.investorBreakdownList .netRow b{color:#c9a227;font-size:16px}.investorFormula{background:linear-gradient(135deg,#eff6ff,#fffbeb);border:1px solid #dce8f5;border-radius:12px;margin-top:12px;padding:12px}.investorFormula b{color:#173e7a;font-size:10px;display:block}.investorFormula span{color:#65748a;margin-top:4px;font-size:9px;display:block}.investorHistoryCard{padding:18px!important}.investorHistoryTableWrap{border:1px solid #e3e9f1;border-radius:14px;overflow-x:auto}.investorHistoryTable{border-collapse:collapse;width:100%;min-width:680px}.investorHistoryTable th{color:#65748a;text-align:right;white-space:nowrap;background:#f6f9fd;padding:11px;font-size:9px}.investorHistoryTable td{color:#334155;border-top:1px solid #edf1f5;padding:11px;font-size:10px}.investorHistoryTable tbody tr:hover{background:#fbfdff}.investorMovementBadge,.investorStatusBadge{border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.investorMovementBadge.positive{color:#0e7a57;background:#eaf8f2}.investorMovementBadge.negative{color:#b42318;background:#fff0f0}.investorStatusBadge{color:#2459b8;background:#eef6ff}.positiveText{font-weight:800;color:#0e7a57!important}.negativeText{font-weight:800;color:#b42318!important}.investorEmptyHistory{text-align:center;color:#758196;align-content:center;place-items:center;gap:7px;min-height:210px;display:grid}.investorEmptyHistory span{color:#9aa7ba;font-size:30px}.investorEmptyHistory b{color:#475569;font-size:12px}.investorEmptyHistory small{max-width:500px;font-size:9px;line-height:1.8}.investorDetailsCard,.investorPropertyCard{padding:19px!important}.investorFieldsV2{grid-template-columns:repeat(3,1fr)!important}.investorFieldsV2 div{min-width:0;background:#fbfcfe!important}.investorFieldsV2 b{word-break:break-word}.investorUnavailableField{background:#f8fafc!important;border-style:dashed!important;grid-column:1/-1!important}.investorUnavailableField b{color:#7a8799!important;font-weight:700!important}.investorPropertyCard .investorPropertyExt{background:#f8fbff;border:1px solid #dce7f4;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.investorPropertyExt b{color:#173e7a;font-size:14px}.investorPropertyExt span{color:#718096;font-size:9px}.investorPropertyValue{border-right:1px solid #dce7f4;min-width:150px;padding-right:18px}.investorPropertyValue span{display:block}.investorPropertyValue b{margin-top:3px;font-size:15px;display:block}.investorExternal.portalDark .investorDefinitionStrip>div,.investorExternal.portalDark .investorCurrentChart,.investorExternal.portalDark .investorBreakdownList>div,.investorExternal.portalDark .investorFormula,.investorExternal.portalDark .investorHistoryTable th,.investorExternal.portalDark .investorFieldsV2 div,.investorExternal.portalDark .investorPropertyCard .investorPropertyExt{color:#e7ecf5;background:#11162a!important;border-color:#29334d!important}.investorExternal.portalDark .investorCardTitle h3,.investorExternal.portalDark .investorMetricCard b,.investorExternal.portalDark .investorBreakdownList b,.investorExternal.portalDark .investorPropertyExt b{color:#f2f5fa!important}.investorExternal.portalDark .investorDefinitionStrip span,.investorExternal.portalDark .investorCardTitle p,.investorExternal.portalDark .investorMetricCard small,.investorExternal.portalDark .investorPropertyExt span{color:#9aa8bd!important}.investorExternal.portalDark .investorHistoryTable td{color:#d8e0ec;border-top-color:#253047}.investorExternal.portalDark .investorHistoryTableWrap{border-color:#29334d}@media (width<=1000px){.investorKpisV2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.investorFieldsV2{grid-template-columns:repeat(2,1fr)!important}.investorDefinitionStrip{grid-template-columns:1fr}}@media (width<=650px){.investorExternal .investorExtBody main{width:100%;padding:13px 12px 95px!important}.investorHeroV2{min-height:145px;padding:22px 18px!important}.investorHeroV2 h1{font-size:23px!important}.investorHeroV2 p{font-size:10px!important}.investorHeroV2>strong{text-align:center;align-self:stretch}.investorKpisV2{grid-template-columns:1fr 1fr!important;gap:9px!important}.investorMetricCard{padding:14px!important}.investorMetricCard b{font-size:16px!important}.investorMetricCard small{font-size:8px}.investorFinanceGrid{grid-template-columns:1fr!important}.investorCardTitle{flex-direction:column;gap:7px}.investorCardTitle>span{align-self:flex-start}.investorFieldsV2{grid-template-columns:1fr!important}.investorPropertyCard .investorPropertyExt{grid-template-columns:1fr;gap:13px;display:grid}.investorPropertyValue{border-top:1px solid #dce7f4;border-right:0;padding:12px 0 0}.investorCurrentChartIntro{display:block}.investorCurrentChartIntro span{text-align:start;margin-top:4px;display:block}.investorDefinitionStrip{gap:7px}.investorDefinitionStrip>div{padding:10px}.investorHistoryCard{padding:13px!important}}@media (width<=390px){.investorKpisV2{grid-template-columns:1fr!important}.investorMetricCard b{font-size:18px!important}.investorHeroV2 h1{font-size:21px!important}}.dashboardKpisSix{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboardKpi small{line-height:1.5}.kpiIcon.red{color:#c2410c;background:#fff0f0}.kpiIcon.teal{color:#087f68;background:#e9fbf7}.kpiIcon.green{color:#0e7a57}.kpiIcon.blue{color:#2459b8}.kpiIcon.gold{color:#9a6a00}.kpiIcon.purple{color:#6941c6}.chartElevated{overflow:hidden}.chartLegendMini{align-items:center;gap:6px;display:flex;color:#66758a!important;font-size:8px!important}.chartLegendMini i{border-radius:50%;width:8px;height:8px;display:inline-block}.chartLegendMini i.rev{background:#25c88f}.chartLegendMini i.exp{background:#ef476f}.chartFootStats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:4px;display:grid}.chartFootStats span{color:#7a8799;background:#f8fafd;border:1px solid #e4eaf2;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:7px;display:flex}.chartFootStats b{color:#173e7a;font-size:10px}.urgentTaskCard.danger .urgentDot{background:#ef476f;box-shadow:0 0 0 5px #ef476f1a}.urgentTaskCard.warning .urgentDot{background:#f3bd55;box-shadow:0 0 0 5px #f3bd5521}.urgentTaskCard.success .urgentDot{background:#25c88f;box-shadow:0 0 0 5px #25c88f1f}.urgentTaskCard.info .urgentDot{background:#2563eb}.urgentArrow{color:#2459b8;margin-inline-start:auto;font-size:13px;font-weight:900}.premiumBottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0!important;border-top:1px solid #dce6f2!important;box-shadow:0 -12px 35px #0f172a1f!important}.premiumBottomNav .mobileNavItem{min-width:58px;min-height:56px;color:#6b778a!important;border-radius:14px!important;font-weight:800!important}.premiumBottomNav .mobileNavItem span{line-height:1;font-size:17px!important}.premiumBottomNav .mobileNavItem small{margin-top:3px;font-size:8px!important}.premiumBottomNav .mobileNavItem.active{color:#174ead!important;background:linear-gradient(145deg,#eff6ff,#e2eeff)!important;box-shadow:inset 0 1px #fff,0 5px 16px #2563eb1a!important}.portalMobileBottomNav.investorMobileBottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5!important;border-top:1px solid #dce6f2!important;box-shadow:0 -12px 35px #0f172a1f!important}.portalDark .portalMobileBottomNav.investorMobileBottomNav{background:#081223f5!important;border-color:#293a55!important}.investorMobileBottomNav a,.investorMobileBottomNav button{font-weight:800!important}.investorMobileBottomNav small{font-size:8px!important}.app .empty,.app .activityEmpty{background:linear-gradient(145deg,#f8fbff,#f2f6fc);border:1px dashed #cbd8e8;border-radius:16px;color:#64748b!important;padding:24px!important}.app .empty:before{content:"◌";color:#2563eb;margin-bottom:6px;font-size:25px;display:block}.loadingCard{background:linear-gradient(145deg,#fff,#f7fafe)!important;border:1px solid #dce6f2!important;border-radius:18px!important;box-shadow:0 12px 32px #0f172a0f!important}@media (width<=1200px){.dashboardKpisSix{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboardGridThree{grid-template-columns:1fr 1.5fr}.dashboardGridThree>.dashPanel:last-child{grid-column:1/-1}.dashboardCarousel{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dashboardHero{grid-template-columns:64px 1fr}.heroBrandBox{width:64px;height:64px}.heroDate{grid-column:1/-1;justify-self:stretch}.dashboardKpisSix{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGridTop,.dashboardGridThree,.dashboardBottomGrid{grid-template-columns:1fr}.dashboardGridThree>.dashPanel:last-child{grid-column:auto}.dashboardCarousel,.urgentTaskList{grid-template-columns:1fr}.chartFootStats{grid-template-columns:1fr 1fr}.chartFootStats span:last-child{grid-column:1/-1}}@media (width<=650px){.dashboardPro{padding-bottom:82px}.dashboardHero{border-radius:18px;grid-template-columns:58px 1fr;gap:12px;padding:17px}.heroBrandBox{border-radius:15px;width:58px;height:58px}.heroText h1{font-size:17px}.heroText p,.heroDate{font-size:9px}.welcomeTrustStrip{flex-wrap:nowrap;padding-bottom:2px;overflow:auto}.welcomeTrustStrip span{white-space:nowrap}.dashboardCarouselRow,.dashboardUrgentRow,.dashPanel{border-radius:15px;padding:11px}.dashboardKpisSix{grid-template-columns:1fr 1fr;gap:8px}.dashboardKpi{gap:8px;padding:11px}.dashboardKpi strong{font-size:15px}.dashboardKpi span,.dashboardKpi small{font-size:7px}.kpiIcon{border-radius:11px;width:37px;height:37px;font-size:16px}.dashPanel{min-height:0}.chartFootStats{grid-template-columns:1fr}.chartFootStats span:last-child{grid-column:auto}.dashboardSearchWrap{margin-bottom:9px}.premiumBottomNav .mobileNavItem{min-width:50px}.premiumBottomNav .mobileNavItem span{font-size:15px!important}.premiumBottomNav .mobileNavItem small{font-size:7px!important}}@media (width<=390px){.dashboardKpisSix{grid-template-columns:1fr}.dashboardKpi{min-height:58px}.dashboardHero{text-align:center;grid-template-columns:1fr}.heroBrandBox{margin:auto}.heroDate{grid-column:auto}}.sectionHead{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important;min-width:0!important;display:flex!important}.sectionHead>div:first-child{flex:280px!important;min-width:0!important}.sectionHead h1,.sectionHead h2,.sectionHead p{overflow-wrap:anywhere}.sectionHead .primary,.sectionHead .ghost,.sectionHead button{flex:none}.tableWrap table{border-collapse:separate;width:100%;max-width:none}.tableWrap th,.tableWrap td{overflow-wrap:anywhere}.tableNameButton{max-width:100%;color:var(--primary,#2563eb);cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-weight:700;display:inline-flex}.tableNameButton span:first-child{overflow-wrap:anywhere}.tableNameButton:hover{text-decoration:underline}@media (width<=900px){.sectionHead{align-items:flex-start!important;gap:10px!important}.sectionHead>div:first-child{flex-basis:100%!important}.sectionHead .primary,.sectionHead .ghost,.sectionHead button{width:auto;max-width:100%}.topbar{min-width:0!important}.topbar>div:first-child{flex:auto!important;min-width:0!important}.topTitle{overflow-wrap:anywhere!important;min-width:0!important}.topActions{flex-wrap:wrap!important;flex:0 auto!important;min-width:0!important}.tableWrap table{min-width:680px}.tableBlock .tableWrap table{min-width:620px}}@media (width<=520px){.sectionHead{padding-inline:2px}.sectionHead>div:first-child{flex-basis:100%!important}.sectionHead .primary,.sectionHead .ghost,.sectionHead button{width:100%!important}.tableWrap table{min-width:600px}}.topbar>div:first-child{align-items:center;gap:14px;min-width:0;display:flex}.topbarDashboardSearch{flex:1;min-width:260px;max-width:620px}.topbarDashboardSearch .globalSearch{margin:0}.dashboardUpdatesBottom{margin-top:24px}.dashboardEmptyInline{border:1px dashed var(--mh-line,#d9e6f7);color:var(--mh-muted,#64748b);text-align:center;border-radius:14px;width:100%;padding:22px}.externalProfileCard{border:1px solid var(--portal-border,#d9e6f7);background:var(--portal-surface,#fff);color:var(--portal-text,#14213d);border-radius:18px;margin:18px 0;padding:24px;box-shadow:0 10px 30px #0f2d5212}.externalProfileHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.externalProfileHead small{color:var(--portal-muted,#64748b)}.externalProfileHead h2{margin:4px 0;font-size:21px}.externalProfileHead p{color:var(--portal-muted,#64748b);margin:0;font-size:12px}.profileNotifyButton{border:1px solid var(--portal-border,#d9e6f7);background:var(--portal-background,#edf5ff);color:var(--portal-navy,#071a3a);cursor:pointer;border-radius:11px;padding:10px 14px;font-family:inherit;font-weight:700}.externalProfileGrid{grid-template-columns:240px 1fr;gap:20px;display:grid}.externalProfileIdentity{background:var(--portal-background,#edf5ff);border:1px solid var(--portal-border,#d9e6f7);text-align:center;border-radius:16px;padding:20px}.externalAvatar{border:3px solid var(--portal-gold,#2563eb);width:92px;height:92px;color:var(--portal-navy,#071a3a);background:#fff;border-radius:50%;place-items:center;margin:0 auto 10px;font-size:32px;font-weight:800;display:grid;overflow:hidden}.externalAvatar img{object-fit:cover;width:100%;height:100%}.externalProfileIdentity>b{display:block}.externalProfileIdentity>small{color:var(--portal-muted,#64748b);overflow-wrap:anywhere;margin-top:4px;display:block}.profilePhotoActions{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;display:flex}.profileFileBtn{border:1px solid var(--portal-border,#d9e6f7);color:var(--portal-navy,#071a3a);cursor:pointer;background:#fff;border-radius:9px;align-items:center;padding:8px 10px;font-size:11px;display:inline-flex;position:relative}.profileFileBtn input{opacity:0;cursor:pointer;position:absolute;inset:0}.externalProfileForm{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px;display:grid}.externalProfileForm label{gap:6px;font-size:11px;font-weight:700;display:grid}.externalProfileForm input,.externalPasswordGrid input,.investorFilters input,.investorFilters select,.investorQuickActions input{border:1px solid var(--portal-border,#d9e6f7);width:100%;min-width:0;color:var(--portal-text,#14213d);background:#fff;border-radius:10px;outline:none;padding:11px 12px;font-family:inherit}.externalProfileForm input:focus,.externalPasswordGrid input:focus,.investorFilters input:focus,.investorFilters select:focus,.investorQuickActions input:focus{border-color:var(--portal-gold,#2563eb);box-shadow:0 0 0 3px #2563eb17}.profileFieldHint{color:var(--portal-muted,#64748b);grid-column:1/-1;font-size:10px;line-height:1.7}.externalProfileForm>.primary{justify-self:start}.externalProfileSecurity{border-top:1px solid var(--portal-border,#d9e6f7);grid-template-columns:1fr 1.15fr;gap:20px;margin-top:20px;padding-top:20px;display:grid}.externalProfileSecurity h3{margin:0 0 11px;font-size:14px}.externalPasswordGrid{grid-template-columns:1fr;gap:8px;margin-bottom:10px;display:grid}.externalThemeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.externalThemeOption{border:1px solid var(--portal-border,#d9e6f7);text-align:start;cursor:pointer;color:var(--portal-text,#14213d);background:#fff;border-radius:11px;padding:8px;font-family:inherit}.externalThemeOption.selected{border-color:var(--portal-gold,#2563eb);box-shadow:0 0 0 2px #2563eb1f}.externalThemeOption span{background:linear-gradient(135deg,var(--mh-primary,#2563eb),var(--mh-primary2,#60a5fa));border-radius:7px;height:24px;margin-bottom:6px;display:block}.externalThemeOption b{font-size:10px}.externalProfileCard .error,.externalProfileCard .infoBox{margin-top:14px}.investorControlBar{border:1px solid var(--portal-border,#d9e6f7);background:var(--portal-surface,#fff);border-radius:16px;grid-template-columns:auto 1fr;align-items:end;gap:14px;margin:18px 0;padding:15px;display:grid;box-shadow:0 8px 24px #0f2d520f}.investorBreadcrumbs{color:var(--portal-muted,#64748b);grid-column:1/-1;font-size:11px}.investorFilters{flex-wrap:wrap;gap:10px;display:flex}.investorFilters label{color:var(--portal-muted,#64748b);gap:5px;font-size:10px;font-weight:700;display:grid}.investorFilters select,.investorFilters input{min-width:150px}.investorQuickActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.investorQuickActions input{max-width:190px}.investorQuickActions button{background:var(--portal-navy,#071a3a);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 13px;font-family:inherit;font-size:11px;font-weight:700}.investorQuickActions button:nth-of-type(2){background:var(--portal-gold,#2563eb)}.investorQuickActions button:nth-of-type(3){background:var(--portal-success,#0e9f6e)}.investorQuickActions button:disabled{opacity:.55;cursor:not-allowed}.investorLastUpdate{color:var(--portal-muted,#64748b);grid-column:1/-1;font-size:10px}.investorLastUpdate b{color:var(--portal-text,#14213d)}.investorMetricCard em{color:#64748b;margin-top:6px;font-size:9px;font-style:normal;display:block}.investorMetricCard.netMetric{border:2px solid #0e9f6e38;box-shadow:0 12px 30px #0e9f6e1a}.investorRecentCard{margin-top:18px}.investorRecentList{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.investorRecentList>div{border:1px solid var(--portal-border,#d9e6f7);background:var(--portal-background,#edf5ff);border-radius:12px;gap:5px;padding:14px;display:grid}.investorRecentList span{font-size:11px;font-weight:700}.investorRecentList b{font-size:18px}.investorRecentList small{color:#64748b;font-size:9px}.positiveText{color:#0e9f6e!important}.negativeText{color:#d84d60!important}.adminNotificationPanel,.portalNotificationPanel{width:760px;max-width:min(760px,100vw - 24px)}.adminNotificationList,.portalNotificationList{max-height:58vh;overflow:auto}.adminNotificationItem,.portalNotificationItem{text-align:start;grid-template-columns:auto 1fr;align-items:start;gap:10px;width:100%;border-bottom:1px solid #e8edf4!important;display:grid!important}.adminNotificationDetail,.portalNotificationDetail{max-height:42vh;overflow:auto}.notificationDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.notificationDetailGrid>div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:9px;padding:9px}.notificationDetailGrid span{color:#7b8798;font-size:9px;display:block}.notificationDetailGrid b{overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.tableWrap,.portalTableWrap,.supplierTableWrap,.investorHistoryTableWrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.tableWrap table,.portalTableWrap table,.supplierTableWrap table,.investorHistoryTableWrap table{white-space:nowrap;max-width:100%}.tableWrap td,.tableWrap th,.portalTableWrap td,.portalTableWrap th,.supplierTableWrap td,.supplierTableWrap th,.investorHistoryTableWrap td,.investorHistoryTableWrap th{text-overflow:ellipsis;max-width:320px;overflow:hidden}.tableWrap .tableNameButton{white-space:normal;text-align:start;overflow-wrap:anywhere;max-width:280px}@media (width<=900px){.topbarDashboardSearch{min-width:180px}.externalProfileGrid,.externalProfileSecurity{grid-template-columns:1fr}.externalThemeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.investorControlBar{grid-template-columns:1fr}.investorQuickActions{justify-content:stretch}.investorQuickActions>*{flex:150px}.investorRecentList,.notificationDetailGrid{grid-template-columns:1fr}}@media (width<=650px){.topbar>div:first-child{width:100%;display:block}.topbarDashboardSearch{min-width:0;max-width:none;margin-top:7px}.topbar .crumb{font-size:10px}.externalProfileCard{border-radius:14px;padding:16px}.externalProfileHead{flex-direction:column}.profileNotifyButton{width:100%}.externalProfileForm{grid-template-columns:1fr}.externalProfileForm>.primary{width:100%}.externalThemeGrid{grid-template-columns:1fr 1fr}.investorControlBar{padding:12px}.investorFilters,.investorQuickActions{grid-template-columns:1fr 1fr;display:grid}.investorFilters label:first-child{grid-column:1/-1}.investorQuickActions input,.investorQuickActions button{width:100%;max-width:none}.investorQuickActions input{grid-column:1/-1}.investorBreadcrumbs{font-size:10px}.investorLastUpdate{font-size:9px}.adminNotificationPanel,.portalNotificationPanel{width:calc(100vw - 14px);max-width:none}.adminNotificationList,.portalNotificationList{max-height:50vh}.adminNotificationDetail,.portalNotificationDetail{max-height:45vh}.tableWrap table,.portalTableWrap table,.supplierTableWrap table,.investorHistoryTableWrap table{min-width:620px}.tableWrap,.portalTableWrap,.supplierTableWrap,.investorHistoryTableWrap{border-radius:10px}.dashboardUpdatesBottom .dashboardCarousel{grid-template-columns:1fr}}.portalMobileMoreSheet{z-index:1200;border:1px solid var(--portal-border,#d9e6f7);background:var(--portal-surface,#fff);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;gap:8px;padding:12px;display:grid;position:fixed;bottom:82px;left:12px;right:12px;box-shadow:0 18px 45px #0f172a2e}.portalMobileMoreSheet button{text-align:start;color:var(--portal-text,#14213d);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px 14px;font-weight:700}.portalMobileMoreSheet button:hover{background:#2563eb14}.portalMobileBottomNav button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.portalMobileBottomNav button.active{color:var(--portal-gold,#2563eb)}.investorExternal[data-portal-view=home] main>:not(.investorExtHero):not(.investorExtKpis):not(.investorDefinitionStrip):not(.investorControlBar):not(.investorRecentCard),.investorExternal[data-portal-view=finance] main>:not(.investorControlBar):not(.investorFinanceGrid),.investorExternal[data-portal-view=history] main>:not(.investorHistoryCard),.investorExternal[data-portal-view=profile] main>:not(.externalProfileCard):not(.investorDetailsCard),.investorExternal[data-portal-view=details] main>:not(.investorDetailsCard),.investorExternal[data-portal-view=property] main>:not(.investorPropertyCard){display:none}.investorExternal[data-portal-view=finance] .investorControlBar,.investorExternal[data-portal-view=home] .investorControlBar{display:block}.investorExtSide nav button{width:100%;color:inherit;text-align:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.investorExtSide nav button.active{color:#fff;background:#ffffff1f}.supplierPortal[data-portal-view=home] .supplierMain>:not(.supplierHero):not(.supplierStats),.supplierPortal[data-portal-view=supplier] .supplierMain>:not(.supplierIdentity),.supplierPortal[data-portal-view=sites] .supplierMain>:not(.supplierSitesCard),.supplierPortal[data-portal-view=attendance] .supplierMain>:not(.supplierTwoCol),.supplierPortal[data-portal-view=statement] .supplierMain>:not(.supplierBottomGrid):not(.supplierStatement),.supplierPortal[data-portal-view=advances] .supplierMain>:not(.supplierBottomGrid):not(.supplierAdvanceStatusCard):not(.portalGrid),.supplierPortal[data-portal-view=leave] .supplierMain>:not(.portalLeaveCard),.supplierPortal[data-portal-view=issues] .supplierMain>:not(.supplierBottomGrid):not(.portalGrid),.supplierPortal[data-portal-view=contact] .supplierMain>:not([data-portal-section=contact]){display:none}.supplierPortal[data-portal-view=supplier] .supplierIdentity{display:block}.supplierPortal[data-portal-view=statement] .supplierBottomGrid,.supplierPortal[data-portal-view=advances] .supplierBottomGrid,.supplierPortal[data-portal-view=issues] .supplierBottomGrid{display:grid}.supplierPortal[data-portal-view=statement] .supplierBottomGrid>:not(.supplierEntitlements),.supplierPortal[data-portal-view=advances] .supplierBottomGrid>:not(.supplierLatestAdvances):not(.supplierNewAdvance),.supplierPortal[data-portal-view=issues] .supplierBottomGrid>:not(.supplierIssues){display:none}.supplierPortal[data-portal-view=advances] .portalGrid,.supplierPortal[data-portal-view=issues] .portalGrid{display:grid}.supplierPortal[data-portal-view=advances] .portalGrid>:not(.portalAdvanceCard),.supplierPortal[data-portal-view=issues] .portalGrid>:not(.portalIssueCard){display:none}.supplierNav button{color:inherit;cursor:pointer;width:100%;font:inherit;text-align:inherit;background:0 0;border:0}.supplierNav button.active{color:#fff;background:#ffffff1f}.portalDashboard[data-portal-view=home] .portalMain>:not(.portalWelcome):not(.portalStats):not(.genericPortalStockChart),.portalDashboard[data-portal-view=profile] .portalMain>:not(.externalProfileCard),.portalDashboard[data-portal-view=attendance] .portalMain>:not(#attendance),.portalDashboard[data-portal-view=statement] .portalMain>:not(.portalPacket),.portalDashboard[data-portal-view=dues] .portalMain>:not(.portalMonthlyDues),.portalDashboard[data-portal-view=leave] .portalMain>:not(.portalLeaveCard),.portalDashboard[data-portal-view=advances] .portalMain>:not(.portalAdvanceCard),.portalDashboard[data-portal-view=contact] .portalMain>:not([data-portal-section=contact]),.portalDashboard[data-portal-view=issues] .portalMain>:not(.portalGrid),.portalDashboard[data-portal-view=notifications] .portalMain>*,.portalDashboard[data-portal-view=issues] .portalGrid>:not(.portalIssueCard){display:none}.portalDashboard[data-portal-view=issues] .portalGrid{display:grid}.responsiveTable{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.responsiveTable table{min-width:760px}@media (width<=899px){.portalMobileBottomNav{z-index:1100;min-height:70px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:var(--portal-surface,#fff);border-top:1px solid var(--portal-border,#d9e6f7);grid-template-columns:repeat(5,1fr);gap:3px;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0f172a1f;display:grid!important;position:fixed!important}.portalMobileBottomNav small{font-size:10px;font-weight:800}.portalMain,.supplierMain,.investorExtBody main{padding-bottom:100px!important}.portalMobileMoreSheet{bottom:84px}.investorExtSide,.portalSidebar,.supplierSidebar{display:none!important}.investorExternal,.portalDashboard,.supplierPortal{display:block!important}}@media (width>=900px){.portalMobileMoreSheet,.portalMobileBottomNav{display:none!important}}.portalWelcomeProfile{color:#fff;cursor:pointer;text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:16px;align-items:center;gap:12px;min-width:240px;max-width:360px;padding:12px 14px;display:flex;box-shadow:0 10px 28px #0000001f}.portalWelcomeProfile:hover{background:#ffffff29;transform:translateY(-1px)}.portalWelcomeProfileAvatar{background:var(--portal-gold,#2563eb);color:#fff;border:2px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:19px;font-weight:900;display:grid;overflow:hidden}.portalWelcomeProfileAvatar img{object-fit:cover;width:100%;height:100%}.portalWelcomeProfileText{flex-direction:column;flex:1;min-width:0;display:flex}.portalWelcomeProfileText small{opacity:.78;font-size:10px}.portalWelcomeProfileText b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.portalWelcomeProfileText em{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;overflow:hidden}.portalWelcomeProfileArrow{opacity:.8;font-size:26px;line-height:1}.investorWelcomeProfile{color:#fff!important;background:#ffffff14!important;border-color:#ffffff40!important}.portalRights{text-align:center;width:100%;color:var(--portal-muted,#64748b);letter-spacing:.1px;padding:16px 12px 24px;font-size:11px;font-weight:800}.supplierStatementTools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.supplierStatementTools input{max-width:160px}.supplierStatementTools button{white-space:nowrap}.supplierPortal[data-portal-view=workers] .supplierMain>:not(.supplierWorkersStatement){display:none}.supplierPortal[data-portal-view=workers] .supplierWorkersStatement{display:block}.supplierPortal[data-portal-view=advances] .supplierMain>:not(.supplierBottomGrid):not(.supplierAdvanceStatusCard):not(.portalGrid):not(.supplierActionGrid){display:none}.supplierPortal[data-portal-view=advances] .supplierActionGrid{display:grid!important}.supplierPortal[data-portal-view=advances] .supplierActionGrid>:not([data-portal-section=advance-form]){display:none}.supplierPortal[data-portal-view=advances] .supplierAdvanceStatusCard{display:block!important}.portalDashboard[data-portal-view=advances] .portalMain>:not(.portalGrid){display:none}.portalDashboard[data-portal-view=advances] .portalGrid{display:grid!important}.portalDashboard[data-portal-view=advances] .portalGrid>:not(.portalAdvanceCard),.portalDashboard[data-portal-view=profile] .portalMain>:not(.externalProfileCard),.portalDashboard[data-portal-view=home] .portalMain>:not(.portalWelcome):not(.portalStats):not(.genericPortalStockChart){display:none}.supplierPortal[data-portal-view=leave] .portalLeaveCard,.supplierPortal[data-portal-view=workers] .supplierWorkersStatement,.portalDashboard[data-portal-view=leave] .portalLeaveCard,.portalDashboard[data-portal-view=profile] .externalProfileCard{display:block!important}.portalPage,.supplierPortal,.investorExternal{background:var(--portal-bg,#f5f6fb)!important;color:var(--portal-text,#172033)!important}.portalPage .portalCard,.supplierPortal .supplierCard,.investorExternal .investorExtCard{color:var(--portal-text,#172033);background:var(--portal-surface,#fff)!important;border-color:var(--portal-border,#d9e6f7)!important}.portalPage .portalHeader,.supplierPortal .supplierTopbar,.investorExternal .investorExtBody>header{color:var(--portal-text,#172033);background:color-mix(in srgb,var(--portal-surface,#fff) 96%,transparent)!important;border-color:var(--portal-border,#d9e6f7)!important}.portalPage .portalNav button.active,.supplierPortal .supplierNav button.active{background:linear-gradient(90deg,var(--portal-sidebar2,#123b73),var(--portal-sidebar,#071a3a))!important}.portalPage .portalStats b,.portalPage .portalBigNumber,.supplierPortal .supplierStat b,.supplierPortal .supplierEntitlementTotal,.investorExternal .investorMetricCard b{color:var(--portal-gold,#2563eb)!important}.portalPage .primary,.supplierPortal .supplierPrimaryBtn,.investorExternal button.primary{background:linear-gradient(135deg,var(--portal-gold,#2563eb),var(--portal-gold2,#60a5fa))!important;color:#fff!important;border-color:#0000!important}.portalPage input:focus,.portalPage select:focus,.portalPage textarea:focus,.supplierPortal input:focus,.supplierPortal select:focus,.supplierPortal textarea:focus{border-color:var(--portal-gold,#2563eb)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--portal-gold,#2563eb) 15%,transparent)!important}.portalDark .portalWelcomeProfile{background:#ffffff0f;border-color:#ffffff1f}@media (width<=899px){.portalWelcomeProfile{width:100%;min-width:0;max-width:none}.supplierHero .portalWelcomeProfile,.investorExtHero .portalWelcomeProfile{width:100%}.supplierStatementTools{grid-template-columns:1fr 1fr;width:100%;display:grid}.supplierStatementTools label{grid-column:1/-1}.supplierStatementTools input,.supplierStatementTools button{width:100%;max-width:none}.portalRights{padding-bottom:100px}}.supplierWorkerRoster h3,.supplierWorkerDailyTitle{margin:0 0 10px;font-size:14px}.supplierWorkerDailyTitle{margin-top:20px}.supplierWorkerRoster{margin-bottom:6px}.supplierPortal[data-portal-view=profile] .supplierMain>:not(.externalProfileCard){display:none}.supplierPortal[data-portal-view=profile] .externalProfileCard{display:block!important}.itThemeGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.itThemeOption{border:1px solid var(--line,#d9e1ec);background:var(--surface,#fff);text-align:start;cursor:pointer;border-radius:16px;min-height:110px;padding:13px;font-family:inherit;transition:all .18s}.itThemeOption:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0f172a14}.itThemeOption.selected{border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#2563eb) 18%,transparent)}.itThemeOption b,.itThemeOption small{display:block}.itThemeOption small{color:var(--muted,#667085);margin-top:5px;font-size:10px}.itThemeSwatches{gap:5px;margin-bottom:10px;display:flex}.itThemeSwatches i{border:1px solid #00000014;border-radius:9px;width:28px;height:28px;display:block}@media (width<=1100px){.itThemeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.itThemeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.itThemeOption{min-height:100px}}.portalPage.portalAuthPage,.portalAuthPage.animatedPortalAuth{background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--portal-gold,#2563eb) 16%,transparent),transparent 35%),linear-gradient(135deg,var(--portal-bg,#edf5ff),var(--portal-surface,#fff))!important;color:var(--portal-text,#172033)!important}.portalPage.portalAuthPage .portalAuthCard,.animatedPortalAuth .portalAuthCard{background:color-mix(in srgb,var(--portal-surface,#fff) 96%,transparent)!important;border-color:var(--portal-border,#d9e6f7)!important;color:var(--portal-text,#172033)!important}.portalPage.portalAuthPage .portalForm button,.animatedPortalAuth .portalForm button{background:linear-gradient(135deg,var(--portal-gold,#2563eb),var(--portal-gold2,#60a5fa))!important}.supplierPortal .supplierSidebar{background:linear-gradient(180deg,var(--portal-sidebar,#071a3a),var(--portal-sidebar2,#123b73))!important}.supplierPortal .supplierSideBrand,.supplierPortal .supplierProfileCard{border-color:color-mix(in srgb,var(--portal-gold,#2563eb) 28%,transparent)!important}.supplierPortal .supplierNav button.active{background:color-mix(in srgb,var(--portal-gold,#2563eb) 18%,transparent)!important;border-color:color-mix(in srgb,var(--portal-gold,#2563eb) 35%,transparent)!important}.supplierPortal .supplierTopbar{background:color-mix(in srgb,var(--portal-surface,#fff) 97%,transparent)!important;color:var(--portal-text,#172033)!important;border-color:var(--portal-border,#d9e6f7)!important}.supplierPortal .supplierHero{background:linear-gradient(135deg,var(--portal-navy,#071a3a),var(--portal-sidebar2,#123b73))!important}.supplierPortal .supplierCard,.supplierPortal .supplierStat,.supplierPortal .supplierBottomGrid,.supplierPortal .supplierTwoCol>*{border-color:var(--portal-border,#d9e6f7)!important}.supplierPortal .supplierPrimaryBtn,.supplierPortal .supplierOutlineBtn{border-color:var(--portal-gold,#2563eb)!important}.supplierPortal .supplierPrimaryBtn{background:linear-gradient(135deg,var(--portal-gold,#2563eb),var(--portal-gold2,#60a5fa))!important}.investorExternal{background:var(--portal-bg,#f5f7fb)!important;color:var(--portal-text,#172238)!important}.investorExternal .investorExtSide{background:linear-gradient(180deg,var(--portal-sidebar,#071a3a),var(--portal-sidebar2,#123b73))!important}.investorExternal .investorExtSide nav button.active{background:color-mix(in srgb,var(--portal-gold,#2563eb) 22%,transparent)!important}.investorExternal .investorExtBody>header{background:color-mix(in srgb,var(--portal-surface,#fff) 97%,transparent)!important;color:var(--portal-text,#172033)!important;border-color:var(--portal-border,#d9e6f7)!important}.investorExternal .investorExtHero{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--portal-gold,#2563eb) 28%,transparent),transparent 35%),linear-gradient(135deg,var(--portal-navy,#071a3a),var(--portal-sidebar2,#123b73))!important}.investorExternal .investorExtKpis div,.investorExternal .investorExtCard{background:var(--portal-surface,#fff)!important;border-color:var(--portal-border,#d9e6f7)!important;color:var(--portal-text,#172033)!important}.investorExternal .investorExtKpis b,.investorExternal .investorMetricCard b{color:var(--portal-gold,#2563eb)!important}.investorExternal .investorQuickActions button,.investorExternal .investorQuickActions .primary{background:linear-gradient(135deg,var(--portal-gold,#2563eb),var(--portal-gold2,#60a5fa))!important;color:#fff!important;border-color:#0000!important}.investorExternal .investorHistoryTable th{background:var(--portal-navy,#071a3a)!important}.investorExternal .investorPropertyExt,.investorExternal .investorExtFields div{background:color-mix(in srgb,var(--portal-surface,#fff) 92%,var(--portal-bg,#f5f7fb))!important;border-color:var(--portal-border,#d9e6f7)!important}.investorMoreSheet{z-index:20000!important}.portalNotificationPanel{z-index:20001!important}.investorExternal[data-portal-view] main>.portalMobileMoreSheet,.investorExternal[data-portal-view] main>.portalNotificationPanel,.investorExternal main>.portalRights{display:block!important}.dateField{direction:ltr;align-items:center;width:100%;display:flex;position:relative}.dateField .dfText{text-align:left;font-variant-numeric:lining-nums;letter-spacing:.3px;direction:ltr;flex:1;min-width:0;padding-right:44px!important}.dateField .dfIcon{cursor:pointer;place-items:center;width:44px;font-size:17px;display:grid;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.dateField .dfNative{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;min-height:0!important}.supplierFixedHint+.tableWrap,.supplierPickHint{display:block}.supplierPickHint{color:#b45309;margin-top:5px;font-size:11px;line-height:1.6}.supplierWorkerDetails{margin-bottom:18px}.portalDashboard>.portalRights{display:none}.portalDashboardBody>.portalRights{box-sizing:border-box;width:100%;display:block}@media (width<=899px){.portalDashboardBody>.portalRights{padding-bottom:104px}.loginPage .loginShell{min-height:100vh;overflow:visible;grid-template-columns:1fr!important}.loginPage .loginHero{gap:16px;overflow:hidden;min-height:0!important;padding:26px 20px 24px!important;display:flex!important}.loginPage .heroBrand b{font-size:20px}.loginPage .heroCopy{margin-top:8px}.loginPage .heroCopy span{font-size:18px}.loginPage .heroCopy h2{margin:6px 0;font-size:28px}.loginPage .heroCopy p{font-size:12.5px;line-height:1.8}.loginPage .loginTicker{display:block}.loginPage .heroFeatures{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.loginPage .heroFeatures>div{padding:11px}.loginPage .loginPanel{min-height:0!important;padding:20px 12px 28px!important}.loginPage .loginCard{width:min(100%,520px)!important;padding:30px 22px!important}.loginPage .loginFooter{text-align:center}}@media (width<=650px){.portalAuthPage{padding:14px!important}.portalAuthCard{border-radius:26px!important;width:min(100%,560px)!important;padding:34px 22px!important}.portalAuthCard h1{font-size:25px!important}.portalAuthCard .portalRoleLinks{gap:7px;grid-template-columns:repeat(3,1fr)!important}.portalAuthCard .portalRoleLinks button{padding:10px 4px;font-size:12px}.portalAuthCard .portalMode{grid-template-columns:1fr 1fr!important}.portalAuthRail{top:50%!important}}@media (width<=899px){.app .topbar>div:first-child{flex:0 0 100%;order:2;width:100%}.app .topbar .topActions{flex:100%;order:1}.app .topbar .crumb{text-align:right}:is(.premiumBottomNav,.portalMobileBottomNav){--n:2;--i:0;justify-content:space-around;align-items:center;position:fixed;left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:none!important;background:#10111f!important;border:0!important;border-radius:22px!important;gap:0!important;height:68px!important;min-height:0!important;padding:0 6px!important;display:flex!important;overflow:visible!important;box-shadow:0 14px 30px #00000047!important}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem){z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;font-size:22px;line-height:1;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s;display:flex;position:relative;color:#cfd3e6!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem) svg{width:24px;height:24px;display:block}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem)>span{font-size:inherit;place-items:center;display:grid;transform:none!important}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem) small{text-align:center;opacity:0;font-weight:700;line-height:1.2;transition:opacity .3s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:8px;left:0;right:0;transform:translateY(6px);color:#fff!important;font-size:10px!important}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem).active{transform:translateY(-33px);color:#10111f!important;background:0 0!important}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem).active small{opacity:1;transform:translateY(33px)}:is(.premiumBottomNav,.portalMobileBottomNav)>:is(button,.mobileNavItem).active:after{content:"";height:33px;position:absolute;top:100%;left:0;right:0}:is(.premiumBottomNav,.portalMobileBottomNav):before{content:"";width:54px;height:54px;box-shadow:0 0 0 7px var(--portal-bg,var(--surface2,#eef5ff));top:0;opacity:0;pointer-events:none;z-index:1;background:#fff;border-radius:50%;margin-inline-start:-27px;transition:inset-inline-start .5s cubic-bezier(.34,1.3,.5,1),transform .4s,opacity .25s;position:absolute;inset-inline-start:calc(6px + (var(--i) + .5) * ((100% - 12px) / var(--n)));transform:translateY(-26px)scale(0)}:is(.premiumBottomNav,.portalMobileBottomNav):has(>.active):before{opacity:1;transform:translateY(-26px)scale(1)}.liquidNav .liquidBubble{display:none!important}.portalMobileBottomNav:has(>:nth-child(3)){--n:3}.portalMobileBottomNav:has(>:nth-child(4)){--n:4}.portalMobileBottomNav:has(>:nth-child(5)){--n:5}.portalMobileBottomNav:has(>:nth-child(6)){--n:6}.portalMobileBottomNav:has(>:nth-child(7)){--n:7}.portalMobileBottomNav:has(>:nth-child(8)){--n:8}.portalMobileBottomNav:has(>:nth-child(2).active){--i:1}.portalMobileBottomNav:has(>:nth-child(3).active){--i:2}.portalMobileBottomNav:has(>:nth-child(4).active){--i:3}.portalMobileBottomNav:has(>:nth-child(5).active){--i:4}.portalMobileBottomNav:has(>:nth-child(6).active){--i:5}.portalMobileBottomNav:has(>:nth-child(7).active){--i:6}.portalMobileBottomNav:has(>:nth-child(8).active){--i:7}.portalMobileMoreSheet{bottom:96px!important}.app .content{padding-bottom:110px!important}}.grid2,.grid2>*,.siteChoices,.siteChoices>*,.panel,.panel>*,.sectionHead,.sectionHead>*{box-sizing:border-box;min-width:0;max-width:100%}.siteChoices{width:100%;overflow:hidden}.siteBadge{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;max-width:100%}.grid2 .tableWrap,.grid2 .tableWrap table,.panel .tableWrap{min-width:0;max-width:100%}.tableWrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}@media (width<=760px){.grid2{grid-template-columns:minmax(0,1fr);gap:14px;width:100%}.grid2>*{width:100%;min-width:0;max-width:100%}.grid2 .panel{width:100%;min-width:0;max-width:100%;overflow:hidden}.siteToolbar{width:100%;min-width:0;max-width:100%}.siteToolbar>*{min-width:0;max-width:100%}.siteToolbar select{width:100%;min-width:0;max-width:100%}.siteChoices{flex-wrap:wrap;gap:6px;width:100%;max-width:100%;display:flex}.siteBadge{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.supplierAttendanceTable,.supplierAttendanceTable.tableWrap{width:100%;max-width:100%;overflow-x:auto}.tableWrap table{min-width:650px;max-width:none}.grid2 .tableWrap{width:100%;overflow-x:auto}.formActions{flex-wrap:wrap;min-width:0;max-width:100%}.formActions button{max-width:100%}}@media (width<=420px){.panel{min-width:0;max-width:100%}.siteBadge{padding:6px 9px;font-size:10px}.grid2{gap:12px}.siteToolbarHint{overflow-wrap:anywhere;max-width:100%}}@keyframes liquidSheetIn{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}@keyframes liquidTileIn{0%{opacity:0;transform:translateY(22px)scale(.82)}to{opacity:1;transform:none}}@keyframes liquidFill{0%{clip-path:circle(0% at 50% 32%)}to{clip-path:circle(150% at 50% 32%)}}@keyframes liquidPop{0%{transform:translateY(10px)scale(.6)}55%{transform:translateY(-12px)scale(1.2)}to{transform:translateY(-6px)scale(1.1)}}@keyframes liquidFade{0%{opacity:0}to{opacity:1}}.mobileAppBackdrop{animation:.3s both liquidFade}.mobileAppSheet{animation:.5s cubic-bezier(.34,1.25,.5,1) both liquidSheetIn}.mobileAppGrid .mobileAppItem{isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .3s,box-shadow .3s;animation:.55s cubic-bezier(.34,1.56,.64,1) both liquidTileIn;position:relative;overflow:visible!important}.mobileAppGrid .mobileAppItem:nth-child(n+4){animation-delay:50ms}.mobileAppGrid .mobileAppItem:nth-child(n+7){animation-delay:.1s}.mobileAppGrid .mobileAppItem:nth-child(n+10){animation-delay:.15s}.mobileAppGrid .mobileAppItem:nth-child(n+13){animation-delay:.2s}.mobileAppGrid .mobileAppItem:nth-child(n+16){animation-delay:.25s}.mobileAppGrid .mobileAppItem:nth-child(n+19){animation-delay:.3s}.mobileAppGrid .mobileAppItem:active{transform:scale(.92)!important}.mobileAppGrid .mobileAppItem:before{content:"";border-radius:inherit;background:var(--mh-primary,#2563eb);clip-path:circle(0% at 50% 32%);z-index:-1;pointer-events:none;position:absolute;inset:0}.mobileAppGrid .mobileAppItem.active{transform:none;background:var(--mh-surface-soft,#f5f7ff)!important;border-color:var(--mh-primary,#2563eb)!important;color:#fff!important}.mobileAppGrid .mobileAppItem.active:before{clip-path:circle(150% at 50% 32%);animation:.65s cubic-bezier(.34,1.2,.5,1) both liquidFill}.mobileAppGrid .mobileAppItem .mobileAppEmoji{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.mobileAppGrid .mobileAppItem.active .mobileAppEmoji{box-shadow:0 0 0 4px var(--mh-surface,#fff),0 10px 22px #00000040;animation:.6s cubic-bezier(.34,1.3,.5,1) both liquidPop;transform:translateY(-6px)scale(1.1)}@media (hover:none){.mobileAppGrid .mobileAppItem:hover:not(.active){background:var(--mh-surface-soft,#f5f7ff)!important;color:var(--mh-text,#172033)!important;border-color:var(--mh-border,#e3e8f3)!important}}@media (prefers-reduced-motion:reduce){.mobileAppSheet,.mobileAppBackdrop,.mobileAppGrid .mobileAppItem,.mobileAppGrid .mobileAppItem:before,.mobileAppGrid .mobileAppItem .mobileAppEmoji{transition:none!important;animation:none!important}.mobileAppGrid .mobileAppItem.active:before{clip-path:circle(150% at 50% 32%)}}@keyframes portalSheetIn{0%{opacity:0;transform:translateY(36px)scale(.96)}to{opacity:1;transform:none}}@keyframes portalItemIn{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:none}}.portalMobileMoreSheet{transform-origin:bottom;animation:.45s cubic-bezier(.34,1.25,.5,1) both portalSheetIn}.portalMobileMoreSheet button{isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .25s;animation:.45s cubic-bezier(.34,1.56,.64,1) both portalItemIn;position:relative;overflow:hidden}.portalMobileMoreSheet button:nth-child(n+2){animation-delay:40ms}.portalMobileMoreSheet button:nth-child(n+3){animation-delay:80ms}.portalMobileMoreSheet button:nth-child(n+4){animation-delay:.12s}.portalMobileMoreSheet button:nth-child(n+5){animation-delay:.16s}.portalMobileMoreSheet button:nth-child(n+6){animation-delay:.2s}.portalMobileMoreSheet button:nth-child(n+7){animation-delay:.24s}.portalMobileMoreSheet button:nth-child(n+8){animation-delay:.28s}.portalMobileMoreSheet button:before{content:"";border-radius:inherit;background:var(--portal-indigo-600,#4f46e5);clip-path:circle(0%);z-index:-1;pointer-events:none;transition:clip-path .5s cubic-bezier(.34,1.2,.5,1);position:absolute;inset:0}.portalMobileMoreSheet button:active{transform:scale(.96);color:#fff!important}.portalMobileMoreSheet button:active:before{clip-path:circle(150%)}@media (prefers-reduced-motion:reduce){.portalMobileMoreSheet,.portalMobileMoreSheet button,.portalMobileMoreSheet button:before{transition:none!important;animation:none!important}}div.installPromptBackdrop{z-index:999999!important;background:#060a16bf!important;justify-content:center!important;align-items:flex-end!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}section.installPromptCard{color:#fff!important;text-align:center!important;box-sizing:border-box!important;background:#13255c!important;border-radius:22px!important;width:90%!important;max-width:380px!important;margin:0 auto 24px!important;padding:28px 22px 24px!important;position:relative!important;box-shadow:0 10px 40px #00000080!important}.installPromptClose{color:#9fb0d8!important;cursor:pointer!important;background:#ffffff1a!important;border:none!important;border-radius:50%!important;width:30px!important;height:30px!important;padding:0!important;font-size:20px!important;position:absolute!important;top:12px!important;left:14px!important}.installPromptIcon{object-fit:cover!important;border-radius:18px!important;width:76px!important;height:76px!important;margin:4px auto 14px!important;display:block!important}.installPromptCard h2{color:#fff!important;margin:0 0 8px!important;font-size:18px!important;font-weight:700!important}.installPromptCard p{color:#c7d2e8!important;margin:0 0 18px!important;font-size:13px!important;line-height:1.7!important}button.installPromptCta{color:#06251d!important;cursor:pointer!important;box-sizing:border-box!important;background:#19b98c!important;border:none!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;padding:14px!important;font-size:14px!important;font-weight:700!important;display:flex!important}button.installPromptLater{color:#9fb0d8!important;cursor:pointer!important;background:0 0!important;border:none!important;margin:14px auto 2px!important;font-size:13px!important;text-decoration:underline!important;display:block!important}.installPromptFeatures{color:#8fe3c4!important;border-top:1px solid #ffffff1f!important;flex-wrap:wrap!important;justify-content:center!important;gap:14px!important;margin-top:14px!important;padding-top:12px!important;font-size:11px!important;display:flex!important}.installPromptIosSteps{text-align:right!important;color:#e3e9f7!important;background:#ffffff12!important;border-radius:14px!important;padding:14px 16px!important;font-size:12px!important}.installPromptIosSteps ol{margin:8px 0 0!important;padding-inline-start:18px!important}.installPromptIosSteps li{margin-bottom:6px!important;line-height:1.6!important}