:root{
  --font-ar:"Cairo",sans-serif;
  --font-en:"Inter",sans-serif;
  --bg:#f4f8ff;
  --bg-soft:#eef4ff;
  --surface:rgba(255,255,255,.82);
  --surface-solid:#ffffff;
  --text:#10203b;
  --muted:#5c6f90;
  --line:rgba(70,101,167,.16);
  --line-strong:rgba(70,101,167,.28);
  --sky:#49c3ff;
  --sky-soft:#bfeeff;
  --indigo:#243f91;
  --indigo-2:#355bd7;
  --accent:#16a8ff;
  --success:#0ea57a;
  --warning:#ff8b38;
  --danger:#ea4e60;
  --shadow:0 18px 60px rgba(24,48,100,.12);
  --shadow-soft:0 10px 30px rgba(24,48,100,.08);
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
  --container:1240px;
  --header-h:88px;
}body.theme-dark{
  --bg:#07111f;
  --bg-soft:#0c1a2d;
  --surface:rgba(12,24,42,.82);
  --surface-solid:#0e1a2d;
  --text:#ecf5ff;
  --muted:#93a8c8;
  --line:rgba(139,182,255,.14);
  --line-strong:rgba(139,182,255,.28);
  --sky:#62d1ff;
  --sky-soft:#173958;
  --indigo:#4367db;
  --indigo-2:#7c9cff;
  --accent:#28c0ff;
  --shadow:0 20px 70px rgba(0,0,0,.45);
  --shadow-soft:0 10px 35px rgba(0,0,0,.32);
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;
  min-height:100vh;
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);
  color:var(--text);
  font-family:var(--font-ar);
  position:relative;
  overflow-x:hidden;
}html[dir="ltr"] body{font-family:var(--font-en)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}html{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  scroll-behavior:smooth;
}
@supports not (overflow:clip){
html{overflow-x:hidden;}
}body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
@supports not (overflow:clip){
body{overflow-x:hidden;}
}*,
*::before,
*::after{box-sizing:border-box;}img,
svg,
video,
canvas,
iframe{max-width:100%;}img,
video{height:auto;}.container{
  width:min(calc(100% - clamp(16px,4vw,32px)),var(--container));
  max-width:100%;
  margin-inline:auto;
}.site-shell,
.section,
.page-banner,
.hero,
.site-footer{max-width:100%;}.reveal,
.reveal.show{opacity:1;transform:none;}.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.auth-card,
.section-surface,
.people-card,
.premium-service-card,
.request-card{will-change:auto;}.topbar{
  position:sticky;
  top:12px;
  z-index:1000;
  width:min(calc(100% - 24px),var(--container));
  max-width:100%;
  margin:16px auto 0;
  border-radius:26px;
  overflow:visible;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 18px 55px rgba(24,48,100,.14);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}.topbar-inner{
  min-height:var(--header-h);
  padding:14px 16px;
  display:grid;
  align-items:center;
  gap:16px;
}html[dir='rtl'] .topbar-inner{grid-template-columns:auto minmax(0,1fr) minmax(220px,390px);grid-template-areas:"actions nav brand";}html[dir='ltr'] .topbar-inner{grid-template-columns:minmax(220px,390px) minmax(0,1fr) auto;grid-template-areas:"brand nav actions";}.brand{grid-area:brand;display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;}html[dir='rtl'] .brand{justify-self:end;}html[dir='ltr'] .brand{justify-self:start;}.brand-logo{width:56px;height:56px;min-width:56px;border-radius:18px;background:linear-gradient(135deg,var(--indigo),var(--sky));display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(39,88,193,.26);}.brand-logo img{width:100%;height:100%;object-fit:cover;}.brand-logo svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2;}.brand-logo span{display:grid;place-items:center;width:100%;height:100%;}.brand-copy{min-width:0;}.brand-copy strong{display:block;font-size:1.02rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.brand-copy span{display:block;color:var(--muted);font-size:.86rem;line-height:1.5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.main-nav{grid-area:nav;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;}.main-nav .nav-links-grid{width:auto;max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;}.main-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border-radius:14px;color:var(--muted);font-weight:800;font-size:.93rem;line-height:1.2;white-space:nowrap;transition:background-color .2s ease,color .2s ease;}.main-nav a:hover,
.main-nav a.active{background:rgba(70,139,255,.10);color:var(--indigo-2);}.main-nav a.active::before{content:'';position:absolute;inset:auto 12px 7px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--sky),var(--indigo-2));}.main-nav .drawer-section:not(.nav-links-grid){display:none;}.header-actions,
.top-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:max-content;margin:0;}html[dir='rtl'] .header-actions,
html[dir='rtl'] .top-actions{justify-self:start;}html[dir='ltr'] .header-actions,
html[dir='ltr'] .top-actions{justify-self:end;}.nav-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.08);color:var(--text);font-size:1.25rem;}.main-nav-head{display:none;}.nav-backdrop{position:fixed;inset:0;z-index:990;background:rgba(5,11,24,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;}.nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;}body.drawer-open{overflow:hidden;}.desktop-only{display:inline-flex;}.drawer-section{display:grid;gap:12px;width:100%;}.drawer-section-title{font-size:.8rem;font-weight:900;color:var(--muted);letter-spacing:.03em;}.drawer-pill-list{display:flex;flex-wrap:wrap;gap:10px;}.drawer-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(70,139,255,.10);border:1px solid rgba(70,139,255,.14);color:var(--indigo-2);font-weight:800;font-size:.9rem;}.drawer-secondary-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-weight:800;color:var(--text);}.drawer-secondary-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}.drawer-social-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
@media (max-width:1180px){
.topbar{width:min(calc(100% - 20px),var(--container));}.main-nav a{padding-inline:10px;font-size:.88rem;}
}
@media (max-width:1100px){
.desktop-only{display:none;}.topbar{top:10px;width:calc(100% - 16px);border-radius:24px;}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:auto;padding:12px 14px;gap:10px;}.brand{flex:1 1 auto;min-width:0;max-width:calc(100% - 112px);}.brand-logo{width:48px;height:48px;min-width:48px;border-radius:16px;}.brand-copy strong{font-size:.95rem;}.brand-copy span{font-size:.78rem;}.header-actions,
.top-actions{flex:0 0 auto;min-width:0;gap:8px;}.nav-toggle{display:inline-flex;}.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed;
    top:0;
    bottom:0;
    width:min(390px,88vw);
    max-width:88vw;
    height:100dvh;
    min-height:100dvh;
    max-height:100dvh;
    padding:18px 16px;
    border-radius:0;
    background:var(--surface-solid);
    border:0;
    box-shadow:0 30px 90px rgba(0,0,0,.42);
    z-index:1005;
    overflow-y:auto;
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:14px;
    opacity:1;
    visibility:visible;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.2,.8,.2,1);
  }html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0;
    left:auto;
    transform:translateX(105%);
    border-inline-start:1px solid var(--line);
  }html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0;
    right:auto;
    transform:translateX(-105%);
    border-inline-end:1px solid var(--line);
  }.main-nav.open,
.mobile-drawer.open,
.side-drawer.open,
.offcanvas-menu.open,
.drawer-panel.open,
.app-sidebar.open{
    transform:translateX(0) !important;
    pointer-events:auto;
  }.main-nav-head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 14px;border-bottom:1px solid var(--line);}.main-nav-head span{display:block;color:var(--muted);font-size:.82rem;margin-top:4px;}.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){display:grid;}.main-nav .nav-links-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%;}.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{width:100%;min-height:54px;justify-content:flex-start;white-space:normal;border-radius:18px;padding:13px 15px;font-size:.98rem;}.nav-cta-link{display:flex;align-items:center;justify-content:center;margin-top:auto;background:linear-gradient(135deg,var(--indigo),var(--sky));color:#fff !important;}
}
@media (max-width:560px){
.topbar{width:calc(100% - 12px);margin-top:8px;top:8px;border-radius:22px;}.topbar-inner{padding:10px 12px;}.brand{max-width:calc(100% - 96px);gap:10px;}.brand-logo{width:44px;height:44px;min-width:44px;}.brand-copy strong{font-size:.9rem;}.brand-copy span{font-size:.74rem;}.icon-btn,
.icon-link,
.nav-toggle{width:42px;height:42px;border-radius:14px;}.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    width:min(340px,90vw);
    max-width:90vw;
    padding:15px 13px;
  }
}#org-chart{
    width:100%;
}

#org-chart .container{
    width:min(calc(100% - 32px), var(--container));
    margin-inline:auto;
}

.org-page-hero,
.org-page-section,
.org-radial-shell,
.org-radial-board{
    width:100%;
    max-width:100%;
    margin-inline:auto;
    overflow:hidden;
}
.org-page-hero{padding-top:34px;}.org-hero-panel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:24px;
  align-items:center;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg,var(--surface),rgba(73,195,255,.08));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  overflow:hidden;
}body.theme-dark .org-hero-panel{background:linear-gradient(135deg,var(--surface),rgba(73,195,255,.06));}.org-hero-panel::before{
  content:"";
  position:absolute;
  inset:auto -120px -180px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(73,195,255,.18),transparent 68%);
  pointer-events:none;
}.org-hero-content{position:relative;z-index:1;display:grid;gap:12px;}.org-hero-content h1{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.08;letter-spacing:-.04em;color:var(--text);}.org-hero-content p{margin:0;color:var(--muted);line-height:2;max-width:760px;font-size:1.02rem;}.org-page-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;}.org-page-metrics div{padding:18px 16px;border-radius:22px;background:rgba(73,195,255,.08);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}body.theme-dark .org-page-metrics div{background:rgba(255,255,255,.045);}.org-page-metrics strong{display:block;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1;margin-bottom:8px;color:var(--text);}.org-page-metrics span{display:block;color:var(--muted);font-weight:900;font-size:.86rem;line-height:1.55;}.org-radial-shell{position:relative;padding:26px;border-radius:34px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),rgba(73,195,255,.05));box-shadow:var(--shadow-soft);}body.theme-dark .org-radial-shell{background:linear-gradient(180deg,var(--surface),rgba(12,26,45,.66));}.org-radial-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px;}.org-radial-head h2{margin:10px 0 8px;font-size:clamp(1.45rem,2.7vw,2.35rem);line-height:1.22;color:var(--text);}.org-radial-head p{margin:0;color:var(--muted);line-height:1.9;max-width:720px;}.org-search{display:grid;gap:8px;min-width:min(320px,100%);margin:0;}.org-search span{font-size:.82rem;font-weight:900;color:var(--muted);}.org-search input{min-height:48px;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);outline:none;}body.theme-dark .org-search input{background:rgba(255,255,255,.045);}.org-search input:focus{border-color:rgba(73,195,255,.45);box-shadow:0 0 0 4px rgba(73,195,255,.12);}.org-radial-board{position:relative;padding:clamp(18px,3vw,34px);border-radius:32px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(73,195,255,.08));box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.10);isolation:isolate;}body.theme-dark .org-radial-board{background:linear-gradient(180deg,#071e3a 0%,#08172b 55%,#07111f 100%);box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10);}.org-radial-board::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(73,195,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(73,195,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,rgba(0,0,0,.82),transparent 78%);pointer-events:none;z-index:-1;}.org-lead-trail{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 18px;}.org-lead-trail span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;background:rgba(73,195,255,.10);border:1px solid rgba(73,195,255,.18);color:var(--indigo-2);font-weight:900;font-size:.82rem;}body.theme-dark .org-lead-trail span{color:#dcecff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}.org-radial-top{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:16px;align-items:start;max-width:1040px;margin:0 auto;}.org-radial-top::after{content:"";position:absolute;left:8%;right:8%;bottom:-22px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--sky),var(--indigo-2),transparent);pointer-events:none;}.org-main-card{position:relative;min-width:0;}.org-main-button{position:relative;width:100%;min-height:108px;padding:14px;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;color:#fff;background:linear-gradient(160deg,var(--indigo),var(--indigo-2));box-shadow:0 18px 38px rgba(24,48,100,.22),inset 0 1px 0 rgba(255,255,255,.16);text-align:start;cursor:pointer;overflow:hidden;transition:.22s ease;}body.theme-dark .org-main-button{border-color:rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16);}.org-main-button::before{content:"";position:absolute;inset:auto auto -46px -36px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(73,195,255,.28),transparent 68%);pointer-events:none;}.org-main-button:hover{transform:translateY(-3px);box-shadow:0 24px 44px rgba(24,48,100,.30),inset 0 1px 0 rgba(255,255,255,.16);}.org-main-card.is-open .org-main-button{border-color:rgba(73,195,255,.56);filter:saturate(1.08);}.org-main-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--sky),var(--accent));color:#fff;font-weight:900;font-size:.86rem;box-shadow:0 12px 24px rgba(28,120,220,.28);}.org-main-copy{display:grid;gap:4px;min-width:0;position:relative;z-index:1;}.org-main-copy em{font-style:normal;color:rgba(255,255,255,.72);font-size:.68rem;font-weight:900;line-height:1;}.org-main-copy strong{font-size:.98rem;line-height:1.45;color:#fff;}.org-main-copy small{font-size:.75rem;line-height:1.55;color:rgba(255,255,255,.76);}.org-main-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:1.1rem;font-weight:900;transition:.2s ease;}.org-main-card.is-open .org-main-plus{transform:rotate(45deg);background:rgba(98,209,255,.22);}.org-main-branches{display:none;margin-top:12px;padding:12px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}body.theme-dark .org-main-branches{background:rgba(4,13,28,.58);border-color:rgba(255,255,255,.12);}.org-main-card.is-open > .org-main-branches{display:block;animation:orgReveal .24s ease both;}.org-radial-axis{position:relative;z-index:1;width:2px;height:128px;margin:26px auto 0;background:linear-gradient(180deg,var(--sky),var(--indigo-2));box-shadow:0 0 20px rgba(73,195,255,.28);}.org-radial-axis span{position:absolute;left:50%;top:52%;width:min(520px,60vw);height:2px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,transparent,var(--sky),transparent);}.org-core-area{position:relative;z-index:2;display:grid;gap:18px;justify-items:center;max-width:820px;margin:0 auto;}.org-core-card{position:relative;width:min(480px,100%);min-height:245px;padding:48px 30px 28px;border-radius:210px 210px 34px 34px;display:grid;justify-items:center;align-content:end;gap:16px;color:#fff;text-align:center;background:linear-gradient(180deg,var(--indigo-2) 0%,var(--indigo) 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(24,48,100,.30),inset 0 1px 0 rgba(255,255,255,.14);overflow:hidden;}body.theme-dark .org-core-card{box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.14);}.org-core-card::before{content:"";position:absolute;inset:10px 18px auto;height:48%;border-radius:220px 220px 40px 40px;border:1px solid rgba(255,255,255,.12);pointer-events:none;}.org-core-logo{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--surface-solid);border:5px solid rgba(98,209,255,.88);box-shadow:0 18px 42px rgba(0,0,0,.24);overflow:hidden;color:var(--indigo);font-weight:900;font-size:1.2rem;}.org-core-logo img{width:100%;height:100%;object-fit:contain;padding:10px;}.org-core-copy{display:grid;gap:6px;}.org-core-copy span,
.org-core-copy small{font-size:.86rem;color:rgba(255,255,255,.76);font-weight:900;line-height:1.65;}.org-core-copy strong{font-size:clamp(1.1rem,2.5vw,1.65rem);line-height:1.45;color:#fff;}.org-branch-list{display:grid;gap:10px;}.org-branch-list[data-depth="1"],
.org-branch-list[data-depth="2"],
.org-branch-list[data-depth="3"]{margin-top:10px;padding-inline-start:12px;border-inline-start:1px solid rgba(73,195,255,.20);}html[dir="rtl"] .org-branch-list[data-depth="1"],
html[dir="rtl"] .org-branch-list[data-depth="2"],
html[dir="rtl"] .org-branch-list[data-depth="3"]{padding-inline-start:0;padding-inline-end:12px;border-inline-start:0;border-inline-end:1px solid rgba(73,195,255,.20);}.org-branch-card{min-width:0;}.org-branch-toggle{width:100%;min-height:58px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.50);color:var(--text);text-align:start;cursor:pointer;}body.theme-dark .org-branch-toggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff;}.org-branch-toggle:hover{background:rgba(73,195,255,.12);border-color:rgba(73,195,255,.24);}.org-branch-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--sky),var(--indigo-2));box-shadow:0 0 0 4px rgba(98,209,255,.10);}.org-branch-copy{display:grid;gap:2px;min-width:0;}.org-branch-copy em{font-style:normal;color:var(--muted);font-size:.66rem;font-weight:900;line-height:1;}.org-branch-copy strong{font-size:.88rem;line-height:1.45;color:var(--text);}body.theme-dark .org-branch-copy strong{color:#fff;}.org-branch-copy small{font-size:.72rem;line-height:1.5;color:var(--muted);}.org-branch-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(73,195,255,.14);color:var(--indigo-2);font-weight:900;transition:.2s ease;}body.theme-dark .org-branch-icon{color:#fff;background:rgba(255,255,255,.12);}.org-branch-card.is-open > .org-branch-toggle .org-branch-icon{transform:rotate(45deg);background:rgba(98,209,255,.18);}.org-branch-children{display:none;}.org-branch-card.is-open > .org-branch-children{display:block;animation:orgReveal .22s ease both;}.org-main-card.is-hidden-by-search,
.org-branch-card.is-hidden-by-search{display:none;}
@keyframes orgReveal{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}.org-tab-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 24px;border-radius:28px;background:linear-gradient(135deg,var(--surface),rgba(73,195,255,.08));border:1px solid var(--line);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}.org-tab-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(73,195,255,.32);}.org-tab-icon,
.org-tab-arrow{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--sky));color:#fff;flex:0 0 auto;box-shadow:0 16px 30px rgba(53,90,212,.22);}.org-tab-arrow{width:46px;height:46px;border-radius:16px;background:rgba(70,139,255,.10);color:var(--indigo-2);box-shadow:none;}.org-tab-card svg{width:24px;height:24px;}.org-tab-content{display:grid;gap:8px;min-width:0;}.org-tab-content strong{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45;color:var(--text);}.org-tab-content em{font-style:normal;color:var(--muted);line-height:1.75;}
@media (max-width:1180px){
.org-hero-panel{grid-template-columns:1fr;}.org-radial-head{align-items:flex-start;flex-direction:column;}.org-search{width:min(420px,100%);}.org-radial-top{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}.org-radial-axis{height:94px;}
}
@media (max-width:860px){
.org-page-hero{padding-top:22px;}.org-hero-panel,
.org-radial-shell{padding:20px;border-radius:28px;}.org-hero-content h1{font-size:clamp(1.8rem,8vw,2.7rem);}.org-page-metrics{grid-template-columns:1fr;}.org-radial-board{padding:14px;border-radius:26px;}.org-radial-top{grid-template-columns:1fr;gap:12px;}.org-radial-top::after,
.org-radial-axis{display:none;}.org-main-button{min-height:auto;border-radius:20px;}.org-main-branches{border-radius:20px;padding:10px;}.org-core-card{min-height:auto;padding:22px 18px;border-radius:28px;margin-top:8px;}.org-core-card::before{display:none;}.org-core-logo{width:72px;height:72px;border-width:4px;}.org-core-area{gap:12px;}.org-branch-list[data-depth="1"],
.org-branch-list[data-depth="2"],
.org-branch-list[data-depth="3"]{padding-inline-start:8px;}html[dir="rtl"] .org-branch-list[data-depth="1"],
html[dir="rtl"] .org-branch-list[data-depth="2"],
html[dir="rtl"] .org-branch-list[data-depth="3"]{padding-inline-end:8px;}.org-tab-card{grid-template-columns:auto minmax(0,1fr);padding:18px;border-radius:24px;}.org-tab-arrow{display:none;}
}
@media (max-width:560px){
.org-hero-panel,
.org-radial-shell{padding:16px;border-radius:24px;}.org-radial-board{padding:10px;border-radius:22px;}.org-page-metrics div{padding:14px;}.org-main-button{grid-template-columns:auto minmax(0,1fr) auto;padding:12px;gap:10px;}.org-main-orb{width:38px;height:38px;font-size:.78rem;}.org-main-copy strong{font-size:.9rem;}.org-main-copy small{font-size:.7rem;}.org-branch-toggle{min-height:50px;padding:9px 10px;}.org-core-logo{width:66px;height:66px;}.org-tab-icon{width:50px;height:50px;border-radius:18px;}
}.whatsapp-fab,
.compact-actions .footer-whatsapp-link,
.footer-cta .footer-whatsapp-link{display:none !important;}.site-icon{
  width:1.15em;
  height:1.15em;
  max-width:100%;
  max-height:100%;
  display:inline-block;
  vertical-align:middle;
  flex:0 0 auto;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}.site-icon path,
.site-icon circle,
.site-icon rect,
.site-icon line,
.site-icon polyline,
.site-icon polygon{
  vector-effect:non-scaling-stroke;
}.site-icon [fill="currentColor"],
.site-icon [stroke="none"]{
  fill:currentColor;
}.mini-project-list article>div span svg,
.empty-state svg{
  width:30px;
  height:30px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
}button,
input,
select,
textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.site-shell{position:relative;z-index:2}.bg-grid,
.bg-orb{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}.bg-grid{
  background-image:
    linear-gradient(rgba(95,129,196,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,129,196,.08) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.65),transparent 76%);
}.bg-orb{filter:blur(40px);opacity:.55}.orb-one{
  width:420px;height:420px;left:-140px;top:-70px;
  background:radial-gradient(circle,var(--sky) 0%,transparent 72%);
}.orb-two{
  width:460px;height:460px;right:-120px;top:80px;
  background:radial-gradient(circle,var(--indigo-2) 0%,transparent 72%);
}.icon-btn,
.icon-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.08);
  color:var(--text);
  transition:.24s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}.icon-link.textual{width:auto;padding:0 14px}.icon-btn:hover,
.icon-link:hover{
  transform:translateY(-2px);
  border-color:rgba(75,151,255,.32);
  background:rgba(70,139,255,.12);
}.icon-btn svg,
.icon-link svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}.lang-switch{
  display:flex;
  align-items:center;
  padding:5px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.07);
}.lang-switch a{
  min-width:44px;
  height:38px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-weight:800;
  color:var(--muted);
}.lang-switch a svg{width:16px;height:16px}.lang-switch a.active{
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  box-shadow:0 10px 20px rgba(52,89,208,.22);
}.hero{padding:42px 0 24px}.hero-shell{padding-top:26px}.hero-grid,
.hero-grid.enhanced{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:28px;
  align-items:stretch;
}.hero-content,
.hero-side{
  padding:34px;
  border-radius:32px;
  position:relative;
  overflow:hidden;
}.hero-badge,
.pill,
.soft-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-size:.85rem;
  font-weight:800;
  background:rgba(75,142,255,.10);
  color:var(--indigo-2);
  border:1px solid rgba(75,142,255,.16);
}.hero-panel-strong{
  padding:32px;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}.hero h1,
.hero-panel-strong h1{
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:1.15;
  margin:14px 0;
  max-width:14ch;
}.hero p,
.hero-panel-strong p{
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.95;
  max-width:62ch;
}.hero-actions,
.hero-action-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}.hero-info-stack{display:grid;gap:18px}.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:none;
  padding:14px 22px;
  border-radius:16px;
  font-weight:800;
  transition:.26s ease;
}.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.btn-primary{
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  box-shadow:0 18px 28px rgba(53,90,212,.28);
}.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 36px rgba(53,90,212,.36);
}.btn-outline{
  background:transparent;
  color:var(--indigo-2);
  border:1px solid rgba(70,139,255,.24);
}.btn-outline:hover{background:rgba(70,139,255,.10);transform:translateY(-2px)}.btn-soft{
  background:rgba(70,139,255,.10);
  color:var(--indigo-2);
  border:1px solid rgba(70,139,255,.18);
}.btn-danger{background:linear-gradient(135deg,#f76f86,#e34a62);color:#fff}.btn-sm{padding:10px 14px;border-radius:12px;font-size:.88rem}.hero-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}.highlight-item{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
}.highlight-item strong{display:block;font-size:1.25rem;margin-bottom:8px}.highlight-item span{
  display:block;
  color:var(--muted);
  line-height:1.6;
  font-size:.92rem;
}.hero-side{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(180deg,rgba(36,63,145,.18),rgba(73,195,255,.08));
}.visual-stack{display:grid;gap:16px}.mini-stat-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}.mini-stat{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line);
}.mini-stat strong{display:block;font-size:1.7rem;margin-bottom:6px}.mini-stat span{color:var(--muted);font-size:.9rem}.side-feature{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--line);
}.side-feature-icon,
.service-icon,
.feature-icon,
.contact-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  box-shadow:0 14px 24px rgba(53,90,212,.26);
  margin-bottom:18px;
  flex-shrink:0;
}.side-feature-icon svg,
.service-icon svg,
.feature-icon svg,
.contact-icon svg{
  width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;
}.side-feature h3{margin:0 0 6px;font-size:1.05rem}.side-feature p{margin:0;color:var(--muted);line-height:1.8;font-size:.93rem}.section{padding:24px 0 14px}.section + .section{padding-top:44px}.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}.section-head h2,
.section-title-lg{
  margin:10px 0 0;
  font-size:clamp(1.5rem,2.5vw,2.3rem);
}.section-head p{
  margin:10px 0 0;
  color:var(--muted);
  line-height:1.9;
  max-width:700px;
}.grid-2,
.grid-3,
.grid-4,
.stats-grid,
.contact-grid,
.feature-grid,
.card-grid,
.gallery-grid{
  display:grid;
  gap:20px;
}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,
.feature-grid,
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid{gap:16px}.stat-card{
  padding:24px;
  border-radius:26px;
  position:relative;
  overflow:hidden;
}.stat-card::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.9;
  background:linear-gradient(145deg,rgba(255,255,255,.10),transparent 50%);
}.stat-card strong{display:block;font-size:2rem;margin-bottom:8px}.stat-card span{display:block;color:var(--muted);font-weight:700}.stat-card .stat-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(53,91,215,.14),rgba(73,195,255,.14));
  color:var(--indigo-2);
  margin-bottom:14px;
}.stat-card .stat-icon svg{
  width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;
}.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.info-panel{
  padding:24px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
}.feature-card h3,
.content-card h3,
.contact-card h3{margin:0 0 10px;font-size:1.12rem}.feature-card p,
.content-card p,
.service-card p,
.project-card p,
.gallery-card p,
.contact-card p,
.info-panel p{
  margin:0;
  color:var(--muted);
  line-height:1.9;
}.service-media,
.project-media,
.gallery-media{
  position:relative;
  aspect-ratio:1.2/1;
  border-radius:22px;
  overflow:hidden;
  margin-bottom:18px;
  background:linear-gradient(135deg,rgba(68,102,194,.12),rgba(84,198,255,.14));
}.service-media img,
.project-media img,
.gallery-media img{
  width:100%;height:100%;object-fit:cover;transition:transform .4s ease;
}.service-card:hover img,
.project-card:hover img,
.gallery-card:hover img{transform:scale(1.04)}.image-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-weight:800;
  letter-spacing:.08em;
}.card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-size:.9rem;
  margin-bottom:10px;
}.card-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}.project-card,
.gallery-card{padding-bottom:22px}.project-card h3,
.service-card h3,
.gallery-card h3{margin:0 0 10px;font-size:1.18rem}.split-panel,
.home-split{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
}.home-split{grid-template-columns:1fr 1fr;gap:18px}.list-panel{display:grid;gap:14px}.list-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}.list-num{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(70,139,255,.12);
  font-weight:800;
  color:var(--indigo-2);
  flex-shrink:0;
}.list-item h4{margin:0 0 6px;font-size:1.02rem}.list-item p{margin:0;color:var(--muted);line-height:1.8;font-size:.92rem}.page-banner{
  padding:34px;
  border-radius:32px;
  margin-top:36px;
  position:relative;
  overflow:hidden;
}.page-banner h1,
.page-banner h2{margin:16px 0 10px;font-size:clamp(1.8rem,3vw,3rem)}.page-banner p{margin:0;color:var(--muted);max-width:760px;line-height:1.95}.info-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}.info-chip{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}.info-chip strong{display:block;margin-bottom:8px}.info-chip span{display:block;color:var(--muted);font-size:.92rem}.footer-cta{
  padding:28px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}.site-footer{
  padding:28px 0 0;
  border-radius:34px 34px 0 0;
  margin-top:50px;
}.footer-main{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:24px;
  padding:0 0 24px;
}.footer-title{margin:0 0 12px;font-size:1.3rem}.footer-list{display:grid;gap:10px;color:var(--muted)}.footer-list a{color:var(--muted)}.footer-bottom{
  border-top:1px solid var(--line);
  padding:16px 0;
  color:var(--muted);
  font-size:.92rem;
}.footer-bottom .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}.social-row .icon-link{width:44px;height:44px}.whatsapp-float{
  position:fixed;
  bottom:22px;
  right:22px;
  z-index:40;
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#16c77a,#0aa15d);
  color:#fff;
  box-shadow:0 16px 36px rgba(16,177,95,.32);
  animation:pulse 2.4s infinite;
}.whatsapp-float svg{width:28px;height:28px;fill:currentColor;stroke:none}

@keyframes pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.fade-in{animation:fadeInUp .8s ease both}

@keyframes fadeInUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}.form-shell,
.table-wrap,
.auth-panel{
  padding:26px;
  border-radius:28px;
}.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}.form-grid .full{grid-column:1/-1}.form-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}label{display:block;margin:0 0 8px;font-weight:800;font-size:.94rem}input,
select,
textarea{
  width:100%;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  outline:none;
  transition:.22s ease;
}input:focus,
select:focus,
textarea:focus{
  border-color:rgba(82,161,255,.45);
  box-shadow:0 0 0 4px rgba(82,161,255,.12);
}textarea{resize:vertical;min-height:150px}.helper-text{margin-top:8px;color:var(--muted);font-size:.9rem;line-height:1.7}.alert{
  padding:14px 18px;
  border-radius:18px;
  margin-bottom:16px;
  font-weight:700;
}.alert.success{background:rgba(14,165,122,.12);color:#0ca46e;border:1px solid rgba(14,165,122,.18)}.alert.error{background:rgba(234,78,96,.12);color:#da3f58;border:1px solid rgba(234,78,96,.18)}.empty-state{
  padding:34px;
  border-radius:28px;
  border:1px dashed rgba(88,139,255,.26);
  text-align:center;
  color:var(--muted);
  font-weight:700;
  background:rgba(255,255,255,.04);
}.empty-hero{
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px dashed rgba(80,140,255,.25);
}.preview-box{
  margin-top:12px;
  padding:12px;
  border-radius:18px;
  border:1px dashed var(--line);
  display:inline-flex;
  align-items:center;
  gap:12px;
  max-width:100%;
  background:rgba(255,255,255,.04);
}.preview-box img{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:16px;
}.preview-box a{color:var(--indigo-2);font-weight:800;word-break:break-word}.contact-grid{grid-template-columns:1fr 1fr .9fr}.contact-card a{color:var(--indigo-2);font-weight:800;word-break:break-word}.download-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}.download-card .btn{white-space:nowrap}.auth-layout{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  position:relative;
  z-index:2;
}.auth-panel{
  width:min(1120px,100%);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  overflow:hidden;
}.auth-showcase{
  padding:34px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(36,63,145,.16),rgba(73,195,255,.08));
}.auth-showcase h1{margin:14px 0 12px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.18}.auth-showcase p{margin:0;color:var(--muted);line-height:1.9}.auth-card{
  padding:30px;
  border-radius:28px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}.auth-card h2{margin:14px 0 8px;font-size:1.6rem}.auth-card p{margin:0 0 18px;color:var(--muted)}.auth-tools{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-bottom:18px}.auth-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.status-new{background:rgba(59,130,246,.13);color:#3c82f6}.status-in_progress{background:rgba(255,139,56,.13);color:#ff8b38}.status-completed{background:rgba(14,165,122,.13);color:#0aa36f}.status-rejected{background:rgba(234,78,96,.13);color:#ea4e60}.muted{color:var(--muted)}.muted-line{color:var(--muted);line-height:1.9}.compact-actions .icon-link{position:relative}.compact-actions .icon-link::after{
  content:attr(title);
  position:absolute;
  bottom:-42px;
  left:50%;
  transform:translateX(-50%);
  padding:8px 10px;
  border-radius:12px;
  background:rgba(7,16,30,.9);
  color:#fff;
  font-size:.78rem;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:.2s ease;
}.compact-actions .icon-link:hover::after{opacity:1}.footer-compact .footer-copy{max-width:620px}.footer-compact-grid{grid-template-columns:1.2fr .95fr}.footer-contact-pills{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}.footer-mini-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:var(--text);
  min-height:60px;
}.footer-mini-card svg{
  width:18px;
  height:18px;
  stroke:var(--indigo-2);
  fill:none;
  stroke-width:2;
  flex:none;
}.icon-link-large{width:50px;height:50px}.compact-cta{padding-bottom:18px}.quick-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}.quick-contact-card{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  display:flex;
  gap:12px;
  align-items:flex-start;
}.quick-contact-card svg{
  width:22px;
  height:22px;
  stroke:var(--indigo-2);
  fill:none;
  stroke-width:2;
  flex:none;
  margin-top:2px;
}.quick-contact-card strong{display:block;margin-bottom:4px}.quick-contact-card span,
.quick-contact-card a{color:var(--muted);word-break:break-word}.hero-news-card{
  padding:28px;
  border-radius:32px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:18px;
  position:relative;
  overflow:hidden;
}.hero-news-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -80px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,209,255,.22) 0%,transparent 70%);
}.hero-news-list{display:grid;gap:14px}.hero-news-item{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
}.hero-news-item .meta{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:.86rem;
  margin-bottom:10px;
}.hero-news-item h3{margin:0 0 8px;font-size:1.05rem;line-height:1.55}.hero-news-item p{margin:0;color:var(--muted);line-height:1.8}.kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}.kpi-card{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}.kpi-card span{display:block;color:var(--muted);font-weight:700;margin-bottom:10px}.kpi-card strong{display:block;font-size:2rem}.kpi-card em{display:block;font-style:normal;color:var(--muted);margin-top:8px}.news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}.news-card{
  padding:18px;
  border-radius:26px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:hidden;
}.news-cover{
  height:220px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(53,91,215,.18),rgba(73,195,255,.18));
  display:grid;
  place-items:center;
}.news-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.45s ease;
}.news-card:hover .news-cover img{transform:scale(1.04)}.news-cover .placeholder-icon{width:46px;height:46px;color:var(--indigo-2)}.news-cover .placeholder-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7}.news-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  color:var(--muted);
  font-size:.86rem;
}.news-meta .pill-mini{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(55,120,255,.1);
  color:var(--indigo-2);
  font-weight:800;
}.news-meta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.news-card h3{margin:0;font-size:1.14rem;line-height:1.6}.news-card p{margin:0;color:var(--muted);line-height:1.9;flex:1}.news-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
}.news-actions .link-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--indigo-2);
  font-weight:800;
}.news-actions .link-inline svg{
  width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;
}.home-news-featured{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:18px;
}.news-spotlight{
  padding:26px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px solid var(--line);
}.news-spotlight .news-cover{height:290px;margin-bottom:18px}.news-sidebar-stack{display:grid;gap:16px}.news-mini-card{
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
}.news-mini-card h4{margin:10px 0 8px;line-height:1.6}.news-mini-card p{margin:0;color:var(--muted);line-height:1.8}.news-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:24px;
}.news-single{
  padding:26px;
  border-radius:30px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}.news-single-cover{
  height:360px;
  border-radius:24px;
  overflow:hidden;
  margin:14px 0 20px;
  background:linear-gradient(135deg,rgba(53,91,215,.18),rgba(73,195,255,.18));
}.news-single-cover img{width:100%;height:100%;object-fit:cover}.news-gallery-inline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}.news-gallery-inline img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:22px;
  border:1px solid var(--line);
}.rich-content{line-height:2;color:var(--text)}.rich-content > *:first-child{margin-top:0}.rich-content h2,
.rich-content h3,
.rich-content h4{margin:1.1em 0 .5em}.rich-content p{margin:0 0 1em;color:inherit}.rich-content ul,
.rich-content ol{padding-inline-start:20px;margin:0 0 1em}.rich-content a{color:var(--indigo-2);font-weight:700}.rich-content table{
  width:100%;
  border-collapse:collapse;
  margin:18px 0;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
}.rich-content th,
.rich-content td{
  padding:12px 14px;
  border:1px solid var(--line);
  text-align:start;
}.rich-content img{max-width:100%;border-radius:22px;margin:18px 0}.sticky-side{
  position:sticky;
  top:108px;
  display:grid;
  gap:16px;
}.side-card{
  padding:20px;
  border-radius:24px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}.side-card h3{margin:0 0 10px}.side-card p,
.side-card li,
.side-card a{color:var(--muted);line-height:1.8}.side-card ul{margin:0;padding-inline-start:18px}.feature-panel{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
}.feature-list-tight{display:grid;gap:14px;margin-top:16px}.feature-list-tight .list-item{margin:0;padding:0}.toolbar-box{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0 0;
}.toolbar-box button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:12px;
  padding:8px 12px;
  font-weight:700;
}.toolbar-box button:hover{
  background:rgba(70,139,255,.10);
  border-color:rgba(70,139,255,.18);
}.editor-preview{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.04);
  overflow:hidden;
}.editor-preview-head{
  padding:12px 14px;
  border-bottom:1px solid var(--line);
  font-weight:800;
  color:var(--muted);
  background:rgba(255,255,255,.03);
}.editor-preview-body{padding:16px;min-height:140px}.content-tip{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(75,142,255,.08);
  border:1px solid rgba(75,142,255,.18);
  color:var(--muted);
  line-height:1.8;
}.org-depth-0{
  padding-top:0;
}

@media (max-width: 1180px){
.hero-grid,
.hero-grid.enhanced,
.split-panel,
.auth-panel,
.home-news-featured,
.news-layout,
.home-split{
    grid-template-columns:1fr;
  }.grid-4,
.stats-grid,
.info-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }.grid-3,
.card-grid,
.feature-grid,
.contact-grid,
.footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }.news-grid,
.kpi-grid,
.footer-contact-pills,
.form-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 860px){
.drawer-services,
.drawer-contact-links,
.drawer-socials{
    margin-top:4px;
    padding-top:10px;
    border-top:1px solid var(--line);
  }.hero-highlights,
.grid-2,
.contact-grid,
.grid-3,
.grid-4,
.stats-grid,
.feature-grid,
.card-grid,
.footer-main,
.info-strip,
.form-grid,
.mini-stat-row,
.news-grid,
.kpi-grid,
.footer-contact-pills,
.quick-contact-grid,
.news-gallery-inline,
.form-grid-3{
    grid-template-columns:1fr;
  }
}

@media (max-width: 540px){
.hero-content,
.hero-side,
.page-banner,
.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.form-shell,
.auth-card,
.auth-showcase,
.hero-panel-strong,
.hero-news-card,
.section-surface,
.news-single,
.side-card,
.news-card,
.kpi-card{
    padding:20px;
  }.news-single-cover{height:230px}.news-cover{height:180px}.whatsapp-float{
    width:58px;
    height:58px;
    bottom:16px;
    right:16px;
  }
}.news-builder-grid{
  display:grid;
  grid-template-columns:minmax(320px,430px) minmax(0,1fr);
  gap:20px;
  align-items:start;
}.news-builder-card{overflow:visible}.editor-side-block,
.editor-main-block{display:grid;gap:18px}.editor-card-block{
  padding:20px;
  border-radius:26px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}.editor-block-head h3{margin:0 0 8px;font-size:1.1rem}.editor-block-head p{margin:0 0 14px;color:var(--muted);line-height:1.8}.news-switches label{display:inline-flex;align-items:center;gap:8px;margin:0 18px 0 0}.editor-lang-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}.editor-tab-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  border-radius:14px;
  padding:11px 16px;
  font-weight:800;
}.editor-tab-btn.active{
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 28px rgba(53,90,212,.24);
}.editor-pane{display:none}.editor-pane.active{display:block}.editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  margin-bottom:12px;
}.toolbar-group{display:flex;gap:8px;flex-wrap:wrap}.editor-toolbar button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:12px;
  padding:9px 12px;
  font-weight:800;
  min-height:40px;
}.editor-textarea{
  min-height:360px;
  resize:vertical;
  line-height:1.9;
  font-size:.98rem;
}.editor-quick-help{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:12px 0 0;
}.editor-quick-help span{font-weight:800;color:var(--muted)}.media-manager-grid{
  display:grid;
  gap:14px;
  margin-top:18px;
}.media-manager-card{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:14px;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
}.media-manager-card img{
  width:100%;
  height:118px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid var(--line);
}.media-manager-fields{display:grid;gap:8px}.media-manager-fields label{margin:0;font-size:.84rem}.media-inline-row{justify-content:space-between;align-items:end}.media-inline-row > div{min-width:120px}.media-remove-check{margin:0;display:inline-flex;align-items:center;gap:8px;padding-bottom:10px}.news-gallery-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.news-gallery-rich figure{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}.news-gallery-rich img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}.news-gallery-rich figcaption{
  padding:12px 14px;
  color:var(--muted);
  line-height:1.7;
  font-size:.9rem;
}.rich-content blockquote{
  margin:18px 0;
  padding:16px 18px;
  border-radius:18px;
  border-inline-start:4px solid var(--indigo-2);
  background:rgba(70,139,255,.08);
}.rich-content figure{margin:18px 0}.rich-content figure img{
  width:100%;
  border-radius:22px;
  border:1px solid var(--line);
}.rich-content figcaption{
  margin-top:10px;
  color:var(--muted);
  font-size:.92rem;
}.rich-content .news-inline-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  font-weight:800;
}.rich-content .news-note-box,
.rich-content .news-highlight-card,
.rich-content .news-faq-item{
  margin:18px 0;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
}.rich-content .news-note-box strong,
.rich-content .news-highlight-card h3,
.rich-content .news-faq-item h4{display:block;margin:0 0 10px}.rich-content .news-data-box{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}.rich-content .news-data-box > div{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}.rich-content .news-data-box strong{display:block;margin-bottom:8px}.rich-content .news-data-box span{display:block;color:var(--muted)}.rich-content .news-two-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:18px 0;
}.rich-content .news-two-columns > div{
  padding:16px 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}.news-meta .pill-mini{display:inline-flex;align-items:center;gap:6px}

@media (max-width: 1180px){
.news-builder-grid{grid-template-columns:1fr}
}

@media (max-width: 860px){
.media-manager-card{grid-template-columns:1fr}.news-gallery-rich,
.rich-content .news-data-box,
.rich-content .news-two-columns{grid-template-columns:1fr}
}

@media (max-width: 540px){
.editor-card-block{padding:16px}.editor-toolbar{padding:10px;gap:8px}.editor-toolbar button{padding:8px 10px;min-height:36px;font-size:.86rem}.editor-textarea{min-height:300px}
}.contact-card,
.contact-card *,
.quick-contact-card,
.quick-contact-card *,
.footer-mini-card,
.footer-mini-card *{word-break:normal !important;}.contact-card a,
.quick-contact-card a,
.footer-mini-card a,
.contact-card p,
.quick-contact-card span{overflow-wrap:anywhere;}.contact-wide-card{grid-column:1 / -1}.social-platform-row{align-items:center;gap:12px;flex-wrap:wrap}.social-platform-pill{width:auto !important;max-width:100%;padding:0 16px !important;min-height:48px;white-space:nowrap}.social-platform-pill span{white-space:nowrap;word-break:keep-all}.contact-grid{align-items:stretch}.whatsapp-float{display:none !important}.contact-fab{position:fixed;right:20px;bottom:20px;z-index:120;display:grid;justify-items:end;gap:12px}html[dir="rtl"] .contact-fab{left:20px;right:auto;justify-items:start}.contact-fab-toggle{width:64px;height:64px;border:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--sky));color:#fff;box-shadow:0 18px 36px rgba(28,73,184,.28)}.contact-fab-toggle svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2}.contact-fab-icon-close{display:none}.contact-fab.open .contact-fab-icon-open{display:none}.contact-fab.open .contact-fab-icon-close{display:block}.contact-fab-menu{display:grid;gap:10px;opacity:0;pointer-events:none;transform:translateY(8px) scale(.95);transition:.24s ease}.contact-fab.open .contact-fab-menu{opacity:1;pointer-events:auto;transform:none}.contact-fab-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft);min-width:154px}.contact-fab-link-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--indigo-2)}.contact-fab-link-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.contact-fab-link-label{font-weight:800;color:var(--text);white-space:nowrap}.contact-fab-whatsapp .contact-fab-link-icon{color:#0ea57a}.contact-fab-instagram .contact-fab-link-icon{color:#d946ef}.contact-fab-facebook .contact-fab-link-icon{color:#2563eb}.contact-fab-mail .contact-fab-link-icon{color:#0f766e}

@media (max-width: 540px){
.contact-fab{right:14px;bottom:14px}html[dir="rtl"] .contact-fab{left:14px;right:auto}.contact-fab-toggle{width:58px;height:58px}.contact-fab-link{min-width:136px;padding:9px 12px}
}.news-upload-assistant .helper-text{margin-top:0}.news-upload-result{margin-top:16px}.news-upload-success{padding:16px 18px;border-radius:18px;background:rgba(14,165,122,.08);border:1px solid rgba(14,165,122,.18);display:grid;gap:8px}.news-upload-success strong{color:#0a9f69}.news-upload-success a{color:var(--indigo-2);font-weight:800;overflow-wrap:anywhere}.editor-preview-modal{position:fixed;inset:0;z-index:150;display:none}.editor-preview-modal.show{display:block}.editor-preview-modal-backdrop{position:absolute;inset:0;background:rgba(7,16,30,.58);backdrop-filter:blur(4px)}.editor-preview-modal-dialog{position:relative;z-index:1;width:min(980px,calc(100% - 28px));max-height:calc(100vh - 40px);overflow:auto;margin:20px auto;border-radius:28px;padding:22px}.editor-preview-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.editor-preview-modal-head h3{margin:0}.editor-preview-modal-body{display:grid;gap:18px}.news-preview-cover img{width:100%;max-height:360px;object-fit:cover;border-radius:24px;border:1px solid var(--line)}.news-shortcode-image{margin:18px 0}.news-shortcode-image img{width:100%;border-radius:22px;border:1px solid var(--line)}.news-shortcode-image figcaption{margin-top:8px;color:var(--muted);font-size:.92rem}.rich-content table{display:table;overflow:visible}:root{
  --remote-bg-engineering:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=2200&q=80");
  --remote-bg-lab:url("https://images.unsplash.com/photo-1581093458791-9f3c3900df4b?auto=format&fit=crop&w=2200&q=80");
  --remote-bg-concrete:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=80");
  --remote-bg-admin:url("https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=2200&q=80");
  --gold:#c99a3f;
  --gold-soft:rgba(201,154,63,.16);
  --deep:#061326;
}body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 16%, rgba(73,195,255,.30), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(201,154,63,.22), transparent 30%),
    linear-gradient(180deg, rgba(244,248,255,.88), rgba(238,244,255,.96)),
    var(--remote-bg-engineering) center/cover no-repeat;
  opacity:.95;
}body.theme-dark::before{
  background:
    radial-gradient(circle at 12% 16%, rgba(73,195,255,.20), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(201,154,63,.16), transparent 30%),
    linear-gradient(180deg, rgba(7,17,31,.90), rgba(7,17,31,.98)),
    var(--remote-bg-engineering) center/cover no-repeat;
}.nav-links a{
  transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}.nav-links a:hover{transform:translateY(-2px)}.nav-links a.active{
  background:linear-gradient(135deg,var(--indigo),var(--accent));
  color:#fff;
  box-shadow:0 14px 34px rgba(22,168,255,.24);
}.hero-shell{
  position:relative;
  min-height:calc(100vh - 110px);
  display:flex;
  align-items:center;
  isolation:isolate;
  padding:68px 0 44px;
}.hero-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(6,19,38,.74), rgba(6,19,38,.26) 55%, rgba(6,19,38,.08)),
    var(--remote-bg-lab) center/cover no-repeat;
  border-radius:0 0 54px 54px;
  opacity:.42;
}body.theme-dark .hero-shell::before{opacity:.62}.hero-grid.enhanced{align-items:stretch;gap:26px}.hero-panel-strong{
  background:linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.58));
  border-radius:36px;
  padding:clamp(24px,4vw,46px);
}body.theme-dark .hero-panel-strong{background:linear-gradient(145deg, rgba(12,24,42,.90), rgba(12,24,42,.58))}.hero-panel-strong h1{
  font-size:clamp(2.2rem,4.8vw,5.2rem);
  line-height:1.18;
  letter-spacing:-.03em;
}html[dir="rtl"] .hero-panel-strong h1{letter-spacing:0}.hero-panel-strong p{font-size:1.08rem;max-width:760px}.hero-action-row .btn{border-radius:999px;padding-inline:22px}.quick-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-contact-card{
  border-radius:24px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.46);
}body.theme-dark .quick-contact-card{background:rgba(12,24,42,.62)}.hero-news-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62)),
    var(--remote-bg-concrete) center/cover no-repeat;
  border-radius:36px;
}body.theme-dark .hero-news-card{background:linear-gradient(180deg, rgba(12,24,42,.88), rgba(12,24,42,.68)), var(--remote-bg-concrete) center/cover no-repeat}.hero-news-item,
.news-card,
.kpi-card,
.service-card,
.project-card,
.gallery-card{
  position:relative;
  overflow:hidden;
}.hero-news-item::after,
.news-card::after,
.kpi-card::after,
.service-card::after,
.project-card::after,
.gallery-card::after{
  content:"";
  position:absolute;
  inset:auto -30% -55% -30%;
  height:120px;
  background:radial-gradient(circle, rgba(73,195,255,.20), transparent 68%);
  pointer-events:none;
}.news-card:hover,
.service-card:hover,
.project-card:hover,
.gallery-card:hover,
.kpi-card:hover{
  transform:translateY(-7px);
  box-shadow:0 26px 76px rgba(6,19,38,.16);
}.news-cover,
.project-image,
.gallery-card img,
.news-single-cover{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
}.page-banner{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.62)),
    var(--remote-bg-concrete) center/cover no-repeat;
  border-radius:38px;
}body.theme-dark .page-banner{background:linear-gradient(135deg, rgba(12,24,42,.90), rgba(12,24,42,.70)), var(--remote-bg-concrete) center/cover no-repeat}.page-banner::after{
  content:"";
  position:absolute;
  width:260px;height:260px;
  inset:auto auto -90px -90px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(201,154,63,.22), transparent 64%);
}.modern-news-builder{
  padding:clamp(18px,3vw,32px);
  border-radius:34px;
  overflow:visible;
}.news-editor-tip{
  border-radius:24px;
  background:linear-gradient(135deg, rgba(22,168,255,.10), rgba(201,154,63,.10));
  border:1px solid rgba(22,168,255,.16);
}.news-publish-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:22px;
  align-items:start;
}.publish-main-column,
.publish-side-column{display:grid;gap:18px}.publish-section-block{
  border-radius:28px;
  padding:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 18px 54px rgba(24,48,100,.09);
}body.theme-dark .publish-section-block{background:rgba(12,24,42,.76);border-color:rgba(139,182,255,.14)}.publish-step{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}.publish-step > span{
  width:48px;height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  background:linear-gradient(135deg,var(--indigo),var(--accent));
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 32px rgba(22,168,255,.22);
}.publish-step h3{margin:0 0 4px;font-size:1.08rem}.publish-step p{margin:0;color:var(--muted);line-height:1.7;font-size:.92rem}.compact-form-grid{grid-template-columns:1fr}.sticky-editor-panel{position:sticky;top:112px}.stacked-switches{display:grid;gap:10px!important}.vertical-actions{display:grid;gap:10px;position:sticky;top:calc(112px + 420px)}.vertical-actions .btn{justify-content:center;width:100%}.cover-preview-box img{height:210px;object-fit:cover;border-radius:20px}.editor-lang-tabs{
  display:inline-flex;
  padding:6px;
  border-radius:18px;
  background:rgba(95,129,196,.10);
  gap:6px;
  margin-bottom:14px;
}.editor-tab-btn{
  border:0;
  border-radius:14px;
  padding:10px 18px;
  color:var(--muted);
  background:transparent;
  font-weight:800;
}.editor-tab-btn.active{background:linear-gradient(135deg,var(--indigo),var(--accent));color:#fff;box-shadow:0 10px 28px rgba(22,168,255,.20)}.ck.ck-editor{
  border-radius:24px!important;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(24,48,100,.08);
}.ck.ck-toolbar{
  border-color:var(--line)!important;
  background:rgba(255,255,255,.86)!important;
}.ck.ck-editor__main>.ck-editor__editable{
  min-height:330px;
  border-color:var(--line)!important;
  background:rgba(255,255,255,.92)!important;
  color:#15213a;
  line-height:1.9;
  padding:24px!important;
}.section-editor + .ck.ck-editor .ck-editor__editable{min-height:230px}body.theme-dark .ck.ck-toolbar{background:rgba(12,24,42,.92)!important;border-color:rgba(139,182,255,.18)!important}body.theme-dark .ck.ck-editor__main>.ck-editor__editable{background:rgba(255,255,255,.96)!important;color:#15213a}.ck-content[dir="rtl"]{text-align:right;font-family:var(--font-ar)}.ck-content[dir="ltr"]{text-align:left;font-family:var(--font-en)}.news-section-list{display:grid;gap:16px}.news-section-card{
  border:1px dashed rgba(36,63,145,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54));
  border-radius:26px;
  padding:18px;
}body.theme-dark .news-section-card{background:linear-gradient(180deg, rgba(12,24,42,.72), rgba(12,24,42,.48));border-color:rgba(139,182,255,.18)}.news-section-card-head{
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}.news-section-card-head .section-count{
  width:38px;height:38px;border-radius:14px;display:grid;place-items:center;
  background:var(--gold-soft);color:var(--gold);font-weight:900;
}.news-section-card-head strong{flex:1}.section-remove-row{padding:12px 14px;border-radius:16px;background:rgba(234,78,96,.08);color:var(--danger)}.slim-media-manager{grid-template-columns:1fr;margin-top:14px}.slim-media-manager .media-manager-card{grid-template-columns:96px 1fr}.slim-media-manager .media-manager-card img{height:96px}.news-single{
  border-radius:36px;
  padding:clamp(18px,3vw,34px);
  background:rgba(255,255,255,.76);
}body.theme-dark .news-single{background:rgba(12,24,42,.78)}.news-single-cover{height:clamp(280px,46vw,520px);border-radius:32px;overflow:hidden;margin:20px 0 26px}.news-inner-sections{display:grid;gap:22px;margin:30px 0}.news-inner-section{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  padding:22px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(36,63,145,.08), rgba(22,168,255,.06), rgba(201,154,63,.08));
  border:1px solid var(--line);
}.news-inner-section-index{
  width:58px;height:58px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--indigo),var(--accent));color:#fff;font-weight:900;
  box-shadow:0 16px 36px rgba(22,168,255,.22);
}.news-inner-section-body h2{margin:0 0 14px;font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1.45}.news-section-figure{margin:0 0 18px!important}.news-section-figure img{width:100%;max-height:440px;object-fit:cover;border-radius:26px;margin:0!important}.news-section-figure figcaption{margin-top:8px;color:var(--muted);font-size:.92rem;text-align:center}.news-gallery-block{
  border-radius:30px;
  padding:18px;
  background:rgba(95,129,196,.07);
  border:1px solid var(--line);
}.news-gallery-rich{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.news-gallery-rich figure{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.55);border:1px solid var(--line);margin:0!important}.news-gallery-rich img{width:100%;height:260px;object-fit:cover;margin:0!important;border-radius:0!important}.rich-content h1,
.rich-content h2,
.rich-content h3{
  color:var(--text);
  line-height:1.45;
}.rich-content blockquote{
  border-inline-start:5px solid var(--accent);
  background:rgba(22,168,255,.08);
}.rich-content figure.image{margin:22px 0}.rich-content figure.image img{width:100%;border-radius:26px;margin:0}

@media (max-width:1100px){
.news-publish-layout{grid-template-columns:1fr}.sticky-editor-panel,
.vertical-actions{position:static}.publish-side-column{order:-1}
}

@media (max-width:760px){
.hero-shell{min-height:auto;padding:32px 0 24px}.quick-contact-grid,
.news-gallery-rich{grid-template-columns:1fr}.news-inner-section{grid-template-columns:1fr}.news-inner-section-index{width:46px;height:46px;border-radius:16px}.publish-section-block{padding:16px;border-radius:22px}.modern-news-builder{padding:14px;border-radius:24px}.ck.ck-editor__main>.ck-editor__editable{min-height:260px;padding:16px!important}
}:root{
    --premium-navy:#07162f;
    --premium-blue:#1264d8;
    --premium-sky:#38bdf8;
    --premium-gold:#d7a84f;
    --premium-ink:#0f172a;
    --premium-soft:#f4f8ff;
    --premium-border:rgba(18,100,216,.16);
}body.theme-light{
    background:
        radial-gradient(circle at 12% 8%, rgba(56,189,248,.20), transparent 32rem),
        radial-gradient(circle at 88% 14%, rgba(215,168,79,.18), transparent 28rem),
        linear-gradient(180deg,#f7fbff 0%,#eef4ff 55%,#ffffff 100%);
}body.theme-dark{
    background:
        radial-gradient(circle at 15% 10%, rgba(56,189,248,.18), transparent 34rem),
        radial-gradient(circle at 80% 20%, rgba(215,168,79,.13), transparent 28rem),
        linear-gradient(180deg,#06111f 0%,#08172a 55%,#020617 100%);
}.btn{
    border-radius:16px;
    font-weight:800;
    letter-spacing:-.01em;
}.btn-primary{
    background:linear-gradient(135deg,var(--premium-blue),#0ea5e9 55%,var(--premium-sky));
    box-shadow:0 16px 35px rgba(18,100,216,.25);
}.btn-outline{
    background:rgba(255,255,255,.62);
    border:1px solid rgba(18,100,216,.17);
}.theme-dark .btn-outline{background:rgba(15,23,42,.62)}.ultra-hero{
    position:relative;
    overflow:hidden;
    padding-top:48px;
}.ultra-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg, rgba(7,22,47,.82), rgba(18,100,216,.32)),
        url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
    opacity:.11;
    pointer-events:none;
}.ultra-hero-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    gap:28px;
    align-items:stretch;
}.ultra-hero-copy,
.ultra-hero-panel{
    border-radius:34px;
    padding:34px;
    border:1px solid rgba(255,255,255,.48);
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.54));
    box-shadow:0 30px 90px rgba(15,23,42,.11);
    position:relative;
    overflow:hidden;
}.theme-dark .ultra-hero-copy,
.theme-dark .ultra-hero-panel{
    background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(15,23,42,.48));
    border-color:rgba(148,163,184,.22);
}.ultra-hero-copy::after{
    content:"";
    position:absolute;
    width:260px;height:260px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(56,189,248,.18),transparent 65%);
    inset:auto -80px -80px auto;
}.ultra-hero-copy h1{
    font-size:clamp(2.3rem,5vw,4.9rem);
    line-height:1.15;
    max-width:920px;
    margin:18px 0;
    letter-spacing:-.05em;
    color:#07162f;
}.theme-dark .ultra-hero-copy h1{color:#f8fafc}.ultra-hero-copy p{
    color:#475569;
    font-size:1.08rem;
    line-height:2;
    max-width:760px;
}.theme-dark .ultra-hero-copy p{color:#cbd5e1}.hero-service-strip{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}.hero-service-strip span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 13px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(18,100,216,.14);
    color:#334155;
    font-size:.93rem;
    font-weight:700;
}.theme-dark .hero-service-strip span{background:rgba(15,23,42,.58);color:#dbeafe}.hero-service-strip svg,
.portal-benefits svg,
.premium-icon svg{width:18px;height:18px}.tracking-demo-card{
    border-radius:28px;
    background:linear-gradient(160deg,#07162f,#123c7c 55%,#0ea5e9);
    color:white;
    padding:26px;
    box-shadow:0 24px 55px rgba(18,100,216,.25);
}.tracking-demo-card .soft-badge{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22)}.tracking-demo-card h3{font-size:1.55rem;margin:12px 0 18px}.demo-timeline{display:grid;gap:12px}.demo-step{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72)}.demo-step span{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08)}.demo-step.done span{background:#22c55e;border-color:#86efac}.demo-step.current span{background:#fbbf24;border-color:#fde68a;box-shadow:0 0 0 8px rgba(251,191,36,.16)}.demo-step b{font-size:.95rem}.hero-mosaic{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}.hero-mosaic div{
    min-height:132px;
    border-radius:24px;
    padding:18px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(18,100,216,.15);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}.theme-dark .hero-mosaic div{background:rgba(15,23,42,.68)}.hero-mosaic svg{width:26px;height:26px;color:var(--premium-blue)}.hero-mosaic strong{font-size:2rem;line-height:1;color:#07162f}.theme-dark .hero-mosaic strong{color:#fff}.hero-mosaic span{font-size:.9rem;color:#64748b;font-weight:800}.process-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}.process-card{
    border-radius:28px;
    padding:26px;
    background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.56));
    border:1px solid var(--premium-border);
    box-shadow:0 20px 55px rgba(15,23,42,.07);
}.theme-dark .process-card{background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(15,23,42,.55))}.process-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);font-weight:900;color:#0f2f86}.process-card h3{font-size:1.35rem;margin:16px 0 10px}.process-card p{color:#64748b;line-height:1.85}.premium-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}.premium-service-card{
    border-radius:28px;
    padding:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(248,251,255,.78));
    border:1px solid rgba(18,100,216,.14);
    min-height:280px;
    display:flex;
    flex-direction:column;
    gap:14px;
    box-shadow:0 24px 60px rgba(15,23,42,.07);
    position:relative;
    overflow:hidden;
}.theme-dark .premium-service-card{background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(15,23,42,.62))}.premium-service-card::after{content:"";position:absolute;inset:auto -40px -70px auto;width:160px;height:160px;border-radius:50%;background:rgba(56,189,248,.15)}.premium-icon{width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);display:grid;place-items:center;color:#0f2f86}.premium-service-card h3{font-size:1.35rem;margin:0;position:relative;z-index:1}.premium-service-card p{color:#64748b;line-height:1.85;position:relative;z-index:1;flex:1}.people-card{
    border-radius:30px;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,255,.74));
    border:1px solid rgba(18,100,216,.14);
    box-shadow:0 24px 64px rgba(15,23,42,.08);
    overflow:hidden;
}.theme-dark .people-card{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(15,23,42,.64))}.leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.consultants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.people-photo{height:280px;background:linear-gradient(135deg,#dbeafe,#f8fafc);display:grid;place-items:center;overflow:hidden}.people-photo.small{height:220px}.people-photo img{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:96px;height:96px;border-radius:32px;background:rgba(18,100,216,.12);display:grid;place-items:center;color:#1264d8}.avatar-placeholder svg{width:44px;height:44px}.people-body{padding:24px}.people-body h3{font-size:1.35rem;margin:12px 0 8px}.people-body p{color:#64748b;line-height:1.85}.people-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.people-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(18,100,216,.08);font-size:.88rem;font-weight:800}.people-links svg{width:15px;height:15px}.home-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-list-clean{display:grid;gap:14px}.news-list-clean article{padding:16px;border-radius:20px;background:rgba(255,255,255,.66);border:1px solid rgba(18,100,216,.1)}.theme-dark .news-list-clean article{background:rgba(15,23,42,.58)}.news-list-clean span{font-size:.84rem;color:#64748b;font-weight:800}.news-list-clean h3{font-size:1.1rem;margin:6px 0}.news-list-clean p{line-height:1.75;color:#64748b}.news-list-clean a{font-weight:900;color:#1264d8}.mini-project-list{display:grid;gap:14px}.mini-project-list article{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:14px;border-radius:20px;background:rgba(255,255,255,.66);border:1px solid rgba(18,100,216,.1)}.theme-dark .mini-project-list article{background:rgba(15,23,42,.58)}.mini-project-list img{width:92px;height:82px;object-fit:cover;border-radius:16px}.mini-project-list article>div span{width:92px;height:82px;border-radius:16px;background:#e0f2fe;display:grid;place-items:center;color:#1264d8}.mini-project-list h3{font-size:1.05rem;margin:0 0 6px}.mini-project-list p{font-size:.92rem;color:#64748b;line-height:1.65;margin:0}.auth-public-section{min-height:70vh;display:flex;align-items:center}.auth-public-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:24px;align-items:stretch}.portal-card{padding:28px;border-radius:30px}.auth-showcase{padding:34px;border-radius:32px;display:flex;flex-direction:column;justify-content:center;min-height:520px;background:linear-gradient(135deg,rgba(7,22,47,.92),rgba(18,100,216,.78)),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1500&q=80") center/cover no-repeat;color:#fff}.auth-showcase h1{font-size:clamp(2rem,4vw,4rem);line-height:1.18;margin:18px 0}.auth-showcase p{line-height:2;color:rgba(255,255,255,.85);font-size:1.05rem;max-width:760px}.mini-flow,
.portal-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.mini-flow span{width:36px;height:36px;border-radius:14px;background:#fff;color:#0f2f86;display:grid;place-items:center;font-weight:900}.mini-flow b,
.portal-benefits div{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}.auth-switch{margin-top:18px;color:#64748b}.auth-switch a{font-weight:900;color:#1264d8}.protected-banner{position:relative;overflow:hidden}.protected-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(56,189,248,.12));pointer-events:none}.portal-user-chip{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;border-radius:999px;background:rgba(18,100,216,.09);font-weight:900}.portal-user-chip svg{width:18px;height:18px}.portal-user-chip a{color:#1264d8}.request-modern-grid{align-items:flex-start}.tracking-preview-card{position:sticky;top:110px}.request-dashboard{display:grid;gap:18px;max-width:1050px}.request-card{border-radius:28px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,255,.76));border:1px solid rgba(18,100,216,.14);box-shadow:0 22px 60px rgba(15,23,42,.07)}.theme-dark .request-card{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(15,23,42,.62))}.request-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:16px;margin-bottom:16px}.request-card h3{font-size:1.3rem;margin:8px 0 4px}.request-message{line-height:1.85;color:#475569}.theme-dark .request-message{color:#cbd5e1}.request-status-stack{text-align:end;display:grid;gap:8px}.request-status-stack strong{color:#1264d8}.tracking-box{margin-top:18px;border-radius:24px;background:rgba(18,100,216,.05);padding:18px;border:1px solid rgba(18,100,216,.10)}.tracking-bar,
.mini-progress{height:9px;background:rgba(148,163,184,.22);border-radius:999px;overflow:hidden;margin-bottom:16px}.tracking-bar span,
.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#1264d8,#38bdf8,#22c55e);border-radius:999px}.mini-progress{height:7px;margin:8px 0}.tracking-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tracking-step{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.88rem}.tracking-step span{width:15px;height:15px;border-radius:50%;background:#cbd5e1;border:3px solid #e2e8f0}.tracking-step.done span{background:#22c55e;border-color:#86efac}.tracking-step.current{color:#0f2f86;font-weight:900}.tracking-step.current span{background:#f59e0b;border-color:#fde68a;box-shadow:0 0 0 6px rgba(245,158,11,.14)}.tracking-note{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.72);line-height:1.8}.theme-dark .tracking-note{background:rgba(15,23,42,.7)}.tracking-history{margin-top:14px}.tracking-history summary{font-weight:900;cursor:pointer;color:#1264d8}.history-item{padding:12px 0;border-bottom:1px solid rgba(148,163,184,.18)}.history-item span{display:block;color:#64748b;font-size:.84rem}.history-item p{margin:6px 0 0;color:#64748b;line-height:1.75}.requests-table td{vertical-align:top}.request-update-form{display:grid;gap:8px;min-width:260px}.request-update-form label{font-size:.78rem;font-weight:900;color:#64748b}.request-update-form textarea{min-height:84px}.check-row{display:flex!important;align-items:center;gap:10px;font-weight:900!important}.check-row input{width:auto!important}.btn-danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.management-hero{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(240,249,255,.65)),url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}.theme-dark .management-hero{background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(15,23,42,.62)),url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat}

@media (max-width:1100px){
.ultra-hero-grid,
.auth-public-grid,
.home-two-columns{grid-template-columns:1fr}.tracking-preview-card{position:static}.premium-card-grid,
.consultants-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
.ultra-hero-copy,
.ultra-hero-panel,
.auth-showcase{padding:24px;border-radius:26px}.process-grid,
.premium-card-grid,
.leadership-grid,
.consultants-grid{grid-template-columns:1fr}.hero-mosaic{grid-template-columns:1fr 1fr}.request-card-head{flex-direction:column}.request-status-stack{text-align:start}.people-photo{height:240px}.mini-project-list article{grid-template-columns:78px 1fr}.mini-project-list img,
.mini-project-list article>div span{width:78px;height:72px}
}body.theme-light{
  --bg:#f7fbff;
  --bg-soft:#edf5ff;
  --surface:rgba(255,255,255,.92);
  --surface-solid:#ffffff;
  --text:#10213d;
  --muted:#5f7396;
  --line:rgba(59,100,177,.14);
  --line-strong:rgba(59,100,177,.24);
  --sky:#54c7ff;
  --sky-soft:#dff4ff;
  --indigo:#21408e;
  --indigo-2:#2e58c7;
  --accent:#0ea5e9;
}body.theme-light .bg-grid{opacity:.42}body.theme-light .site-shell{position:relative}body.theme-light .site-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 10%, rgba(101,175,255,.16), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(14,165,233,.10), transparent 25rem),
    radial-gradient(circle at 50% 100%, rgba(247,194,75,.08), transparent 32rem);
}.pill,
.soft-badge{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}.hero-service-strip span,
.mini-project-list article,
.news-list-clean article,
.process-card,
.people-card,
.premium-service-card,
.request-card,
.request-stage-card{
  border-color:rgba(18,100,216,.11);
}body.theme-light{
  color:#10213d;
}body.theme-dark{
  color:#eef6ff;
}body.theme-light label{color:#21375c}body.theme-dark label{color:#dbeafe}body.theme-light input,
body.theme-light textarea,
body.theme-light select{
  color:#10213d;
  background:#ffffff;
  border-color:rgba(59,100,177,.18);
}body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select{
  color:#edf6ff;
  background:rgba(8,19,35,.92);
  border-color:rgba(147,197,253,.18);
}body.theme-light input::placeholder,
body.theme-light textarea::placeholder{color:#8b9ab2}body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder{color:#7f93b1}body.theme-dark .auth-showcase,
body.theme-light .auth-showcase,
body.theme-dark .auth-showcase h1,
body.theme-light .auth-showcase h1,
body.theme-dark .auth-showcase p,
body.theme-light .auth-showcase p,
body.theme-dark .hero-panel-strong,
body.theme-light .hero-panel-strong{
  color:#ffffff;
}body.theme-light .empty-state{color:#607393;background:rgba(255,255,255,.7)}body.theme-dark .empty-state{color:#b7c7df;background:rgba(8,19,35,.58)}body.theme-light .alert.success{color:#065f46;background:#ecfdf5;border-color:#bbf7d0}body.theme-light .alert.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}body.theme-dark .alert.success{color:#bbf7d0;background:rgba(6,95,70,.18);border-color:rgba(187,247,208,.22)}body.theme-dark .alert.error{color:#fecaca;background:rgba(153,27,27,.18);border-color:rgba(254,202,202,.20)}:root{
  --official-blue:#173e96;
  --official-blue-2:#2563eb;
  --official-sky:#38bdf8;
  --official-gold:#d7a84f;
  --official-ink:#0f213f;
  --official-muted:#667995;
}body.theme-light{
  --text:#0f213f;
  --muted:#667995;
  --surface:rgba(255,255,255,.88);
  --surface-solid:#ffffff;
  --line:rgba(69,101,162,.15);
  --line-strong:rgba(69,101,162,.26);
  --bg:#f7fbff;
  --bg-soft:#edf5ff;
}body.theme-dark{
  --text:#eef6ff;
  --muted:#a9bbd5;
  --surface:rgba(10,20,36,.82);
  --surface-solid:#0d1a2f;
  --line:rgba(148,182,255,.14);
  --line-strong:rgba(148,182,255,.26);
}body{color:var(--text)}.site-video-bg{position:fixed;inset:0;z-index:-4;overflow:hidden;background:#061428}.site-video-bg video{width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(1.15) contrast(1.08)}.video-overlay{position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(247,251,255,.86),rgba(239,246,255,.90) 52%,rgba(255,255,255,.92));}body.theme-dark .video-overlay{background:linear-gradient(180deg,rgba(3,9,18,.86),rgba(5,16,31,.91) 54%,rgba(2,6,23,.94));}.bg-orb{animation:orbDrift 14s ease-in-out infinite alternate}.orb-two{animation-delay:-5s}

@keyframes orbDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(28px,-22px,0) scale(1.08)}}.btn-primary{background:linear-gradient(135deg,var(--official-blue),var(--official-blue-2) 55%,var(--official-sky));box-shadow:0 18px 38px rgba(37,99,235,.25)}.btn-outline{color:var(--text);border-color:var(--line-strong)}.user-menu-wrap{position:relative;display:inline-flex}.user-menu-panel{position:absolute;top:calc(100% + 12px);min-width:292px;max-width:min(330px,calc(100vw - 28px));padding:14px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid rgba(72,103,166,.16);box-shadow:0 28px 70px rgba(15,23,42,.18);opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transition:.22s ease;z-index:90}.user-menu-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}html[dir="rtl"] .user-menu-panel{left:0}html[dir="ltr"] .user-menu-panel{right:0}body.theme-dark .user-menu-panel{background:rgba(10,22,40,.97);border-color:rgba(148,182,255,.16);box-shadow:0 28px 70px rgba(0,0,0,.48)}.user-menu-head{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.user-menu-avatar,
.profile-avatar-large{display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--official-blue),var(--official-sky));color:#fff}.user-menu-avatar{width:48px;height:48px}.user-menu-avatar svg{width:22px;height:22px}.user-menu-head strong{display:block;font-weight:900;color:var(--text);line-height:1.4}.user-menu-head span{display:block;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.user-menu-meta{display:grid;gap:8px;margin:12px 0}.user-menu-meta div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:14px;background:rgba(239,246,255,.78);font-size:.84rem}.theme-dark .user-menu-meta div{background:rgba(15,31,55,.82)}.user-menu-meta span{color:var(--muted)}.user-menu-meta b{color:var(--text);font-weight:800;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-panel>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;color:var(--text);font-weight:800}.user-menu-panel>a:hover{background:rgba(37,99,235,.09);color:var(--official-blue-2)}.user-menu-panel>a svg{width:18px;height:18px}.user-menu-logout{margin-top:6px;border-top:1px solid var(--line);color:#dc2626!important}.logout-only-btn{background:rgba(220,38,38,.08)!important;color:#dc2626!important;border-color:rgba(220,38,38,.16)!important}.verify-countdown{margin-top:22px;display:inline-grid;grid-template-columns:auto auto;gap:10px;align-items:center;padding:13px 18px;border-radius:18px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff}.verify-countdown strong{font-size:1.75rem;letter-spacing:.08em}.verify-countdown span{font-weight:800;opacity:.88}.code-input{text-align:center;font-size:1.35rem;font-weight:900;letter-spacing:.28em;direction:ltr}.code-form .code-input{min-height:58px}.user-settings-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.user-profile-card{text-align:center;padding:28px}.profile-avatar-large{width:92px;height:92px;margin:0 auto 16px;border-radius:30px;box-shadow:0 18px 40px rgba(37,99,235,.22)}.profile-avatar-large svg{width:38px;height:38px}.profile-meta-list{display:grid;gap:10px;margin-top:20px;text-align:start}.profile-meta-list div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(239,246,255,.78);border:1px solid rgba(37,99,235,.08)}.theme-dark .profile-meta-list div{background:rgba(15,31,55,.72)}.profile-meta-list span{color:var(--muted);font-size:.88rem}.profile-meta-list strong{color:var(--text);overflow-wrap:anywhere}.profile-bottom-actions{justify-content:center;margin-top:20px}.footer-bottom span:last-child{font-weight:800;color:var(--muted)}

@keyframes chartSheen{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}.section-surface,
.content-card,
.form-shell,
.auth-card,
.people-card,
.premium-service-card,
.request-card,
.news-card,
.project-card,
.service-card,
.gallery-card{animation:surfaceFloat .75s ease both}.section-surface:hover,
.content-card:hover,
.form-shell:hover,
.auth-card:hover,
.people-card:hover,
.premium-service-card:hover,
.request-card:hover{box-shadow:0 28px 76px rgba(15,45,100,.12);transform:translateY(-2px)}body.theme-dark .section-surface:hover,
body.theme-dark .content-card:hover,
body.theme-dark .form-shell:hover,
body.theme-dark .auth-card:hover,
body.theme-dark .people-card:hover,
body.theme-dark .premium-service-card:hover,
body.theme-dark .request-card:hover{box-shadow:0 28px 76px rgba(0,0,0,.35)}

@keyframes surfaceFloat{from{opacity:.001;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:860px){
.user-settings-grid{grid-template-columns:1fr}.user-menu-panel{position:fixed;top:86px;left:14px!important;right:14px!important;max-width:none}.profile-meta-list div{grid-template-columns:1fr}.site-video-bg video{opacity:.22}.logout-only-btn{display:inline-flex!important}
}

@media (prefers-reduced-motion:reduce){
*,
*::before,
*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.site-video-bg video{display:none}
}body.theme-light{
  --text:#10213d;
  --muted:#5b6f91;
  --surface:rgba(255,255,255,.90);
  --surface-solid:#ffffff;
  --line:rgba(59,100,177,.16);
  --line-strong:rgba(59,100,177,.28);
  background:
    radial-gradient(circle at 12% 8%,rgba(56,189,248,.18),transparent 30rem),
    radial-gradient(circle at 88% 12%,rgba(37,99,235,.10),transparent 28rem),
    linear-gradient(180deg,#f7fbff 0%,#eef6ff 58%,#ffffff 100%);
  color:var(--text);
}body.theme-dark{
  --text:#eef6ff;
  --muted:#a9bbd5;
  --surface:rgba(10,20,36,.84);
  --surface-solid:#0d1a2f;
  --line:rgba(148,182,255,.15);
  --line-strong:rgba(148,182,255,.28);
  color:var(--text);
}body.theme-light .auth-showcase{
  color:#10213d !important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(232,244,255,.80)),
    radial-gradient(circle at 85% 10%,rgba(56,189,248,.18),transparent 18rem) !important;
  border:1px solid rgba(59,100,177,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 20px 55px rgba(15,45,100,.08) !important;
  text-shadow:none !important;
}body.theme-light .auth-showcase,
body.theme-light .auth-showcase *{
  color:#10213d !important;
  text-shadow:none !important;
}body.theme-light .auth-showcase p,
body.theme-light .auth-showcase .muted,
body.theme-light .auth-showcase .muted-line,
body.theme-light .auth-showcase small{
  color:#5b6f91 !important;
}body.theme-light .auth-showcase .pill,
body.theme-light .auth-showcase .soft-badge,
body.theme-light .auth-showcase .hero-badge{
  color:#174ea6 !important;
  background:rgba(37,99,235,.08) !important;
  border-color:rgba(37,99,235,.14) !important;
}body.theme-dark .auth-showcase{
  color:#ffffff !important;
  background:
    linear-gradient(135deg,rgba(15,23,42,.86),rgba(30,64,175,.42)),
    radial-gradient(circle at 85% 10%,rgba(56,189,248,.14),transparent 18rem) !important;
  border:1px solid rgba(148,182,255,.16) !important;
}body.theme-dark .auth-showcase,
body.theme-dark .auth-showcase h1,
body.theme-dark .auth-showcase h2,
body.theme-dark .auth-showcase h3{
  color:#ffffff !important;
}body.theme-dark .auth-showcase p,
body.theme-dark .auth-showcase .muted,
body.theme-dark .auth-showcase .muted-line,
body.theme-dark .auth-showcase small{
  color:#dbeafe !important;
}body.theme-light input,
body.theme-light textarea,
body.theme-light select{
  color:#10213d !important;
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(59,100,177,.18) !important;
}body.theme-dark input,
body.theme-dark textarea,
body.theme-dark select{
  color:#edf6ff !important;
  background:rgba(8,19,35,.92) !important;
  border-color:rgba(147,197,253,.18) !important;
}body.theme-light input::placeholder,
body.theme-light textarea::placeholder{color:#8b9ab2 !important}body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder{color:#7f93b1 !important}body.theme-light .auth-card,
body.theme-light .form-shell,
body.theme-light .section-surface,
body.theme-light .content-card,
body.theme-light .contact-card{
  background:rgba(255,255,255,.88) !important;
  border-color:rgba(59,100,177,.14) !important;
}body.theme-dark .auth-card,
body.theme-dark .form-shell,
body.theme-dark .section-surface,
body.theme-dark .content-card,
body.theme-dark .contact-card{
  background:rgba(10,20,36,.84) !important;
  border-color:rgba(148,182,255,.14) !important;
}.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.auth-card,
.section-surface,
.people-card,
.premium-service-card,
.request-card{
  will-change:transform,box-shadow;
}.content-card:hover,
.service-card:hover,
.project-card:hover,
.gallery-card:hover,
.contact-card:hover,
.auth-card:hover,
.section-surface:hover,
.people-card:hover,
.premium-service-card:hover,
.request-card:hover{
  transform:translateY(-2px);
}

@media (max-width:860px){
.auth-panel{grid-template-columns:1fr !important}.auth-showcase{min-height:auto !important}
}

@media (max-width:1100px){
html,
body{
    overflow-x:hidden !important;
  }.drawer-services,
.drawer-contact-links,
.drawer-socials{
    margin-top:4px !important;
    padding-top:12px !important;
    border-top:1px solid var(--line) !important;
  }
}

@media (min-width: 861px) and (max-width: 1180px){
.auth-panel,
.hero-grid,
.hero-grid.enhanced,
.split-panel,
.home-news-featured,
.news-layout,
.home-split{
    grid-template-columns:1fr !important;
  }.grid-4,
.stats-grid,
.info-strip,
.grid-3,
.card-grid,
.feature-grid,
.contact-grid,
.footer-main,
.news-grid,
.kpi-grid,
.footer-contact-pills,
.form-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }.auth-layout{padding:22px 0 !important;align-items:start !important}.auth-panel{width:min(calc(100% - 28px), 900px) !important;margin-inline:auto !important}
}

@media (max-width: 860px){
:root{--header-h:auto}html,
body{max-width:100%;overflow-x:hidden}body{
    background:
      radial-gradient(circle at 12% 0%,rgba(73,195,255,.18),transparent 20rem),
      radial-gradient(circle at 92% 10%,rgba(53,91,215,.16),transparent 22rem),
      linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 64%,var(--surface-solid) 100%) !important;
    padding-bottom:env(safe-area-inset-bottom);
  }body.theme-dark{
    background:
      radial-gradient(circle at 12% 0%,rgba(98,209,255,.16),transparent 20rem),
      radial-gradient(circle at 92% 10%,rgba(124,156,255,.16),transparent 22rem),
      linear-gradient(180deg,#07111f 0%,#0a182b 62%,#07111f 100%) !important;
  }.container{width:calc(100% - 22px) !important}.site-shell{padding-bottom:12px}.compact-actions .icon-link::after{display:none !important}.drawer-services,
.drawer-contact-links,
.drawer-socials{margin-top:4px !important;padding-top:12px !important;border-top:1px solid var(--line) !important}.auth-layout{
    min-height:auto !important;
    display:block !important;
    padding:14px 0 22px !important;
  }.auth-panel{
    width:calc(100% - 22px) !important;
    margin-inline:auto !important;
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    padding:14px !important;
    border-radius:30px !important;
    overflow:hidden !important;
  }.auth-card{
    order:1 !important;
    padding:22px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.76) !important;
  }body.theme-dark .auth-card{background:rgba(12,24,42,.76) !important}.auth-showcase{
    order:2 !important;
    min-height:auto !important;
    padding:22px !important;
    border-radius:26px !important;
  }.auth-showcase h1,
.auth-card h2{
    font-size:clamp(1.55rem,7vw,2.25rem) !important;
    line-height:1.25 !important;
    max-width:none !important;
  }.auth-showcase p,
.auth-card p{font-size:.96rem !important;line-height:1.85 !important}label{font-size:.92rem !important;margin-bottom:7px !important}input,
select,
textarea{
    min-height:54px !important;
    padding:15px 16px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.72) !important;
    font-size:1rem !important;
  }body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea{background:rgba(14,28,49,.62) !important}.btn{
    width:100% !important;
    min-height:52px !important;
    border-radius:18px !important;
    padding:14px 18px !important;
  }.btn-sm{width:auto !important;min-height:42px !important}.auth-links{display:grid !important;grid-template-columns:1fr !important;gap:10px !important}.auth-links a{width:100% !important;justify-content:center !important;text-align:center !important}.hero,
.section{padding:18px 0 10px !important}.section + .section{padding-top:20px !important}.hero-shell{padding-top:12px !important}.hero-grid,
.hero-grid.enhanced,
.split-panel,
.home-split,
.home-news-featured,
.news-layout,
.auth-panel{
    grid-template-columns:1fr !important;
  }.hero-content,
.hero-side,
.page-banner,
.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.form-shell,
.auth-showcase,
.hero-panel-strong,
.hero-news-card,
.section-surface,
.news-single,
.side-card,
.news-card,
.kpi-card,
.stat-card,
.info-panel{
    padding:20px !important;
    border-radius:26px !important;
  }.hero h1,
.hero-panel-strong h1,
.page-banner h1,
.page-banner h2{
    font-size:clamp(1.7rem,8vw,2.55rem) !important;
    line-height:1.22 !important;
    max-width:none !important;
  }.hero p,
.hero-panel-strong p,
.section-head p,
.page-banner p{font-size:.96rem !important;line-height:1.85 !important}.hero-actions,
.hero-action-row,
.card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }.hero-highlights,
.grid-2,
.contact-grid,
.grid-3,
.grid-4,
.stats-grid,
.feature-grid,
.card-grid,
.footer-main,
.info-strip,
.form-grid,
.mini-stat-row,
.news-grid,
.kpi-grid,
.footer-contact-pills,
.quick-contact-grid,
.news-gallery-inline,
.form-grid-3,
.premium-card-grid,
.process-grid,
.leadership-grid,
.consultants-grid,
.home-two-columns{
    grid-template-columns:1fr !important;
  }.service-media,
.project-media,
.gallery-media{border-radius:22px !important;aspect-ratio:1.34/1 !important}.news-cover{height:190px !important;border-radius:22px !important}.news-single-cover{height:220px !important;border-radius:22px !important}.contact-fab{right:14px !important;bottom:14px !important;z-index:120 !important}html[dir="rtl"] .contact-fab{left:14px !important;right:auto !important}.contact-fab-toggle{width:56px !important;height:56px !important}.site-footer{border-radius:30px 30px 0 0 !important;margin-top:24px !important}.footer-bottom .container{justify-content:center !important;text-align:center !important}
}

@media (max-width: 540px){
.container{width:calc(100% - 18px) !important}.hero-content,
.hero-side,
.page-banner,
.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.form-shell,
.auth-card,
.auth-showcase,
.hero-panel-strong,
.hero-news-card,
.section-surface,
.news-single,
.side-card,
.news-card,
.kpi-card,
.stat-card,
.info-panel{padding:18px !important;border-radius:24px !important}.auth-panel{width:calc(100% - 14px) !important;padding:10px !important;border-radius:26px !important}.btn{min-height:50px !important}
}

@media (prefers-reduced-motion: reduce){
*,
*::before,
*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}

@media (max-width: 1280px){
.drawer-services,
.drawer-contact-links,
.drawer-socials{display:grid !important;margin-top:4px !important;padding-top:12px !important;border-top:1px solid var(--line) !important}
}

@media (max-width: 760px){
.container{width:calc(100% - 18px) !important}.hero,
.section{padding:16px 0 8px !important}.section + .section{padding-top:18px !important}.hero-shell{padding-top:8px !important}.hero-grid,
.hero-grid.enhanced,
.split-panel,
.home-split,
.home-news-featured,
.news-layout,
.grid-2,
.grid-3,
.grid-4,
.stats-grid,
.contact-grid,
.feature-grid,
.card-grid,
.footer-main,
.info-strip,
.form-grid,
.mini-stat-row,
.news-grid,
.kpi-grid,
.footer-contact-pills,
.quick-contact-grid,
.news-gallery-inline,
.form-grid-3,
.premium-card-grid,
.process-grid,
.leadership-grid,
.consultants-grid,
.home-two-columns{
    grid-template-columns:1fr !important;
  }.hero-content,
.hero-side,
.page-banner,
.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.form-shell,
.auth-card,
.auth-showcase,
.hero-panel-strong,
.hero-news-card,
.section-surface,
.news-single,
.side-card,
.news-card,
.kpi-card,
.stat-card,
.info-panel{
    padding:18px !important;
    border-radius:24px !important;
  }.hero h1,
.hero-panel-strong h1,
.page-banner h1,
.page-banner h2,
.section-head h2,
.section-title-lg{
    font-size:clamp(1.55rem,7.8vw,2.2rem) !important;
    line-height:1.23 !important;
    max-width:none !important;
  }.hero p,
.hero-panel-strong p,
.section-head p,
.page-banner p{font-size:.95rem !important;line-height:1.82 !important}.hero-actions,
.hero-action-row,
.card-actions,
.auth-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }.btn{
    width:100% !important;
    min-height:51px !important;
    border-radius:18px !important;
    padding:14px 18px !important;
  }.btn-sm{width:auto !important;min-height:42px !important}input,
select,
textarea{
    min-height:54px !important;
    padding:15px 16px !important;
    border-radius:18px !important;
    font-size:1rem !important;
    background:rgba(255,255,255,.76) !important;
  }body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea{background:rgba(14,28,49,.68) !important}.auth-layout{display:block !important;min-height:auto !important;padding:12px 0 22px !important}.auth-panel{width:calc(100% - 14px) !important;margin:auto !important;display:flex !important;flex-direction:column !important;gap:12px !important;padding:10px !important;border-radius:26px !important}.auth-card{order:1 !important}.auth-showcase{order:2 !important;min-height:auto !important}.service-media,
.project-media,
.gallery-media{border-radius:22px !important;aspect-ratio:1.34/1 !important}.news-cover{height:190px !important;border-radius:22px !important}.news-single-cover{height:220px !important;border-radius:22px !important}.contact-fab{right:14px !important;bottom:14px !important;z-index:120 !important}html[dir="rtl"] .contact-fab{left:14px !important;right:auto !important}.contact-fab-toggle{width:56px !important;height:56px !important}
}.site-footer.footer-compact{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-ribbon *,
.ecb-footer-logo-marquee,
.ecb-footer-logo-track,
.ecb-footer-logo-card,
.ecb-footer-logo-card img{
  opacity:1 !important;
  visibility:visible !important;
}.ecb-footer-logo-ribbon{
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  min-height:118px !important;
  position:relative !important;
  z-index:2 !important;
}.ecb-footer-logo-marquee{
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
  direction:ltr !important;
}.ecb-footer-logo-track{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  animation:ecbLogoMarquee 28s linear infinite !important;
  transition:none !important;
  will-change:transform !important;
  transform:translate3d(0,0,0);
  direction:ltr !important;
}.ecb-footer-logo-card{
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:88px !important;
  flex:0 0 142px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border-radius:20px !important;
  background:#fff !important;
  overflow:hidden !important;
  transform:none !important;
}.ecb-footer-logo-card img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:68px !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
}.site-footer.reveal,
.site-footer .reveal:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-ribbon.reveal,
.ecb-footer-logo-marquee.reveal{
  opacity:1 !important;
  visibility:visible !important;
}

@media (max-width:860px){
.ecb-footer-logo-ribbon{
    min-height:100px !important;
  }.ecb-footer-logo-track{
    gap:12px !important;
  }.ecb-footer-logo-card{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
    flex:0 0 118px !important;
    border-radius:17px !important;
    padding:9px 12px !important;
  }.ecb-footer-logo-card img{
    max-height:58px !important;
  }
}html[dir="rtl"] .content-card,
html[dir="rtl"] .info-panel,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .glass-card,
html[dir="rtl"] .panel-card{
  text-align:right;
}.content-card,
.info-panel,
.feature-card,
.glass-card,
.panel-card{
  padding-inline:42px !important;
  padding-block:34px !important;
}.content-card .pill,
.info-panel .pill,
.feature-card .pill,
.glass-card .pill,
.panel-card .pill{
  margin-bottom:18px !important;
}.content-card h1,
.content-card h2,
.content-card h3,
.info-panel h1,
.info-panel h2,
.info-panel h3,
.feature-card h1,
.feature-card h2,
.feature-card h3,
.glass-card h1,
.glass-card h2,
.glass-card h3,
.panel-card h1,
.panel-card h2,
.panel-card h3{
  margin-inline:0 !important;
  line-height:1.65 !important;
}.content-card p,
.info-panel p,
.feature-card p,
.glass-card p,
.panel-card p{
  line-height:2 !important;
  margin-inline:0 !important;
}.list-item{
  padding-inline:24px !important;
}

@media (max-width:860px){
.content-card,
.info-panel,
.feature-card,
.glass-card,
.panel-card{
    padding-inline:24px !important;
    padding-block:24px !important;
  }.list-item{
    padding-inline:18px !important;
  }
}html[dir="rtl"] .split-panel,
html[dir="rtl"] .home-split,
html[dir="rtl"] .grid-2,
html[dir="rtl"] .feature-grid,
html[dir="rtl"] .card-grid{
  direction:rtl !important;
}html[dir="rtl"] .split-panel > *,
html[dir="rtl"] .home-split > *,
html[dir="rtl"] .grid-2 > .content-card,
html[dir="rtl"] .grid-2 > .info-panel,
html[dir="rtl"] .grid-2 > .feature-card,
html[dir="rtl"] .feature-grid > .feature-card,
html[dir="rtl"] .card-grid > .content-card,
html[dir="rtl"] .section-surface,
html[dir="rtl"] .content-card,
html[dir="rtl"] .info-panel,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .glass-card,
html[dir="rtl"] .panel-card,
html[dir="rtl"] .people-card,
html[dir="rtl"] .premium-service-card,
html[dir="rtl"] .process-card,
html[dir="rtl"] .request-card,
html[dir="rtl"] .side-card,
html[dir="rtl"] .news-card,
html[dir="rtl"] .service-card,
html[dir="rtl"] .project-card,
html[dir="rtl"] .gallery-card,
html[dir="rtl"] .contact-card{
  text-align:right !important;
}.split-panel > .content-card,
.split-panel > .info-panel,
.split-panel > .feature-card,
.split-panel > .glass-card,
.split-panel > .panel-card,
.home-split > .content-card,
.home-split > .info-panel,
.home-split > .feature-card,
.grid-2 > .content-card,
.grid-2 > .info-panel,
.grid-2 > .feature-card,
.feature-grid > .feature-card,
.card-grid > .content-card,
.card-grid > .feature-card,
.section-surface,
.content-card,
.info-panel,
.feature-card,
.glass-card,
.panel-card,
.people-body,
.premium-service-card,
.process-card,
.request-card,
.side-card,
.contact-card{
  padding-inline-start:clamp(34px,3.2vw,58px) !important;
  padding-inline-end:clamp(34px,3.2vw,58px) !important;
  padding-block:clamp(28px,2.4vw,42px) !important;
}.feature-list-tight .list-item,
.list-panel .list-item,
.content-card .list-item,
.info-panel .list-item,
.section-surface .list-item,
.glass-card .list-item,
.panel-card .list-item{
  padding:18px 24px !important;
  gap:16px !important;
}html[dir="rtl"] .feature-list-tight .list-item,
html[dir="rtl"] .list-panel .list-item,
html[dir="rtl"] .content-card .list-item,
html[dir="rtl"] .info-panel .list-item,
html[dir="rtl"] .section-surface .list-item,
html[dir="rtl"] .glass-card .list-item,
html[dir="rtl"] .panel-card .list-item{
  text-align:right !important;
  direction:rtl !important;
}.list-item > div,
.list-item h3,
.list-item h4,
.list-item p,
.content-card > *,
.info-panel > *,
.feature-card > *,
.glass-card > *,
.panel-card > *,
.people-body > *,
.section-surface > *{
  max-width:100% !important;
}.content-card .pill,
.info-panel .pill,
.feature-card .pill,
.glass-card .pill,
.panel-card .pill,
.people-body .pill,
.section-surface .pill{
  margin-bottom:18px !important;
}.content-card h1,
.content-card h2,
.content-card h3,
.info-panel h1,
.info-panel h2,
.info-panel h3,
.feature-card h1,
.feature-card h2,
.feature-card h3,
.glass-card h1,
.glass-card h2,
.glass-card h3,
.panel-card h1,
.panel-card h2,
.panel-card h3,
.people-body h1,
.people-body h2,
.people-body h3,
.section-surface h1,
.section-surface h2,
.section-surface h3{
  margin-inline-start:0 !important;
  margin-inline-end:0 !important;
  line-height:1.65 !important;
}.content-card p,
.info-panel p,
.feature-card p,
.glass-card p,
.panel-card p,
.people-body p,
.section-surface p{
  margin-inline-start:0 !important;
  margin-inline-end:0 !important;
  line-height:2 !important;
}

@media (max-width:860px){
.split-panel > .content-card,
.split-panel > .info-panel,
.split-panel > .feature-card,
.split-panel > .glass-card,
.split-panel > .panel-card,
.home-split > .content-card,
.home-split > .info-panel,
.home-split > .feature-card,
.grid-2 > .content-card,
.grid-2 > .info-panel,
.grid-2 > .feature-card,
.feature-grid > .feature-card,
.card-grid > .content-card,
.card-grid > .feature-card,
.section-surface,
.content-card,
.info-panel,
.feature-card,
.glass-card,
.panel-card,
.people-body,
.premium-service-card,
.process-card,
.request-card,
.side-card,
.contact-card{
    padding-inline-start:24px !important;
    padding-inline-end:24px !important;
    padding-block:24px !important;
  }.feature-list-tight .list-item,
.list-panel .list-item,
.content-card .list-item,
.info-panel .list-item,
.section-surface .list-item,
.glass-card .list-item,
.panel-card .list-item{
    padding:16px 18px !important;
  }.ecb-footer-logo-ribbon{
    min-height:100px !important;
  }.ecb-footer-logo-track{
    gap:12px !important;
  }.ecb-footer-logo-card{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
    flex:0 0 118px !important;
    border-radius:17px !important;
    padding:9px 12px !important;
  }.ecb-footer-logo-card img{
    max-height:58px !important;
  }
}html[dir="rtl"] .content-card,
html[dir="rtl"] .info-panel,
html[dir="rtl"] .section-surface,
html[dir="rtl"] .premium-card,
html[dir="rtl"] .consultant-card,
html[dir="rtl"] .about-card,
html[dir="rtl"] .about-panel,
html[dir="rtl"] .profile-card,
html[dir="rtl"] .feature-card,
html[dir="rtl"] .panel-card,
html[dir="rtl"] .glass-card{
  text-align:right !important;
}.content-card,
.info-panel,
.section-surface,
.premium-card,
.consultant-card,
.about-card,
.about-panel,
.profile-card,
.feature-card,
.panel-card,
.glass-card{
  padding-inline-start:46px !important;
  padding-inline-end:46px !important;
  padding-block:34px !important;
}.content-card > *,
.info-panel > *,
.section-surface > *,
.premium-card > *,
.consultant-card > *,
.about-card > *,
.about-panel > *,
.profile-card > *,
.feature-card > *,
.panel-card > *,
.glass-card > *{
  max-width:100% !important;
}.content-card h1,
.content-card h2,
.content-card h3,
.info-panel h1,
.info-panel h2,
.info-panel h3,
.section-surface h1,
.section-surface h2,
.section-surface h3,
.premium-card h1,
.premium-card h2,
.premium-card h3,
.consultant-card h1,
.consultant-card h2,
.consultant-card h3,
.about-card h1,
.about-card h2,
.about-card h3,
.about-panel h1,
.about-panel h2,
.about-panel h3,
.profile-card h1,
.profile-card h2,
.profile-card h3{
  line-height:1.65 !important;
  margin-inline:0 !important;
}.content-card p,
.info-panel p,
.section-surface p,
.premium-card p,
.consultant-card p,
.about-card p,
.about-panel p,
.profile-card p{
  line-height:2 !important;
  margin-inline:0 !important;
}.feature-list-tight .list-item{
  padding:16px 22px !important;
}.contact-fab{
  position:fixed !important;
  left:20px !important;
  right:auto !important;
  bottom:20px !important;
  z-index:120 !important;
  display:flex !important;
  flex-direction:column-reverse !important;
  align-items:center !important;
  gap:12px !important;
  justify-items:center !important;
}html[dir="rtl"] .contact-fab{
  left:20px !important;
  right:auto !important;
}.contact-fab-menu{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px) scale(.95);
  transition:.24s ease;
}.contact-fab.open .contact-fab-menu{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:none !important;
}.contact-fab-toggle{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  color:#fff !important;
  box-shadow:0 18px 36px rgba(28,73,184,.28) !important;
  overflow:hidden !important;
  font-size:0 !important;
}.contact-fab-toggle svg{
  width:26px !important;
  height:26px !important;
  stroke:#fff !important;
  fill:none !important;
}.contact-fab-link{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  overflow:hidden !important;
  background:#ffffff !important;
  border:1px solid rgba(70,101,167,.16) !important;
  box-shadow:0 12px 28px rgba(20,48,100,.14) !important;
  font-size:0 !important;
  line-height:0 !important;
}.contact-fab-link-label{
  display:none !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
}.contact-fab-link-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}.contact-fab-link-icon svg{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}.site-icon-whatsapp{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:block !important;
  overflow:visible !important;
}.site-icon-whatsapp,
.site-icon-whatsapp *{
  fill:currentColor !important;
  stroke:none !important;
}.site-icon-whatsapp .wa-bubble{
  fill:#25D366 !important;
  opacity:1 !important;
}.site-icon-whatsapp .wa-mark{
  fill:#ffffff !important;
  opacity:1 !important;
}.contact-fab-whatsapp{
  background:#25D366 !important;
  border-color:#25D366 !important;
  color:#ffffff !important;
}.contact-fab-whatsapp .contact-fab-link-icon,
.contact-fab-whatsapp .contact-fab-link-icon svg{
  color:#ffffff !important;
  stroke:none !important;
}.contact-fab-whatsapp .site-icon-whatsapp{
  color:#ffffff !important;
}.contact-fab-mail,
.contact-fab-email{
  background:#ffffff !important;
  border-color:rgba(15,118,110,.18) !important;
  color:#0f766e !important;
}.contact-fab-mail .contact-fab-link-icon,
.contact-fab-mail .contact-fab-link-icon svg,
.contact-fab-email .contact-fab-link-icon,
.contact-fab-email .contact-fab-link-icon svg{
  color:#0f766e !important;
  stroke:#0f766e !important;
}.contact-fab-link::before,
.contact-fab-link::after,
.contact-fab-link-icon::before,
.contact-fab-link-icon::after{
  display:none !important;
  content:none !important;
}

@media (max-width:860px){
.content-card,
.info-panel,
.section-surface,
.premium-card,
.consultant-card,
.about-card,
.about-panel,
.profile-card,
.feature-card,
.panel-card,
.glass-card{
    padding-inline-start:24px !important;
    padding-inline-end:24px !important;
    padding-block:24px !important;
  }.feature-list-tight .list-item{
    padding:14px 18px !important;
  }.ecb-footer-logo-ribbon{
    min-height:100px !important;
  }.ecb-footer-logo-track{
    gap:12px !important;
  }.ecb-footer-logo-card{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
    flex:0 0 118px !important;
    border-radius:17px !important;
    padding:9px 12px !important;
  }.ecb-footer-logo-card img{
    max-height:58px !important;
  }
}

@media (max-width:540px){
.contact-fab{
    left:14px !important;
    right:auto !important;
    bottom:14px !important;
  }html[dir="rtl"] .contact-fab{
    left:14px !important;
    right:auto !important;
  }.contact-fab-toggle{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
  }.contact-fab-link{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }.contact-fab-link-icon,
.site-icon-whatsapp{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
  }.contact-fab-link-icon svg{
    width:22px !important;
    height:22px !important;
  }
}:root{
  --app-blur:22px;
  --app-card-radius:30px;
  --app-card-shadow:0 24px 70px rgba(22,47,96,.14);
  --app-deep-shadow:0 34px 110px rgba(5,12,26,.36);
}body.modal-open{overflow:hidden}

@media (max-width:860px){
body{
    background:
      radial-gradient(circle at 14% 8%,rgba(73,195,255,.18),transparent 28%),
      radial-gradient(circle at 90% 18%,rgba(53,91,215,.16),transparent 30%),
      linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);
  }.container{width:min(calc(100% - 20px),var(--container));}.page-banner,
.hero-content,
.hero-side,
.section-surface,
.content-card,
.feature-card,
.service-card,
.project-card,
.news-card,
.contact-card{
    border-radius:26px !important;
    box-shadow:0 16px 44px rgba(21,42,88,.11) !important;
  }.page-banner{margin-top:18px;padding:22px !important}.page-banner h1,
.page-banner h2{font-size:1.65rem;line-height:1.45}.page-banner p{line-height:1.9;font-size:.95rem}.btn,
.profile-more-btn,
.link-inline{min-height:44px}.hero-action-row{gap:10px}.hero-action-row .btn{width:100%;}
}.section-surface,
.premium-detail-card,
.management-hero,
.news-single,
.project-detail-card{
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.64));
  backdrop-filter:blur(var(--app-blur));
  -webkit-backdrop-filter:blur(var(--app-blur));
  border:1px solid var(--line);
  box-shadow:var(--app-card-shadow);
  border-radius:34px;
  padding:28px;
  position:relative;
  overflow:hidden;
}body.theme-dark .section-surface,
body.theme-dark .premium-detail-card,
body.theme-dark .management-hero,
body.theme-dark .news-single,
body.theme-dark .project-detail-card{
  background:linear-gradient(180deg,rgba(12,24,42,.88),rgba(12,24,42,.62));
}.leadership-grid,
.consultants-grid{display:grid;gap:20px}.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consultants-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.people-card{
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.66));
  border:1px solid var(--line);
  box-shadow:var(--app-card-shadow);
  border-radius:32px;
  overflow:hidden;
  position:relative;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}body.theme-dark .people-card{background:linear-gradient(180deg,rgba(12,24,42,.9),rgba(12,24,42,.66))}.people-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:118px;
  background:
    radial-gradient(circle at 20% 20%,rgba(73,195,255,.55),transparent 38%),
    linear-gradient(135deg,rgba(36,63,145,.95),rgba(73,195,255,.78));
  pointer-events:none;
}.people-card:hover{transform:translateY(-6px);box-shadow:0 28px 80px rgba(24,48,100,.18);border-color:rgba(73,195,255,.34)}.people-photo{
  width:128px;height:128px;margin:42px auto 0;border-radius:34px;padding:6px;
  background:var(--surface-solid);position:relative;z-index:1;box-shadow:0 18px 40px rgba(20,48,100,.20);
}.people-photo.small{width:108px;height:108px;border-radius:30px}.people-photo img,
.avatar-placeholder{width:100%;height:100%;object-fit:cover;border-radius:28px;display:grid;place-items:center;background:rgba(70,139,255,.09);color:var(--indigo-2)}.people-photo.small img,
.people-photo.small .avatar-placeholder{border-radius:24px}.avatar-placeholder svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:2}.people-body{padding:22px 24px 26px;text-align:center;position:relative;z-index:1}.people-body h3{margin:12px 0 8px;font-size:1.22rem;line-height:1.55}.people-body p{margin:0 auto;color:var(--muted);line-height:1.9;max-width:520px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.people-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.people-links a,
.profile-more-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(70,139,255,.18);
  background:rgba(70,139,255,.09);color:var(--indigo-2);border-radius:999px;padding:10px 14px;font-weight:800;transition:.24s ease;
}.people-links a:hover,
.profile-more-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--indigo),var(--sky));color:#fff;border-color:transparent}.profile-more-btn{margin-top:18px;border:0;cursor:pointer;font-size:.92rem}.profile-more-btn svg,
.people-links svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.profile-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px}.profile-modal.show{display:flex}.profile-modal-backdrop{position:absolute;inset:0;background:rgba(5,12,26,.64);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.profile-modal-card{position:relative;width:min(820px,100%);max-height:92vh;overflow:auto;border-radius:36px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--app-deep-shadow);animation:profilePop .28s ease both}body.theme-dark .profile-modal-card{background:#0e1a2d}.profile-modal-cover{height:190px;background:radial-gradient(circle at 22% 20%,rgba(98,209,255,.75),transparent 34%),linear-gradient(135deg,var(--indigo),var(--sky));position:relative;overflow:hidden}.profile-modal-cover::after{content:"";position:absolute;inset:auto -60px -110px auto;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.16)}.profile-modal-close{position:absolute;top:16px;inset-inline-end:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:30px;line-height:1;z-index:2}.profile-modal-body{padding:0 34px 34px;text-align:center}.profile-modal-image-wrap{width:148px;height:148px;margin:-74px auto 18px;border-radius:36px;padding:7px;background:var(--surface-solid);box-shadow:0 22px 54px rgba(20,48,100,.24);position:relative;z-index:1}body.theme-dark .profile-modal-image-wrap{background:#0e1a2d}.profile-modal-image-wrap img{width:100%;height:100%;object-fit:cover;border-radius:29px}.profile-modal-badge{display:inline-flex;padding:9px 16px;border-radius:999px;background:rgba(70,139,255,.10);color:var(--indigo-2);font-weight:800;margin-bottom:14px}.profile-modal-body h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.45}.profile-modal-body h3{margin:0 0 18px;color:var(--indigo-2);font-size:1.08rem;line-height:1.7}.profile-modal-body p{margin:0 auto 22px;color:var(--muted);line-height:2;max-width:640px;font-size:1rem}.profile-modal-info{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.profile-modal-info a{padding:12px 18px;border-radius:16px;background:rgba(70,139,255,.09);border:1px solid rgba(70,139,255,.16);color:var(--indigo-2);font-weight:800;display:inline-flex;align-items:center;gap:8px}.profile-modal-info a.is-hidden{display:none!important}.profile-modal-info svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}

@keyframes profilePop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.project-card,
.news-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.project-card:hover,
.news-card:hover{transform:translateY(-6px);box-shadow:0 26px 72px rgba(24,48,100,.16);border-color:rgba(73,195,255,.32)}.project-card p,
.news-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.project-detail-card{padding:28px}.project-detail-media{border-radius:28px;overflow:hidden;background:linear-gradient(135deg,rgba(53,91,215,.18),rgba(73,195,255,.18));min-height:360px;margin-bottom:22px;display:grid;place-items:center}.project-detail-media img{width:100%;height:100%;object-fit:cover;display:block}.project-detail-card h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.45;margin:0 0 14px}.project-detail-card p{color:var(--muted);line-height:2;font-size:1.02rem}.detail-side-card{padding:22px;border-radius:26px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.detail-side-card h3{margin:0 0 12px}.detail-side-card ul{margin:0;padding-inline-start:18px;color:var(--muted);line-height:2}.news-single{padding:30px;border-radius:36px}.news-single-cover{height:420px;border-radius:30px}.rich-content{font-size:1.02rem}.news-inner-section{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line)}.news-inner-section-index{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--sky));color:#fff;font-weight:900}.news-section-figure img{border-radius:26px;box-shadow:var(--shadow-soft)}.stat-card strong{font-size:2.35rem}

@media (max-width:860px){
.stat-card strong{font-size:1.8rem}.table-wrap{overflow:auto}.form-grid,
.form-grid-3{grid-template-columns:1fr!important}
}

@media (max-width:540px){
.people-card{border-radius:26px}.leadership-grid,
.consultants-grid{grid-template-columns:1fr!important}.people-body{padding-inline:18px}.profile-modal-card{border-radius:28px}.profile-modal-cover{height:150px}.profile-modal-body{padding:0 20px 24px}.profile-modal-image-wrap{width:124px;height:124px;margin-top:-62px;border-radius:30px}.profile-modal-image-wrap img{border-radius:24px}.project-detail-layout,
.news-layout{grid-template-columns:1fr!important}.project-detail-media,
.news-single-cover{height:240px;min-height:240px}.news-inner-section{grid-template-columns:1fr}.news-inner-section-index{width:46px;height:46px}.sticky-side{position:static}.footer-contact-pills{grid-template-columns:1fr!important}
}*{
  scrollbar-width:thin;
  scrollbar-color:rgba(53,91,215,.55) rgba(255,255,255,.18);
}body.theme-dark *{
  scrollbar-color:rgba(98,209,255,.55) rgba(12,24,42,.45);
}::-webkit-scrollbar{
  width:10px;
  height:10px;
}::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(238,244,255,.25));
  border-radius:999px;
}::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--sky),var(--indigo-2));
  border-radius:999px;
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 4px 14px rgba(53,91,215,.22);
}::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--indigo-2),var(--sky));
  box-shadow:0 6px 18px rgba(53,91,215,.32);
}::-webkit-scrollbar-corner{
  background:transparent;
}body.theme-dark ::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(12,24,42,.85),rgba(7,17,31,.85));
}body.theme-dark ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--sky),var(--indigo-2));
  border:2px solid rgba(12,24,42,.9);
  box-shadow:0 4px 16px rgba(0,0,0,.35);
}body.theme-dark ::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--indigo-2),var(--sky));
}

@media (max-width:860px){
::-webkit-scrollbar{
    width:6px;
    height:6px;
  }::-webkit-scrollbar-thumb{
    border-width:1px;
  }
}body,
.site-shell{
  color:var(--text) !important;
}a,
.link-inline,
.news-actions .link-inline,
.contact-card a,
.preview-box a,
.rich-content a{
  color:var(--indigo-2) !important;
}input,
select,
textarea{
  color:var(--text) !important;
}input::placeholder,
textarea::placeholder{
  color:var(--muted) !important;
  opacity:.72 !important;
}.footer-mini-card,
.quick-contact-card,
.list-item,
.info-chip,
.side-card,
.news-mini-card,
.hero-news-item{
  color:var(--text) !important;
}.footer-mini-card span,
.quick-contact-card span,
.quick-contact-card a,
.info-chip span,
.list-item p,
.hero-news-item p,
.news-mini-card p{
  color:var(--muted) !important;
}body.theme-dark{
  --text:#f3f8ff;
  --muted:#b4c4dc;
}body.theme-dark a,
body.theme-dark .link-inline,
body.theme-dark .news-actions .link-inline,
body.theme-dark .contact-card a,
body.theme-dark .preview-box a,
body.theme-dark .rich-content a{
  color:#8fc7ff !important;
}.footer-mini-whatsapp .site-icon-whatsapp{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
}.footer-mini-whatsapp .wa-bubble{fill:var(--indigo-2) !important}.footer-mini-whatsapp .wa-mark{fill:var(--surface-solid) !important}

@media (max-width:1200px){
.drawer-services,
.drawer-contact-links,
.drawer-socials{
    display:grid !important;
    padding-top:12px !important;
    border-top:1px solid var(--line) !important;
  }
}html.drawer-open,
body.drawer-open{overflow:hidden !important;overscroll-behavior:none;}body.drawer-open{touch-action:none;}.main-nav.open,
.mobile-drawer.open,
.side-drawer.open,
.offcanvas-menu.open,
.drawer-panel.open,
.app-sidebar.open{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}.site-icon-whatsapp{width:1.32em;height:1.32em;overflow:visible;fill:none !important;stroke:none !important;}.site-icon-whatsapp .wa-bubble{fill:#25D366 !important;stroke:none !important;}.site-icon-whatsapp .wa-mark{fill:#fff !important;stroke:none !important;}.icon-link .site-icon-whatsapp,
.drawer-secondary-link .site-icon-whatsapp,
.footer-mini-card .site-icon-whatsapp{width:24px;height:24px;}.footer-whatsapp-link,
.contact-fab-whatsapp{background:#25D366 !important;border-color:#25D366 !important;color:#fff !important;}.footer-whatsapp-link .site-icon-whatsapp,
.contact-fab-whatsapp .site-icon-whatsapp,
.footer-mini-whatsapp .site-icon-whatsapp{width:30px !important;height:30px !important;}.contact-fab-whatsapp .contact-fab-link-icon{color:#fff !important;}.footer-mini-whatsapp .site-icon-whatsapp .wa-bubble{fill:var(--indigo-2) !important;}.footer-mini-whatsapp .site-icon-whatsapp .wa-mark{fill:var(--surface-solid) !important;}body.theme-light,
:root{
  --header-surface:rgba(255,255,255,.88);
  --header-surface-solid:#ffffff;
  --header-shadow:0 18px 54px rgba(24,48,100,.14);
  --theme-card:rgba(255,255,255,.82);
  --theme-card-solid:#ffffff;
  --theme-panel:linear-gradient(180deg,rgba(255,255,255,.86),rgba(238,246,255,.72));
  --theme-panel-strong:linear-gradient(135deg,rgba(255,255,255,.94),rgba(229,244,255,.78));
  --theme-soft:rgba(73,195,255,.10);
  --theme-soft-2:rgba(53,91,215,.10);
  --theme-ring:rgba(73,195,255,.26);
  --theme-glow:0 20px 60px rgba(24,48,100,.14);
  --org-board-bg:linear-gradient(180deg,rgba(255,255,255,.92),rgba(235,246,255,.84));
  --org-main-bg:linear-gradient(160deg,var(--indigo),var(--indigo-2));
  --org-core-bg:linear-gradient(180deg,var(--indigo-2),var(--indigo));
  --org-branch-bg:rgba(255,255,255,.72);
  --org-branch-hover:rgba(73,195,255,.14);
  --org-on-primary:#ffffff;
}body.theme-dark{
  --header-surface:rgba(12,24,42,.88);
  --header-surface-solid:#0e1a2d;
  --header-shadow:0 20px 70px rgba(0,0,0,.40);
  --theme-card:rgba(12,24,42,.82);
  --theme-card-solid:#0e1a2d;
  --theme-panel:linear-gradient(180deg,rgba(12,24,42,.90),rgba(8,19,35,.78));
  --theme-panel-strong:linear-gradient(135deg,rgba(12,24,42,.94),rgba(14,35,58,.76));
  --theme-soft:rgba(98,209,255,.12);
  --theme-soft-2:rgba(124,156,255,.12);
  --theme-ring:rgba(98,209,255,.24);
  --theme-glow:0 26px 76px rgba(0,0,0,.38);
  --org-board-bg:linear-gradient(180deg,rgba(12,24,42,.94),rgba(7,17,31,.88));
  --org-main-bg:linear-gradient(160deg,var(--indigo),var(--indigo-2));
  --org-core-bg:linear-gradient(180deg,var(--indigo-2),#203f9a);
  --org-branch-bg:rgba(255,255,255,.07);
  --org-branch-hover:rgba(98,209,255,.12);
  --org-on-primary:#ffffff;
}.topbar{
  position:fixed !important;
  top:12px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  background:var(--header-surface) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
  box-shadow:var(--header-shadow) !important;
  z-index:3000 !important;
}.site-shell{
  padding-top:calc(var(--header-h) + 34px) !important;
}.topbar .brand-copy strong,
.topbar .main-nav a,
.topbar .icon-btn,
.topbar .icon-link{
  color:var(--text);
}.topbar .brand-copy span,
.topbar .main-nav a:not(.active){
  color:var(--muted);
}.topbar .main-nav a:hover,
.topbar .main-nav a.active{
  background:var(--theme-soft) !important;
  color:var(--indigo-2) !important;
}.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
  background:var(--header-surface-solid) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}.form-shell,
.table-wrap,
.section-surface,
.content-card,
.contact-card,
.auth-card,
.panel-card,
.glass-card{
  background:var(--theme-card) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}.org-hero-panel,
.org-radial-shell,
.org-tab-card,
.page-banner,
.hero-panel-strong,
.hero-content,
.hero-side{
  background:var(--theme-panel-strong) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
  box-shadow:var(--theme-glow) !important;
}.org-radial-board,
.org-network-shell,
.org-page-network,
.org-chart-surface{
  background:var(--org-board-bg) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}.org-page-metrics div,
.info-chip,
.highlight-item,
.mini-stat,
.side-feature,
.quick-contact-card,
.footer-mini-card,
.kpi-card,
.stat-card,
.news-card,
.news-mini-card,
.side-card{
  background:var(--theme-card) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}.org-main-button,
.org-core-card,
.org-tab-icon,
.brand-logo,
.btn-primary{
  background:var(--org-main-bg) !important;
  color:var(--org-on-primary) !important;
}.org-core-card{
  background:var(--org-core-bg) !important;
}.org-main-copy strong,
.org-main-copy small,
.org-main-copy em,
.org-core-copy strong,
.org-core-copy span,
.org-core-copy small,
.org-main-plus,
.org-main-orb{
  color:var(--org-on-primary) !important;
}.org-main-orb{
  background:linear-gradient(135deg,var(--sky),var(--accent)) !important;
}.org-main-branches,
.org-branch-toggle{
  background:var(--org-branch-bg) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}.org-branch-toggle:hover{
  background:var(--org-branch-hover) !important;
  border-color:var(--theme-ring) !important;
}.org-branch-copy strong,
.org-branch-toggle,
.org-search input,
input,
select,
textarea{
  color:var(--text) !important;
}.org-branch-copy em,
.org-branch-copy small,
.org-radial-head p,
.org-hero-content p,
.org-page-metrics span,
.muted,
.muted-line{
  color:var(--muted) !important;
}.org-search input,
input,
select,
textarea{
  background:var(--theme-card) !important;
  border-color:var(--line) !important;
}.org-search input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:var(--theme-ring) !important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--sky) 18%,transparent) !important;
}

@media (min-width:1201px){
.topbar{
    position:fixed !important;
    top:12px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(calc(100% - 24px),var(--container)) !important;
    margin:0 !important;
    border-radius:24px !important;
  }.site-shell{
    padding-top:104px !important;
  }.topbar-inner{
    display:grid !important;
    align-items:center !important;
    gap:10px !important;
    min-height:74px !important;
    padding:10px 14px !important;
  }html[dir="rtl"] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) minmax(210px,330px) !important;
    grid-template-areas:"actions nav brand" !important;
  }html[dir="ltr"] .topbar-inner{
    grid-template-columns:minmax(210px,330px) minmax(0,1fr) auto !important;
    grid-template-areas:"brand nav actions" !important;
  }.brand{
    grid-area:brand !important;
    max-width:330px !important;
    min-width:0 !important;
    gap:10px !important;
    flex:0 1 auto !important;
  }.brand-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:15px !important;
  }.brand-copy{
    min-width:0 !important;
    overflow:hidden !important;
  }.brand-copy strong{
    font-size:.9rem !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }.brand-copy span{
    font-size:.72rem !important;
    line-height:1.3 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

@media (min-width:1101px){
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    min-width:0 !important;
  }
}.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }.main-nav .nav-links-grid a{
    flex:0 1 auto !important;
    min-width:0 !important;
    min-height:36px !important;
    padding:8px 8px !important;
    border-radius:12px !important;
    font-size:.8rem !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head,
.nav-cta-link,
.drawer-services,
.drawer-contact-links,
.drawer-socials{
    display:none !important;
  }.header-actions,
.top-actions{
    grid-area:actions !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    flex:0 0 auto !important;
    min-width:max-content !important;
    margin:0 !important;
  }.icon-btn,
.icon-link{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }.icon-btn svg,
.icon-link svg{
    width:18px !important;
    height:18px !important;
  }.lang-switch{
    flex:0 0 auto !important;
    padding:4px !important;
    border-radius:15px !important;
  }.lang-switch a{
    min-width:36px !important;
    height:32px !important;
    padding:0 8px !important;
    font-size:.78rem !important;
    border-radius:10px !important;
  }.nav-toggle{
    display:none !important;
  }
}

@media (max-width:1200px){
.topbar{
    position:fixed !important;
    top:8px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 16px) !important;
    margin:0 !important;
    border-radius:22px !important;
  }.site-shell{
    padding-top:86px !important;
  }.desktop-only{
    display:none !important;
  }.topbar-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:auto !important;
    padding:12px 14px !important;
    gap:10px !important;
  }.brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 112px) !important;
    gap:10px !important;
  }.brand-logo{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    border-radius:16px !important;
  }.brand-copy strong{
    font-size:.95rem !important;
  }.brand-copy span{
    font-size:.78rem !important;
  }.header-actions,
.top-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    gap:8px !important;
  }.nav-toggle{
    display:inline-flex !important;
  }.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--header-surface-solid) !important;
    color:var(--text) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:3200 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
  }html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }.main-nav.open,
.mobile-drawer.open,
.side-drawer.open,
.offcanvas-menu.open,
.drawer-panel.open,
.app-sidebar.open{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:8px 4px 14px !important;
    border-bottom:1px solid var(--line) !important;
  }.main-nav-head span{
    display:block !important;
    color:var(--muted) !important;
    font-size:.82rem !important;
    margin-top:4px !important;
  }.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    flex-wrap:initial !important;
  }.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }.nav-cta-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-top:auto !important;
    background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
    color:#fff !important;
  }
}

@media (max-width:560px){
.topbar{
    top:6px !important;
    width:calc(100% - 12px) !important;
  }.site-shell{
    padding-top:76px !important;
  }.topbar-inner{
    padding:10px 12px !important;
  }.brand{
    max-width:calc(100% - 96px) !important;
  }.brand-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }.brand-copy strong{
    font-size:.9rem !important;
  }.brand-copy span{
    font-size:.74rem !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}

@media (max-width:1200px){
.nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }#mainNav.main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--header-surface-solid,var(--surface-solid)) !important;
    color:var(--text) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:99999 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
  }html[dir="rtl"] #mainNav.main-nav,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
    border-inline-end:0 !important;
  }html[dir="ltr"] #mainNav.main-nav,
html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
    border-inline-start:0 !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show{
    transform:translateX(0) !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }#navBackdrop,
.nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(5,11,24,.52) !important;
    backdrop-filter:blur(4px) !important;
    -webkit-backdrop-filter:blur(4px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:9000 !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
  }
}html.drawer-open,
body.drawer-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}#mainNav.open,
#mainNav.active,
#mainNav.show{
  touch-action:pan-y !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
}body.drawer-open .topbar,
html.drawer-open .topbar{
  z-index:100000 !important;
}

@media (max-width:1200px){
#navBackdrop,
.nav-backdrop{
    z-index:90000 !important;
  }#mainNav.main-nav,
.main-nav{
    z-index:100001 !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav{
    transform:translate3d(0,0,0) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }#navBackdrop.show,
#navBackdrop.active,
#navBackdrop.open,
.nav-backdrop.show,
.nav-backdrop.active,
.nav-backdrop.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}:root{
  --header-h:82px;
}.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  border-inline:0 !important;
  border-top:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:var(--header-surface,var(--surface)) !important;
  color:var(--text) !important;
  box-shadow:0 10px 34px rgba(24,48,100,.10) !important;
  overflow:visible !important;
  z-index:80000 !important;
}.topbar-inner{
  width:min(calc(100% - clamp(16px,4vw,32px)),var(--container)) !important;
  max-width:100% !important;
  margin-inline:auto !important;
  min-height:var(--header-h) !important;
  padding:10px 0 !important;
}.site-shell{
  padding-top:calc(var(--header-h) + 18px) !important;
}.site-footer{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  border-radius:0 !important;
  border-inline:0 !important;
  border-bottom:0 !important;
  border-top:1px solid var(--line) !important;
  background:var(--theme-panel,var(--surface)) !important;
  color:var(--text) !important;
}

@media (min-width:1201px){
.topbar-inner{
    display:grid !important;
    align-items:center !important;
    gap:12px !important;
  }html[dir='rtl'] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) minmax(220px,390px) !important;
    grid-template-areas:"actions nav brand" !important;
  }html[dir='ltr'] .topbar-inner{
    grid-template-columns:minmax(220px,390px) minmax(0,1fr) auto !important;
    grid-template-areas:"brand nav actions" !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    min-width:0 !important;
    color:var(--text) !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    gap:3px !important;
    overflow:hidden !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a{
    flex:0 1 auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
    padding:9px 9px !important;
    font-size:.84rem !important;
    line-height:1 !important;
  }#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head{
    display:none !important;
  }.nav-toggle{
    display:none !important;
  }
}

@media (max-width:1200px){
:root{
    --header-h:72px;
  }.topbar{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    border-radius:0 !important;
    transform:none !important;
    z-index:80000 !important;
  }.topbar-inner{
    width:min(calc(100% - 24px),var(--container)) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:var(--header-h) !important;
    padding:8px 0 !important;
    gap:10px !important;
  }.site-shell{
    padding-top:calc(var(--header-h) + 14px) !important;
  }.brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 112px) !important;
  }.header-actions,
.top-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    gap:8px !important;
  }.nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:80002 !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--header-surface-solid,var(--surface-solid)) !important;
    color:var(--text) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:100002 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    will-change:transform !important;
  }html[dir="rtl"] #mainNav.main-nav,
html[dir="rtl"] .topbar .main-nav,
html[dir="rtl"] .main-nav{
    right:0 !important;
    left:auto !important;
    transform:translate3d(105%,0,0) !important;
    border-inline-start:1px solid var(--line) !important;
    border-inline-end:0 !important;
  }html[dir="ltr"] #mainNav.main-nav,
html[dir="ltr"] .topbar .main-nav,
html[dir="ltr"] .main-nav{
    left:0 !important;
    right:auto !important;
    transform:translate3d(-105%,0,0) !important;
    border-inline-end:1px solid var(--line) !important;
    border-inline-start:0 !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded="true"]) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }#navBackdrop,
.nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(5,11,24,.52) !important;
    backdrop-filter:blur(4px) !important;
    -webkit-backdrop-filter:blur(4px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:100001 !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:8px 4px 14px !important;
    border-bottom:1px solid var(--line) !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --header-h:66px;
  }.topbar-inner{
    width:calc(100% - 18px) !important;
    min-height:var(--header-h) !important;
  }.site-shell{
    padding-top:calc(var(--header-h) + 12px) !important;
  }.brand-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:14px !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}:root{
  --footer-bg-light:#07111f;
  --footer-bg-light-2:#10203b;
  --footer-text-light:#eef7ff;
  --footer-muted-light:#b9cbe8;
  --footer-line-light:rgba(255,255,255,.12);
  --footer-bg-dark:#f3f8ff;
  --footer-bg-dark-2:#ffffff;
  --footer-text-dark:#10203b;
  --footer-muted-dark:#5c6f90;
  --footer-line-dark:rgba(16,32,59,.12);
}.topbar{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-inline:0 !important;
  border-top:0 !important;
  z-index:5000 !important;
}.topbar-inner{
  width:min(calc(100% - clamp(18px,4vw,44px)),var(--container)) !important;
  max-width:100% !important;
  margin-inline:auto !important;
}.site-footer{
  width:100% !important;
  max-width:100% !important;
  margin-inline:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,var(--footer-bg-light),var(--footer-bg-light-2)) !important;
  color:var(--footer-text-light) !important;
  border-top:1px solid var(--footer-line-light) !important;
  box-shadow:0 -18px 55px rgba(7,17,31,.16) !important;
}.site-footer *{
  border-color:var(--footer-line-light);
}.site-footer,
.site-footer .footer-title,
.site-footer strong,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer a,
.site-footer .footer-mini-card,
.site-footer .footer-bottom{
  color:var(--footer-text-light) !important;
}.site-footer p,
.site-footer span,
.site-footer em,
.site-footer .footer-list,
.site-footer .footer-list a,
.site-footer .footer-bottom,
.site-footer .muted,
.site-footer .footer-mini-card span{
  color:var(--footer-muted-light) !important;
}.site-footer .footer-mini-card,
.site-footer .quick-contact-card,
.site-footer .footer-cta{
  background:rgba(255,255,255,.06) !important;
  border-color:var(--footer-line-light) !important;
}.site-footer svg{
  stroke:var(--sky) !important;
}body.theme-dark .site-footer{
  background:linear-gradient(135deg,var(--footer-bg-dark),var(--footer-bg-dark-2)) !important;
  color:var(--footer-text-dark) !important;
  border-top:1px solid var(--footer-line-dark) !important;
  box-shadow:0 -18px 55px rgba(255,255,255,.06) !important;
}body.theme-dark .site-footer *{
  border-color:var(--footer-line-dark);
}body.theme-dark .site-footer,
body.theme-dark .site-footer .footer-title,
body.theme-dark .site-footer strong,
body.theme-dark .site-footer h1,
body.theme-dark .site-footer h2,
body.theme-dark .site-footer h3,
body.theme-dark .site-footer h4,
body.theme-dark .site-footer a,
body.theme-dark .site-footer .footer-mini-card,
body.theme-dark .site-footer .footer-bottom{
  color:var(--footer-text-dark) !important;
}body.theme-dark .site-footer p,
body.theme-dark .site-footer span,
body.theme-dark .site-footer em,
body.theme-dark .site-footer .footer-list,
body.theme-dark .site-footer .footer-list a,
body.theme-dark .site-footer .footer-bottom,
body.theme-dark .site-footer .muted,
body.theme-dark .site-footer .footer-mini-card span{
  color:var(--footer-muted-dark) !important;
}body.theme-dark .site-footer .footer-mini-card,
body.theme-dark .site-footer .quick-contact-card,
body.theme-dark .site-footer .footer-cta{
  background:rgba(16,32,59,.045) !important;
  border-color:var(--footer-line-dark) !important;
}body.theme-dark .site-footer svg{
  stroke:var(--indigo-2) !important;
}#navBackdrop,
.nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  background:rgba(5,11,24,.52) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
body.drawer-open #navBackdrop,
body.drawer-open .nav-backdrop,
html.drawer-open #navBackdrop,
html.drawer-open .nav-backdrop,
body.nav-open #navBackdrop,
body.nav-open .nav-backdrop,
body.menu-open #navBackdrop,
body.menu-open .nav-backdrop,
body.offcanvas-open #navBackdrop,
body.offcanvas-open .nav-backdrop{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}body.drawer-open .topbar,
html.drawer-open .topbar,
body.nav-open .topbar,
html.nav-open .topbar,
body.menu-open .topbar,
html.menu-open .topbar,
body.offcanvas-open .topbar,
html.offcanvas-open .topbar,
body:has(#navBackdrop.show) .topbar,
body:has(.nav-backdrop.show) .topbar,
body:has(#navBackdrop.active) .topbar,
body:has(.nav-backdrop.active) .topbar,
body:has(.nav-toggle[aria-expanded="true"]) .topbar,
body:has(.nav-toggle.active) .topbar{
  z-index:2147483500 !important;
  overflow:visible !important;
}

@media (min-width:1101px){
.topbar-inner{
    display:grid !important;
    align-items:center !important;
  }html[dir='rtl'] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) minmax(220px,390px) !important;
    grid-template-areas:"actions nav brand" !important;
  }html[dir='ltr'] .topbar-inner{
    grid-template-columns:minmax(220px,390px) minmax(0,1fr) auto !important;
    grid-template-areas:"brand nav actions" !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:auto !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
  }#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head{
    display:none !important;
  }
}

@media (max-width:1100px){
.topbar{
    overflow:visible !important;
  }.topbar-inner{
    width:100% !important;
    min-height:var(--header-h) !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483600 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir="rtl"] #mainNav.main-nav,
html[dir="rtl"] .topbar .main-nav,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir="ltr"] #mainNav.main-nav,
html[dir="ltr"] .topbar .main-nav,
html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded="true"]) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}.topbar{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 8px 26px rgba(24,48,100,.08) !important;
  z-index:1000 !important;
}body.theme-dark .topbar{
  background:rgba(12,24,42,.94) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.32) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  margin-inline:auto !important;
  min-height:70px !important;
  padding:8px 0 !important;
}

@media (max-width:1100px){
.topbar{
    top:0 !important;
    margin:0 !important;
  }.topbar-inner{
    width:calc(100% - 22px) !important;
    min-height:66px !important;
    padding:8px 0 !important;
  }
}:root{
  --final-header-h:74px;
}body{
  padding-top:var(--final-header-h) !important;
}body.auth-page,
body.login-page{
  padding-top:0 !important;
}.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.90)) !important;
  box-shadow:0 10px 30px rgba(16,38,86,.10) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
  overflow:visible !important;
  transform:none !important;
  z-index:2147483500 !important;
}body.theme-dark .topbar{
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,24,42,.92)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.38) !important;
  border-bottom-color:rgba(139,182,255,.16) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:var(--container) !important;
  min-height:var(--final-header-h) !important;
  height:var(--final-header-h) !important;
  margin:0 auto !important;
  padding:8px 0 !important;
  gap:12px !important;
  align-items:center !important;
}.brand-logo{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:15px !important;
}.brand-copy strong{
  font-size:.96rem !important;
  line-height:1.35 !important;
}.brand-copy span{
  font-size:.76rem !important;
  line-height:1.35 !important;
  margin-top:2px !important;
}.main-nav .nav-links-grid a,
.main-nav a{
  min-height:38px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  font-size:.86rem !important;
}.icon-btn,
.icon-link,
.nav-toggle{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}#navBackdrop,
.nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(4,10,22,.54) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:2147483000 !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media (min-width:1101px){
#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:auto !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head{
    display:none !important;
  }
}

@media (max-width:1100px){
:root{
    --final-header-h:68px;
  }body{
    padding-top:var(--final-header-h) !important;
  }.topbar{
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin:0 !important;
    border-radius:0 !important;
    padding:0 !important;
    z-index:2147483500 !important;
  }.topbar-inner{
    width:calc(100% - 22px) !important;
    max-width:calc(100% - 22px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:7px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }.brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 178px) !important;
    gap:10px !important;
  }.brand-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
  }.brand-copy strong{
    font-size:.9rem !important;
    line-height:1.3 !important;
  }.brand-copy span{
    font-size:.72rem !important;
    line-height:1.35 !important;
  }.header-actions,
.top-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    gap:7px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }.nav-toggle{
    display:inline-flex !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483600 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir="rtl"] #mainNav.main-nav,
html[dir="rtl"] .topbar .main-nav,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir="ltr"] #mainNav.main-nav,
html[dir="ltr"] .topbar .main-nav,
html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded="true"]) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --final-header-h:66px;
  }.topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:7px 0 !important;
  }.brand{
    max-width:calc(100% - 148px) !important;
  }.brand-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }.brand-copy strong{
    font-size:.86rem !important;
  }.brand-copy span{
    font-size:.68rem !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}.site-footer{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}body:not(.theme-dark) .site-footer{
  background:linear-gradient(180deg,#071a33 0%,#061224 100%) !important;
  color:#eef7ff !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}body:not(.theme-dark) .site-footer .footer-title,
body:not(.theme-dark) .site-footer strong,
body:not(.theme-dark) .site-footer h1,
body:not(.theme-dark) .site-footer h2,
body:not(.theme-dark) .site-footer h3,
body:not(.theme-dark) .site-footer h4,
body:not(.theme-dark) .site-footer a{
  color:#ffffff !important;
}body:not(.theme-dark) .site-footer p,
body:not(.theme-dark) .site-footer span,
body:not(.theme-dark) .site-footer .footer-list,
body:not(.theme-dark) .site-footer .footer-list a,
body:not(.theme-dark) .site-footer .footer-bottom{
  color:rgba(238,247,255,.76) !important;
}body.theme-dark .site-footer{
  background:linear-gradient(180deg,#f7fbff 0%,#e8f2ff 100%) !important;
  color:#10203b !important;
  border-top:1px solid rgba(36,63,145,.16) !important;
}body.theme-dark .site-footer .footer-title,
body.theme-dark .site-footer strong,
body.theme-dark .site-footer h1,
body.theme-dark .site-footer h2,
body.theme-dark .site-footer h3,
body.theme-dark .site-footer h4,
body.theme-dark .site-footer a{
  color:#10203b !important;
}body.theme-dark .site-footer p,
body.theme-dark .site-footer span,
body.theme-dark .site-footer .footer-list,
body.theme-dark .site-footer .footer-list a,
body.theme-dark .site-footer .footer-bottom{
  color:#4b5f7f !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-marquee,
.footer-logo-marquee{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:transparent !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::before,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::before,
.footer-logo-marquee::after{
  display:none !important;
  content:none !important;
}.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  will-change:transform !important;
  direction:ltr !important;
  animation:ecbLogoMarqueeFinal 28s linear infinite !important;
}.ecb-footer-logo-track:hover,
.footer-logo-track:hover,
.footer-logo-group:hover{
  animation-play-state:running !important;
}.ecb-footer-logo-card,
.footer-logo-card{
  flex:0 0 142px !important;
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:88px !important;
}

@keyframes ecbLogoMarqueeFinal{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}:root{
  --ecb-final-lock:1;
  --final-header-h:72px;
}html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}body{
  padding-top:var(--final-header-h) !important;
}.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,250,255,.90)) !important;
  box-shadow:0 10px 30px rgba(16,38,86,.10) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15) !important;
  overflow:visible !important;
  z-index:2147483500 !important;
}body.theme-dark .topbar{
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,24,42,.92)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.38) !important;
  border-bottom-color:rgba(139,182,255,.16) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:min(calc(100% - 28px),var(--container)) !important;
  height:var(--final-header-h) !important;
  min-height:var(--final-header-h) !important;
  margin-inline:auto !important;
  padding:8px 0 !important;
  display:grid !important;
  align-items:center !important;
  gap:12px !important;
}html[dir='rtl'] .topbar-inner{
  grid-template-columns:auto minmax(0,1fr) minmax(230px,360px) !important;
  grid-template-areas:'actions nav brand' !important;
}html[dir='ltr'] .topbar-inner{
  grid-template-columns:minmax(230px,360px) minmax(0,1fr) auto !important;
  grid-template-areas:'brand nav actions' !important;
}.brand-logo{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:15px !important;
}.brand-copy strong{
  font-size:.94rem !important;
  line-height:1.35 !important;
}.brand-copy span{
  font-size:.74rem !important;
  line-height:1.35 !important;
}

@media (min-width:1101px){
.topbar .main-nav,
#mainNav.main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:auto !important;
  }.main-nav .nav-links-grid,
#mainNav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }.main-nav .nav-links-grid a,
#mainNav .nav-links-grid a{
    flex:0 1 auto !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:8px 8px !important;
    border-radius:13px !important;
    font-size:.82rem !important;
    white-space:nowrap !important;
  }.nav-toggle{
    display:none !important;
  }
}#navBackdrop,
.nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(5,11,24,.52) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:2147483000 !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
body.drawer-open #navBackdrop,
body.drawer-open .nav-backdrop,
html.drawer-open #navBackdrop,
html.drawer-open .nav-backdrop,
body.nav-open #navBackdrop,
body.nav-open .nav-backdrop,
body.menu-open #navBackdrop,
body.menu-open .nav-backdrop,
body.offcanvas-open #navBackdrop,
body.offcanvas-open .nav-backdrop{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media (max-width:1100px){
:root{
    --final-header-h:68px;
  }body{
    padding-top:var(--final-header-h) !important;
  }.topbar-inner{
    width:calc(100% - 22px) !important;
    max-width:calc(100% - 22px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:8px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:9px !important;
  }.brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 158px) !important;
  }.brand-logo{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
  }.brand-copy strong{
    font-size:.9rem !important;
  }.brand-copy span{
    font-size:.7rem !important;
  }.header-actions,
.top-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    gap:7px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }.nav-toggle{
    display:inline-flex !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483600 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir='rtl'] #mainNav.main-nav,
html[dir='rtl'] .topbar .main-nav,
html[dir='rtl'] .main-nav,
html[dir='rtl'] .mobile-drawer,
html[dir='rtl'] .side-drawer,
html[dir='rtl'] .offcanvas-menu,
html[dir='rtl'] .drawer-panel,
html[dir='rtl'] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir='ltr'] #mainNav.main-nav,
html[dir='ltr'] .topbar .main-nav,
html[dir='ltr'] .main-nav,
html[dir='ltr'] .mobile-drawer,
html[dir='ltr'] .side-drawer,
html[dir='ltr'] .offcanvas-menu,
html[dir='ltr'] .drawer-panel,
html[dir='ltr'] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded='true']) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --final-header-h:66px;
  }.topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:7px 0 !important;
  }.brand{
    max-width:calc(100% - 148px) !important;
  }.brand-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }.brand-copy strong{
    font-size:.86rem !important;
  }.brand-copy span{
    font-size:.68rem !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}.site-footer{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}body:not(.theme-dark) .site-footer{
  background:linear-gradient(180deg,#071a33 0%,#061224 100%) !important;
  color:#eef7ff !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}body:not(.theme-dark) .site-footer .footer-title,
body:not(.theme-dark) .site-footer strong,
body:not(.theme-dark) .site-footer h1,
body:not(.theme-dark) .site-footer h2,
body:not(.theme-dark) .site-footer h3,
body:not(.theme-dark) .site-footer h4,
body:not(.theme-dark) .site-footer a{
  color:#ffffff !important;
}body:not(.theme-dark) .site-footer p,
body:not(.theme-dark) .site-footer span,
body:not(.theme-dark) .site-footer .footer-list,
body:not(.theme-dark) .site-footer .footer-list a,
body:not(.theme-dark) .site-footer .footer-bottom{
  color:rgba(238,247,255,.76) !important;
}body.theme-dark .site-footer{
  background:linear-gradient(180deg,#f7fbff 0%,#e8f2ff 100%) !important;
  color:#10203b !important;
  border-top:1px solid rgba(36,63,145,.16) !important;
}body.theme-dark .site-footer .footer-title,
body.theme-dark .site-footer strong,
body.theme-dark .site-footer h1,
body.theme-dark .site-footer h2,
body.theme-dark .site-footer h3,
body.theme-dark .site-footer h4,
body.theme-dark .site-footer a{
  color:#10203b !important;
}body.theme-dark .site-footer p,
body.theme-dark .site-footer span,
body.theme-dark .site-footer .footer-list,
body.theme-dark .site-footer .footer-list a,
body.theme-dark .site-footer .footer-bottom{
  color:#4b5f7f !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-marquee,
.footer-logo-marquee{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:transparent !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  direction:ltr !important;
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::before,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::before,
.footer-logo-marquee::after{
  display:none !important;
  content:none !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-ribbon *,
.ecb-footer-logo-marquee,
.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group,
.ecb-footer-logo-card,
.footer-logo-card,
.ecb-footer-logo-card img,
.footer-logo-card img{
  opacity:1 !important;
  visibility:visible !important;
}.site-footer.reveal,
.site-footer .reveal:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-ribbon.reveal,
.ecb-footer-logo-marquee.reveal{
  opacity:1 !important;
  visibility:visible !important;
}.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  will-change:transform !important;
  direction:ltr !important;
  transition:none !important;
  animation:ecbLogoMarqueeConflictFree 28s linear infinite !important;
}.ecb-footer-logo-track:hover,
.footer-logo-track:hover,
.footer-logo-group:hover{
  animation-play-state:running !important;
}.ecb-footer-logo-card,
.footer-logo-card{
  flex:0 0 142px !important;
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:0 !important;
}.ecb-footer-logo-card img,
.footer-logo-card img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:68px !important;
  object-fit:contain !important;
  filter:none !important;
}

@media (max-width:860px){
.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group{
    gap:12px !important;
    animation-duration:22s !important;
  }.ecb-footer-logo-card,
.footer-logo-card{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
  }.ecb-footer-logo-card img,
.footer-logo-card img{
    max-height:58px !important;
  }
}

@keyframes ecbLogoMarqueeConflictFree{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}:root{
  --final-header-h:72px;
  --section-flat-gap:18px;
  --logo-fade-size:86px;
}html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}body{
  padding-top:var(--final-header-h) !important;
}.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.93)) !important;
  box-shadow:0 8px 24px rgba(16,38,86,.08) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  overflow:visible !important;
  z-index:2147483500 !important;
}body.theme-dark .topbar{
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,24,42,.94)) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.34) !important;
  border-bottom-color:rgba(139,182,255,.16) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:min(calc(100% - 28px),var(--container)) !important;
  height:var(--final-header-h) !important;
  min-height:var(--final-header-h) !important;
  margin-inline:auto !important;
  padding:7px 0 !important;
  display:grid !important;
  align-items:center !important;
  gap:12px !important;
}html[dir='rtl'] .topbar-inner{
  grid-template-columns:auto minmax(0,1fr) minmax(220px,360px) !important;
  grid-template-areas:'actions nav brand' !important;
}html[dir='ltr'] .topbar-inner{
  grid-template-columns:minmax(220px,360px) minmax(0,1fr) auto !important;
  grid-template-areas:'brand nav actions' !important;
}.brand{
  min-width:0 !important;
  gap:12px !important;
}.brand-logo{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:14px !important;
}.brand-copy strong{
  font-size:.94rem !important;
  line-height:1.35 !important;
}.brand-copy span{
  font-size:.74rem !important;
  line-height:1.35 !important;
}.header-actions,
.top-actions{
  gap:8px !important;
}.icon-btn,
.icon-link,
.nav-toggle{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
}

@media (min-width:1101px){
.topbar .main-nav,
#mainNav.main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:auto !important;
  }.main-nav .nav-links-grid,
#mainNav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }.main-nav .nav-links-grid a,
#mainNav .nav-links-grid a{
    flex:0 1 auto !important;
    min-width:0 !important;
    min-height:38px !important;
    white-space:nowrap !important;
    padding:9px 8px !important;
    border-radius:12px !important;
    font-size:.82rem !important;
    line-height:1 !important;
  }.nav-toggle{
    display:none !important;
  }
}

@media (max-width:1100px){
:root{
    --final-header-h:66px;
    --logo-fade-size:58px;
  }.topbar{
    top:0 !important;
    width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
  }.topbar-inner{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:7px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }.brand{
    flex:1 1 auto !important;
    max-width:calc(100% - 156px) !important;
  }.brand-logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }.brand-copy strong{
    font-size:.86rem !important;
  }.brand-copy span{
    font-size:.68rem !important;
  }.nav-toggle{
    display:inline-flex !important;
  }#navBackdrop,
.nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483400 !important;
    background:rgba(5,11,24,.42) !important;
    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
body.drawer-open #navBackdrop,
body.drawer-open .nav-backdrop{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483600 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir='rtl'] #mainNav.main-nav,
html[dir='rtl'] .topbar .main-nav,
html[dir='rtl'] .main-nav,
html[dir='rtl'] .mobile-drawer,
html[dir='rtl'] .side-drawer,
html[dir='rtl'] .offcanvas-menu,
html[dir='rtl'] .drawer-panel,
html[dir='rtl'] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir='ltr'] #mainNav.main-nav,
html[dir='ltr'] .topbar .main-nav,
html[dir='ltr'] .main-nav,
html[dir='ltr'] .mobile-drawer,
html[dir='ltr'] .side-drawer,
html[dir='ltr'] .offcanvas-menu,
html[dir='ltr'] .drawer-panel,
html[dir='ltr'] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded='true']) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --final-header-h:64px;
    --logo-fade-size:44px;
  }.topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
  }.brand{
    max-width:calc(100% - 148px) !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}.section{
  padding:var(--section-flat-gap) 0 0 !important;
}.section + .section{
  padding-top:var(--section-flat-gap) !important;
}.hero,
.hero-shell{
  padding-top:0 !important;
}.page-banner,
.section-surface,
.org-hero-panel,
.org-radial-shell,
.org-radial-board,
.hero-panel-strong,
.auth-panel,
.form-shell,
.table-wrap,
.news-single,
.footer-cta{
  border-radius:0 !important;
}.page-banner,
.section-surface,
.org-hero-panel,
.org-radial-shell,
.org-radial-board{
  margin-top:0 !important;
}.org-page-hero,
.section.org-page-hero{
  padding-top:10px !important;
}.org-page-section,
.section.org-page-section{
  padding-top:18px !important;
}.org-hero-panel{
  padding:28px clamp(16px,3vw,34px) !important;
}.org-radial-shell{
  padding:24px clamp(14px,3vw,28px) !important;
}.org-radial-board{
  padding:clamp(14px,2.5vw,28px) !important;
}.pill,
.hero-badge,
.soft-badge,
.org-hero-content .pill,
.org-radial-head .pill,
.section-head .pill,
.page-banner .pill{
  width:fit-content !important;
  max-width:max-content !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-self:flex-start !important;
  justify-self:start !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  padding:8px 13px !important;
}html[dir='rtl'] .pill,
html[dir='rtl'] .hero-badge,
html[dir='rtl'] .soft-badge,
html[dir='rtl'] .org-hero-content .pill,
html[dir='rtl'] .org-radial-head .pill,
html[dir='rtl'] .section-head .pill,
html[dir='rtl'] .page-banner .pill{
  justify-self:end !important;
  align-self:flex-start !important;
}.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.info-panel,
.stat-card,
.kpi-card,
.news-card,
.news-mini-card,
.quick-contact-card,
.list-item,
.info-chip,
.org-page-metrics div,
.org-main-button,
.org-main-branches,
.org-branch-toggle,
.org-core-card,
.org-tab-card,
.auth-card,
.empty-state,
.empty-hero,
.preview-box,
.btn,
.icon-btn,
.icon-link,
.drawer-secondary-link,
.nav-cta-link{
  border-radius:var(--radius-lg) !important;
}

@media (max-width:860px){
.section{
    padding-top:14px !important;
  }.section + .section,
.org-page-section,
.section.org-page-section{
    padding-top:14px !important;
  }.org-page-hero,
.section.org-page-hero{
    padding-top:8px !important;
  }.page-banner,
.section-surface,
.org-hero-panel,
.org-radial-shell,
.org-radial-board{
    border-radius:0 !important;
  }
}.site-footer{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}body:not(.theme-dark) .site-footer{
  background:linear-gradient(180deg,#071a33 0%,#061224 100%) !important;
  color:#eef7ff !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}body:not(.theme-dark) .site-footer .footer-title,
body:not(.theme-dark) .site-footer strong,
body:not(.theme-dark) .site-footer h1,
body:not(.theme-dark) .site-footer h2,
body:not(.theme-dark) .site-footer h3,
body:not(.theme-dark) .site-footer h4,
body:not(.theme-dark) .site-footer a{
  color:#ffffff !important;
}body:not(.theme-dark) .site-footer p,
body:not(.theme-dark) .site-footer span,
body:not(.theme-dark) .site-footer .footer-list,
body:not(.theme-dark) .site-footer .footer-list a,
body:not(.theme-dark) .site-footer .footer-bottom{
  color:rgba(238,247,255,.76) !important;
}body.theme-dark .site-footer{
  background:linear-gradient(180deg,#f7fbff 0%,#e8f2ff 100%) !important;
  color:#10203b !important;
  border-top:1px solid rgba(36,63,145,.16) !important;
}body.theme-dark .site-footer .footer-title,
body.theme-dark .site-footer strong,
body.theme-dark .site-footer h1,
body.theme-dark .site-footer h2,
body.theme-dark .site-footer h3,
body.theme-dark .site-footer h4,
body.theme-dark .site-footer a{
  color:#10203b !important;
}body.theme-dark .site-footer p,
body.theme-dark .site-footer span,
body.theme-dark .site-footer .footer-list,
body.theme-dark .site-footer .footer-list a,
body.theme-dark .site-footer .footer-bottom{
  color:#4b5f7f !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-marquee,
.footer-logo-marquee{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:transparent !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  direction:ltr !important;
  isolation:isolate !important;
}body:not(.theme-dark) .ecb-footer-logo-ribbon,
body:not(.theme-dark) .ecb-footer-logo-marquee,
body:not(.theme-dark) .footer-logo-marquee{
  --logo-fade-solid:#061224;
  --logo-fade-soft:rgba(6,18,36,.78);
  --logo-fade-clear:rgba(6,18,36,0);
}body.theme-dark .ecb-footer-logo-ribbon,
body.theme-dark .ecb-footer-logo-marquee,
body.theme-dark .footer-logo-marquee{
  --logo-fade-solid:#e8f2ff;
  --logo-fade-soft:rgba(232,242,255,.76);
  --logo-fade-clear:rgba(232,242,255,0);
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::before,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::before,
.footer-logo-marquee::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:var(--logo-fade-size) !important;
  z-index:5 !important;
  pointer-events:none !important;
  opacity:.42 !important;
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-marquee::before,
.footer-logo-marquee::before{
  left:0 !important;
  right:auto !important;
  background:linear-gradient(90deg,var(--logo-fade-solid) 0%,var(--logo-fade-soft) 38%,var(--logo-fade-clear) 100%) !important;
}.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::after{
  right:0 !important;
  left:auto !important;
  background:linear-gradient(270deg,var(--logo-fade-solid) 0%,var(--logo-fade-soft) 38%,var(--logo-fade-clear) 100%) !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-ribbon *:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-marquee,
.ecb-footer-logo-card,
.footer-logo-card,
.ecb-footer-logo-card img,
.footer-logo-card img{
  opacity:1 !important;
  visibility:visible !important;
}.site-footer.reveal,
.site-footer .reveal:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-ribbon.reveal,
.ecb-footer-logo-marquee.reveal{
  opacity:1 !important;
  visibility:visible !important;
}.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  will-change:transform !important;
  direction:ltr !important;
  transition:none !important;
  opacity:1 !important;
  visibility:visible !important;
  animation:ecbLogoMarqueeUltimate 28s linear infinite !important;
}.ecb-footer-logo-track:hover,
.footer-logo-track:hover,
.footer-logo-group:hover{
  animation-play-state:running !important;
}.ecb-footer-logo-card,
.footer-logo-card{
  flex:0 0 142px !important;
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:0 !important;
}.ecb-footer-logo-card img,
.footer-logo-card img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:68px !important;
  object-fit:contain !important;
  filter:none !important;
}

@media (max-width:860px){
.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group{
    gap:12px !important;
    animation-duration:22s !important;
  }.ecb-footer-logo-card,
.footer-logo-card{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
  }.ecb-footer-logo-card img,
.footer-logo-card img{
    max-height:58px !important;
  }
}

@keyframes ecbLogoMarqueeUltimate{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}:root{
  --final-header-h:66px !important;
  --section-flat-gap:0px !important;
  --logo-fade-size:72px !important;
}html,
body{
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:clip !important;
}
@supports not (overflow:clip){
html,
body{overflow-x:hidden !important;}
}body{
  padding-top:var(--final-header-h) !important;
}.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,255,.94)) !important;
  box-shadow:0 8px 22px rgba(16,38,86,.075) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  z-index:2147483500 !important;
  overflow:visible !important;
}body.theme-dark .topbar{
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,24,42,.94)) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.34) !important;
  border-bottom-color:rgba(139,182,255,.16) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:min(calc(100% - 28px),var(--container)) !important;
  height:var(--final-header-h) !important;
  min-height:var(--final-header-h) !important;
  margin-inline:auto !important;
  padding:6px 0 !important;
  align-items:center !important;
  gap:10px !important;
  overflow:visible !important;
}html[dir='rtl'] .topbar-inner{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) minmax(210px,330px) !important;
  grid-template-areas:'actions nav brand' !important;
}html[dir='ltr'] .topbar-inner{
  display:grid !important;
  grid-template-columns:minmax(210px,330px) minmax(0,1fr) auto !important;
  grid-template-areas:'brand nav actions' !important;
}.brand{
  min-width:0 !important;
  max-width:100% !important;
  gap:10px !important;
}.brand-logo{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:13px !important;
}.brand-copy strong{
  font-size:.9rem !important;
  line-height:1.28 !important;
  max-width:100% !important;
}.brand-copy span{
  font-size:.68rem !important;
  line-height:1.28 !important;
  max-width:100% !important;
}.header-actions,
.top-actions{
  gap:7px !important;
  min-width:max-content !important;
  flex:0 0 auto !important;
}.icon-btn,
.icon-link,
.nav-toggle{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:12px !important;
}

@media (min-width:1201px){
.topbar .main-nav,
#mainNav.main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    z-index:auto !important;
  }.main-nav .nav-links-grid,
#mainNav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:2px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }.main-nav .nav-links-grid a,
#mainNav .nav-links-grid a{
    flex:0 1 auto !important;
    min-width:0 !important;
    min-height:36px !important;
    white-space:nowrap !important;
    padding:8px 7px !important;
    border-radius:11px !important;
    font-size:.78rem !important;
    line-height:1.1 !important;
  }.nav-toggle{
    display:none !important;
  }
}

@media (max-width:1200px){
:root{
    --final-header-h:64px !important;
    --logo-fade-size:54px !important;
  }body{
    padding-top:var(--final-header-h) !important;
  }.topbar{
    top:0 !important;
    width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
  }.topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    height:var(--final-header-h) !important;
    min-height:var(--final-header-h) !important;
    padding:6px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }html[dir='rtl'] .topbar-inner{flex-direction:row !important;}html[dir='ltr'] .topbar-inner{flex-direction:row !important;}.brand{
    flex:1 1 auto !important;
    max-width:calc(100% - 155px) !important;
    min-width:0 !important;
  }.brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:12px !important;
  }.brand-copy strong{
    font-size:.84rem !important;
  }.brand-copy span{
    font-size:.64rem !important;
  }.topbar .desktop-only,
.topbar .icon-link.textual,
.topbar .header-actions a:not(.icon-link):not(.icon-btn),
.topbar .top-actions a:not(.icon-link):not(.icon-btn){
    display:none !important;
  }.nav-toggle{
    display:inline-flex !important;
    flex:0 0 40px !important;
  }#navBackdrop,
.nav-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483400 !important;
    background:rgba(5,11,24,.40) !important;
    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
body.drawer-open #navBackdrop,
body.drawer-open .nav-backdrop{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483600 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir='rtl'] #mainNav.main-nav,
html[dir='rtl'] .topbar .main-nav,
html[dir='rtl'] .main-nav,
html[dir='rtl'] .mobile-drawer,
html[dir='rtl'] .side-drawer,
html[dir='rtl'] .offcanvas-menu,
html[dir='rtl'] .drawer-panel,
html[dir='rtl'] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
  }html[dir='ltr'] #mainNav.main-nav,
html[dir='ltr'] .topbar .main-nav,
html[dir='ltr'] .main-nav,
html[dir='ltr'] .mobile-drawer,
html[dir='ltr'] .side-drawer,
html[dir='ltr'] .offcanvas-menu,
html[dir='ltr'] .drawer-panel,
html[dir='ltr'] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded='true']) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{display:flex !important;}#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --final-header-h:62px !important;
    --logo-fade-size:40px !important;
  }.topbar-inner{
    width:calc(100% - 16px) !important;
    max-width:calc(100% - 16px) !important;
  }.brand{
    max-width:calc(100% - 140px) !important;
  }.brand-logo{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:min(340px,90vw) !important;
    max-width:90vw !important;
    padding:15px 13px !important;
  }
}.site-shell,
main,
.page-main{
  padding-top:0 !important;
  margin-top:0 !important;
}.hero,
.hero-shell,
.section,
.section + .section,
.org-page-hero,
.section.org-page-hero,
.org-page-section,
.section.org-page-section{
  padding-top:0 !important;
  margin-top:0 !important;
}.section{
  padding-bottom:18px !important;
}.section + .section{
  padding-top:0 !important;
}.org-page-hero + .org-page-section,
.section.org-page-hero + .section.org-page-section{
  padding-top:0 !important;
}.page-banner,
.section-surface,
.org-hero-panel,
.org-radial-shell,
.org-radial-board,
.hero-panel-strong,
.auth-panel,
.form-shell,
.table-wrap,
.news-single,
.footer-cta{
  border-radius:0 !important;
  margin-top:0 !important;
}.org-hero-panel{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.72fr) !important;
  gap:22px !important;
  align-items:center !important;
  padding:28px clamp(18px,3vw,34px) !important;
  min-height:0 !important;
}html[dir='rtl'] .org-hero-panel{
  direction:rtl !important;
}html[dir='ltr'] .org-hero-panel{
  direction:ltr !important;
}.org-hero-content{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:0 !important;
  text-align:start !important;
}html[dir='rtl'] .org-hero-content{
  align-items:flex-end !important;
  text-align:right !important;
}.org-hero-content h1{
  margin:0 !important;
  font-size:clamp(2.1rem,4.3vw,3.8rem) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  max-width:100% !important;
}.org-hero-content p{
  margin:0 !important;
  max-width:720px !important;
  line-height:1.8 !important;
}.org-page-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
  align-self:center !important;
}.org-page-metrics div{
  min-height:100px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}.org-radial-shell{
  padding:24px clamp(16px,3vw,28px) !important;
}.org-radial-board{
  padding:clamp(14px,2.5vw,28px) !important;
}.pill,
.hero-badge,
.soft-badge,
.org-hero-content .pill,
.org-radial-head .pill,
.section-head .pill,
.page-banner .pill{
  width:fit-content !important;
  max-width:max-content !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-self:flex-start !important;
  justify-self:start !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  padding:8px 13px !important;
}html[dir='rtl'] .pill,
html[dir='rtl'] .hero-badge,
html[dir='rtl'] .soft-badge,
html[dir='rtl'] .org-hero-content .pill,
html[dir='rtl'] .org-radial-head .pill,
html[dir='rtl'] .section-head .pill,
html[dir='rtl'] .page-banner .pill{
  justify-self:end !important;
  align-self:flex-end !important;
}.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.info-panel,
.stat-card,
.kpi-card,
.news-card,
.news-mini-card,
.quick-contact-card,
.list-item,
.info-chip,
.org-page-metrics div,
.org-main-button,
.org-main-branches,
.org-branch-toggle,
.org-core-card,
.org-tab-card,
.auth-card,
.empty-state,
.empty-hero,
.preview-box,
.btn,
.icon-btn,
.icon-link,
.drawer-secondary-link,
.nav-cta-link{
  border-radius:var(--radius-lg) !important;
}

@media (max-width:900px){
.org-hero-panel{
    grid-template-columns:1fr !important;
    gap:16px !important;
    padding:22px 16px !important;
  }.org-page-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
  }.org-page-metrics div{
    min-height:86px !important;
    padding:12px 10px !important;
  }.org-page-metrics strong{
    font-size:clamp(1.35rem,6vw,1.8rem) !important;
  }.org-page-metrics span{
    font-size:.74rem !important;
  }.section{
    padding-bottom:14px !important;
  }
}

@media (max-width:560px){
.org-hero-panel{
    padding:18px 14px !important;
  }.org-page-metrics{
    grid-template-columns:1fr !important;
  }.org-page-metrics div{
    min-height:auto !important;
    padding:13px 14px !important;
  }
}.site-footer{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}body:not(.theme-dark) .site-footer{
  background:linear-gradient(180deg,#071a33 0%,#061224 100%) !important;
  color:#eef7ff !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}body:not(.theme-dark) .site-footer .footer-title,
body:not(.theme-dark) .site-footer strong,
body:not(.theme-dark) .site-footer h1,
body:not(.theme-dark) .site-footer h2,
body:not(.theme-dark) .site-footer h3,
body:not(.theme-dark) .site-footer h4,
body:not(.theme-dark) .site-footer a{
  color:#ffffff !important;
}body:not(.theme-dark) .site-footer p,
body:not(.theme-dark) .site-footer span,
body:not(.theme-dark) .site-footer .footer-list,
body:not(.theme-dark) .site-footer .footer-list a,
body:not(.theme-dark) .site-footer .footer-bottom{
  color:rgba(238,247,255,.76) !important;
}body.theme-dark .site-footer{
  background:linear-gradient(180deg,#f7fbff 0%,#e8f2ff 100%) !important;
  color:#10203b !important;
  border-top:1px solid rgba(36,63,145,.16) !important;
}body.theme-dark .site-footer .footer-title,
body.theme-dark .site-footer strong,
body.theme-dark .site-footer h1,
body.theme-dark .site-footer h2,
body.theme-dark .site-footer h3,
body.theme-dark .site-footer h4,
body.theme-dark .site-footer a{
  color:#10203b !important;
}body.theme-dark .site-footer p,
body.theme-dark .site-footer span,
body.theme-dark .site-footer .footer-list,
body.theme-dark .site-footer .footer-list a,
body.theme-dark .site-footer .footer-bottom{
  color:#4b5f7f !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-marquee,
.footer-logo-marquee{
  width:100vw !important;
  max-width:100vw !important;
  margin-inline:calc(50% - 50vw) !important;
  border-radius:0 !important;
  overflow:hidden !important;
  position:relative !important;
  background:transparent !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  direction:ltr !important;
  isolation:isolate !important;
}body:not(.theme-dark) .ecb-footer-logo-ribbon,
body:not(.theme-dark) .ecb-footer-logo-marquee,
body:not(.theme-dark) .footer-logo-marquee{
  --logo-fade-solid:#061224;
  --logo-fade-soft:rgba(6,18,36,.30);
  --logo-fade-clear:rgba(6,18,36,0);
}body.theme-dark .ecb-footer-logo-ribbon,
body.theme-dark .ecb-footer-logo-marquee,
body.theme-dark .footer-logo-marquee{
  --logo-fade-solid:#e8f2ff;
  --logo-fade-soft:rgba(232,242,255,.30);
  --logo-fade-clear:rgba(232,242,255,0);
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::before,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::before,
.footer-logo-marquee::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:var(--logo-fade-size) !important;
  z-index:5 !important;
  pointer-events:none !important;
  opacity:.22 !important;
}.ecb-footer-logo-ribbon::before,
.ecb-footer-logo-marquee::before,
.footer-logo-marquee::before{
  left:0 !important;
  right:auto !important;
  background:linear-gradient(90deg,var(--logo-fade-solid) 0%,var(--logo-fade-soft) 42%,var(--logo-fade-clear) 100%) !important;
}.ecb-footer-logo-ribbon::after,
.ecb-footer-logo-marquee::after,
.footer-logo-marquee::after{
  right:0 !important;
  left:auto !important;
  background:linear-gradient(270deg,var(--logo-fade-solid) 0%,var(--logo-fade-soft) 42%,var(--logo-fade-clear) 100%) !important;
}.ecb-footer-logo-ribbon,
.ecb-footer-logo-ribbon *:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-marquee,
.ecb-footer-logo-card,
.footer-logo-card,
.ecb-footer-logo-card img,
.footer-logo-card img{
  opacity:1 !important;
  visibility:visible !important;
}.site-footer.reveal,
.site-footer .reveal:not(.ecb-footer-logo-track):not(.footer-logo-track):not(.footer-logo-group),
.ecb-footer-logo-ribbon.reveal,
.ecb-footer-logo-marquee.reveal{
  opacity:1 !important;
  visibility:visible !important;
}.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group,
.ecb-footer-logo-track.reveal,
.footer-logo-track.reveal,
.footer-logo-group.reveal{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:max-content !important;
  min-width:max-content !important;
  overflow:visible !important;
  will-change:transform !important;
  direction:ltr !important;
  transition:none !important;
  opacity:1 !important;
  visibility:visible !important;
  animation:ecbLogoMarqueeNoConflict 28s linear infinite !important;
}.ecb-footer-logo-track:hover,
.footer-logo-track:hover,
.footer-logo-group:hover{
  animation-play-state:running !important;
}.ecb-footer-logo-card,
.footer-logo-card{
  flex:0 0 142px !important;
  width:142px !important;
  min-width:142px !important;
  max-width:142px !important;
  height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:0 !important;
}.ecb-footer-logo-card img,
.footer-logo-card img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:68px !important;
  object-fit:contain !important;
  filter:none !important;
}

@media (prefers-reduced-motion:reduce){
.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group,
.ecb-footer-logo-track.reveal,
.footer-logo-track.reveal,
.footer-logo-group.reveal{
    animation:ecbLogoMarqueeNoConflict 28s linear infinite !important;
    transition:none !important;
  }
}

@media (max-width:860px){
.ecb-footer-logo-track,
.footer-logo-track,
.footer-logo-group,
.ecb-footer-logo-track.reveal,
.footer-logo-track.reveal,
.footer-logo-group.reveal{
    gap:12px !important;
    animation-duration:22s !important;
  }.ecb-footer-logo-card,
.footer-logo-card{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:76px !important;
  }.ecb-footer-logo-card img,
.footer-logo-card img{
    max-height:58px !important;
  }
}

@keyframes ecbLogoMarqueeNoConflict{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}.org-core-card{
  min-height:245px !important;
  padding:48px 30px 28px !important;
  border-radius:210px 210px 34px 34px !important;
}.org-core-card::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:10px 18px auto !important;
  height:48% !important;
  border-radius:220px 220px 40px 40px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  pointer-events:none !important;
}

@media (max-width:860px){
.org-core-card{
    min-height:210px !important;
    padding:42px 22px 24px !important;
    border-radius:180px 180px 28px 28px !important;
  }.org-core-card::before{
    display:block !important;
    inset:9px 14px auto !important;
    height:46% !important;
    border-radius:190px 190px 34px 34px !important;
  }
}

@media (max-width:560px){
.org-core-card{
    min-height:190px !important;
    padding:38px 18px 22px !important;
    border-radius:150px 150px 24px 24px !important;
  }.org-core-card::before{
    display:block !important;
    inset:8px 12px auto !important;
    height:44% !important;
    border-radius:160px 160px 30px 30px !important;
  }
}.topbar{
  top:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  border-radius:0 !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  margin-inline:auto !important;
  display:grid !important;
  grid-template-columns:auto minmax(220px,1fr) auto !important;
  grid-template-areas:"actions brand navbtn" !important;
  gap:12px !important;
  min-height:62px !important;
  padding:8px 0 !important;
}html[dir="rtl"] .topbar-inner{
  grid-template-columns:auto minmax(220px,1fr) auto !important;
  grid-template-areas:"actions brand navbtn" !important;
}html[dir="ltr"] .topbar-inner{
  grid-template-columns:auto minmax(220px,1fr) auto !important;
  grid-template-areas:"navbtn brand actions" !important;
}.brand{
  grid-area:brand !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  justify-self:stretch !important;
}html[dir="rtl"] .brand{
  justify-content:flex-end !important;
  text-align:right !important;
}html[dir="ltr"] .brand{
  justify-content:flex-start !important;
  text-align:left !important;
}.brand-copy{
  min-width:0 !important;
  max-width:100% !important;
}.brand-copy strong,
.brand-copy span{
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.header-actions,
.top-actions{
  grid-area:actions !important;
  min-width:max-content !important;
  justify-self:start !important;
}html[dir="ltr"] .header-actions,
html[dir="ltr"] .top-actions{
  justify-self:end !important;
}.nav-toggle{
  grid-area:navbtn !important;
}

@media (max-width:700px){
.topbar-inner{
    width:calc(100% - 18px) !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:8px !important;
    min-height:58px !important;
  }.brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:13px !important;
  }.brand-copy strong{
    font-size:.84rem !important;
    line-height:1.25 !important;
  }.brand-copy span{
    font-size:.68rem !important;
    line-height:1.25 !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }
}

@media (max-width:430px){
.brand-copy span{
    display:none !important;
  }.brand-copy strong{
    font-size:.82rem !important;
  }
}html[dir="rtl"] .topbar-inner{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:"actions brand menu" !important;
}html[dir="ltr"] .topbar-inner{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:"menu brand actions" !important;
}html[dir="rtl"] .brand{
  direction:rtl !important;
  flex-direction:row !important;
  justify-self:end !important;
  justify-content:flex-start !important;
  text-align:right !important;
}html[dir="ltr"] .brand{
  direction:ltr !important;
  flex-direction:row !important;
  justify-self:start !important;
  justify-content:flex-start !important;
  text-align:left !important;
}html[dir="rtl"] .brand-copy{
  text-align:right !important;
}html[dir="ltr"] .brand-copy{
  text-align:left !important;
}html[dir="rtl"] .header-actions,
html[dir="rtl"] .top-actions{
  grid-area:actions !important;
  justify-self:start !important;
}html[dir="ltr"] .header-actions,
html[dir="ltr"] .top-actions{
  grid-area:actions !important;
  justify-self:end !important;
}.nav-toggle{
  grid-area:menu !important;
}.topbar{
  top:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:100% !important;
  border-radius:0 !important;
  z-index:1000 !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  margin-inline:auto !important;
  min-height:66px !important;
  padding:8px 0 !important;
  gap:12px !important;
}

@media (min-width:1101px){
.topbar-inner{
    display:grid !important;
    align-items:center !important;
  }html[dir="rtl"] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) minmax(230px,390px) !important;
    grid-template-areas:"actions nav brand" !important;
  }html[dir="ltr"] .topbar-inner{
    grid-template-columns:minmax(230px,390px) minmax(0,1fr) auto !important;
    grid-template-areas:"brand nav actions" !important;
  }.nav-toggle{
    display:none !important;
  }.main-nav{
    grid-area:nav !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
  }
}.brand{
  grid-area:brand !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
}html[dir="rtl"] .brand{
  direction:rtl !important;
  flex-direction:row !important;
  justify-self:end !important;
  justify-content:flex-start !important;
  text-align:right !important;
}html[dir="ltr"] .brand{
  direction:ltr !important;
  flex-direction:row !important;
  justify-self:start !important;
  justify-content:flex-start !important;
  text-align:left !important;
}.brand-copy{
  min-width:0 !important;
  max-width:100% !important;
}html[dir="rtl"] .brand-copy{
  text-align:right !important;
}html[dir="ltr"] .brand-copy{
  text-align:left !important;
}.brand-copy strong,
.brand-copy span{
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.header-actions,
.top-actions{
  grid-area:actions !important;
  min-width:max-content !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}html[dir="rtl"] .header-actions,
html[dir="rtl"] .top-actions{
  justify-self:start !important;
}html[dir="ltr"] .header-actions,
html[dir="ltr"] .top-actions{
  justify-self:end !important;
}.nav-toggle{
  grid-area:menu !important;
}

@media (max-width:1100px){
.topbar-inner{
    display:grid !important;
    align-items:center !important;
    width:calc(100% - 18px) !important;
    min-height:60px !important;
    padding:7px 0 !important;
  }html[dir="rtl"] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    grid-template-areas:"actions brand menu" !important;
  }html[dir="ltr"] .topbar-inner{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    grid-template-areas:"menu brand actions" !important;
  }.nav-toggle{
    display:inline-flex !important;
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    justify-self:center !important;
  }.brand{
    width:100% !important;
    max-width:100% !important;
    gap:9px !important;
  }html[dir="rtl"] .brand{
    justify-self:end !important;
    justify-content:flex-start !important;
  }html[dir="ltr"] .brand{
    justify-self:start !important;
    justify-content:flex-start !important;
  }.brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:13px !important;
  }.brand-copy strong{
    font-size:.88rem !important;
    line-height:1.25 !important;
  }.brand-copy span{
    font-size:.68rem !important;
    line-height:1.25 !important;
  }.header-actions,
.top-actions{
    gap:7px !important;
  }.icon-btn,
.icon-link{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }
}

@media (max-width:520px){
.topbar-inner{
    width:calc(100% - 14px) !important;
    gap:7px !important;
  }.brand-copy strong{
    font-size:.82rem !important;
  }.brand-copy span{
    display:none !important;
  }.brand-logo{
    width:39px !important;
    height:39px !important;
    min-width:39px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:36px !important;
    height:36px !important;
  }
}:root{
  --topbar-final-height:66px;
  --topbar-mobile-height:60px;
}.topbar{
  position:sticky !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-inline:0 !important;
  border-top:0 !important;
  border-bottom:1px solid var(--line) !important;
  overflow:visible !important;
  background:rgba(246,250,255,.94) !important;
  box-shadow:0 8px 26px rgba(24,48,100,.08) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  z-index:10000 !important;
}body.theme-dark .topbar{
  background:rgba(8,18,33,.94) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.34) !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:100% !important;
  height:var(--topbar-final-height) !important;
  min-height:var(--topbar-final-height) !important;
  margin-inline:auto !important;
  padding:7px 0 !important;
  display:grid !important;
  align-items:center !important;
  gap:12px !important;
  overflow:visible !important;
}

@media (min-width:1101px){
html[dir="rtl"] .topbar-inner,
html[dir="ltr"] .topbar-inner{
    grid-template-columns:minmax(230px,390px) minmax(0,1fr) auto !important;
    grid-template-areas:"brand nav actions" !important;
  }.nav-toggle{
    display:none !important;
  }.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    min-width:0 !important;
  }.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    max-width:100% !important;
  }.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head{
    display:none !important;
  }
}.brand{
  grid-area:brand !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
}html[dir="rtl"] .brand{
  direction:rtl !important;
  flex-direction:row-reverse !important;
  justify-self:start !important;
  justify-content:flex-start !important;
  text-align:right !important;
}html[dir="ltr"] .brand{
  direction:ltr !important;
  flex-direction:row !important;
  justify-self:start !important;
  justify-content:flex-start !important;
  text-align:left !important;
}.brand-logo{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  flex:0 0 44px !important;
  border-radius:14px !important;
}.brand-copy{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}html[dir="rtl"] .brand-copy{
  text-align:right !important;
}html[dir="ltr"] .brand-copy{
  text-align:left !important;
}.brand-copy strong,
.brand-copy span{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.brand-copy strong{
  font-size:.95rem !important;
  line-height:1.28 !important;
}.brand-copy span{
  font-size:.72rem !important;
  line-height:1.28 !important;
  margin-top:2px !important;
  color:var(--muted) !important;
}.header-actions,
.top-actions{
  grid-area:actions !important;
  min-width:max-content !important;
  max-width:max-content !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin:0 !important;
  overflow:visible !important;
}html[dir="rtl"] .header-actions,
html[dir="rtl"] .top-actions,
html[dir="ltr"] .header-actions,
html[dir="ltr"] .top-actions{
  justify-self:end !important;
  justify-content:flex-end !important;
}.header-actions .nav-toggle,
.top-actions .nav-toggle{
  display:none !important;
}.icon-btn,
.icon-link,
.nav-toggle{
  flex:0 0 auto !important;
  width:40px !important;
  height:40px !important;
  border-radius:13px !important;
}

@media (max-width:1100px){
.topbar-inner{
    width:calc(100% - 16px) !important;
    height:var(--topbar-mobile-height) !important;
    min-height:var(--topbar-mobile-height) !important;
    padding:6px 0 !important;
    gap:8px !important;
  }html[dir="rtl"] .topbar-inner,
html[dir="ltr"] .topbar-inner{
    grid-template-columns:44px minmax(0,1fr) minmax(0,max-content) !important;
    grid-template-areas:"menu brand actions" !important;
  }.nav-toggle{
    grid-area:menu !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
    z-index:4 !important;
  }.brand{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:8px !important;
  }.brand-logo{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    flex-basis:40px !important;
    border-radius:13px !important;
  }.brand-copy strong{
    font-size:.84rem !important;
    line-height:1.18 !important;
  }.brand-copy span{
    font-size:.65rem !important;
    line-height:1.2 !important;
  }.header-actions,
.top-actions{
    gap:6px !important;
  }.icon-btn,
.icon-link{
    width:38px !important;
    height:38px !important;
    border-radius:12px !important;
  }.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:10020 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
  }html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
  }html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
  }.main-nav.open,
.main-nav.active,
.main-nav.show,
body.drawer-open .main-nav,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }#navBackdrop,
.nav-backdrop{
    z-index:10010 !important;
  }
}

@media (max-width:620px){
.topbar-inner{
    width:calc(100% - 12px) !important;
    grid-template-columns:40px minmax(0,1fr) minmax(0,max-content) !important;
    gap:6px !important;
  }.brand-logo{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
  }.brand-copy strong{
    font-size:.76rem !important;
  }.brand-copy span{
    display:none !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }.header-actions,
.top-actions{
    gap:5px !important;
  }
}

@media (max-width:430px){
.brand-copy strong{
    font-size:.72rem !important;
  }.brand-logo{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex-basis:36px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:34px !important;
    height:34px !important;
    border-radius:11px !important;
  }
}.site-footer{
  width:100% !important;
  max-width:100% !important;
  min-height:auto !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:calc(28px + env(safe-area-inset-bottom)) !important;
  border-radius:0 !important;
}.site-footer .container,
.footer-main,
.footer-compact-grid,
.footer-bottom,
.footer-bottom .container,
.footer-contact-pills,
.footer-cta{
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}

@media (max-width:860px){
.site-footer{
    margin-top:30px !important;
    padding:26px 0 calc(34px + env(safe-area-inset-bottom)) !important;
  }.footer-main,
.footer-compact-grid,
.footer-contact-pills,
.quick-contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }.footer-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:inherit !important;
    gap:14px !important;
  }.footer-bottom .container{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }html[dir="rtl"] .footer-bottom .container{
    align-items:flex-end !important;
    text-align:right !important;
  }html[dir="ltr"] .footer-bottom .container{
    align-items:flex-start !important;
    text-align:left !important;
  }
}.org-core-card{
  min-height:245px !important;
  padding:48px 30px 28px !important;
  border-radius:210px 210px 34px 34px !important;
}.org-core-card::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:10px 18px auto !important;
  height:48% !important;
  border-radius:220px 220px 40px 40px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  pointer-events:none !important;
}

@media (max-width:860px){
.org-core-card{
    min-height:210px !important;
    padding:42px 22px 24px !important;
    border-radius:180px 180px 28px 28px !important;
  }.org-core-card::before{
    display:block !important;
    inset:9px 14px auto !important;
    height:46% !important;
    border-radius:190px 190px 34px 34px !important;
  }
}

@media (max-width:560px){
.org-core-card{
    min-height:190px !important;
    padding:38px 18px 22px !important;
    border-radius:150px 150px 24px 24px !important;
  }.org-core-card::before{
    display:block !important;
    inset:8px 12px auto !important;
    height:44% !important;
    border-radius:160px 160px 30px 30px !important;
  }
}/* FINAL HEADER / DRAWER / FOOTER OVERRIDE */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:clip !important;
}body{
  padding-top:0 !important;
}.topbar{
  position:sticky !important;
  inset-block-start:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-bottom:1px solid var(--line) !important;
  overflow:visible !important;
  z-index:2147483400 !important;
  isolation:isolate !important;
}.topbar-inner{
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:min(calc(100% - 28px),var(--container)) !important;
  height:64px !important;
  min-height:64px !important;
  margin-inline:auto !important;
  padding:7px 0 !important;
  display:grid !important;
  align-items:center !important;
  gap:10px !important;
  direction:ltr !important;
  overflow:visible !important;
}

@media (min-width:1101px){
.topbar-inner{
    height:72px !important;
    min-height:72px !important;
  }html[dir="rtl"] .topbar-inner{
    grid-template-columns:minmax(132px,max-content) minmax(0,1fr) minmax(250px,390px) !important;
    grid-template-areas:"actions nav brand" !important;
  }html[dir="ltr"] .topbar-inner{
    grid-template-columns:minmax(250px,390px) minmax(0,1fr) minmax(132px,max-content) !important;
    grid-template-areas:"brand nav actions" !important;
  }.nav-toggle{
    display:none !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    overflow:hidden !important;
    z-index:auto !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section:not(.nav-links-grid),
.main-nav-head{
    display:none !important;
  }
}.brand{
  grid-area:brand !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
}html[dir="rtl"] .brand{
  direction:rtl !important;
  flex-direction:row !important;
  justify-self:end !important;
  justify-content:flex-start !important;
  text-align:right !important;
}html[dir="ltr"] .brand{
  direction:ltr !important;
  flex-direction:row !important;
  justify-self:start !important;
  justify-content:flex-start !important;
  text-align:left !important;
}.brand-logo{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  flex:0 0 46px !important;
  border-radius:14px !important;
}.brand-copy{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}html[dir="rtl"] .brand-copy{
  text-align:right !important;
}html[dir="ltr"] .brand-copy{
  text-align:left !important;
}.brand-copy strong,
.brand-copy span{
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.brand-copy strong{
  font-size:.93rem !important;
  line-height:1.28 !important;
}.brand-copy span{
  font-size:.72rem !important;
  line-height:1.3 !important;
}.header-actions,
.top-actions{
  grid-area:actions !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  overflow:hidden !important;
}html[dir="rtl"] .header-actions,
html[dir="rtl"] .top-actions{
  justify-self:start !important;
  justify-content:flex-start !important;
  direction:ltr !important;
}html[dir="ltr"] .header-actions,
html[dir="ltr"] .top-actions{
  justify-self:end !important;
  justify-content:flex-end !important;
  direction:ltr !important;
}.nav-toggle{
  grid-area:menu !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:13px !important;
  z-index:2 !important;
}.icon-btn,
.icon-link{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:13px !important;
}

@media (max-width:1100px){
.topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    grid-template-columns:40px minmax(0,1fr) minmax(0,max-content) !important;
    height:62px !important;
    min-height:62px !important;
    gap:8px !important;
  }html[dir="rtl"] .topbar-inner{
    grid-template-areas:"actions brand menu" !important;
  }html[dir="ltr"] .topbar-inner{
    grid-template-areas:"menu brand actions" !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:min(390px,88vw) !important;
    max-width:88vw !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px calc(26px + env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    border:0 !important;
    box-shadow:0 30px 90px rgba(0,0,0,.42) !important;
    z-index:2147483646 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }html[dir="rtl"] #mainNav.main-nav,
html[dir="rtl"] .topbar .main-nav,
html[dir="rtl"] .main-nav,
html[dir="rtl"] .mobile-drawer,
html[dir="rtl"] .side-drawer,
html[dir="rtl"] .offcanvas-menu,
html[dir="rtl"] .drawer-panel,
html[dir="rtl"] .app-sidebar{
    right:0 !important;
    left:auto !important;
    transform:translateX(105%) !important;
    border-inline-start:1px solid var(--line) !important;
    border-inline-end:0 !important;
  }html[dir="ltr"] #mainNav.main-nav,
html[dir="ltr"] .topbar .main-nav,
html[dir="ltr"] .main-nav,
html[dir="ltr"] .mobile-drawer,
html[dir="ltr"] .side-drawer,
html[dir="ltr"] .offcanvas-menu,
html[dir="ltr"] .drawer-panel,
html[dir="ltr"] .app-sidebar{
    left:0 !important;
    right:auto !important;
    transform:translateX(-105%) !important;
    border-inline-end:1px solid var(--line) !important;
    border-inline-start:0 !important;
  }#mainNav.open,
#mainNav.active,
#mainNav.show,
.main-nav.open,
.main-nav.active,
.main-nav.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show,
body.drawer-open #mainNav,
body.drawer-open .main-nav,
html.drawer-open #mainNav,
html.drawer-open .main-nav,
body.nav-open #mainNav,
body.nav-open .main-nav,
body.menu-open #mainNav,
body.menu-open .main-nav,
body.offcanvas-open #mainNav,
body.offcanvas-open .main-nav,
body:has(#navBackdrop.show) #mainNav,
body:has(.nav-backdrop.show) .main-nav,
body:has(#navBackdrop.active) #mainNav,
body:has(.nav-backdrop.active) .main-nav,
body:has(.nav-toggle[aria-expanded="true"]) .main-nav,
body:has(.nav-toggle.active) .main-nav{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }.main-nav-head{
    display:flex !important;
  }#mainNav .drawer-section,
#mainNav .drawer-section:not(.nav-links-grid),
.main-nav .drawer-section,
.main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
  }#mainNav .nav-links-grid,
.main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }#mainNav .nav-links-grid a,
.main-nav .nav-links-grid a,
.drawer-secondary-link,
.nav-cta-link{
    width:100% !important;
    min-height:54px !important;
    justify-content:flex-start !important;
    white-space:normal !important;
    border-radius:18px !important;
    padding:13px 15px !important;
    font-size:.98rem !important;
  }
}#navBackdrop,
.nav-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(4,10,22,.50) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:2147483000 !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
body.drawer-open #navBackdrop,
body.drawer-open .nav-backdrop,
html.drawer-open #navBackdrop,
html.drawer-open .nav-backdrop,
body.nav-open #navBackdrop,
body.nav-open .nav-backdrop,
body.menu-open #navBackdrop,
body.menu-open .nav-backdrop,
body.offcanvas-open #navBackdrop,
body.offcanvas-open .nav-backdrop{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}html.drawer-open,
body.drawer-open,
html.nav-open,
body.nav-open,
html.menu-open,
body.menu-open,
html.offcanvas-open,
body.offcanvas-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

@media (max-width:620px){
.topbar-inner{
    width:calc(100% - 12px) !important;
    max-width:calc(100% - 12px) !important;
    grid-template-columns:38px minmax(0,1fr) minmax(0,max-content) !important;
    gap:6px !important;
    height:58px !important;
    min-height:58px !important;
  }.brand{
    gap:7px !important;
  }.brand-logo{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
    border-radius:12px !important;
  }.brand-copy strong{
    font-size:.76rem !important;
  }.brand-copy span{
    display:none !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:11px !important;
  }.header-actions,
.top-actions{
    gap:5px !important;
  }
}

@media (max-width:430px){
.topbar-inner{
    grid-template-columns:36px minmax(0,1fr) minmax(0,max-content) !important;
  }.brand-copy strong{
    font-size:.72rem !important;
  }.brand-logo{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex-basis:36px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    border-radius:10px !important;
  }
}.site-footer{
  width:100% !important;
  max-width:100% !important;
  min-height:auto !important;
  height:auto !important;
  margin-inline:0 !important;
  padding-bottom:calc(34px + env(safe-area-inset-bottom)) !important;
  border-radius:0 !important;
  overflow:visible !important;
}.site-footer .container,
.footer-main,
.footer-compact-grid,
.footer-bottom,
.footer-bottom .container,
.footer-contact-pills,
.footer-cta{
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
}

@media (max-width:860px){
.site-footer{
    margin-top:30px !important;
    padding:26px 0 calc(44px + env(safe-area-inset-bottom)) !important;
  }.footer-main,
.footer-compact-grid,
.footer-contact-pills,
.quick-contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }.footer-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    text-align:inherit !important;
    gap:14px !important;
  }.footer-bottom .container{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }html[dir="rtl"] .footer-bottom .container{
    align-items:flex-end !important;
    text-align:right !important;
  }html[dir="ltr"] .footer-bottom .container{
    align-items:flex-start !important;
    text-align:left !important;
  }
}/* =========================================================
   NOORA FINAL OVERRIDE - HEADER + MOBILE DRAWER FIX
   هذا البلوك يجب أن يبقى آخر ملف CSS
   يعالج: تداخل الهيدر، اختفاء أيقونات الأعلى، وظهور التمويه بدون القائمة
========================================================= */

:root{
  --noora-header-h:72px;
  --noora-mobile-header-h:66px;
  --noora-mobile-menu-w:min(390px,88vw);
  --noora-drawer-z:2147483646;
  --noora-backdrop-z:2147483644;
  --noora-header-z:2147483643;
}html,
body{
  max-width:100% !important;
  overflow-x:clip !important;
}

@supports not (overflow:clip){
html,
body{overflow-x:hidden !important;}
}/* ===== Header base ===== */
.topbar{
  position:fixed !important;
  inset-block-start:0 !important;
  inset-inline-start:0 !important;
  inset-inline-end:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-inline:0 !important;
  border-bottom:1px solid var(--line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,250,255,.92)) !important;
  box-shadow:0 10px 30px rgba(16,38,86,.10) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
  overflow:visible !important;
  z-index:var(--noora-header-z) !important;
}body.theme-dark .topbar{
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(12,24,42,.94)) !important;
  border-bottom-color:rgba(139,182,255,.16) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.38) !important;
}.topbar,
.topbar *{
  box-sizing:border-box !important;
}.topbar-inner{
  position:relative !important;
  width:min(calc(100% - 28px),var(--container)) !important;
  max-width:var(--container) !important;
  min-height:var(--noora-header-h) !important;
  height:var(--noora-header-h) !important;
  margin:0 auto !important;
  padding:8px 0 !important;
  display:grid !important;
  align-items:center !important;
  gap:12px !important;
}html[dir='rtl'] .topbar-inner{
  direction:rtl !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:'brand nav actions' !important;
}html[dir='ltr'] .topbar-inner{
  direction:ltr !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  grid-template-areas:'brand nav actions' !important;
}.brand{
  grid-area:brand !important;
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:10px !important;
  overflow:hidden !important;
}html[dir='rtl'] .brand{
  justify-self:start !important;
  flex-direction:row !important;
  text-align:right !important;
}html[dir='ltr'] .brand{
  justify-self:start !important;
  flex-direction:row !important;
  text-align:left !important;
}.brand-logo{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:15px !important;
  flex:0 0 auto !important;
}.brand-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}.brand-copy{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}.brand-copy strong,
.brand-copy span{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.brand-copy strong{
  font-size:.96rem !important;
  line-height:1.32 !important;
}.brand-copy span{
  font-size:.75rem !important;
  line-height:1.35 !important;
  margin-top:2px !important;
}.header-actions,
.top-actions{
  grid-area:actions !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  min-width:max-content !important;
  max-width:100% !important;
  margin:0 !important;
  flex:0 0 auto !important;
}.icon-btn,
.icon-link,
.nav-toggle{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  border-radius:14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 42px !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
}.icon-btn svg,
.icon-link svg,
.nav-toggle svg{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
}/* ===== Desktop nav ===== */
@media (min-width:1101px){
  body:not(.auth-page):not(.login-page):not(.admin-login-page):not(.admin-page){
    padding-top:var(--noora-header-h) !important;
  }

  .nav-toggle,
  .admin-nav-toggle{
    display:none !important;
  }

  #mainNav.main-nav,
  .topbar .main-nav,
  .main-nav{
    grid-area:nav !important;
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:hidden !important;
    z-index:auto !important;
  }

  #mainNav .nav-links-grid,
  .main-nav .nav-links-grid{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    overflow:hidden !important;
  }

  #mainNav .nav-links-grid a,
  .main-nav .nav-links-grid a,
  .main-nav a{
    flex:0 1 auto !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:8px 9px !important;
    border-radius:12px !important;
    font-size:.84rem !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  #mainNav .drawer-section:not(.nav-links-grid),
  .main-nav .drawer-section:not(.nav-links-grid),
  .main-nav-head{
    display:none !important;
  }
}/* ===== Mobile header: menu at language start,
settings at language end ===== */
@media (max-width:1100px){
  :root{
    --noora-header-h:var(--noora-mobile-header-h);
  }

  body:not(.auth-page):not(.login-page):not(.admin-login-page):not(.admin-page){
    padding-top:var(--noora-mobile-header-h) !important;
  }

  .topbar-inner{
    width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    min-height:var(--noora-mobile-header-h) !important;
    height:var(--noora-mobile-header-h) !important;
    padding:7px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  html[dir='rtl'] .topbar-inner{
    direction:rtl !important;
  }

  html[dir='ltr'] .topbar-inner{
    direction:ltr !important;
  }

  .brand{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding-inline-start:48px !important;
    padding-inline-end:6px !important;
  }

  .brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:13px !important;
  }

  .brand-copy strong{
    font-size:.82rem !important;
    line-height:1.25 !important;
  }

  .brand-copy span{
    font-size:.64rem !important;
    line-height:1.28 !important;
  }

  .header-actions,
  .top-actions{
    order:3 !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:138px !important;
    gap:5px !important;
    justify-content:flex-end !important;
    overflow:visible !important;
  }

  .topbar .desktop-only.icon-btn,
  .topbar .desktop-only.icon-link,
  .topbar .header-actions .desktop-only.icon-btn,
  .topbar .header-actions .desktop-only.icon-link,
  .topbar .top-actions .desktop-only.icon-btn,
  .topbar .top-actions .desktop-only.icon-link{
    display:inline-flex !important;
  }

  .topbar .icon-link.textual,
  .topbar .header-actions a:not(.icon-link):not(.icon-btn):not(.nav-toggle),
  .topbar .top-actions a:not(.icon-link):not(.icon-btn):not(.nav-toggle){
    display:none !important;
  }

  .icon-btn,
  .icon-link,
  .nav-toggle,
  .admin-nav-toggle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    flex-basis:38px !important;
    border-radius:12px !important;
  }

  .nav-toggle,
  .admin-nav-toggle{
    display:inline-flex !important;
    position:absolute !important;
    inset-block-start:50% !important;
    inset-inline-start:0 !important;
    transform:translateY(-50%) !important;
    z-index:calc(var(--noora-header-z) + 2) !important;
    order:1 !important;
    pointer-events:auto !important;
  }

  .topbar .lang-switch{
    display:inline-flex !important;
    flex:0 0 auto !important;
    max-width:82px !important;
    height:38px !important;
    padding:3px !important;
    overflow:hidden !important;
    border-radius:13px !important;
  }

  .topbar .lang-switch a{
    min-width:35px !important;
    height:32px !important;
    padding:0 8px !important;
    border-radius:10px !important;
    font-size:.78rem !important;
  }

  /* Backdrop */
  #navBackdrop,
  #adminBackdrop,
  .nav-backdrop,
  .admin-backdrop{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100dvh !important;
    background:rgba(5,11,24,.50) !important;
    backdrop-filter:blur(4px) !important;
    -webkit-backdrop-filter:blur(4px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:var(--noora-backdrop-z) !important;
    transition:opacity .22s ease,visibility .22s ease !important;
  }

  #navBackdrop.show,
  #navBackdrop.open,
  #navBackdrop.active,
  #adminBackdrop.show,
  #adminBackdrop.open,
  #adminBackdrop.active,
  .nav-backdrop.show,
  .nav-backdrop.open,
  .nav-backdrop.active,
  .admin-backdrop.show,
  .admin-backdrop.open,
  .admin-backdrop.active,
  body.drawer-open #navBackdrop,
  body.drawer-open .nav-backdrop,
  html.drawer-open #navBackdrop,
  html.drawer-open .nav-backdrop,
  body.nav-open #navBackdrop,
  body.nav-open .nav-backdrop,
  body.menu-open #navBackdrop,
  body.menu-open .nav-backdrop,
  body.offcanvas-open #navBackdrop,
  body.offcanvas-open .nav-backdrop{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  /* Drawer panel */
  #mainNav.main-nav,
  .topbar .main-nav,
  .main-nav{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:var(--noora-mobile-menu-w) !important;
    max-width:88vw !important;
    min-width:0 !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding:18px 16px calc(24px + env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    border-radius:0 !important;
    background:var(--surface-solid) !important;
    color:var(--text) !important;
    box-shadow:0 30px 90px rgba(0,0,0,.46) !important;
    z-index:var(--noora-drawer-z) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1) !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    will-change:transform !important;
  }

  html[dir='rtl'] #mainNav.main-nav,
  html[dir='rtl'] .topbar .main-nav,
  html[dir='rtl'] .main-nav{
    right:0 !important;
    left:auto !important;
    transform:translate3d(105%,0,0) !important;
    border-inline-start:1px solid var(--line) !important;
    border-inline-end:0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir='ltr'] #mainNav.main-nav,
  html[dir='ltr'] .topbar .main-nav,
  html[dir='ltr'] .main-nav{
    left:0 !important;
    right:auto !important;
    transform:translate3d(-105%,0,0) !important;
    border-inline-end:1px solid var(--line) !important;
    border-inline-start:0 !important;
    direction:ltr !important;
    text-align:left !important;
  }

  #mainNav.open,
  #mainNav.active,
  #mainNav.show,
  .main-nav.open,
  .main-nav.active,
  .main-nav.show,
  body.drawer-open #mainNav,
  body.drawer-open .main-nav,
  html.drawer-open #mainNav,
  html.drawer-open .main-nav,
  body.nav-open #mainNav,
  body.nav-open .main-nav,
  body.menu-open #mainNav,
  body.menu-open .main-nav,
  body.offcanvas-open #mainNav,
  body.offcanvas-open .main-nav,
  body:has(#navBackdrop.show) #mainNav,
  body:has(.nav-backdrop.show) .main-nav,
  body:has(#navBackdrop.open) #mainNav,
  body:has(.nav-backdrop.open) .main-nav,
  body:has(#navBackdrop.active) #mainNav,
  body:has(.nav-backdrop.active) .main-nav,
  body:has(.nav-toggle[aria-expanded='true']) .main-nav,
  body:has(.nav-toggle.active) .main-nav,
  .topbar:has(.nav-toggle[aria-expanded='true']) .main-nav,
  .topbar:has(.nav-toggle.active) .main-nav{
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .main-nav-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:6px 2px 14px !important;
    border-bottom:1px solid var(--line) !important;
    flex:0 0 auto !important;
  }

  #mainNav .drawer-section,
  #mainNav .drawer-section:not(.nav-links-grid),
  .main-nav .drawer-section,
  .main-nav .drawer-section:not(.nav-links-grid){
    display:grid !important;
    width:100% !important;
    gap:12px !important;
  }

  #mainNav .nav-links-grid,
  .main-nav .nav-links-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    flex-wrap:initial !important;
    overflow:visible !important;
  }

  #mainNav .nav-links-grid a,
  .main-nav .nav-links-grid a,
  .drawer-secondary-link,
  .nav-cta-link{
    width:100% !important;
    min-height:52px !important;
    justify-content:flex-start !important;
    align-items:center !important;
    white-space:normal !important;
    border-radius:17px !important;
    padding:12px 14px !important;
    font-size:.95rem !important;
    line-height:1.45 !important;
    text-align:inherit !important;
  }

  html.drawer-open,
  body.drawer-open,
  html.nav-open,
  body.nav-open,
  html.menu-open,
  body.menu-open,
  html.offcanvas-open,
  body.offcanvas-open{
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }
}

@media (max-width:560px){
:root{
    --noora-mobile-header-h:64px;
    --noora-mobile-menu-w:min(340px,90vw);
  }.topbar-inner{
    width:calc(100% - 14px) !important;
    max-width:calc(100% - 14px) !important;
    gap:6px !important;
  }.brand{
    padding-inline-start:44px !important;
    padding-inline-end:4px !important;
    gap:7px !important;
  }.brand-logo{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:12px !important;
  }.brand-copy strong{
    font-size:.76rem !important;
  }.brand-copy span{
    font-size:.58rem !important;
  }.header-actions,
.top-actions{
    max-width:116px !important;
    gap:4px !important;
  }.icon-btn,
.icon-link,
.nav-toggle{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    flex-basis:36px !important;
    border-radius:11px !important;
  }.topbar .lang-switch{
    max-width:74px !important;
    height:36px !important;
  }.topbar .lang-switch a{
    min-width:32px !important;
    height:30px !important;
    padding:0 6px !important;
    font-size:.72rem !important;
  }#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    width:var(--noora-mobile-menu-w) !important;
    max-width:90vw !important;
    padding:15px 13px calc(22px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width:390px){
.header-actions,
.top-actions{
    max-width:78px !important;
  }.topbar .lang-switch{
    display:none !important;
  }.brand-copy span{
    display:none !important;
  }
}/* =========================================================
   NOORA FINAL PATCH V2 — DRAWER ABOVE BLUR OVERLAY
   السبب: القائمة داخل .topbar، لذلك لازم يكون .topbar أعلى من التمويه
   ضع هذا البلوك في آخر ملف CSS إذا لم تستبدل الملف الكامل
========================================================= */
@media (max-width:1100px){
  .topbar{
    position:sticky !important;
    z-index:100000 !important;
    isolation:isolate !important;
  }

  #navBackdrop,
  .nav-backdrop,
  #adminBackdrop,
  .admin-backdrop{
    z-index:90000 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  #navBackdrop.show,
  #navBackdrop.open,
  #navBackdrop.active,
  .nav-backdrop.show,
  .nav-backdrop.open,
  .nav-backdrop.active,
  #adminBackdrop.show,
  #adminBackdrop.open,
  #adminBackdrop.active,
  .admin-backdrop.show,
  .admin-backdrop.open,
  .admin-backdrop.active,
  body.drawer-open #navBackdrop,
  body.drawer-open .nav-backdrop,
  body.nav-open #navBackdrop,
  body.nav-open .nav-backdrop{
    z-index:90000 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #mainNav.main-nav,
  .topbar #mainNav,
  .topbar .main-nav,
  .main-nav{
    z-index:100001 !important;
    position:fixed !important;
    opacity:1 !important;
    visibility:visible !important;
    background:var(--surface-solid) !important;
    pointer-events:none !important;
    will-change:transform !important;
  }

  #mainNav.open,
  #mainNav.show,
  #mainNav.active,
  .main-nav.open,
  .main-nav.show,
  .main-nav.active,
  body.drawer-open #mainNav,
  body.drawer-open .main-nav,
  body.nav-open #mainNav,
  body.nav-open .main-nav{
    z-index:100001 !important;
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
  }

  .main-nav-head,
  #mainNav .main-nav-head{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
    background:var(--surface-solid) !important;
  }
}/* =========================================================
   NOORA PATCH V3 — FIX HEADER DROPPING DOWN + DRAWER ABOVE BLUR
   السبب: V2 جعل .topbar sticky بينما الجسم لديه padding-top للهيدر
   الحل: نرجع الهيدر fixed ونبقي القائمة أعلى من التمويه
========================================================= */
@media (max-width:1100px){
  body:not(.auth-page):not(.login-page):not(.admin-login-page):not(.admin-page){
    padding-top:var(--noora-mobile-header-h,64px) !important;
  }

  .topbar{
    position:fixed !important;
    top:0 !important;
    inset-block-start:0 !important;
    inset-inline-start:0 !important;
    inset-inline-end:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    z-index:100000 !important;
    isolation:isolate !important;
    transform:none !important;
  }

  .topbar-inner{
    margin:0 auto !important;
    min-height:var(--noora-mobile-header-h,64px) !important;
    height:var(--noora-mobile-header-h,64px) !important;
  }

  #navBackdrop,
  .nav-backdrop,
  #adminBackdrop,
  .admin-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:90000 !important;
  }

  #navBackdrop.show,
  #navBackdrop.open,
  #navBackdrop.active,
  .nav-backdrop.show,
  .nav-backdrop.open,
  .nav-backdrop.active,
  #adminBackdrop.show,
  #adminBackdrop.open,
  #adminBackdrop.active,
  .admin-backdrop.show,
  .admin-backdrop.open,
  .admin-backdrop.active,
  body.drawer-open #navBackdrop,
  body.drawer-open .nav-backdrop,
  body.nav-open #navBackdrop,
  body.nav-open .nav-backdrop{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:90000 !important;
  }

  #mainNav.main-nav,
  .topbar #mainNav,
  .topbar .main-nav,
  .main-nav{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    z-index:100001 !important;
    margin:0 !important;
  }

  #mainNav.open,
  #mainNav.show,
  #mainNav.active,
  .main-nav.open,
  .main-nav.show,
  .main-nav.active,
  body.drawer-open #mainNav,
  body.drawer-open .main-nav,
  body.nav-open #mainNav,
  body.nav-open .main-nav{
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:100001 !important;
  }
}/* =========================================================
   NOORA PATCH V4 — HIDE MENU BUTTON WHILE DRAWER IS OPEN
   المشكلة: زر الهامبركر يبقى ظاهر فوق القائمة الجانبية
   الحل: إخفاء زر فتح القائمة عند فتح القائمة، وترك زر X فقط داخل اللوحة
========================================================= */
@media (max-width:1100px){
  /* القائمة نفسها تبقى أعلى من الهيدر والتمويه */
  #mainNav.main-nav,
  .topbar #mainNav,
  .topbar .main-nav,
  .main-nav{
    z-index:2147483000 !important;
  }

  #mainNav.open,
  #mainNav.show,
  #mainNav.active,
  .main-nav.open,
  .main-nav.show,
  .main-nav.active,
  body.drawer-open #mainNav,
  body.drawer-open .main-nav,
  body.nav-open #mainNav,
  body.nav-open .main-nav{
    z-index:2147483000 !important;
    transform:translate3d(0,0,0) !important;
    pointer-events:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* التمويه تحت القائمة */
  #navBackdrop,
  .nav-backdrop,
  #adminBackdrop,
  .admin-backdrop{
    z-index:2147481000 !important;
  }

  /* الهيدر تحت القائمة وفوق الصفحة */
  .topbar{
    z-index:2147482000 !important;
  }

  /* إخفاء زر القائمة الأصلي عند فتح القائمة */
  html.drawer-open #navToggle,
  html.nav-open #navToggle,
  body.drawer-open #navToggle,
  body.nav-open #navToggle,
  html.drawer-open .topbar .nav-toggle,
  html.nav-open .topbar .nav-toggle,
  body.drawer-open .topbar .nav-toggle,
  body.nav-open .topbar .nav-toggle,
  html.drawer-open .topbar .admin-nav-toggle,
  html.nav-open .topbar .admin-nav-toggle,
  body.drawer-open .topbar .admin-nav-toggle,
  body.nav-open .topbar .admin-nav-toggle{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:scale(.82) !important;
  }

  /* لا تخفي زر الإغلاق X داخل القائمة */
  html.drawer-open #mainNav .nav-close,
  html.nav-open #mainNav .nav-close,
  body.drawer-open #mainNav .nav-close,
  body.nav-open #mainNav .nav-close,
  html.drawer-open .main-nav .nav-close,
  html.nav-open .main-nav .nav-close,
  body.drawer-open .main-nav .nav-close,
  body.nav-open .main-nav .nav-close{
    display:inline-flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    z-index:2147483002 !important;
  }

  /* منع أيقونات الهيدر من الظهور فوق اللوحة */
  body.drawer-open .topbar-inner,
  body.nav-open .topbar-inner,
  html.drawer-open .topbar-inner,
  html.nav-open .topbar-inner{
    z-index:1 !important;
  }

  body.drawer-open #mainNav,
  body.nav-open #mainNav,
  html.drawer-open #mainNav,
  html.nav-open #mainNav{
    z-index:2147483000 !important;
  }
}/* =========================================================
   NOORA PATCH V5 — ORG HERO TEXT + MOBILE FOOTER FIX
   يعالج: تشوه/تمدّد نص الهيكل التنظيمي، وتراكم الفوتر بالموبايل
   ضع هذا البلوك في آخر ملف CSS
========================================================= */

/* إصلاح نص العناوين العربية: لا تستخدم letter-spacing مع العربية */
html[dir="rtl"] .org-hero-content h1,
html[dir="rtl"] .org-radial-head h2,
html[dir="rtl"] .page-banner h1,
html[dir="rtl"] .page-banner h2,
html[dir="rtl"] .section-head h2{
  letter-spacing:0 !important;
  word-spacing:0 !important;
  font-kerning:normal !important;
  text-rendering:optimizeLegibility !important;
}/* ترتيب الهيرو الخاص بالهيكل التنظيمي بدون ضغط النص */
.org-hero-panel{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:grid !important;
  align-items:center !important;
  gap:clamp(18px,3vw,34px) !important;
  padding:clamp(20px,3vw,34px) !important;
  overflow:hidden !important;
}html[dir="rtl"] .org-hero-panel{
  direction:rtl !important;
  grid-template-columns:minmax(280px,420px) minmax(0,1fr) !important;
  grid-template-areas:"metrics content" !important;
}html[dir="ltr"] .org-hero-panel{
  direction:ltr !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px) !important;
  grid-template-areas:"content metrics" !important;
}.org-hero-content{
  grid-area:content !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  align-self:center !important;
}html[dir="rtl"] .org-hero-content{
  text-align:right !important;
  justify-items:start !important;
}html[dir="ltr"] .org-hero-content{
  text-align:left !important;
  justify-items:start !important;
}.org-hero-content h1{
  width:100% !important;
  max-width:100% !important;
  margin:8px 0 10px !important;
  font-size:clamp(2.15rem,4.6vw,4rem) !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  color:var(--text) !important;
}.org-hero-content p{
  width:100% !important;
  max-width:780px !important;
  margin:0 !important;
  font-size:clamp(.92rem,1.4vw,1.05rem) !important;
  line-height:1.95 !important;
  overflow-wrap:break-word !important;
}.org-page-metrics{
  grid-area:metrics !important;
  width:100% !important;
  max-width:420px !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-self:center !important;
  justify-self:stretch !important;
}.org-page-metrics div{
  min-width:0 !important;
  padding:16px 12px !important;
  text-align:center !important;
}.org-page-metrics strong{
  font-size:clamp(1.45rem,2.8vw,2.15rem) !important;
  line-height:1.05 !important;
}.org-page-metrics span{
  font-size:.78rem !important;
  line-height:1.45 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}/* تابلت: اجعل النص يأخذ عرض الصفحة بدل مزاحمة الكروت */
@media (max-width:1180px){
  .org-hero-panel,
  html[dir="rtl"] .org-hero-panel,
  html[dir="ltr"] .org-hero-panel{
    grid-template-columns:1fr !important;
    grid-template-areas:"content" "metrics" !important;
    align-items:start !important;
  }

  .org-hero-content h1{
    font-size:clamp(1.95rem,6vw,3.1rem) !important;
    line-height:1.22 !important;
  }

  .org-hero-content p{
    max-width:100% !important;
  }

  .org-page-metrics{
    max-width:100% !important;
  }
}/* موبايل: عنوان أوضح وكروت غير مضغوطة */
@media (max-width:680px){
  .org-page-hero{
    padding-top:18px !important;
  }

  .org-hero-panel{
    padding:16px !important;
    border-radius:24px !important;
    gap:16px !important;
  }

  .org-hero-content{
    width:100% !important;
  }

  .org-hero-content h1{
    font-size:clamp(1.75rem,9vw,2.45rem) !important;
    line-height:1.25 !important;
    margin:8px 0 !important;
  }

  .org-hero-content p{
    font-size:.9rem !important;
    line-height:1.85 !important;
  }

  .org-page-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .org-page-metrics div{
    padding:12px 8px !important;
    border-radius:18px !important;
  }

  .org-page-metrics strong{
    font-size:1.45rem !important;
  }

  .org-page-metrics span{
    font-size:.68rem !important;
    line-height:1.35 !important;
  }
}

@media (max-width:420px){
.org-page-metrics{
    grid-template-columns:1fr !important;
  }.org-page-metrics div{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    text-align:inherit !important;
  }html[dir="rtl"] .org-page-metrics div{
    flex-direction:row-reverse !important;
    text-align:right !important;
  }html[dir="ltr"] .org-page-metrics div{
    flex-direction:row !important;
    text-align:left !important;
  }
}/* =========================================================
   FOOTER MOBILE — منع التراكم والتداخل
========================================================= */
.site-footer,
.site-footer *{
  box-sizing:border-box !important;
}.site-footer{
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  clear:both !important;
}.site-footer .container,
.footer-main,
.footer-compact-grid,
.footer-contact-pills,
.footer-bottom,
.footer-bottom .container,
.footer-cta,
.quick-contact-grid,
.social-row,
.compact-actions,
.footer-list,
.footer-copy,
.footer-title{
  min-width:0 !important;
  max-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}.site-footer a,
.site-footer span,
.site-footer p,
.site-footer strong,
.site-footer div{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

@media (max-width:860px){
.site-footer{
    margin-top:28px !important;
    padding:24px 0 calc(46px + env(safe-area-inset-bottom)) !important;
    border-radius:26px 26px 0 0 !important;
  }.footer-main,
.footer-compact-grid,
.footer-contact-pills,
.quick-contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }.footer-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
    padding:20px !important;
    align-items:stretch !important;
  }.footer-cta .btn,
.footer-cta a,
.footer-cta button{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
  }.footer-bottom .container{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }html[dir="rtl"] .footer-bottom .container,
html[dir="rtl"] .footer-main,
html[dir="rtl"] .footer-compact-grid{
    text-align:right !important;
    justify-items:stretch !important;
  }html[dir="ltr"] .footer-bottom .container,
html[dir="ltr"] .footer-main,
html[dir="ltr"] .footer-compact-grid{
    text-align:left !important;
    justify-items:stretch !important;
  }.footer-mini-card,
.quick-contact-card{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    align-items:flex-start !important;
  }.social-row,
.compact-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
  }html[dir="rtl"] .social-row,
html[dir="rtl"] .compact-actions{
    justify-content:flex-end !important;
  }html[dir="ltr"] .social-row,
html[dir="ltr"] .compact-actions{
    justify-content:flex-start !important;
  }
}

@media (max-width:520px){
.site-footer{
    padding-bottom:calc(58px + env(safe-area-inset-bottom)) !important;
  }.footer-main,
.footer-compact-grid,
.footer-contact-pills,
.quick-contact-grid{
    gap:12px !important;
  }.footer-mini-card,
.quick-contact-card{
    padding:13px 14px !important;
    border-radius:16px !important;
  }.footer-bottom{
    padding-bottom:10px !important;
  }.footer-bottom .container > *{
    width:100% !important;
    max-width:100% !important;
  }
}/* =========================================================
   NOORA V6 - CONTACT BUTTONS + FOOTER CONTACT FIX
   يعالج: contact.call + اتجاه الرقم + اختناق أزرار التواصل
========================================================= */

.quick-contact-grid,
.contact-grid,
.footer-contact-pills{
  max-width:100% !important;
  overflow:hidden !important;
}.quick-contact-card,
.contact-card,
.footer-mini-card{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}.quick-contact-card > *,
.contact-card > *,
.footer-mini-card > *{
  min-width:0 !important;
}.quick-contact-card strong,
.contact-card strong,
.footer-mini-card strong{
  line-height:1.55 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}.quick-contact-card span,
.quick-contact-card p,
.contact-card span,
.contact-card p,
.footer-mini-card span,
.footer-mini-card p{
  max-width:100% !important;
  overflow-wrap:break-word !important;
}.quick-contact-card .card-actions,
.contact-card .card-actions,
.footer-contact-actions,
.contact-actions,
.quick-contact-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:18px !important;
}html[dir="rtl"] .quick-contact-card .card-actions,
html[dir="rtl"] .contact-card .card-actions,
html[dir="rtl"] .footer-contact-actions,
html[dir="rtl"] .contact-actions,
html[dir="rtl"] .quick-contact-actions{
  justify-content:flex-start !important;
  direction:rtl !important;
}html[dir="ltr"] .quick-contact-card .card-actions,
html[dir="ltr"] .contact-card .card-actions,
html[dir="ltr"] .footer-contact-actions,
html[dir="ltr"] .contact-actions,
html[dir="ltr"] .quick-contact-actions{
  justify-content:flex-start !important;
  direction:ltr !important;
}.quick-contact-card .btn,
.contact-card .btn,
.quick-contact-card a,
.contact-card a,
.footer-mini-card a{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}/* أي رابط رقمه هاتف أو تم تمييزه بالـJS */
.quick-contact-card a[href^="tel"],
.contact-card a[href^="tel"],
.footer-mini-card a[href^="tel"],
.quick-contact-card .noora-phone-link,
.contact-card .noora-phone-link,
.footer-mini-card .noora-phone-link{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  font-family:var(--font-en), Arial, sans-serif !important;
  letter-spacing:0 !important;
}/* منع انقلاب +964 في الواجهة العربية */
.noora-phone-link{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  letter-spacing:0 !important;
}/* زر واتساب داخل كروت التواصل فقط */
.quick-contact-card a[href*="wa.me"],
.quick-contact-card a[href*="whatsapp"],
.contact-card a[href*="wa.me"],
.contact-card a[href*="whatsapp"]{
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  color:#fff !important;
  border-color:transparent !important;
}/* إذا بقي مفتاح الترجمة ظاهر قبل تحميل JS، نخليه ما يكسر الشكل */
.quick-contact-card a,
.contact-card a{
  font-size:.9rem !important;
  line-height:1.2 !important;
}

@media (max-width:860px){
.quick-contact-grid,
.contact-grid,
.footer-contact-pills{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }.quick-contact-card,
.contact-card{
    width:100% !important;
    padding:20px !important;
    border-radius:24px !important;
  }.quick-contact-card .card-actions,
.contact-card .card-actions,
.footer-contact-actions,
.contact-actions,
.quick-contact-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
  }.quick-contact-card .btn,
.contact-card .btn,
.quick-contact-card a,
.contact-card a{
    width:100% !important;
    justify-content:center !important;
  }
}

@media (max-width:560px){
.quick-contact-card,
.contact-card{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:18px !important;
  }html[dir="rtl"] .quick-contact-card,
html[dir="rtl"] .contact-card{
    text-align:right !important;
  }html[dir="ltr"] .quick-contact-card,
html[dir="ltr"] .contact-card{
    text-align:left !important;
  }.quick-contact-card .card-actions,
.contact-card .card-actions,
.footer-contact-actions,
.contact-actions,
.quick-contact-actions{
    grid-template-columns:1fr !important;
  }.quick-contact-card svg,
.contact-card svg{
    margin:0 !important;
  }
}/* =========================================================
   V7 - REMOVE TOP GAP INSIDE MOBILE DRAWER
   ضع هذا الكود في آخر ملف CSS
========================================================= */

@media (max-width:1100px){

  /* اللوحة تبدأ من أعلى الشاشة بدون فراغ زائد */
  #mainNav.main-nav,
  .topbar .main-nav,
  .main-nav{
    top:0 !important;
    inset-block-start:0 !important;
    padding-top:8px !important;
  }

  /* إذا كان الجهاز يضيف safe-area لا نخليه يكبر المسافة */
  @supports (padding-top: env(safe-area-inset-top)){
    #mainNav.main-nav,
    .topbar .main-nav,
    .main-nav{
      padding-top:max(8px, env(safe-area-inset-top)) !important;
    }
  }

  /* رأس القائمة نفسه بدون نزول */
  .main-nav-head{
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:10px !important;
    min-height:54px !important;
    align-items:center !important;
  }

  /* زر الإغلاق لا ينزل للأسفل */
  .main-nav-head .nav-close,
  .main-nav-head .icon-btn,
  .nav-close{
    margin-top:0 !important;
    align-self:center !important;
  }

  /* منع ظهور أي عنوان مكرر فوق رأس القائمة */
  .main-nav > .drawer-section-title:first-child,
  .main-nav > .drawer-title:first-child,
  .main-nav > .nav-title:first-child{
    display:none !important;
  }

  /* إزالة أي margin من أول عنصر داخل القائمة */
  .main-nav > *:first-child{
    margin-top:0 !important;
  }
}

@media (max-width:560px){
#mainNav.main-nav,
.topbar .main-nav,
.main-nav{
    padding-top:6px !important;
  }.main-nav-head{
    min-height:50px !important;
    padding-bottom:8px !important;
  }
}/* =========================================================
   V8 - MOBILE FOOTER FIX
   يعالج تكدس الفوتر، قص النصوص، تمدد الكروت، وتداخل الزر العائم
   ضع هذا الكود في آخر ملف CSS
========================================================= */

@media (max-width:760px){

  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .site-footer,
  footer,
  .footer-compact,
  .footer-main,
  .footer-bottom,
  .footer-cta{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .site-footer{
    margin-top:28px !important;
    padding:22px 0 calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius:26px 26px 0 0 !important;
  }

  .site-footer .container,
  footer .container{
    width:calc(100% - 24px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
    min-width:0 !important;
  }

  .footer-main,
  .footer-compact-grid,
  .footer-contact-pills,
  .quick-contact-grid,
  .contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .footer-title,
  .footer-copy,
  .footer-list,
  .footer-bottom,
  .footer-bottom *,
  .footer-mini-card,
  .quick-contact-card,
  .contact-card{
    min-width:0 !important;
    max-width:100% !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  .footer-title{
    font-size:1.08rem !important;
    line-height:1.65 !important;
    margin-bottom:8px !important;
  }

  .footer-copy,
  .footer-list,
  .footer-list a,
  .footer-mini-card span,
  .footer-mini-card a,
  .quick-contact-card span,
  .quick-contact-card a,
  .contact-card span,
  .contact-card a{
    font-size:.92rem !important;
    line-height:1.85 !important;
  }

  .footer-mini-card,
  .quick-contact-card,
  .contact-card{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:13px 14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .footer-mini-card svg,
  .quick-contact-card svg,
  .contact-card svg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    flex:0 0 18px !important;
  }

  html[dir="rtl"] .footer-mini-card,
  html[dir="rtl"] .quick-contact-card,
  html[dir="rtl"] .contact-card{
    flex-direction:row-reverse !important;
    text-align:right !important;
  }

  html[dir="ltr"] .footer-mini-card,
  html[dir="ltr"] .quick-contact-card,
  html[dir="ltr"] .contact-card{
    flex-direction:row !important;
    text-align:left !important;
  }

  .footer-bottom{
    margin-top:14px !important;
    padding:14px 0 0 !important;
  }

  .footer-bottom .container{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    align-items:start !important;
    justify-items:stretch !important;
  }

  .footer-bottom p,
  .footer-bottom span,
  .footer-bottom div{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    white-space:normal !important;
    text-align:inherit !important;
  }

  html[dir="rtl"] .footer-bottom,
  html[dir="rtl"] .footer-bottom *{
    text-align:right !important;
  }

  html[dir="ltr"] .footer-bottom,
  html[dir="ltr"] .footer-bottom *{
    text-align:left !important;
  }

  /* أرقام الهاتف والإيميل لا تنقلب ولا تنقص */
  .footer-mini-card a[href^="tel"],
  .quick-contact-card a[href^="tel"],
  .contact-card a[href^="tel"],
  .footer-mini-card a[href^="mailto"],
  .quick-contact-card a[href^="mailto"],
  .contact-card a[href^="mailto"]{
    direction:ltr !important;
    unicode-bidi:embed !important;
    text-align:start !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  /* منع الزر العائم من تغطية نص الفوتر */
  .whatsapp-float,
  .whatsapp-fab,
  .floating-contact,
  .floating-mail,
  .mail-float,
  .contact-float{
    width:50px !important;
    height:50px !important;
    left:14px !important;
    right:auto !important;
    bottom:14px !important;
    z-index:1200 !important;
  }

  /* اترك مساحة أسفل الفوتر حتى لا يغطيه الزر العائم */
  body{
    padding-bottom:64px !important;
  }
}

@media (max-width:420px){
.site-footer .container,
footer .container{
    width:calc(100% - 18px) !important;
  }.footer-mini-card,
.quick-contact-card,
.contact-card{
    padding:12px !important;
    border-radius:16px !important;
  }.footer-title{
    font-size:1rem !important;
  }.footer-copy,
.footer-list,
.footer-list a,
.footer-bottom,
.footer-bottom *{
    font-size:.86rem !important;
  }
}/* ================================
   FINAL MOBILE FOOTER FIX
   يحل الفراغ الأبيض وتراكم نص الفوتر
================================ */

@media (max-width:760px){

  body{
    padding-bottom:0 !important;
  }

  .site-footer,
  footer.site-footer,
  footer{
    width:100% !important;
    max-width:100% !important;
    margin-bottom:0 !important;
    padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
    overflow:hidden !important;
  }

  .footer-bottom{
    margin-top:14px !important;
    padding:14px 0 0 !important;
  }

  .footer-bottom .container{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    flex-wrap:nowrap !important;
    width:calc(100% - 18px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
    text-align:center !important;
  }

  html[dir="rtl"] .footer-bottom .container{
    direction:rtl !important;
  }

  html[dir="ltr"] .footer-bottom .container{
    direction:ltr !important;
  }

  .footer-bottom .container > *{
    width:auto !important;
    max-width:50% !important;
    flex:0 1 auto !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    text-align:center !important;
    font-size:clamp(.66rem, 2.7vw, .86rem) !important;
    line-height:1.75 !important;
  }

  .whatsapp-float,
  .whatsapp-fab,
  .floating-contact,
  .floating-mail,
  .mail-float,
  .contact-float{
    width:54px !important;
    height:54px !important;
    left:14px !important;
    right:auto !important;
    bottom:14px !important;
    z-index:1200 !important;
  }
}

@media (max-width:420px){
.footer-bottom .container{
    gap:7px !important;
  }.footer-bottom .container > *{
    font-size:clamp(.6rem, 2.55vw, .76rem) !important;
    line-height:1.65 !important;
  }
}/* ================================
   KILL FINAL EMPTY SPACE MOBILE
================================ */

html,
body{
  margin:0 !important;
  padding-bottom:0 !important;
  min-height:100% !important;
  overflow-x:hidden !important;
}body::after{
  display:none !important;
  content:none !important;
}.site-shell,
main,
.page-wrapper,
.wrapper{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}.site-footer,
footer.site-footer{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}.site-footer > .container:last-child,
.footer-bottom,
.footer-bottom .container{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}.footer-bottom .container > *{
  margin-bottom:0 !important;
}/* الموبايل فقط */
@media (max-width:760px){

  body{
    padding-bottom:0 !important;
  }

  .site-footer,
  footer.site-footer{
    padding:24px 0 12px !important;
    margin-bottom:0 !important;
  }

  .footer-bottom{
    padding:10px 0 0 !important;
    margin:0 !important;
  }

  .footer-bottom .container{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  .whatsapp-float,
  .whatsapp-fab,
  .floating-contact,
  .floating-mail,
  .mail-float,
  .contact-float{
    position:fixed !important;
    left:12px !important;
    right:auto !important;
    bottom:12px !important;
    width:54px !important;
    height:54px !important;
    z-index:1200 !important;
  }
}/* رفع أيقونة التواصل الطائرة فوق الفوتر */
@media (max-width:760px){

  contact.floating_menu,
  .contact.floating_menu,
  .floating_menu,
  .contact-fab{
    position:fixed !important;
    left:14px !important;
    right:auto !important;
    bottom:42px !important;
    z-index:99999 !important;
  }

  html[dir="rtl"] contact.floating_menu,
  html[dir="rtl"] .contact.floating_menu,
  html[dir="rtl"] .floating_menu,
  html[dir="rtl"] .contact-fab{
    left:14px !important;
    right:auto !important;
  }

  .contact-fab-toggle{
    width:58px !important;
    height:58px !important;
  }
}/* =========================================
   FINAL CONTACT PAGE MOBILE FIX
   ترتيب كروت اتصل بنا بالموبايل
========================================= */

.contact-grid,
.quick-contact-grid{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  gap:14px !important;
}.contact-card,
.quick-contact-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}.contact-card *,
.quick-contact-card *{
  box-sizing:border-box !important;
  min-width:0 !important;
}/* شكل عام للكارد */
.contact-card,
.quick-contact-card{
  display:grid !important;
  grid-template-columns:54px minmax(120px,.9fr) minmax(0,1.35fr) !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px 20px !important;
  border-radius:24px !important;
}/* الأيقونة */
.contact-card > svg,
.quick-contact-card > svg,
.contact-card .contact-icon,
.quick-contact-card .contact-icon,
.contact-card .feature-icon,
.quick-contact-card .feature-icon{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  margin:0 !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
}/* العنوان مثل: واتساب والهاتف */
.contact-card strong,
.quick-contact-card strong,
.contact-card h3,
.quick-contact-card h3,
.contact-card h4,
.quick-contact-card h4{
  margin:0 !important;
  font-size:1.05rem !important;
  line-height:1.65 !important;
  font-weight:900 !important;
  color:var(--text) !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}/* النصوص العادية */
.contact-card span,
.quick-contact-card span,
.contact-card p,
.quick-contact-card p{
  margin:0 !important;
  font-size:.92rem !important;
  line-height:1.75 !important;
  color:var(--muted) !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}/* الرقم والإيميل والروابط */
.contact-card a,
.quick-contact-card a{
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:46px !important;
  padding:10px 14px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:.9rem !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}/* الرقم يبقى مضبوط وما ينقلب */
.contact-card a[href^="tel"],
.quick-contact-card a[href^="tel"],
.contact-card a[href*="wa.me"],
.quick-contact-card a[href*="wa.me"],
.contact-card .noora-phone-link,
.quick-contact-card .noora-phone-link{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-family:var(--font-en), Arial, sans-serif !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}/* الإيميل */
.contact-card a[href^="mailto"],
.quick-contact-card a[href^="mailto"]{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-family:var(--font-en), Arial, sans-serif !important;
  font-size:.86rem !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}/* زر واتساب الرئيسي */
.contact-card a[href*="wa.me"],
.quick-contact-card a[href*="wa.me"],
.contact-card a[href*="whatsapp"],
.quick-contact-card a[href*="whatsapp"]{
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(28,73,184,.18) !important;
}/* زر الاتصال الثاني */
.contact-card .btn,
.quick-contact-card .btn,
.contact-card .btn-outline,
.quick-contact-card .btn-outline{
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  padding:10px 14px !important;
  border-radius:18px !important;
  font-size:.9rem !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  white-space:normal !important;
  text-align:center !important;
}/* ترتيب أزرار داخل الكارد */
.contact-card .card-actions,
.quick-contact-card .card-actions,
.contact-actions,
.quick-contact-actions{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 !important;
}/* اتجاه RTL مضبوط */
html[dir="rtl"] .contact-card,
html[dir="rtl"] .quick-contact-card{
  direction:rtl !important;
  text-align:right !important;
}html[dir="rtl"] .contact-card a,
html[dir="rtl"] .quick-contact-card a{
  text-align:center !important;
}/* =========================
   MOBILE
========================= */
@media (max-width:760px){

  .contact-grid,
  .quick-contact-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .contact-card,
  .quick-contact-card{
    grid-template-columns:46px minmax(84px,.8fr) minmax(0,1.2fr) !important;
    gap:10px !important;
    padding:14px 12px !important;
    border-radius:20px !important;
    min-height:96px !important;
  }

  .contact-card > svg,
  .quick-contact-card > svg,
  .contact-card .contact-icon,
  .quick-contact-card .contact-icon,
  .contact-card .feature-icon,
  .quick-contact-card .feature-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:15px !important;
  }

  .contact-card strong,
  .quick-contact-card strong,
  .contact-card h3,
  .quick-contact-card h3,
  .contact-card h4,
  .quick-contact-card h4{
    font-size:.98rem !important;
    line-height:1.55 !important;
  }

  .contact-card span,
  .quick-contact-card span,
  .contact-card p,
  .quick-contact-card p{
    font-size:.84rem !important;
    line-height:1.65 !important;
  }

  .contact-card a,
  .quick-contact-card a,
  .contact-card .btn,
  .quick-contact-card .btn{
    min-height:42px !important;
    padding:9px 10px !important;
    border-radius:16px !important;
    font-size:.82rem !important;
    line-height:1.3 !important;
  }

  .contact-card a[href^="mailto"],
  .quick-contact-card a[href^="mailto"]{
    font-size:.78rem !important;
  }
}/* شاشة صغيرة جداً */
@media (max-width:420px){

  .contact-card,
  .quick-contact-card{
    grid-template-columns:44px minmax(76px,.75fr) minmax(0,1.25fr) !important;
    gap:8px !important;
    padding:13px 10px !important;
  }

  .contact-card > svg,
  .quick-contact-card > svg,
  .contact-card .contact-icon,
  .quick-contact-card .contact-icon,
  .contact-card .feature-icon,
  .quick-contact-card .feature-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  .contact-card strong,
  .quick-contact-card strong,
  .contact-card h3,
  .quick-contact-card h3,
  .contact-card h4,
  .quick-contact-card h4{
    font-size:.9rem !important;
    line-height:1.5 !important;
  }

  .contact-card a,
  .quick-contact-card a,
  .contact-card .btn,
  .quick-contact-card .btn{
    font-size:.76rem !important;
    padding:8px 8px !important;
  }
}/* =========================================================
   MOBILE REQUEST STATUS / STAGES PROFESSIONAL FIX
   ترتيب مراحل الطلب وسجل المراحل بالموبايل
========================================================= */

@media (max-width:760px){

  /* الكارت الرئيسي الخاص بحالة الطلب */
  .request-status-card,
  .order-status-card,
  .tracking-card,
  .status-card,
  .request-card .status-card,
  .request-progress-card{
    width:100% !important;
    max-width:100% !important;
    padding:16px 14px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  /* شريط التقدم العلوي */
  .status-progress,
  .request-progress,
  .progress-track,
  .order-progress{
    width:100% !important;
    height:9px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    margin:0 0 18px !important;
    background:rgba(105,130,165,.16) !important;
  }

  .status-progress-fill,
  .request-progress-fill,
  .progress-fill,
  .order-progress-fill{
    height:100% !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#2456c4,#19c9ff,#18c980) !important;
  }

  /* شبكة المراحل تتحول إلى عمود مرتب */
  .status-steps,
  .request-steps,
  .order-steps,
  .progress-steps,
  .stages-grid,
  .request-stages{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* كل مرحلة */
  .status-step,
  .request-step,
  .order-step,
  .progress-step,
  .stage-item,
  .request-stage{
    position:relative !important;
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    min-height:44px !important;
    padding:9px 10px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.45) !important;
    border:1px solid rgba(110,140,190,.16) !important;
    box-shadow:none !important;
    text-align:right !important;
  }

  body.theme-dark .status-step,
  body.theme-dark .request-step,
  body.theme-dark .order-step,
  body.theme-dark .progress-step,
  body.theme-dark .stage-item,
  body.theme-dark .request-stage{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.10) !important;
  }

  /* النقطة */
  .status-step::before,
  .request-step::before,
  .order-step::before,
  .progress-step::before,
  .stage-item::before,
  .request-stage::before{
    content:"" !important;
    width:11px !important;
    height:11px !important;
    border-radius:50% !important;
    background:#cfd8e6 !important;
    box-shadow:0 0 0 5px rgba(150,165,185,.12) !important;
    justify-self:center !important;
  }

  /* المرحلة الحالية */
  .status-step.active,
  .status-step.current,
  .status-step.is-active,
  .request-step.active,
  .request-step.current,
  .request-step.is-active,
  .order-step.active,
  .order-step.current,
  .order-step.is-active,
  .progress-step.active,
  .progress-step.current,
  .progress-step.is-active,
  .stage-item.active,
  .stage-item.current,
  .stage-item.is-active,
  .request-stage.active,
  .request-stage.current,
  .request-stage.is-active{
    background:linear-gradient(135deg,rgba(255,183,28,.18),rgba(255,255,255,.52)) !important;
    border-color:rgba(255,183,28,.35) !important;
  }

  .status-step.active::before,
  .status-step.current::before,
  .status-step.is-active::before,
  .request-step.active::before,
  .request-step.current::before,
  .request-step.is-active::before,
  .order-step.active::before,
  .order-step.current::before,
  .order-step.is-active::before,
  .progress-step.active::before,
  .progress-step.current::before,
  .progress-step.is-active::before,
  .stage-item.active::before,
  .stage-item.current::before,
  .stage-item.is-active::before,
  .request-stage.active::before,
  .request-stage.current::before,
  .request-stage.is-active::before{
    background:#ffb21c !important;
    box-shadow:0 0 0 6px rgba(255,178,28,.18) !important;
  }

  /* المرحلة المكتملة */
  .status-step.done::before,
  .status-step.completed::before,
  .status-step.is-done::before,
  .request-step.done::before,
  .request-step.completed::before,
  .request-step.is-done::before,
  .order-step.done::before,
  .order-step.completed::before,
  .order-step.is-done::before,
  .progress-step.done::before,
  .progress-step.completed::before,
  .progress-step.is-done::before,
  .stage-item.done::before,
  .stage-item.completed::before,
  .stage-item.is-done::before,
  .request-stage.done::before,
  .request-stage.completed::before,
  .request-stage.is-done::before{
    background:#22c76a !important;
    box-shadow:0 0 0 6px rgba(34,199,106,.16) !important;
  }

  /* نص المرحلة */
  .status-step strong,
  .status-step span,
  .request-step strong,
  .request-step span,
  .order-step strong,
  .order-step span,
  .progress-step strong,
  .progress-step span,
  .stage-item strong,
  .stage-item span,
  .request-stage strong,
  .request-stage span{
    display:block !important;
    min-width:0 !important;
    margin:0 !important;
    color:var(--text) !important;
    font-size:.9rem !important;
    font-weight:900 !important;
    line-height:1.55 !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    text-align:right !important;
  }

  /* ملاحظة الإدارة */
  .admin-note,
  .request-note,
  .order-note,
  .status-note,
  .tracking-note{
    width:100% !important;
    margin-top:14px !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    display:block !important;
    text-align:right !important;
    font-size:.92rem !important;
    line-height:1.8 !important;
    font-weight:800 !important;
    color:var(--text) !important;
    background:rgba(255,255,255,.62) !important;
    border:1px solid rgba(110,140,190,.14) !important;
  }

  body.theme-dark .admin-note,
  body.theme-dark .request-note,
  body.theme-dark .order-note,
  body.theme-dark .status-note,
  body.theme-dark .tracking-note{
    background:rgba(255,255,255,.065) !important;
  }

  /* عنوان سجل المراحل */
  .timeline-title,
  .request-log-title,
  .stage-log-title,
  .tracking-log-title{
    margin:18px 0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    font-size:1rem !important;
    line-height:1.5 !important;
    font-weight:900 !important;
    color:var(--indigo-2) !important;
  }

  /* سجل المراحل */
  .request-timeline,
  .order-timeline,
  .status-timeline,
  .tracking-timeline,
  .stage-log,
  .timeline-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* عنصر داخل سجل المراحل */
  .timeline-item,
  .request-log-item,
  .order-log-item,
  .stage-log-item,
  .tracking-log-item{
    position:relative !important;
    width:100% !important;
    padding:14px 14px 14px 16px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.50) !important;
    border:1px solid rgba(110,140,190,.16) !important;
    box-shadow:0 10px 24px rgba(35,70,130,.06) !important;
    text-align:right !important;
  }

  body.theme-dark .timeline-item,
  body.theme-dark .request-log-item,
  body.theme-dark .order-log-item,
  body.theme-dark .stage-log-item,
  body.theme-dark .tracking-log-item{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.10) !important;
  }

  .timeline-item::before,
  .request-log-item::before,
  .order-log-item::before,
  .stage-log-item::before,
  .tracking-log-item::before{
    content:"" !important;
    position:absolute !important;
    top:18px !important;
    inset-inline-end:10px !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
    box-shadow:0 0 0 5px rgba(40,140,255,.12) !important;
  }

  .timeline-item h3,
  .timeline-item h4,
  .timeline-item strong,
  .request-log-item h3,
  .request-log-item h4,
  .request-log-item strong,
  .order-log-item h3,
  .order-log-item h4,
  .order-log-item strong,
  .stage-log-item h3,
  .stage-log-item h4,
  .stage-log-item strong,
  .tracking-log-item h3,
  .tracking-log-item h4,
  .tracking-log-item strong{
    display:block !important;
    margin:0 18px 5px 0 !important;
    font-size:.96rem !important;
    line-height:1.6 !important;
    font-weight:900 !important;
    color:var(--text) !important;
  }

  .timeline-item time,
  .timeline-item small,
  .request-log-item time,
  .request-log-item small,
  .order-log-item time,
  .order-log-item small,
  .stage-log-item time,
  .stage-log-item small,
  .tracking-log-item time,
  .tracking-log-item small{
    display:block !important;
    margin:0 18px 8px 0 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
    text-align:right !important;
    font-family:var(--font-en), Arial, sans-serif !important;
    font-size:.78rem !important;
    line-height:1.5 !important;
    color:var(--muted) !important;
  }

  .timeline-item p,
  .request-log-item p,
  .order-log-item p,
  .stage-log-item p,
  .tracking-log-item p{
    margin:0 !important;
    font-size:.86rem !important;
    line-height:1.75 !important;
    color:var(--muted) !important;
    text-align:right !important;
  }
}/* شاشة أصغر جداً */
@media (max-width:420px){

  .request-status-card,
  .order-status-card,
  .tracking-card,
  .status-card,
  .request-progress-card{
    padding:14px 11px !important;
    border-radius:20px !important;
  }

  .status-step,
  .request-step,
  .order-step,
  .progress-step,
  .stage-item,
  .request-stage{
    grid-template-columns:22px minmax(0,1fr) !important;
    min-height:42px !important;
    padding:8px 9px !important;
  }

  .status-step strong,
  .status-step span,
  .request-step strong,
  .request-step span,
  .order-step strong,
  .order-step span,
  .progress-step strong,
  .progress-step span,
  .stage-item strong,
  .stage-item span,
  .request-stage strong,
  .request-stage span{
    font-size:.84rem !important;
  }

  .admin-note,
  .request-note,
  .order-note,
  .status-note,
  .tracking-note{
    font-size:.84rem !important;
    padding:12px 13px !important;
  }

  .timeline-item,
  .request-log-item,
  .order-log-item,
  .stage-log-item,
  .tracking-log-item{
    padding:13px 12px !important;
  }
}/* =========================================
   RESTORE ARROW BESIDE TRACKING HISTORY TITLE
========================================= */

@media (max-width:760px){

  .tracking-history summary{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    list-style:none !important;
  }

  .tracking-history summary::-webkit-details-marker{
    display:none !important;
  }

  .tracking-history summary::before{
    content:"◀" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    font-size:.9rem !important;
    line-height:1 !important;
    color:#1264d8 !important;
    transition:transform .22s ease !important;
    flex:0 0 auto !important;
  }

  .tracking-history[open] > summary::before,
  details.tracking-history[open] > summary::before{
    transform:rotate(-90deg) !important;
  }
}/* =========================================================
   ECB MOBILE VERTICAL TRACKING STEPPER
   الكلاسات الصحيحة:
   .tracking-box / .tracking-bar / .tracking-steps / .tracking-step
========================================================= */

@media (max-width:760px){

  /* متغيرات التحكم */
  .tracking-box{
    --ecb-step-h:60px;
    --ecb-step-gap:12px;
    --ecb-track-x:24px;
    --ecb-current-step:2; /* الافتراضي: المرحلة الثانية = تم قبول الطلب */

    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:16px !important;
    padding:18px 14px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:rgba(18,100,216,.055) !important;
    border:1px solid rgba(18,100,216,.12) !important;
    box-shadow:0 18px 45px rgba(15,45,100,.08) !important;
  }

  body.theme-dark .tracking-box{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.11) !important;
  }

  /* إخفاء الشريط الأفقي القديم */
  .tracking-box .tracking-bar{
    display:none !important;
  }

  /* تحديد رقم المرحلة الحالية تلقائياً إذا الكلاس current موجود */
  .tracking-box .tracking-steps:has(.tracking-step:nth-child(1).current){
    --ecb-current-step:1;
  }

  .tracking-box .tracking-steps:has(.tracking-step:nth-child(2).current){
    --ecb-current-step:2;
  }

  .tracking-box .tracking-steps:has(.tracking-step:nth-child(3).current){
    --ecb-current-step:3;
  }

  .tracking-box .tracking-steps:has(.tracking-step:nth-child(4).current){
    --ecb-current-step:4;
  }

  .tracking-box .tracking-steps:has(.tracking-step:nth-child(5).current){
    --ecb-current-step:5;
  }

  .tracking-box .tracking-steps:has(.tracking-step:nth-child(6).current){
    --ecb-current-step:6;
  }

  /* القائمة الطولية */
  .tracking-box .tracking-steps{
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:var(--ecb-step-gap) !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* الخط العمودي الرمادي الكامل */
  .tracking-box .tracking-steps::before{
    content:"" !important;
    position:absolute !important;
    top:calc(var(--ecb-step-h) / 2) !important;
    bottom:calc(var(--ecb-step-h) / 2) !important;
    right:var(--ecb-track-x) !important;
    width:4px !important;
    border-radius:999px !important;
    background:#d8e2ef !important;
    z-index:0 !important;
  }

  /* الخط العمودي الملون الواصل إلى المرحلة الحالية فقط */
  .tracking-box .tracking-steps::after{
    content:"" !important;
    position:absolute !important;
    top:calc(var(--ecb-step-h) / 2) !important;
    right:var(--ecb-track-x) !important;
    width:4px !important;
    height:calc((var(--ecb-current-step) - 1) * (var(--ecb-step-h) + var(--ecb-step-gap))) !important;
    max-height:calc(100% - var(--ecb-step-h)) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#22c55e 0%,#1fb6ff 55%,#f5a300 100%) !important;
    z-index:1 !important;
  }

  /* كل مرحلة */
  .tracking-box .tracking-step{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-height:var(--ecb-step-h) !important;
    padding:12px 58px 12px 14px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.58) !important;
    border:1px solid rgba(100,130,175,.15) !important;
    box-shadow:0 8px 22px rgba(35,70,130,.05) !important;
    color:#64748b !important;
    font-size:.94rem !important;
    line-height:1.65 !important;
    text-align:right !important;
  }

  body.theme-dark .tracking-box .tracking-step{
    background:rgba(255,255,255,.055) !important;
    border-color:rgba(255,255,255,.10) !important;
  }

  /* النقطة الأصلية داخل كل مرحلة */
  .tracking-box .tracking-step > span{
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    border-radius:50% !important;
    margin:0 !important;
    background:#cbd5e1 !important;
    border:4px solid #eef3fa !important;
    box-shadow:0 0 0 5px rgba(150,165,185,.14) !important;
    z-index:3 !important;
  }

  /* نص المرحلة */
  .tracking-box .tracking-step b,
  .tracking-box .tracking-step strong,
  .tracking-box .tracking-step em{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    color:inherit !important;
    font-size:.95rem !important;
    line-height:1.65 !important;
    font-weight:900 !important;
    font-style:normal !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    text-align:right !important;
  }

  /* المرحلة المكتملة */
  .tracking-box .tracking-step.done{
    color:#123d2d !important;
    background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(255,255,255,.72)) !important;
    border-color:rgba(34,197,94,.25) !important;
  }

  .tracking-box .tracking-step.done > span{
    background:#22c55e !important;
    border-color:#dff8e9 !important;
    box-shadow:0 0 0 6px rgba(34,197,94,.16) !important;
  }

  /* المرحلة الحالية */
  .tracking-box .tracking-step.current{
    color:#0f2f86 !important;
    font-weight:900 !important;
    background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(255,255,255,.82)) !important;
    border-color:rgba(245,158,11,.36) !important;
    box-shadow:0 12px 30px rgba(245,158,11,.12) !important;
  }

  .tracking-box .tracking-step.current > span{
    width:21px !important;
    height:21px !important;
    right:14.5px !important;
    background:#f59e0b !important;
    border-color:#fff4d7 !important;
    box-shadow:0 0 0 7px rgba(245,158,11,.18) !important;
  }

  /* المراحل غير المنجزة */
  .tracking-box .tracking-step:not(.done):not(.current){
    color:#71819a !important;
  }

  /* ملاحظة الإدارة */
  .tracking-box .tracking-note{
    width:100% !important;
    margin:16px 0 0 !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(100,130,175,.12) !important;
    color:var(--text) !important;
    font-size:.93rem !important;
    line-height:1.8 !important;
    font-weight:900 !important;
    text-align:center !important;
    box-shadow:0 10px 24px rgba(35,70,130,.05) !important;
  }

  body.theme-dark .tracking-box .tracking-note{
    background:rgba(255,255,255,.07) !important;
  }

  /* سجل المراحل */
  .tracking-history{
    margin-top:18px !important;
    padding:0 !important;
  }

  .tracking-history summary{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin:0 0 12px !important;
    color:#1264d8 !important;
    font-size:1.05rem !important;
    line-height:1.6 !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }

  .tracking-history details,
  .tracking-history .history-list,
  .tracking-history ul{
    display:grid !important;
    gap:12px !important;
  }

  .tracking-history p,
  .tracking-history li,
  .tracking-history article,
  .tracking-history .history-item{
    width:100% !important;
    margin:0 !important;
    padding:13px 15px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.55) !important;
    border:1px solid rgba(100,130,175,.12) !important;
    color:var(--muted) !important;
    font-size:.88rem !important;
    line-height:1.75 !important;
    text-align:right !important;
  }
}/* شاشة أصغر */
@media (max-width:420px){

  .tracking-box{
    --ecb-step-h:56px;
    --ecb-step-gap:10px;
    --ecb-track-x:22px;

    padding:15px 11px !important;
    border-radius:22px !important;
  }

  .tracking-box .tracking-step{
    min-height:var(--ecb-step-h) !important;
    padding:10px 54px 10px 10px !important;
    border-radius:16px !important;
  }

  .tracking-box .tracking-step > span{
    right:14px !important;
  }

  .tracking-box .tracking-step.current > span{
    right:12.5px !important;
  }

  .tracking-box .tracking-step b,
  .tracking-box .tracking-step strong,
  .tracking-box .tracking-step em{
    font-size:.88rem !important;
  }

  .tracking-box .tracking-note{
    font-size:.86rem !important;
    padding:12px 13px !important;
  }
}/* =========================================================
   ONLY RESTORE ARROW BESIDE "سجل المراحل"
   بدون تغيير تنسيق المراحل
========================================================= */

@media (max-width:760px){

  .tracking-history summary{
    list-style:none !important;
    position:relative !important;
  }

  .tracking-history summary::-webkit-details-marker{
    display:none !important;
  }

  .tracking-history summary::before{
    content:"◀" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    margin-inline-end:6px !important;
    color:#1264d8 !important;
    font-size:.92rem !important;
    line-height:1 !important;
    font-weight:900 !important;
    transition:transform .22s ease !important;
    flex:0 0 auto !important;
  }

  details.tracking-history[open] > summary::before,
  .tracking-history[open] > summary::before{
    content:"▼" !important;
    transform:none !important;
  }
}
/* FIX org chart width on large screens */
.org-page-hero,
.org-page-section{
    width: min(calc(100% - 32px), 1240px) !important;
    max-width: 1240px !important;
    margin-inline: auto !important;
}

.org-radial-shell,
.org-radial-board,
.org-hero-panel{
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
}

@media (min-width: 1400px){
    .org-page-hero,
    .org-page-section{
        max-width: 1240px !important;
    }
}

:root{
  --admin-shell-width:1320px;
  --admin-card-bg:rgba(255,255,255,.88);
  --admin-card-border:rgba(70,101,167,.18);
  --admin-soft-bg:rgba(70,139,255,.07);
  --admin-radius:24px;
  --admin-radius-sm:16px;
  --admin-shadow:0 18px 48px rgba(24,48,100,.10);
  --admin-shadow-soft:0 10px 28px rgba(24,48,100,.07);
  --noora-header-z:1200;
  --noora-backdrop-z:3000;
  --noora-drawer-z:4000;
  --noora-modal-z:6000;
}

body.theme-dark{
  --admin-card-bg:rgba(12,24,42,.88);
  --admin-card-border:rgba(139,182,255,.16);
  --admin-soft-bg:rgba(139,182,255,.07);
  --admin-shadow:0 20px 54px rgba(0,0,0,.32);
  --admin-shadow-soft:0 12px 34px rgba(0,0,0,.24);
}

.topbar{
  z-index:var(--noora-header-z) !important;
}

#navBackdrop,
#adminBackdrop,
.nav-backdrop,
.admin-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:var(--noora-backdrop-z) !important;
  background:rgba(5,11,24,.48) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease,visibility .22s ease !important;
}

#navBackdrop.show,
#navBackdrop.open,
#navBackdrop.active,
#adminBackdrop.show,
#adminBackdrop.open,
#adminBackdrop.active,
.nav-backdrop.show,
.nav-backdrop.open,
.nav-backdrop.active,
.admin-backdrop.show,
.admin-backdrop.open,
.admin-backdrop.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.main-nav,
.admin-sidebar,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
  z-index:var(--noora-drawer-z) !important;
}

.main-nav.open,
.main-nav.active,
.main-nav.show,
.admin-sidebar.open,
.admin-sidebar.active,
.admin-sidebar.show,
.mobile-drawer.open,
.mobile-drawer.active,
.mobile-drawer.show,
.side-drawer.open,
.side-drawer.active,
.side-drawer.show,
.offcanvas-menu.open,
.offcanvas-menu.active,
.offcanvas-menu.show,
.drawer-panel.open,
.drawer-panel.active,
.drawer-panel.show,
.app-sidebar.open,
.app-sidebar.active,
.app-sidebar.show{
  transform:translateX(0) !important;
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.preview-open{
  overflow:hidden !important;
}

.editor-preview-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:var(--noora-modal-z) !important;
  display:none !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding:clamp(14px,3vw,28px) !important;
  overflow:auto !important;
  isolation:isolate !important;
  pointer-events:none !important;
}

.editor-preview-modal.show,
.editor-preview-modal.open,
.editor-preview-modal.active{
  display:flex !important;
  pointer-events:auto !important;
}

.editor-preview-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  background:rgba(5,11,24,.62) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

.editor-preview-modal-dialog{
  position:relative !important;
  z-index:1 !important;
  width:min(980px,100%) !important;
  max-height:none !important;
  margin:0 auto !important;
  overflow:visible !important;
  border-radius:26px !important;
  padding:0 !important;
  background:var(--surface-solid) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 32px 92px rgba(0,0,0,.38) !important;
}

body.theme-dark .editor-preview-modal-dialog{
  background:#0e1a2d !important;
  box-shadow:0 34px 96px rgba(0,0,0,.56) !important;
}

.editor-preview-modal-head{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:16px 18px !important;
  margin:0 !important;
  background:var(--surface-solid) !important;
  border-bottom:1px solid var(--line) !important;
  border-radius:26px 26px 0 0 !important;
}

body.theme-dark .editor-preview-modal-head{
  background:#0e1a2d !important;
}

.editor-preview-modal-head h3{
  margin:0 !important;
  font-size:1.05rem !important;
  line-height:1.4 !important;
}

.editor-preview-modal-body{
  display:grid !important;
  gap:18px !important;
  padding:20px !important;
  max-height:calc(100dvh - 98px) !important;
  overflow:auto !important;
}

.news-preview-cover:empty{
  display:none !important;
}

.news-preview-cover img{
  width:100% !important;
  max-height:380px !important;
  object-fit:cover !important;
  border-radius:22px !important;
  margin:0 !important;
}

#newsPreviewTitle{
  margin:0 !important;
  font-size:clamp(1.45rem,3vw,2.4rem) !important;
  line-height:1.45 !important;
  color:var(--text) !important;
}

.admin-section{
  width:min(calc(100% - 28px),var(--admin-shell-width)) !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:24px 0 !important;
}

.admin-card{
  background:var(--admin-card-bg) !important;
  border:1px solid var(--admin-card-border) !important;
  border-radius:var(--admin-radius) !important;
  box-shadow:var(--admin-shadow) !important;
  padding:clamp(18px,2.5vw,28px) !important;
  overflow:visible !important;
  color:var(--text) !important;
}

.admin-section .section-head,
.admin-news-hero-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 18px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,rgba(70,139,255,.09),rgba(73,195,255,.06)) !important;
  border:1px solid rgba(70,139,255,.14) !important;
}

.admin-section .section-head h2,
.admin-news-hero-head h2{
  margin:8px 0 6px !important;
  font-size:clamp(1.35rem,2vw,2rem) !important;
  line-height:1.45 !important;
}

.admin-section .section-head p,
.admin-news-hero-head p{
  margin:0 !important;
  max-width:760px !important;
}

.content-tip,
.news-editor-tip{
  border-radius:18px !important;
  padding:14px 16px !important;
  margin:0 0 16px !important;
  background:var(--admin-soft-bg) !important;
  border:1px solid rgba(70,139,255,.15) !important;
  color:var(--muted) !important;
}

.table-wrap{
  width:100% !important;
  overflow:auto !important;
  border-radius:22px !important;
  padding:12px !important;
  background:rgba(255,255,255,.42) !important;
  border:1px solid var(--line) !important;
}

body.theme-dark .table-wrap{
  background:rgba(255,255,255,.04) !important;
}

.data-table{
  width:100% !important;
  min-width:920px !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
}

.data-table th{
  padding:0 12px 8px !important;
  text-align:start !important;
  color:var(--muted) !important;
  font-size:.8rem !important;
  font-weight:900 !important;
}

.data-table td{
  padding:14px 12px !important;
  background:var(--surface-solid) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  vertical-align:middle !important;
}

body.theme-dark .data-table td{
  background:rgba(255,255,255,.055) !important;
}

.data-table td:first-child{
  border-inline-start:1px solid var(--line) !important;
  border-radius:16px 0 0 16px !important;
}

.data-table td:last-child{
  border-inline-end:1px solid var(--line) !important;
  border-radius:0 16px 16px 0 !important;
}

.news-builder-card,
.modern-news-builder{
  padding:clamp(16px,2.5vw,26px) !important;
  border-radius:var(--admin-radius) !important;
  overflow:visible !important;
}

.news-builder-form{
  margin-top:18px !important;
}

.news-publish-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
  gap:18px !important;
  align-items:start !important;
  width:100% !important;
}

.publish-main-column,
.publish-side-column{
  display:grid !important;
  gap:16px !important;
  min-width:0 !important;
}

.publish-section-block,
.editor-card-block{
  padding:18px !important;
  border-radius:22px !important;
  background:var(--admin-card-bg) !important;
  border:1px solid var(--admin-card-border) !important;
  box-shadow:var(--admin-shadow-soft) !important;
  overflow:visible !important;
  min-width:0 !important;
}

.publish-step{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:start !important;
  gap:12px !important;
  margin:0 0 16px !important;
}

.publish-step > span{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,var(--indigo),var(--accent)) !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:.86rem !important;
  box-shadow:0 12px 26px rgba(22,168,255,.20) !important;
}

.publish-step h3{
  margin:0 0 4px !important;
  font-size:1rem !important;
  line-height:1.5 !important;
}

.publish-step p{
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.75 !important;
  font-size:.9rem !important;
}

.form-grid,
.compact-form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}

.compact-form-grid,
.form-grid.compact-form-grid{
  grid-template-columns:1fr !important;
}

.form-grid .full{
  grid-column:1 / -1 !important;
}

.news-builder-form label{
  color:var(--text) !important;
  font-size:.9rem !important;
  line-height:1.5 !important;
  margin-bottom:7px !important;
}

.news-builder-form input,
.news-builder-form select,
.news-builder-form textarea{
  min-height:46px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.52) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;
}

body.theme-dark .news-builder-form input,
body.theme-dark .news-builder-form select,
body.theme-dark .news-builder-form textarea{
  background:rgba(255,255,255,.055) !important;
}

.news-builder-form textarea{
  min-height:110px !important;
}

.editor-lang-tabs{
  display:inline-flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  padding:6px !important;
  margin:0 0 14px !important;
  border-radius:16px !important;
  background:rgba(70,139,255,.08) !important;
  border:1px solid rgba(70,139,255,.12) !important;
}

.editor-tab-btn{
  border:0 !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  background:transparent !important;
  color:var(--muted) !important;
  font-weight:900 !important;
}

.editor-tab-btn.active{
  background:linear-gradient(135deg,var(--indigo),var(--accent)) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(53,90,212,.20) !important;
}

.editor-pane{
  display:none !important;
}

.editor-pane.active{
  display:block !important;
}

.ck-editor,
.ck.ck-editor{
  max-width:100% !important;
}

.ck.ck-editor__main>.ck-editor__editable,
.ck-editor__editable{
  min-height:280px !important;
  max-height:560px !important;
  overflow:auto !important;
  color:#10203b !important;
  background:#fff !important;
  border-radius:0 0 14px 14px !important;
}

body.theme-dark .ck.ck-editor__main>.ck-editor__editable,
body.theme-dark .ck-editor__editable{
  color:#10203b !important;
  background:#fff !important;
}

.news-section-list{
  display:grid !important;
  gap:14px !important;
}

.news-section-card{
  padding:16px !important;
  border-radius:20px !important;
  background:rgba(70,139,255,.045) !important;
  border:1px solid rgba(70,139,255,.13) !important;
}

body.theme-dark .news-section-card{
  background:rgba(255,255,255,.045) !important;
}

.news-section-card-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:14px !important;
}

.section-count{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--indigo),var(--accent)) !important;
  color:#fff !important;
  font-weight:900 !important;
}

.sticky-editor-panel{
  position:sticky !important;
  top:calc(var(--noora-header-h,72px) + 18px) !important;
}

.vertical-actions{
  position:sticky !important;
  top:calc(var(--noora-header-h,72px) + 380px) !important;
  display:grid !important;
  gap:10px !important;
  margin-top:0 !important;
}

.vertical-actions .btn{
  width:100% !important;
  justify-content:center !important;
}

.stacked-switches,
.news-switches{
  display:grid !important;
  gap:10px !important;
}

.stacked-switches label,
.news-switches label,
.media-remove-check,
.section-remove-row label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-height:44px !important;
  margin:0 !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(70,139,255,.065) !important;
  border:1px solid rgba(70,139,255,.12) !important;
  color:var(--text) !important;
  cursor:pointer !important;
}

.stacked-switches input,
.news-switches input,
.media-remove-check input,
.section-remove-row input{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  padding:0 !important;
  margin:0 !important;
  accent-color:var(--indigo-2) !important;
}

.preview-box,
.cover-preview-box{
  width:100% !important;
  display:grid !important;
  gap:10px !important;
  align-items:start !important;
  padding:10px !important;
  border-radius:16px !important;
  background:rgba(70,139,255,.055) !important;
  border:1px dashed rgba(70,139,255,.22) !important;
}

.cover-preview-box img{
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  margin:0 !important;
}

.preview-box:not(.cover-preview-box) img{
  width:96px !important;
  height:74px !important;
  object-fit:cover !important;
  border-radius:12px !important;
}

.media-manager-grid,
.slim-media-manager{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:14px !important;
}

.media-manager-card{
  display:grid !important;
  grid-template-columns:110px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.42) !important;
  border:1px solid var(--line) !important;
}

body.theme-dark .media-manager-card{
  background:rgba(255,255,255,.045) !important;
}

.media-manager-card img{
  width:110px !important;
  height:90px !important;
  object-fit:cover !important;
  border-radius:12px !important;
}

.media-manager-fields{
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}

.media-inline-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
}

.file-pill,
.status-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.card-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

.card-actions .btn{
  min-height:38px !important;
  padding:9px 12px !important;
  border-radius:12px !important;
}

@media (max-width:1180px){
  .news-publish-layout{
    grid-template-columns:1fr !important;
  }

  .sticky-editor-panel,
  .vertical-actions{
    position:static !important;
    top:auto !important;
  }

  .publish-side-column{
    order:-1 !important;
  }
}

@media (max-width:860px){
  .admin-section{
    width:min(calc(100% - 18px),var(--admin-shell-width)) !important;
    padding:16px 0 !important;
  }

  .admin-card,
  .news-builder-card,
  .modern-news-builder{
    padding:14px !important;
    border-radius:20px !important;
  }

  .admin-section .section-head,
  .admin-news-hero-head{
    display:grid !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .publish-section-block,
  .editor-card-block{
    padding:14px !important;
    border-radius:18px !important;
  }

  .publish-step{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .publish-step > span{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    border-radius:12px !important;
  }

  .form-grid,
  .compact-form-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .media-manager-card{
    grid-template-columns:1fr !important;
  }

  .media-manager-card img{
    width:100% !important;
    height:170px !important;
  }

  .editor-preview-modal{
    padding:10px !important;
  }

  .editor-preview-modal-dialog{
    width:100% !important;
    border-radius:20px !important;
  }

  .editor-preview-modal-head{
    border-radius:20px 20px 0 0 !important;
    padding:13px 14px !important;
  }

  .editor-preview-modal-body{
    padding:14px !important;
    max-height:calc(100dvh - 72px) !important;
  }
}

@media (max-width:540px){
  .admin-section{
    width:calc(100% - 12px) !important;
    padding:12px 0 !important;
  }

  .admin-card,
  .news-builder-card,
  .modern-news-builder{
    padding:10px !important;
    border-radius:16px !important;
  }

  .admin-news-hero-head h2,
  .admin-section .section-head h2{
    font-size:1.18rem !important;
  }

  .content-tip,
  .news-editor-tip{
    padding:12px !important;
    border-radius:14px !important;
    font-size:.88rem !important;
  }

  .cover-preview-box img{
    height:170px !important;
  }

  .ck.ck-editor__main>.ck-editor__editable,
  .ck-editor__editable{
    min-height:230px !important;
  }

  .card-actions .btn,
  .vertical-actions .btn{
    width:100% !important;
  }
}
.news-lightbox{
    position:fixed !important;
    inset:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100vw !important;
    height:100dvh !important;
    z-index:2147483647 !important;
}

body.news-lightbox-open .topbar,
body.news-lightbox-open .site-header,
body.news-lightbox-open header,
body.news-lightbox-open .admin-topbar{
    z-index:1 !important;
}

body.news-lightbox-open{
    overflow:hidden !important;
}

.admin-action-modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:2147483647 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}

.admin-action-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.admin-action-backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,10,24,.58);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.admin-action-dialog{
  position:relative;
  z-index:2;
  width:min(520px,100%);
  border-radius:30px;
  padding:28px;
  background:var(--surface, #fff);
  border:1px solid var(--line, rgba(120,140,170,.25));
  box-shadow:0 34px 120px rgba(0,0,0,.38);
  transform:translateY(22px) scale(.94);
  opacity:0;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.85,.2,1), opacity .22s ease;
}

body.theme-dark .admin-action-dialog{
  background:#101d31;
  box-shadow:0 34px 120px rgba(0,0,0,.62);
}

.admin-action-modal.show .admin-action-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.admin-action-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#2457d6,#22a7ff);
}

.admin-action-icon{
  width:70px;
  height:70px;
  border-radius:24px;
  display:grid;
  place-items:center;
  color:#fff;
  margin-bottom:18px;
  background:linear-gradient(135deg,#2457d6,#22a7ff);
  box-shadow:0 18px 42px rgba(36,87,214,.28);
}

.admin-action-icon svg{
  width:32px;
  height:32px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.admin-action-dialog.success .admin-action-icon{
  background:linear-gradient(135deg,#0ca678,#31d6a3);
}

.admin-action-dialog.error .admin-action-icon{
  background:linear-gradient(135deg,#df425a,#ff7b8d);
}

.admin-action-dialog.warning .admin-action-icon{
  background:linear-gradient(135deg,#f28c28,#ffc24b);
}

.admin-action-title{
  margin:0 0 8px;
  color:var(--text, #12213a);
  font-size:1.35rem;
  line-height:1.55;
  font-weight:900;
}

.admin-action-message{
  margin:0;
  color:var(--muted, #60708a);
  line-height:1.9;
  font-size:.98rem;
  font-weight:700;
}

.admin-action-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-top:24px;
}

html[dir="rtl"] .admin-action-actions{
  justify-content:flex-start;
}

.admin-action-actions .btn,
.admin-action-actions button{
  min-width:120px;
  min-height:44px;
  border-radius:14px;
  border:1px solid var(--line, rgba(120,140,170,.25));
  padding:10px 18px;
  cursor:pointer;
  font-weight:900;
  font-family:inherit;
}

.admin-action-actions .admin-ok,
.admin-action-actions .admin-confirm{
  background:linear-gradient(135deg,#2457d6,#168fe8);
  color:#fff;
  border-color:transparent;
}

.admin-action-actions .admin-cancel{
  background:transparent;
  color:var(--text, #12213a);
}

.admin-action-actions .admin-delete{
  background:linear-gradient(135deg,#e63f55,#ff6d78);
  color:#fff;
  border-color:transparent;
}

body.admin-action-open{
  overflow:hidden !important;
}

@media (max-width:560px){
  .admin-action-dialog{
    padding:22px;
    border-radius:24px;
  }

  .admin-action-icon{
    width:62px;
    height:62px;
    border-radius:21px;
  }

  .admin-action-title{
    font-size:1.16rem;
  }

  .admin-action-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .admin-action-actions .btn,
  .admin-action-actions button{
    width:100%;
  }
}
.quick-link-icon-pro,
.admin-stat-icon-pro{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#2457d6,#24a8ef) !important;
    color:#fff !important;
    box-shadow:0 14px 28px rgba(36,87,214,.22) !important;
    overflow:hidden !important;
}

.quick-link-icon-pro svg,
.admin-stat-icon-pro svg{
    width:24px !important;
    height:24px !important;
    display:block !important;
    color:#fff !important;
    stroke:#fff !important;
    fill:none !important;
    stroke-width:2 !important;
    opacity:1 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    position:static !important;
}

.quick-link-icon-pro svg *,
.admin-stat-icon-pro svg *{
    stroke:#fff !important;
    fill:none !important;
}

.quick-link-pro{
    align-items:center !important;
}

.quick-link-copy{
    min-width:0 !important;
}

/* ---------- Safe base controls ---------- */
input[type="checkbox"],
input[type="radio"]{
  width:auto;
  min-width:auto;
  height:auto;
  min-height:auto;
  padding:0;
  border-radius:initial;
  display:inline-block;
  vertical-align:middle;
  accent-color:var(--indigo-2);
}

label input[type="checkbox"],
label input[type="radio"]{
  margin-inline-end:8px;
}

html[dir="rtl"] label input[type="checkbox"],
html[dir="rtl"] label input[type="radio"]{
  margin-inline-end:0;
  margin-inline-start:8px;
}

input[type="file"]{
  line-height:1.5;
  min-height:52px;
  padding:12px 14px;
}

input[type="file"]::file-selector-button{
  border:0;
  border-radius:12px;
  padding:9px 12px;
  margin-inline-end:10px;
  background:linear-gradient(135deg,var(--indigo),var(--sky));
  color:#fff;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}

/* ---------- Authentication / login page isolation ---------- */
body.auth-page,
body.login-page,
body.admin-login-page{
  min-height:100vh;
  padding:0 !important;
  overflow-x:hidden !important;
}

body.auth-page .topbar,
body.login-page .topbar,
body.admin-login-page .topbar,
body.auth-page .site-footer,
body.login-page .site-footer,
body.admin-login-page .site-footer{
  display:none !important;
}

.auth-layout{
  min-height:100vh !important;
  width:100% !important;
  display:grid !important;
  place-items:center !important;
  padding:clamp(18px,3vw,38px) !important;
  position:relative !important;
  z-index:2 !important;
}

.auth-panel{
  width:min(1160px,100%) !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr) !important;
  gap:26px !important;
  align-items:stretch !important;
  padding:0 !important;
  border-radius:34px !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.auth-card,
.auth-showcase{
  min-width:0 !important;
  border-radius:32px !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-soft) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.auth-card{
  padding:clamp(24px,3vw,34px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.auth-showcase{
  padding:clamp(28px,4vw,44px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 14% 12%,rgba(73,195,255,.18),transparent 34%),
    radial-gradient(circle at 88% 20%,rgba(53,91,215,.12),transparent 38%),
    linear-gradient(135deg,var(--surface),rgba(73,195,255,.08)) !important;
  overflow:hidden !important;
}

body.theme-dark .auth-card,
body.theme-dark .auth-showcase{
  background:rgba(12,24,42,.84) !important;
}

.auth-showcase h1{
  max-width:12ch !important;
  margin:16px 0 18px !important;
  font-size:clamp(2.35rem,4.4vw,4.65rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.04em !important;
  color:var(--text) !important;
}

.auth-showcase p{
  color:var(--muted) !important;
  line-height:1.95 !important;
  max-width:680px !important;
}

.auth-card h1,
.auth-card h2{
  margin:14px 0 10px !important;
  font-size:clamp(1.45rem,2.2vw,2rem) !important;
  line-height:1.45 !important;
  color:var(--text) !important;
}

.auth-card p{
  margin:0 0 18px !important;
  color:var(--muted) !important;
  line-height:1.85 !important;
}

/* Make login inputs vertical and consistent */
.auth-card .form-grid,
.auth-layout .form-grid,
.auth-panel .form-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}

.auth-card .form-grid > *,
.auth-layout .form-grid > *,
.auth-panel .form-grid > *{
  min-width:0 !important;
}

.auth-card label,
.auth-layout label,
.auth-panel label{
  display:block !important;
  margin:0 0 8px !important;
  color:var(--text) !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}

.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card select,
.auth-card textarea,
.auth-layout input:not([type="checkbox"]):not([type="radio"]),
.auth-layout select,
.auth-layout textarea{
  width:100% !important;
  min-height:56px !important;
  border-radius:18px !important;
  border:1px solid var(--line) !important;
  background:rgba(255,255,255,.50) !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

body.theme-dark .auth-card input:not([type="checkbox"]):not([type="radio"]),
body.theme-dark .auth-card select,
body.theme-dark .auth-card textarea,
body.theme-dark .auth-layout input:not([type="checkbox"]):not([type="radio"]),
body.theme-dark .auth-layout select,
body.theme-dark .auth-layout textarea{
  background:rgba(255,255,255,.055) !important;
}

.auth-card .card-actions,
.auth-layout .card-actions,
.auth-panel .card-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:18px !important;
}

.auth-card .btn,
.auth-layout .btn,
.auth-panel .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:18px !important;
}

.auth-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin-bottom:18px !important;
}

html[dir="ltr"] .auth-tools{
  justify-content:flex-end !important;
}

.auth-tools .icon-btn,
.auth-tools .icon-link{
  flex:0 0 46px !important;
  width:46px !important;
  height:46px !important;
}

/* ---------- Header stability ---------- */
.topbar{
  max-width:min(calc(100% - 24px),var(--container)) !important;
}

.topbar-inner{
  min-width:0 !important;
}

.brand,
.brand-copy{
  min-width:0 !important;
}

.brand-copy strong,
.brand-copy span{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (min-width:1101px){
  body:not(.auth-page):not(.login-page):not(.admin-login-page):not(.admin-page) .topbar{
    position:fixed !important;
    top:12px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }
}

@media (max-width:1100px){
  .topbar{
    position:fixed !important;
    top:8px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:calc(100% - 14px) !important;
    margin:0 !important;
  }

  .topbar-inner{
    min-height:58px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .brand{
    flex:1 1 auto !important;
    max-width:none !important;
  }

  .brand-logo{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .brand-copy strong{
    font-size:.84rem !important;
    line-height:1.28 !important;
  }

  .brand-copy span{
    font-size:.66rem !important;
    line-height:1.3 !important;
  }
}

/* ---------- Admin layout and footer ---------- */
.admin-credit,
.admin-credit-pro{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:var(--surface) !important;
  border-top:1px solid var(--line) !important;
}

.admin-credit-inner{
  width:100% !important;
  min-height:58px !important;
  padding:14px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:var(--muted) !important;
  font-size:.9rem !important;
  font-weight:800 !important;
  line-height:1.7 !important;
}

.admin-credit-brand,
.admin-credit-programming{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.admin-credit-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  box-shadow:0 0 0 5px rgba(70,139,255,.10) !important;
  flex:0 0 auto !important;
}

body.theme-dark .admin-credit,
body.theme-dark .admin-credit-pro{
  background:rgba(255,255,255,.035) !important;
}

@media (max-width:640px){
  .admin-credit-inner{
    min-height:auto !important;
    padding:12px 16px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:center !important;
    gap:10px !important;
    font-size:.78rem !important;
  }

  .admin-credit-programming{
    justify-content:flex-end !important;
    text-align:end !important;
  }

  html[dir="rtl"] .admin-credit-programming{
    justify-content:flex-start !important;
    text-align:start !important;
  }
}

/* ---------- Admin modal polish ---------- */
.admin-action-modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:2147483647 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease !important;
}

.admin-action-modal.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.admin-action-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,10,24,.58) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.admin-action-dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(520px,100%) !important;
  border-radius:30px !important;
  padding:28px !important;
  background:var(--surface-solid,#fff) !important;
  border:1px solid var(--line,rgba(120,140,170,.25)) !important;
  box-shadow:0 34px 120px rgba(0,0,0,.38) !important;
  transform:translateY(22px) scale(.94);
  opacity:0;
  overflow:hidden !important;
  transition:transform .28s cubic-bezier(.2,.85,.2,1),opacity .22s ease !important;
}

body.theme-dark .admin-action-dialog{
  background:#101d31 !important;
  box-shadow:0 34px 120px rgba(0,0,0,.62) !important;
}

.admin-action-modal.show .admin-action-dialog{
  transform:translateY(0) scale(1) !important;
  opacity:1 !important;
}

.admin-action-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#2457d6,#22a7ff);
}

.admin-action-icon{
  width:70px !important;
  height:70px !important;
  border-radius:24px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  margin-bottom:18px !important;
  background:linear-gradient(135deg,#2457d6,#22a7ff) !important;
  box-shadow:0 18px 42px rgba(36,87,214,.28) !important;
}

.admin-action-icon svg{
  width:32px !important;
  height:32px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2.4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.admin-action-dialog.success .admin-action-icon{
  background:linear-gradient(135deg,#0ca678,#31d6a3) !important;
}

.admin-action-dialog.error .admin-action-icon{
  background:linear-gradient(135deg,#df425a,#ff7b8d) !important;
}

.admin-action-dialog.warning .admin-action-icon{
  background:linear-gradient(135deg,#f28c28,#ffc24b) !important;
}

.admin-action-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}

html[dir="rtl"] .admin-action-actions{
  justify-content:flex-start !important;
}

.admin-action-actions .btn,
.admin-action-actions button{
  min-width:120px !important;
  min-height:44px !important;
  border-radius:14px !important;
  border:1px solid var(--line,rgba(120,140,170,.25)) !important;
  padding:10px 18px !important;
  cursor:pointer !important;
  font-weight:900 !important;
  font-family:inherit !important;
}

/* ---------- Admin dashboard icon fix ---------- */
.quick-link-icon-pro,
.admin-stat-icon-pro{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  border-radius:19px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(145deg,#1f4fbd,#38bdf8) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(36,87,214,.24) !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:2 !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 0 auto !important;
}

.admin-stat-icon-pro{
  margin-bottom:14px !important;
}

.quick-link-icon-pro svg,
.admin-stat-icon-pro svg{
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  display:block !important;
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
  stroke-width:2.05 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  position:relative !important;
  z-index:1 !important;
  overflow:visible !important;
}

.quick-link-icon-pro svg *,
.admin-stat-icon-pro svg *{
  stroke:#fff !important;
  fill:none !important;
}

/* ---------- News image X delete controls ---------- */
.modern-news-builder .news-image-delete-wrap{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  min-height:118px !important;
  border-radius:18px !important;
  border:1px solid var(--line,rgba(120,150,190,.24)) !important;
  background:rgba(70,139,255,.045) !important;
  padding:10px !important;
  transition:opacity .2s ease,filter .2s ease,border-color .2s ease !important;
}

.modern-news-builder .news-image-delete-wrap img{
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  max-height:180px !important;
  object-fit:contain !important;
  border-radius:14px !important;
  display:block !important;
}

.modern-news-builder .cover-preview-box img{
  max-height:220px !important;
}

.modern-news-builder .media-image-delete-wrap{
  width:100% !important;
  min-height:150px !important;
  padding:8px !important;
  border-radius:18px 18px 0 0 !important;
  border-width:0 0 1px 0 !important;
}

.modern-news-builder .media-image-delete-wrap img{
  width:100% !important;
  height:150px !important;
  max-height:150px !important;
  object-fit:contain !important;
  border-radius:14px !important;
}

.modern-news-builder .news-image-x{
  position:absolute !important;
  top:8px !important;
  inset-inline-end:8px !important;
  z-index:8 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(230,63,85,.96) !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(230,63,85,.25) !important;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease !important;
}

.modern-news-builder .news-image-x:hover{
  transform:scale(1.06) !important;
  background:#df2f47 !important;
  box-shadow:0 14px 30px rgba(230,63,85,.35) !important;
}

.modern-news-builder .news-image-delete-wrap.is-marked-delete{
  border-color:rgba(230,63,85,.35) !important;
  background:rgba(230,63,85,.075) !important;
}

.modern-news-builder .news-image-delete-wrap.is-marked-delete img,
.modern-news-builder .news-image-delete-wrap.is-marked-delete a{
  opacity:.34 !important;
  filter:grayscale(.75) !important;
}

.modern-news-builder .news-image-delete-badge{
  position:absolute !important;
  inset:auto 10px 10px 10px !important;
  z-index:7 !important;
  display:none !important;
  min-height:32px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(7,17,35,.76) !important;
  color:#fff !important;
  font-size:.78rem !important;
  line-height:1.5 !important;
  font-weight:900 !important;
  text-align:center !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.modern-news-builder .news-image-delete-wrap.is-marked-delete .news-image-delete-badge{
  display:flex !important;
}

.modern-news-builder .media-remove-check,
.modern-news-builder .section-remove-row{
  display:none !important;
}

/* ---------- Public cards image consistency ---------- */
.news-cover img,
.project-media img,
.gallery-media img,
.service-media img{
  object-fit:cover !important;
}

.news-single-cover img,
.project-cover-main img,
.gallery-preview-main img{
  object-fit:contain !important;
}

/* ---------- Responsive final rules ---------- */
@media (max-width:1180px){
  .auth-panel{
    grid-template-columns:1fr !important;
    max-width:720px !important;
  }

  .auth-showcase{
    order:1 !important;
  }

  .auth-card{
    order:2 !important;
  }

  .auth-showcase h1{
    max-width:100% !important;
    font-size:clamp(2rem,7vw,3.1rem) !important;
  }
}

@media (max-width:760px){
  .auth-layout{
    padding:14px !important;
    align-items:start !important;
  }

  .auth-panel{
    gap:14px !important;
  }

  .auth-card,
  .auth-showcase{
    border-radius:24px !important;
    padding:20px !important;
  }

  .auth-showcase h1{
    font-size:clamp(1.9rem,10vw,2.55rem) !important;
    line-height:1.25 !important;
  }

  .auth-tools{
    justify-content:flex-start !important;
  }

  html[dir="ltr"] .auth-tools{
    justify-content:flex-end !important;
  }

  .admin-action-dialog{
    padding:22px !important;
    border-radius:24px !important;
  }

  .admin-action-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .admin-action-actions .btn,
  .admin-action-actions button{
    width:100% !important;
  }
}

@media (max-width:520px){
  .auth-showcase{
    display:none !important;
  }

  .auth-panel{
    max-width:100% !important;
  }
}

/* =========================================================
   NOORA ULTRA PROFESSIONAL FINAL v15
   Scope:
   - More professional admin news table and action buttons.
   - Cleaner admin cards, modals, tables, and mobile behavior.
   - Protect login/auth page from admin table/button overrides.
   - Keep public pages stable.
   ========================================================= */

/* ---------- Safe global form reset ---------- */
input[type="checkbox"],
input[type="radio"]{
  width:auto !important;
  min-width:auto !important;
  max-width:none !important;
  height:auto !important;
  min-height:auto !important;
  max-height:none !important;
  padding:0 !important;
  border-radius:initial !important;
  display:inline-block !important;
  vertical-align:middle !important;
  accent-color:var(--indigo-2) !important;
}

input[type="file"]{
  min-height:52px !important;
  padding:10px 12px !important;
  line-height:1.55 !important;
  overflow:hidden !important;
}

input[type="file"]::file-selector-button{
  border:0 !important;
  border-radius:12px !important;
  padding:9px 13px !important;
  margin-inline-end:10px !important;
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

/* ---------- Auth/Login isolation ---------- */
body.auth-page,
body.login-page,
body.admin-login-page{
  min-height:100vh !important;
  overflow-x:hidden !important;
}

.auth-layout{
  min-height:100vh !important;
  width:100% !important;
  display:grid !important;
  place-items:center !important;
  padding:clamp(18px,3vw,38px) !important;
  position:relative !important;
  z-index:2 !important;
}

.auth-panel{
  width:min(1160px,100%) !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr) !important;
  gap:26px !important;
  align-items:stretch !important;
  padding:0 !important;
  border-radius:34px !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.auth-card,
.auth-showcase{
  min-width:0 !important;
  border-radius:32px !important;
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow-soft) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.auth-card{
  padding:clamp(24px,3vw,34px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.auth-showcase{
  padding:clamp(28px,4vw,44px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 14% 12%,rgba(73,195,255,.18),transparent 34%),
    radial-gradient(circle at 88% 20%,rgba(53,91,215,.12),transparent 38%),
    linear-gradient(135deg,var(--surface),rgba(73,195,255,.08)) !important;
}

.auth-showcase h1{
  max-width:12ch !important;
  margin:16px 0 18px !important;
  font-size:clamp(2.35rem,4.4vw,4.65rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.04em !important;
}

.auth-card .form-grid,
.auth-layout .form-grid,
.auth-panel .form-grid{
  grid-template-columns:1fr !important;
  gap:16px !important;
}

.auth-card input:not([type="checkbox"]):not([type="radio"]),
.auth-layout input:not([type="checkbox"]):not([type="radio"]){
  width:100% !important;
  min-height:56px !important;
  border-radius:18px !important;
}

.auth-card .card-actions,
.auth-layout .card-actions,
.auth-panel .card-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:18px !important;
}

.auth-card .btn,
.auth-layout .btn,
.auth-panel .btn{
  width:100% !important;
  min-height:54px !important;
  border-radius:18px !important;
}

/* ---------- Admin page surface polish ---------- */
.admin-section{
  position:relative !important;
}

.admin-card,
.admin-panel-pro,
.gallery-admin-panel,
.consultants-panel,
.editor-card-block{
  border-radius:30px !important;
  border:1px solid rgba(70,101,167,.14) !important;
  background:
    radial-gradient(circle at 12% 10%,rgba(73,195,255,.07),transparent 32%),
    var(--surface) !important;
  box-shadow:0 18px 55px rgba(24,48,100,.08) !important;
}

body.theme-dark .admin-card,
body.theme-dark .admin-panel-pro,
body.theme-dark .gallery-admin-panel,
body.theme-dark .consultants-panel,
body.theme-dark .editor-card-block{
  border-color:rgba(139,182,255,.12) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.26) !important;
}

/* ---------- Professional admin table ---------- */
.admin-section .table-wrap{
  width:100% !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.22)) !important;
  border:1px solid rgba(70,101,167,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20) !important;
  padding:12px !important;
}

body.theme-dark .admin-section .table-wrap{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025)) !important;
}

.admin-section .data-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 10px !important;
  table-layout:auto !important;
  min-width:980px !important;
}

.admin-section .data-table thead th{
  padding:12px 14px !important;
  color:var(--muted) !important;
  font-size:.82rem !important;
  font-weight:950 !important;
  line-height:1.45 !important;
  text-align:start !important;
  border-bottom:1px solid rgba(70,101,167,.14) !important;
  white-space:nowrap !important;
}

.admin-section .data-table tbody tr{
  position:relative !important;
  background:rgba(255,255,255,.64) !important;
  border-radius:22px !important;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.theme-dark .admin-section .data-table tbody tr{
  background:rgba(255,255,255,.045) !important;
}

.admin-section .data-table tbody tr:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 34px rgba(24,48,100,.10) !important;
  background:rgba(255,255,255,.82) !important;
}

body.theme-dark .admin-section .data-table tbody tr:hover{
  background:rgba(255,255,255,.07) !important;
}

.admin-section .data-table td{
  padding:16px 14px !important;
  color:var(--text) !important;
  font-size:.94rem !important;
  line-height:1.7 !important;
  vertical-align:middle !important;
  border-top:1px solid rgba(70,101,167,.10) !important;
  border-bottom:1px solid rgba(70,101,167,.10) !important;
}

.admin-section .data-table tbody td:first-child{
  border-inline-start:1px solid rgba(70,101,167,.10) !important;
  border-radius:22px 0 0 22px !important;
}

.admin-section .data-table tbody td:last-child{
  border-inline-end:1px solid rgba(70,101,167,.10) !important;
  border-radius:0 22px 22px 0 !important;
}

html[dir="rtl"] .admin-section .data-table tbody td:first-child{
  border-radius:0 22px 22px 0 !important;
}

html[dir="rtl"] .admin-section .data-table tbody td:last-child{
  border-radius:22px 0 0 22px !important;
}

/* News/admin table specific sizing */
.admin-section .data-table th:nth-child(1),
.admin-section .data-table td:nth-child(1){
  width:56px !important;
  min-width:56px !important;
  text-align:center !important;
  font-weight:950 !important;
}

.admin-section .data-table th:nth-child(2),
.admin-section .data-table td:nth-child(2){
  width:250px !important;
  min-width:250px !important;
}

.admin-section .data-table td:nth-child(2) img{
  width:240px !important;
  height:132px !important;
  object-fit:cover !important;
  border-radius:18px !important;
  border:1px solid rgba(70,101,167,.13) !important;
  box-shadow:0 12px 26px rgba(24,48,100,.11) !important;
}

.admin-section .data-table th:last-child,
.admin-section .data-table td:last-child{
  width:138px !important;
  min-width:138px !important;
  max-width:138px !important;
  text-align:center !important;
}

/* ---------- Professional action buttons in admin tables ---------- */
.admin-section .data-table .card-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  align-items:center !important;
  justify-items:center !important;
  margin:0 !important;
}

.admin-section .data-table .card-actions .btn,
.admin-section .data-table .card-actions button,
.admin-section .data-table .card-actions a{
  width:94px !important;
  min-width:94px !important;
  max-width:94px !important;
  min-height:42px !important;
  height:42px !important;
  padding:0 12px !important;
  border-radius:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:.88rem !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease !important;
}

.admin-section .data-table .card-actions .btn:hover,
.admin-section .data-table .card-actions button:hover,
.admin-section .data-table .card-actions a:hover{
  transform:translateY(-2px) !important;
}

.admin-section .data-table .btn-outline{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(70,101,167,.18) !important;
  color:var(--indigo-2) !important;
}

.admin-section .data-table .btn-outline:hover{
  background:rgba(70,139,255,.10) !important;
  border-color:rgba(70,139,255,.28) !important;
  box-shadow:0 10px 20px rgba(36,87,214,.10) !important;
}

body.theme-dark .admin-section .data-table .btn-outline{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(139,182,255,.14) !important;
}

.admin-section .data-table .btn-danger{
  background:linear-gradient(135deg,#ef4059,#ff6b78) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 22px rgba(239,64,89,.16) !important;
}

.admin-section .data-table .btn-danger:hover{
  box-shadow:0 14px 28px rgba(239,64,89,.26) !important;
}

/* Status and mini badges */
.status-badge,
.admin-section .status-badge{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  font-size:.82rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  border:1px solid transparent !important;
}

.status-completed{
  color:#078b65 !important;
  background:rgba(14,165,122,.13) !important;
  border-color:rgba(14,165,122,.18) !important;
}

.status-rejected{
  color:#d74258 !important;
  background:rgba(234,78,96,.13) !important;
  border-color:rgba(234,78,96,.18) !important;
}

.status-new{
  color:#2f73df !important;
  background:rgba(59,130,246,.13) !important;
  border-color:rgba(59,130,246,.18) !important;
}

.status-in_progress{
  color:#d96f16 !important;
  background:rgba(255,139,56,.13) !important;
  border-color:rgba(255,139,56,.18) !important;
}

/* Better text inside admin news table */
.admin-section .data-table td:nth-child(3),
.admin-section .data-table td:nth-child(4){
  color:var(--text) !important;
  font-weight:850 !important;
}

.admin-section .data-table td:nth-child(3) small,
.admin-section .data-table td:nth-child(4) small,
.admin-section .data-table td:nth-child(3) p,
.admin-section .data-table td:nth-child(4) p{
  color:var(--muted) !important;
  font-weight:700 !important;
  line-height:1.7 !important;
}

/* ---------- Admin modals animated/polished ---------- */
.admin-action-modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  z-index:2147483647 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease !important;
}

.admin-action-modal.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.admin-action-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,10,24,.58) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

.admin-action-dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(540px,100%) !important;
  border-radius:34px !important;
  padding:30px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,var(--surface-solid,#fff),rgba(255,255,255,.92)) !important;
  border:1px solid var(--line,rgba(120,140,170,.25)) !important;
  box-shadow:0 34px 130px rgba(0,0,0,.42) !important;
  transform:translateY(24px) scale(.92);
  opacity:0;
  transition:transform .34s cubic-bezier(.2,.9,.2,1), opacity .22s ease !important;
}

body.theme-dark .admin-action-dialog{
  background:linear-gradient(180deg,#101d31,#0b1628) !important;
}

.admin-action-modal.show .admin-action-dialog{
  transform:translateY(0) scale(1) !important;
  opacity:1 !important;
}

.admin-action-dialog::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,#2457d6,#22a7ff);
}

.admin-action-dialog.success::before{background:linear-gradient(90deg,#0ca678,#31d6a3);}
.admin-action-dialog.error::before{background:linear-gradient(90deg,#df425a,#ff7b8d);}
.admin-action-dialog.warning::before{background:linear-gradient(90deg,#f28c28,#ffc24b);}

.admin-action-icon{
  width:88px !important;
  height:88px !important;
  border-radius:30px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  margin-bottom:20px !important;
  background:linear-gradient(135deg,#2457d6,#22a7ff) !important;
  box-shadow:0 20px 48px rgba(36,87,214,.28) !important;
}

.admin-action-dialog.success .admin-action-icon{
  background:linear-gradient(135deg,#0ca678,#31d6a3) !important;
}

.admin-action-dialog.error .admin-action-icon{
  background:linear-gradient(135deg,#df425a,#ff7b8d) !important;
}

.admin-action-dialog.warning .admin-action-icon{
  background:linear-gradient(135deg,#f28c28,#ffc24b) !important;
}

.admin-action-title{
  margin:0 0 8px !important;
  font-size:1.45rem !important;
  line-height:1.5 !important;
  font-weight:950 !important;
}

.admin-action-message{
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.9 !important;
  font-size:1rem !important;
  font-weight:750 !important;
}

/* ---------- Admin footer ---------- */
.admin-credit,
.admin-credit-pro{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:var(--surface) !important;
  border-top:1px solid var(--line) !important;
}

.admin-credit-inner{
  width:100% !important;
  min-height:58px !important;
  padding:14px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:var(--muted) !important;
  font-size:.9rem !important;
  font-weight:850 !important;
  line-height:1.7 !important;
}

.admin-credit-brand,
.admin-credit-programming{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.admin-credit-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--indigo),var(--sky)) !important;
  box-shadow:0 0 0 5px rgba(70,139,255,.10) !important;
}

/* ---------- News image X delete controls ---------- */
.modern-news-builder .news-image-delete-wrap{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  min-height:118px !important;
  border-radius:18px !important;
  border:1px solid var(--line) !important;
  background:rgba(70,139,255,.045) !important;
  padding:10px !important;
}

.modern-news-builder .news-image-x{
  position:absolute !important;
  top:8px !important;
  inset-inline-end:8px !important;
  z-index:8 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(230,63,85,.96) !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 10px 24px rgba(230,63,85,.25) !important;
}

.modern-news-builder .news-image-delete-wrap.is-marked-delete{
  border-color:rgba(230,63,85,.35) !important;
  background:rgba(230,63,85,.075) !important;
}

.modern-news-builder .news-image-delete-wrap.is-marked-delete img,
.modern-news-builder .news-image-delete-wrap.is-marked-delete a{
  opacity:.34 !important;
  filter:grayscale(.75) !important;
}

.modern-news-builder .media-remove-check,
.modern-news-builder .section-remove-row{
  display:none !important;
}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .auth-panel{
    grid-template-columns:1fr !important;
    max-width:760px !important;
  }

  .auth-showcase{
    order:1 !important;
  }

  .auth-card{
    order:2 !important;
  }

  .auth-showcase h1{
    max-width:100% !important;
    font-size:clamp(2rem,7vw,3.15rem) !important;
  }
}

@media (max-width:860px){
  .admin-section .table-wrap{
    padding:8px !important;
  }

  .admin-section .data-table{
    min-width:920px !important;
    border-spacing:0 8px !important;
  }

  .admin-section .data-table td{
    padding:13px 12px !important;
  }

  .admin-section .data-table td:nth-child(2) img{
    width:210px !important;
    height:118px !important;
  }
}

@media (max-width:760px){
  .auth-layout{
    padding:14px !important;
    align-items:start !important;
  }

  .auth-panel{
    gap:14px !important;
  }

  .auth-card,
  .auth-showcase{
    border-radius:24px !important;
    padding:20px !important;
  }

  .auth-showcase h1{
    font-size:clamp(1.9rem,10vw,2.55rem) !important;
    line-height:1.25 !important;
  }

  .admin-action-dialog{
    padding:22px !important;
    border-radius:26px !important;
  }

  .admin-credit-inner{
    min-height:auto !important;
    padding:12px 16px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:center !important;
    gap:10px !important;
    font-size:.78rem !important;
  }

  .admin-credit-programming{
    justify-content:flex-end !important;
    text-align:end !important;
  }

  html[dir="rtl"] .admin-credit-programming{
    justify-content:flex-start !important;
    text-align:start !important;
  }
}

@media (max-width:520px){
  .auth-showcase{
    display:none !important;
  }

  .auth-panel{
    max-width:100% !important;
  }
}

/* =========================================================
   NOORA FINAL THEME COLOR SYNC
   توحيد الألوان حسب متغيرات الثيم — يجب أن يبقى هذا البلوك آخر ملف CSS
========================================================= */
:root{
  --primary:var(--indigo);
  --primary-2:var(--indigo-2);
  --brand:var(--indigo);
  --brand-2:var(--sky);
  --brand-rgb:36,63,145;
  --brand-2-rgb:73,195,255;
  --accent-rgb:22,168,255;
  --surface-rgb:255,255,255;
  --text-rgb:16,32,59;
  --muted-rgb:92,111,144;
  --success-rgb:14,165,122;
  --warning-rgb:255,139,56;
  --danger-rgb:234,78,96;
  --card:var(--surface);
  --card-solid:var(--surface-solid);
  --border:var(--line);
  --border-strong:var(--line-strong);
  --brand-soft:rgba(var(--brand-2-rgb),.12);
  --brand-softer:rgba(var(--brand-2-rgb),.07);
  --success-soft:rgba(var(--success-rgb),.12);
  --warning-soft:rgba(var(--warning-rgb),.13);
  --danger-soft:rgba(var(--danger-rgb),.12);
  --info-soft:rgba(var(--accent-rgb),.12);
  --focus-ring:0 0 0 4px rgba(var(--brand-2-rgb),.16);
  --theme-gradient:linear-gradient(135deg,var(--brand),var(--brand-2));
  --theme-gradient-strong:linear-gradient(135deg,var(--brand) 0%,var(--indigo-2) 52%,var(--brand-2) 100%);
  --theme-card-gradient:linear-gradient(135deg,rgba(var(--surface-rgb),.88),rgba(var(--brand-2-rgb),.08));
  --theme-glow:0 18px 55px rgba(var(--brand-rgb),.16);
  --gold:var(--warning);
  --gold-soft:var(--warning-soft);
  --deep:var(--bg-soft);
}
body.theme-dark{
  --brand-rgb:67,103,219;
  --brand-2-rgb:98,209,255;
  --accent-rgb:40,192,255;
  --surface-rgb:14,26,45;
  --text-rgb:236,245,255;
  --muted-rgb:147,168,200;
  --card:var(--surface);
  --card-solid:var(--surface-solid);
  --brand-soft:rgba(var(--brand-2-rgb),.14);
  --brand-softer:rgba(var(--brand-2-rgb),.08);
  --theme-card-gradient:linear-gradient(135deg,rgba(var(--surface-rgb),.92),rgba(var(--brand-2-rgb),.07));
  --theme-glow:0 22px 70px rgba(0,0,0,.36);
}

html,
body{
  background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%) !important;
  color:var(--text) !important;
}

body::before{
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--brand-2-rgb),.20), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(var(--brand-rgb),.14), transparent 32%),
    linear-gradient(180deg, rgba(var(--surface-rgb),.82), rgba(var(--surface-rgb),.58)),
    var(--remote-bg-engineering, none) center/cover no-repeat !important;
}
body.theme-dark::before{
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--brand-2-rgb),.16), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(var(--brand-rgb),.18), transparent 32%),
    linear-gradient(180deg, rgba(7,17,31,.92), rgba(7,17,31,.98)),
    var(--remote-bg-engineering, none) center/cover no-repeat !important;
}

::selection{
  background:rgba(var(--brand-2-rgb),.28);
  color:var(--text);
}

/* النصوص والروابط */
a,
.link-inline,
.news-actions .link-inline,
.preview-box a,
.contact-card a,
.news-upload-success a,
.rich-content a,
.admin-section a,
.request-card a{
  color:var(--indigo-2) !important;
}

p,
.muted,
.muted-line,
.helper-text,
.card-meta,
.footer-list,
.footer-list a,
.footer-bottom,
.hero p,
.section-head p,
.content-card p,
.feature-card p,
.service-card p,
.project-card p,
.gallery-card p,
.contact-card p,
.info-panel p,
.news-card p,
.news-mini-card p,
.side-card p,
.side-card li,
.side-card a,
.org-hero-content p,
.org-radial-head p,
.org-page-metrics span,
.org-main-copy small,
.org-branch-copy em,
.org-branch-copy small{
  color:var(--muted) !important;
}

h1,h2,h3,h4,h5,h6,
strong,
label,
.section-head h2,
.section-title-lg,
.page-banner h1,
.page-banner h2,
.news-card h3,
.service-card h3,
.project-card h3,
.gallery-card h3,
.content-card h3,
.feature-card h3,
.contact-card h3,
.org-hero-content h1,
.org-radial-head h2,
.org-tab-content strong,
.org-branch-copy strong{
  color:var(--text) !important;
}

/* الأسطح والكروت */
.topbar,
.page-banner,
.hero-content,
.hero-side,
.hero-panel-strong,
.hero-news-card,
.hero-news-item,
.section-surface,
.feature-card,
.content-card,
.service-card,
.project-card,
.gallery-card,
.contact-card,
.info-panel,
.stat-card,
.kpi-card,
.news-card,
.news-spotlight,
.news-mini-card,
.news-single,
.side-card,
.feature-panel,
.form-shell,
.table-wrap,
.auth-panel,
.auth-card,
.auth-showcase,
.editor-card-block,
.editor-preview,
.editor-preview-modal-dialog,
.publish-section-block,
.news-section-card,
.quick-contact-card,
.footer-cta,
.footer-mini-card,
.org-hero-panel,
.org-radial-shell,
.org-radial-board,
.org-tab-card,
.org-main-branches,
.org-branch-toggle,
.request-card,
.request-dashboard > *,
.people-card,
.premium-service-card,
.admin-card,
.admin-panel,
.admin-section,
.admin-widget,
.admin-stat,
.admin-box,
.admin-table-card,
.dashboard-card,
.management-card,
.report-card,
.user-menu,
.dropdown-menu,
.lang-switch,
.contact-fab-link{
  background:var(--theme-card-gradient) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
  box-shadow:var(--shadow-soft) !important;
}

body.theme-dark .topbar,
body.theme-dark .page-banner,
body.theme-dark .hero-content,
body.theme-dark .hero-side,
body.theme-dark .hero-panel-strong,
body.theme-dark .hero-news-card,
body.theme-dark .hero-news-item,
body.theme-dark .section-surface,
body.theme-dark .feature-card,
body.theme-dark .content-card,
body.theme-dark .service-card,
body.theme-dark .project-card,
body.theme-dark .gallery-card,
body.theme-dark .contact-card,
body.theme-dark .info-panel,
body.theme-dark .stat-card,
body.theme-dark .kpi-card,
body.theme-dark .news-card,
body.theme-dark .news-spotlight,
body.theme-dark .news-mini-card,
body.theme-dark .news-single,
body.theme-dark .side-card,
body.theme-dark .feature-panel,
body.theme-dark .form-shell,
body.theme-dark .table-wrap,
body.theme-dark .auth-panel,
body.theme-dark .auth-card,
body.theme-dark .auth-showcase,
body.theme-dark .editor-card-block,
body.theme-dark .editor-preview,
body.theme-dark .editor-preview-modal-dialog,
body.theme-dark .publish-section-block,
body.theme-dark .news-section-card,
body.theme-dark .quick-contact-card,
body.theme-dark .footer-cta,
body.theme-dark .footer-mini-card,
body.theme-dark .org-hero-panel,
body.theme-dark .org-radial-shell,
body.theme-dark .org-radial-board,
body.theme-dark .org-tab-card,
body.theme-dark .org-main-branches,
body.theme-dark .org-branch-toggle,
body.theme-dark .request-card,
body.theme-dark .request-dashboard > *,
body.theme-dark .people-card,
body.theme-dark .premium-service-card,
body.theme-dark .admin-card,
body.theme-dark .admin-panel,
body.theme-dark .admin-section,
body.theme-dark .admin-widget,
body.theme-dark .admin-stat,
body.theme-dark .admin-box,
body.theme-dark .admin-table-card,
body.theme-dark .dashboard-card,
body.theme-dark .management-card,
body.theme-dark .report-card,
body.theme-dark .user-menu,
body.theme-dark .dropdown-menu,
body.theme-dark .lang-switch,
body.theme-dark .contact-fab-link{
  background:linear-gradient(135deg,rgba(var(--surface-rgb),.92),rgba(var(--brand-2-rgb),.06)) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}

/* الهيدر والقائمة */
.main-nav,
.mobile-drawer,
.side-drawer,
.offcanvas-menu,
.drawer-panel,
.app-sidebar{
  background:var(--surface-solid) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}
.nav-backdrop,
.editor-preview-modal-backdrop{
  background:rgba(5,11,24,.58) !important;
}
.main-nav a,
.drawer-secondary-link,
.drawer-pill,
.nav-cta-link,
.nav-links a,
.admin-nav a,
.sidebar a{
  color:var(--muted) !important;
  border-color:var(--line) !important;
}
.main-nav a:hover,
.main-nav a.active,
.nav-links a:hover,
.nav-links a.active,
.drawer-secondary-link:hover,
.drawer-pill:hover,
.admin-nav a:hover,
.admin-nav a.active,
.sidebar a:hover,
.sidebar a.active{
  background:var(--brand-soft) !important;
  color:var(--indigo-2) !important;
}
.main-nav a.active::before,
.nav-links a.active::before{
  background:linear-gradient(90deg,var(--brand-2),var(--indigo-2)) !important;
}

/* الأزرار والأيقونات */
.btn-primary,
.nav-cta-link,
.contact-fab-toggle,
.brand-logo,
.lang-switch a.active,
.editor-tab-btn.active,
.publish-step > span,
.org-main-button,
.org-core-card,
.org-tab-icon,
.side-feature-icon,
.service-icon,
.feature-icon,
.contact-icon,
.stat-card .stat-icon,
.user-menu-avatar,
.profile-avatar-large,
.admin-credit-badge,
.admin-action-primary,
.admin-btn-primary{
  background:var(--theme-gradient-strong) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 16px 34px rgba(var(--brand-rgb),.24) !important;
}
.btn-primary:hover,
.contact-fab-toggle:hover,
.org-main-button:hover,
.nav-cta-link:hover{
  box-shadow:0 22px 44px rgba(var(--brand-rgb),.32) !important;
}
.btn-outline,
.btn-soft,
.icon-btn,
.icon-link,
.nav-toggle,
.toolbar-box button,
.editor-toolbar button,
.editor-tab-btn,
.org-tab-arrow,
.org-branch-icon,
.org-lead-trail span,
.news-meta .pill-mini,
.list-num,
.drawer-pill,
.soft-badge,
.pill,
.hero-badge{
  background:var(--brand-soft) !important;
  color:var(--indigo-2) !important;
  border-color:rgba(var(--brand-2-rgb),.22) !important;
}
.icon-btn:hover,
.icon-link:hover,
.nav-toggle:hover,
.toolbar-box button:hover,
.editor-toolbar button:hover,
.btn-outline:hover,
.btn-soft:hover{
  background:rgba(var(--brand-2-rgb),.18) !important;
  color:var(--indigo-2) !important;
  border-color:rgba(var(--brand-2-rgb),.34) !important;
}
.btn-danger,
.section-remove-row,
.modern-news-builder .news-image-x,
.admin-action-danger,
.admin-btn-danger{
  background:linear-gradient(135deg,var(--danger),#ff7b8d) !important;
  color:#fff !important;
  border-color:transparent !important;
}

/* الحقول والنماذج */
input,
select,
textarea,
.org-search input,
.ck.ck-input,
.ck.ck-dropdown__button{
  background:rgba(var(--surface-rgb),.72) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
body.theme-dark input,
body.theme-dark select,
body.theme-dark textarea,
body.theme-dark .org-search input,
body.theme-dark .ck.ck-input,
body.theme-dark .ck.ck-dropdown__button{
  background:rgba(var(--surface-rgb),.86) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
input::placeholder,
textarea::placeholder{
  color:rgba(var(--muted-rgb),.78) !important;
}
input:focus,
select:focus,
textarea:focus,
.org-search input:focus{
  border-color:rgba(var(--brand-2-rgb),.48) !important;
  box-shadow:var(--focus-ring) !important;
}

/* الجداول */
.data-table,
table,
.rich-content table{
  background:transparent !important;
  color:var(--text) !important;
}
.data-table thead,
.data-table th,
.rich-content th,
.admin-section .data-table th{
  background:rgba(var(--brand-rgb),.10) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
.data-table td,
.rich-content td,
.admin-section .data-table td{
  background:rgba(var(--surface-rgb),.62) !important;
  color:var(--text) !important;
  border-color:var(--line) !important;
}
body.theme-dark .data-table td,
body.theme-dark .rich-content td,
body.theme-dark .admin-section .data-table td{
  background:rgba(var(--surface-rgb),.72) !important;
}
.data-table tr:hover td,
.admin-section .data-table tr:hover td{
  background:rgba(var(--brand-2-rgb),.10) !important;
}

/* الحالات والتنبيهات */
.alert.success,
.status-completed,
.status-active,
.news-upload-success,
.badge-success{
  background:var(--success-soft) !important;
  color:var(--success) !important;
  border-color:rgba(var(--success-rgb),.24) !important;
}
.alert.error,
.status-rejected,
.status-danger,
.badge-danger,
.modern-news-builder .news-image-delete-wrap.is-marked-delete{
  background:var(--danger-soft) !important;
  color:var(--danger) !important;
  border-color:rgba(var(--danger-rgb),.24) !important;
}
.status-in_progress,
.status-pending,
.badge-warning{
  background:var(--warning-soft) !important;
  color:var(--warning) !important;
  border-color:rgba(var(--warning-rgb),.24) !important;
}
.status-new,
.badge-info,
.content-tip,
.news-editor-tip{
  background:var(--info-soft) !important;
  color:var(--indigo-2) !important;
  border-color:rgba(var(--brand-2-rgb),.22) !important;
}

/* الصور والوسائط */
.service-media,
.project-media,
.gallery-media,
.news-cover,
.news-single-cover,
.empty-state,
.empty-hero,
.preview-box,
.editor-preview-body,
.image-placeholder,
.cover-preview-box,
.media-manager-card,
.news-shortcode-image img,
.news-gallery-inline img{
  background:linear-gradient(135deg,rgba(var(--brand-rgb),.10),rgba(var(--brand-2-rgb),.12)) !important;
  border-color:var(--line) !important;
  color:var(--muted) !important;
}

/* الفوتر */
.site-footer{
  background:linear-gradient(180deg,rgba(var(--surface-rgb),.78),rgba(var(--surface-rgb),.94)) !important;
  border-top:1px solid var(--line) !important;
  color:var(--text) !important;
}
body.theme-dark .site-footer{
  background:linear-gradient(180deg,rgba(var(--surface-rgb),.70),rgba(7,17,31,.98)) !important;
}
.footer-bottom{
  border-top-color:var(--line) !important;
}
.footer-mini-card svg,
.quick-contact-card svg,
.contact-fab-link-icon,
.news-cover .placeholder-icon,
.side-card svg,
.contact-card svg{
  color:var(--indigo-2) !important;
  stroke:currentColor !important;
}
.contact-fab-whatsapp .contact-fab-link-icon,
.whatsapp-float,
.contact-whatsapp{
  color:var(--success) !important;
}

/* المخطط التنظيمي */
.org-radial-board::before,
.bg-grid{
  background-image:
    linear-gradient(rgba(var(--brand-2-rgb),.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--brand-2-rgb),.07) 1px,transparent 1px) !important;
}
.org-radial-axis,
.org-radial-axis span,
.org-radial-top::after{
  background:linear-gradient(90deg,transparent,var(--brand-2),var(--indigo-2),transparent) !important;
  box-shadow:0 0 20px rgba(var(--brand-2-rgb),.26) !important;
}
.org-main-orb,
.org-branch-dot,
.org-core-logo{
  background:var(--theme-gradient) !important;
  color:#fff !important;
  border-color:rgba(var(--brand-2-rgb),.70) !important;
}
.org-core-logo img{
  background:var(--surface-solid) !important;
  border-radius:50%;
}

/* محرر الأخبار CKEditor */
.ck.ck-editor,
.ck.ck-toolbar,
.ck.ck-editor__main > .ck-editor__editable{
  border-color:var(--line) !important;
  color:var(--text) !important;
}
.ck.ck-toolbar{
  background:rgba(var(--surface-rgb),.92) !important;
}
.ck.ck-editor__main > .ck-editor__editable{
  background:var(--surface-solid) !important;
  color:var(--text) !important;
}
.ck.ck-button,
.ck.ck-button.ck-on,
.ck.ck-list__item .ck-button{
  color:var(--text) !important;
}
.ck.ck-button:hover,
.ck.ck-list__item .ck-button:hover,
.ck.ck-button.ck-on{
  background:var(--brand-soft) !important;
}

/* إزالة الألوان الشاذة داخل أقسام التواصل والسوشيال لتتماشى مع الثيم */
.contact-fab-instagram .contact-fab-link-icon,
.contact-fab-facebook .contact-fab-link-icon,
.contact-fab-mail .contact-fab-link-icon,
.social-row .icon-link,
.social-platform-pill{
  color:var(--indigo-2) !important;
  border-color:var(--line) !important;
  background:var(--brand-soft) !important;
}

/* تحسينات نهائية للتناسق */
.hero-shell::before{
  background:
    linear-gradient(90deg,rgba(var(--brand-rgb),.64),rgba(var(--brand-rgb),.24) 58%,rgba(var(--brand-2-rgb),.10)),
    var(--remote-bg-lab, none) center/cover no-repeat !important;
}
body.theme-dark .hero-shell::before{
  background:
    linear-gradient(90deg,rgba(7,17,31,.82),rgba(7,17,31,.52) 58%,rgba(var(--brand-2-rgb),.12)),
    var(--remote-bg-lab, none) center/cover no-repeat !important;
}
.bg-orb,
.orb-one,
.orb-two{
  opacity:.45 !important;
}
.orb-one{background:radial-gradient(circle,rgba(var(--brand-2-rgb),.38),transparent 72%) !important;}
.orb-two{background:radial-gradient(circle,rgba(var(--brand-rgb),.30),transparent 72%) !important;}

@media (max-width:1100px){
  .main-nav,
  .mobile-drawer,
  .side-drawer,
  .offcanvas-menu,
  .drawer-panel,
  .app-sidebar{
    background:var(--surface-solid) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.36) !important;
  }
}

@media (max-width:760px){
  .site-footer,
  .footer-cta,
  .footer-mini-card,
  .quick-contact-card,
  .contact-card{
    background:linear-gradient(135deg,rgba(var(--surface-rgb),.88),rgba(var(--brand-2-rgb),.07)) !important;
    border-color:var(--line) !important;
  }
}

/* ==========================================================
   FIX V2 - Homepage hero service path visibility
   السبب: عناصر demo-step كانت مصممة للبطاقة الداكنة بلون أبيض،
   بينما البطاقة الحالية زجاجية فاتحة؛ لذلك النص اختفى فوق الخلفية.
   ========================================================== */
body.theme-light .ultra-hero-panel,
body:not(.theme-dark) .ultra-hero-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,249,255,.82)) !important;
  border-color:rgba(var(--brand-rgb),.16) !important;
  color:var(--text) !important;
  box-shadow:0 28px 70px rgba(var(--brand-rgb),.12) !important;
}
body.theme-dark .ultra-hero-panel{
  background:linear-gradient(135deg,rgba(var(--surface-rgb),.92),rgba(12,24,42,.72)) !important;
  border-color:rgba(var(--brand-2-rgb),.22) !important;
  color:var(--text) !important;
}
.ultra-hero-panel .soft-badge,
.ultra-hero-panel .pill,
.ultra-hero-panel .hero-badge{
  background:rgba(var(--brand-2-rgb),.10) !important;
  color:var(--indigo-2) !important;
  border:1px solid rgba(var(--brand-2-rgb),.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55) !important;
}
body.theme-dark .ultra-hero-panel .soft-badge,
body.theme-dark .ultra-hero-panel .pill,
body.theme-dark .ultra-hero-panel .hero-badge{
  background:rgba(var(--brand-2-rgb),.16) !important;
  color:#dff4ff !important;
  border-color:rgba(var(--brand-2-rgb),.30) !important;
}
.ultra-hero-panel h1,
.ultra-hero-panel h2,
.ultra-hero-panel h3,
.ultra-hero-panel h4,
.ultra-hero-panel strong,
.ultra-hero-panel b{
  color:var(--text) !important;
}
.ultra-hero-panel p,
.ultra-hero-panel small,
.ultra-hero-panel em,
.ultra-hero-panel .muted{
  color:var(--muted) !important;
}
.ultra-hero-panel .demo-timeline{
  display:grid !important;
  gap:12px !important;
}
.ultra-hero-panel .demo-step{
  color:var(--muted) !important;
  background:rgba(var(--surface-rgb),.54) !important;
  border:1px solid rgba(var(--brand-rgb),.10) !important;
  border-radius:16px !important;
  padding:8px 10px !important;
  box-shadow:0 8px 22px rgba(var(--brand-rgb),.055) !important;
}
body.theme-dark .ultra-hero-panel .demo-step{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.ultra-hero-panel .demo-step b{
  color:var(--text) !important;
  font-weight:900 !important;
}
.ultra-hero-panel .demo-step span{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border-radius:50% !important;
  background:rgba(var(--brand-2-rgb),.10) !important;
  border:3px solid rgba(var(--brand-2-rgb),.24) !important;
  box-shadow:0 0 0 5px rgba(var(--brand-2-rgb),.08) !important;
}
.ultra-hero-panel .demo-step.done span{
  background:var(--success) !important;
  border-color:rgba(var(--success-rgb),.34) !important;
  box-shadow:0 0 0 5px rgba(var(--success-rgb),.12) !important;
}
.ultra-hero-panel .demo-step.current{
  color:var(--text) !important;
  border-color:rgba(var(--brand-2-rgb),.24) !important;
  background:linear-gradient(135deg,rgba(var(--brand-2-rgb),.13),rgba(var(--surface-rgb),.72)) !important;
}
body.theme-dark .ultra-hero-panel .demo-step.current{
  background:linear-gradient(135deg,rgba(var(--brand-2-rgb),.22),rgba(255,255,255,.06)) !important;
}
.ultra-hero-panel .demo-step.current span{
  background:var(--brand-2) !important;
  border-color:rgba(var(--brand-2-rgb),.34) !important;
  box-shadow:0 0 0 7px rgba(var(--brand-2-rgb),.16) !important;
}
.ultra-hero-panel .demo-step svg,
.ultra-hero-panel .demo-step i{
  color:var(--indigo-2) !important;
}

/* توحيد مربعات الأرقام داخل نفس جهة الهيرو */
.ultra-hero-panel .hero-mosaic div,
.ultra-hero-panel .mini-stat,
.ultra-hero-panel .kpi-card,
.ultra-hero-panel .stat-card{
  background:rgba(var(--surface-rgb),.72) !important;
  border:1px solid rgba(var(--brand-rgb),.12) !important;
  color:var(--text) !important;
}
.ultra-hero-panel .hero-mosaic strong,
.ultra-hero-panel .mini-stat strong,
.ultra-hero-panel .kpi-card strong,
.ultra-hero-panel .stat-card strong{
  color:var(--text) !important;
}
.ultra-hero-panel .hero-mosaic span,
.ultra-hero-panel .mini-stat span,
.ultra-hero-panel .kpi-card span,
.ultra-hero-panel .stat-card span{
  color:var(--muted) !important;
}

/* ==========================================================
   FIX V3 - Force hero tracking card to follow theme colors
   هذا البلوك أقوى من كل القواعد السابقة ويعالج اختفاء نص مسار الخدمة
   ========================================================== */
:root{
  --tracking-card-bg:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,247,255,.86));
  --tracking-card-text:var(--text);
  --tracking-card-muted:var(--muted);
  --tracking-card-border:rgba(var(--brand-rgb),.16);
  --tracking-card-chip-bg:rgba(var(--brand-2-rgb),.10);
  --tracking-card-chip-text:var(--indigo-2);
}
body.theme-dark{
  --tracking-card-bg:linear-gradient(135deg,rgba(var(--surface-rgb),.92),rgba(12,24,42,.78));
  --tracking-card-text:var(--text);
  --tracking-card-muted:var(--muted);
  --tracking-card-border:rgba(var(--brand-2-rgb),.24);
  --tracking-card-chip-bg:rgba(var(--brand-2-rgb),.16);
  --tracking-card-chip-text:#dff4ff;
}

/* البطاقة اليسرى نفسها */
.tracking-demo-card,
.ultra-hero-panel .tracking-demo-card,
.hero-side .tracking-demo-card,
.hero-preview .tracking-demo-card,
.portal-hero-panel .tracking-demo-card,
.premium-hero-panel .tracking-demo-card{
  background:var(--tracking-card-bg) !important;
  color:var(--tracking-card-text) !important;
  border:1px solid var(--tracking-card-border) !important;
  box-shadow:0 20px 52px rgba(var(--brand-rgb),.11) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(125%) !important;
}
body.theme-dark .tracking-demo-card,
body.theme-dark .ultra-hero-panel .tracking-demo-card,
body.theme-dark .hero-side .tracking-demo-card,
body.theme-dark .hero-preview .tracking-demo-card,
body.theme-dark .portal-hero-panel .tracking-demo-card,
body.theme-dark .premium-hero-panel .tracking-demo-card{
  box-shadow:0 22px 58px rgba(0,0,0,.32) !important;
}

/* عنوان مسار الخدمة والجملة التي كانت بيضاء */
.tracking-demo-card h1,
.tracking-demo-card h2,
.tracking-demo-card h3,
.tracking-demo-card h4,
.tracking-demo-card h5,
.tracking-demo-card h6,
.tracking-demo-card strong,
.tracking-demo-card b,
.ultra-hero-panel .tracking-demo-card h1,
.ultra-hero-panel .tracking-demo-card h2,
.ultra-hero-panel .tracking-demo-card h3,
.ultra-hero-panel .tracking-demo-card h4,
.ultra-hero-panel .tracking-demo-card strong,
.ultra-hero-panel .tracking-demo-card b{
  color:var(--tracking-card-text) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.tracking-demo-card p,
.tracking-demo-card small,
.tracking-demo-card em,
.tracking-demo-card li,
.tracking-demo-card .muted,
.ultra-hero-panel .tracking-demo-card p,
.ultra-hero-panel .tracking-demo-card small,
.ultra-hero-panel .tracking-demo-card em,
.ultra-hero-panel .tracking-demo-card li,
.ultra-hero-panel .tracking-demo-card .muted{
  color:var(--tracking-card-muted) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* بادج مسار الخدمة */
.tracking-demo-card .soft-badge,
.tracking-demo-card .pill,
.tracking-demo-card .hero-badge,
.tracking-demo-card > span,
.tracking-demo-card .badge,
.ultra-hero-panel .tracking-demo-card .soft-badge,
.ultra-hero-panel .tracking-demo-card .pill,
.ultra-hero-panel .tracking-demo-card .hero-badge,
.ultra-hero-panel .tracking-demo-card > span,
.ultra-hero-panel .tracking-demo-card .badge{
  background:var(--tracking-card-chip-bg) !important;
  color:var(--tracking-card-chip-text) !important;
  border:1px solid rgba(var(--brand-2-rgb),.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body.theme-dark .tracking-demo-card .soft-badge,
body.theme-dark .tracking-demo-card .pill,
body.theme-dark .tracking-demo-card .hero-badge,
body.theme-dark .tracking-demo-card > span,
body.theme-dark .tracking-demo-card .badge{
  border-color:rgba(var(--brand-2-rgb),.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* خطوات المسار */
.demo-timeline,
.tracking-demo-card .demo-timeline,
.ultra-hero-panel .tracking-demo-card .demo-timeline{
  display:grid !important;
  gap:12px !important;
}
.demo-step,
.tracking-demo-card .demo-step,
.ultra-hero-panel .tracking-demo-card .demo-step{
  color:var(--tracking-card-muted) !important;
  background:rgba(var(--surface-rgb),.62) !important;
  border:1px solid rgba(var(--brand-rgb),.10) !important;
  border-radius:16px !important;
  padding:8px 10px !important;
  opacity:1 !important;
  box-shadow:0 8px 22px rgba(var(--brand-rgb),.055) !important;
}
body.theme-dark .demo-step,
body.theme-dark .tracking-demo-card .demo-step,
body.theme-dark .ultra-hero-panel .tracking-demo-card .demo-step{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.demo-step b,
.demo-step strong,
.tracking-demo-card .demo-step b,
.tracking-demo-card .demo-step strong,
.ultra-hero-panel .tracking-demo-card .demo-step b,
.ultra-hero-panel .tracking-demo-card .demo-step strong{
  color:var(--tracking-card-text) !important;
  opacity:1 !important;
  font-weight:900 !important;
}
.demo-step span,
.tracking-demo-card .demo-step span,
.ultra-hero-panel .tracking-demo-card .demo-step span{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border-radius:50% !important;
  background:rgba(var(--brand-2-rgb),.10) !important;
  border:3px solid rgba(var(--brand-2-rgb),.28) !important;
  box-shadow:0 0 0 5px rgba(var(--brand-2-rgb),.08) !important;
}
.demo-step.done span,
.tracking-demo-card .demo-step.done span,
.ultra-hero-panel .tracking-demo-card .demo-step.done span{
  background:var(--success) !important;
  border-color:rgba(var(--success-rgb),.36) !important;
  box-shadow:0 0 0 5px rgba(var(--success-rgb),.14) !important;
}
.demo-step.current,
.tracking-demo-card .demo-step.current,
.ultra-hero-panel .tracking-demo-card .demo-step.current{
  color:var(--tracking-card-text) !important;
  border-color:rgba(var(--brand-2-rgb),.26) !important;
  background:linear-gradient(135deg,rgba(var(--brand-2-rgb),.13),rgba(var(--surface-rgb),.74)) !important;
}
body.theme-dark .demo-step.current,
body.theme-dark .tracking-demo-card .demo-step.current,
body.theme-dark .ultra-hero-panel .tracking-demo-card .demo-step.current{
  background:linear-gradient(135deg,rgba(var(--brand-2-rgb),.22),rgba(255,255,255,.06)) !important;
}
.demo-step.current span,
.tracking-demo-card .demo-step.current span,
.ultra-hero-panel .tracking-demo-card .demo-step.current span{
  background:var(--brand-2) !important;
  border-color:rgba(var(--brand-2-rgb),.38) !important;
  box-shadow:0 0 0 7px rgba(var(--brand-2-rgb),.17) !important;
}

/* مربعات الأرقام تحت مسار الخدمة */
.hero-mosaic div,
.ultra-hero-panel .hero-mosaic div,
.tracking-demo-card ~ .hero-mosaic div,
.ultra-hero-panel .tracking-demo-card ~ .hero-mosaic div{
  background:rgba(var(--surface-rgb),.78) !important;
  border:1px solid rgba(var(--brand-rgb),.12) !important;
  color:var(--text) !important;
  box-shadow:0 12px 30px rgba(var(--brand-rgb),.07) !important;
}
body.theme-dark .hero-mosaic div,
body.theme-dark .ultra-hero-panel .hero-mosaic div,
body.theme-dark .tracking-demo-card ~ .hero-mosaic div,
body.theme-dark .ultra-hero-panel .tracking-demo-card ~ .hero-mosaic div{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.10) !important;
}
.hero-mosaic strong,
.ultra-hero-panel .hero-mosaic strong,
.tracking-demo-card ~ .hero-mosaic strong{
  color:var(--text) !important;
}
.hero-mosaic span,
.ultra-hero-panel .hero-mosaic span,
.tracking-demo-card ~ .hero-mosaic span{
  color:var(--muted) !important;
}
.hero-mosaic svg,
.ultra-hero-panel .hero-mosaic svg,
.tracking-demo-card ~ .hero-mosaic svg{
  color:var(--indigo-2) !important;
}