/* VATAX core CSS: variables, reset, shared mechanics, dashboard/portal styles. Public page designs were extracted to assets/css/pages/. */
/* VATAX Static HTML Theme
   Matching RTL Arabic UI from the provided screenshots.
   No emoji icons: all icons are inline SVG or CSS shapes.
*/
:root{
  --vtx-font-body:'HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-heading:'HelveticaNeueLT Arabic 75 Bold','HelveticaNeueLTArabic-75Bold','HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-subheading:'HelveticaNeueLT Arabic 55 Roman','HelveticaNeueLTArabic-55Roman','HelveticaNeueLTArabic-Roman',sans-serif;
  --vtx-font-stack:var(--vtx-font-body);
  --bg:#eef5f6;
  --bg2:#e7f0f1;
  --white:#ffffff;
  --ink:#061112;
  --muted:#60777b;
  --teal:#005a5c;
  --teal2:#00474a;
  --dark:#001616;
  --dark2:#001f20;
  --gold:#df9b22;
  --gold2:#f0ad2e;
  --line:#c9d9dc;
  --soft:#f7fbfb;
  --blue:#2563eb;
  --purple:#a125f6;
  --green:#13b89b;
  --orange:#f28c00;
  --danger:#ef4444;
  --shadow:0 18px 35px rgba(0,0,0,.09);
  --shadow-soft:0 8px 22px rgba(0,0,0,.06);
  --radius:26px;
  --radius-sm:16px;
  --container:1280px;
}


*{box-sizing:border-box}


html{scroll-behavior:smooth}


body{
  margin:0;
  font-family:var(--vtx-font-body);
  background:var(--bg);
  color:var(--ink);
  direction:rtl;
  min-height:100vh;
  overflow-x:hidden;
}


body.admin-body{background:#f2f7f8}


a{color:inherit;text-decoration:none}


button,input,textarea,select{font-family:var(--vtx-font-body)}

html,body,input,button,textarea,select,option,optgroup{font-family:var(--vtx-font-body)}
body *::before,body *::after{font-family:var(--vtx-font-body)}


img{max-width:100%;display:block}


.text-gold{color:var(--gold)}


.text-teal{color:var(--teal)}


.white{color:#fff}


.muted{color:var(--muted)}


.hidden{display:none!important}


.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 24px rgba(0,90,92,.20)}


.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}


.btn-outline.teal{color:var(--teal);border-color:rgba(0,90,92,.35)}


/* Hero */
.hero{
  min-height:720px;
  padding:150px 0 88px;
  color:#fff;
  background:
    radial-gradient(circle at 50% 25%,rgba(0,90,92,.40),transparent 38%),
    linear-gradient(145deg,#001515 0%,#001d1e 50%,#001111 100%);
  position:relative;
  overflow:hidden;
}


.hero::before{
  content:"";
  position:absolute;
  inset:-30%;
  background:
    radial-gradient(circle at 24% 34%,rgba(223,155,34,.07),transparent 28%),
    radial-gradient(circle at 82% 12%,rgba(0,170,160,.10),transparent 26%);
  animation:aurora 12s ease-in-out infinite alternate;
}


.hero::after{
  content:"";
  position:absolute;
  inset:auto -3% -70px -3%;
  height:150px;
  background:var(--bg);
  clip-path:polygon(0 58%,16% 45%,38% 55%,58% 50%,80% 65%,100% 52%,100% 100%,0 100%);
}


.hero.no-wave::after{display:none}


.hero.hero-sm{min-height:455px;padding:150px 0 82px}


.hero-center{position:relative;z-index:2;text-align:center;max-width:1050px;margin:auto}


.hero-badge,.dark-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--gold);
  background:rgba(223,155,34,.11);
  border:1px solid rgba(223,155,34,.45);
  padding:8px 22px;
  border-radius:999px;
  font-weight:800;
  font-size:18px;
}


.hero-title{
  margin:32px auto 22px;
  font-size:clamp(58px,7vw,116px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.04em;
  max-width:1180px;
}


.hero-title .gold-line{display:block;color:var(--gold)}


.hero-title.sm{font-size:clamp(46px,5vw,74px)}


.hero-subtitle{
  color:#bdd1d1;
  margin:0 auto 34px;
  font-size:clamp(20px,1.6vw,28px);
  line-height:1.7;
  max-width:900px;
  font-weight:600;
}


.trust-pills{
  margin:72px auto 0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  color:#d3e0df;
}


.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.03);
  border-radius:999px;
  backdrop-filter:blur(8px);
}


.trust-pill svg{color:var(--gold)}


.hero-compact{
  background:var(--bg);
  min-height:auto;
  padding:110px 0 72px;
  text-align:center;
}


/* Stats */
.stats-band{
  background:var(--teal2);
  color:#fff;
  padding:82px 0;
}


.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:34px;
  text-align:center;
}


.stat-num{
  font-size:clamp(42px,4vw,70px);
  font-weight:900;
  line-height:1;
}


.stat-label{color:#b5d0d0;font-size:20px;margin-top:10px;font-weight:700}


/* Cards */
.card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
}


.icon-box{
  width:66px;
  height:66px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  margin-bottom:32px;
}


.icon-box.blue{background:var(--blue)}


.icon-box.purple{background:var(--purple)}


.icon-box.green{background:var(--green)}


.icon-box.orange{background:var(--orange)}


.icon-box.teal{background:var(--teal)}


.more-link{
  color:var(--teal);
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:8px;
}


.more-link:hover{color:var(--gold)}


.features-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
  max-width:980px;
  margin:0 auto;
}


.feature-item{
  min-height:90px;
  padding:24px 28px;
  display:flex;
  align-items:center;
  gap:18px;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line);
  font-size:20px;
  line-height:1.45;
  box-shadow:0 2px 0 rgba(255,255,255,.8) inset;
}


.feature-item svg{color:var(--teal);flex:0 0 auto}


.feature-item:hover{border-color:rgba(0,90,92,.42);transform:translateY(-3px);transition:.25s ease}


.dark-cta{
  background:var(--teal);
  color:#fff;
  text-align:center;
  padding:72px 20px;
}


.dark-cta h2{
  margin:0 0 16px;
  font-size:clamp(34px,3vw,48px);
  line-height:1.2;
  font-weight:900;
}


.dark-cta p{color:#cfe3e2;margin:0 auto 28px;max-width:720px;font-size:21px;line-height:1.7}


/* Steps */
.steps-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  position:relative;
}


.steps-grid::before{
  content:"";
  position:absolute;
  top:62px;
  right:11%;
  left:11%;
  height:3px;
  background:linear-gradient(90deg,var(--gold),var(--teal));
  opacity:.8;
}


.step-card{
  padding:38px 28px;
  min-height:210px;
  text-align:center;
  position:relative;
  z-index:1;
}


.step-num{
  width:62px;
  height:62px;
  border-radius:20px;
  background:var(--teal);
  color:#fff;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  font-size:25px;
  font-weight:900;
}


.step-card h3{margin:0 0 10px;font-size:22px;font-weight:900}


.step-card p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}


/* Why block */
.why-wrap{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:60px;
  align-items:center;
}


.why-list{
  display:grid;
  gap:16px;
  margin-top:28px;
}


.check-row{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:21px;
  color:#263b3e;
}


.check-row svg{color:var(--teal);flex:0 0 auto}


.badge-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}


.badge-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  min-height:138px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:14px;
}


.badge-card svg{width:36px;height:36px}


.badge-card h4{margin:0;font-size:19px;font-weight:900}


.badge-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft);transition:.25s}


/* About */
.values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
}


.value-card{
  min-height:250px;
  padding:40px;
  position:relative;
  overflow:hidden;
}


.value-num{
  position:absolute;
  top:36px;
  left:34px;
  width:58px;
  height:58px;
  border-radius:18px;
  color:#fff;
  background:var(--blue);
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:23px;
}


.value-num.purple{background:var(--purple)}


.value-num.green{background:var(--green)}


.value-card h3{font-size:29px;margin:40px 0 18px;font-weight:900}


.value-card p{color:var(--muted);font-size:20px;line-height:1.8;margin:0}


/* Services full page */
.services-list{
  display:grid;
  gap:42px;
}


.tag{
  display:inline-flex;
  background:var(--gold);
  color:#091315;
  border-radius:10px;
  padding:6px 14px;
  font-size:14px;
  font-weight:900;
  margin-bottom:12px;
}


.delivery{
  display:flex;
  align-items:center;
  gap:9px;
  color:#23393c;
  font-size:18px;
  font-weight:700;
}


.progress-wrap{
  max-width:760px;
  margin:0 auto 36px;
}


.progress-meta{
  display:flex;
  justify-content:space-between;
  color:#516b70;
  font-weight:800;
  font-size:17px;
  margin-bottom:10px;
}


.progress-line{
  height:8px;
  background:#c8d7db;
  border-radius:999px;
  overflow:hidden;
}


.progress-fill{
  height:100%;
  width:21%;
  background:linear-gradient(90deg,var(--teal),#7bbfc6);
  border-radius:999px;
}


.tabs{
  max-width:760px;
  margin:0 auto 36px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
}


.tab{
  border:0;
  border-radius:10px;
  padding:10px 17px;
  background:#dfe8ea;
  color:#65777b;
  font-weight:800;
  cursor:pointer;
}


.quiz-card{
  max-width:760px;
  margin:auto;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:48px;
  box-shadow:var(--shadow-soft);
}


.quiz-count{color:#61777b;font-weight:800;font-size:16px;text-align:left}


.quiz-title{
  margin:20px 0 32px;
  text-align:center;
  font-size:30px;
  line-height:1.3;
  font-weight:900;
}


.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}


.form-row{display:flex;flex-direction:column;gap:8px}


.form-row.full{grid-column:1/-1}


.form-row label{font-weight:800;color:#21363a}


.form-control{
  width:100%;
  border:1px solid #c9d9dc;
  background:#fff;
  border-radius:10px;
  min-height:48px;
  padding:12px 15px;
  font-size:16px;
  outline:none;
  transition:.2s;
}


textarea.form-control{min-height:88px;resize:vertical}


.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,90,92,.08)}


.info-title{font-size:34px;font-weight:900;margin:0 0 10px}


.info-sub{color:var(--muted);font-size:18px;margin:0 0 30px}


.quick-card{
  background:#e5eff1;
  border:1px solid #bdd3d7;
  border-radius:22px;
  padding:24px 28px;
  margin-top:26px;
}


.quick-card h3{font-size:24px;margin:0 0 12px}


.quick-card a{display:block;color:var(--teal);font-weight:800;margin-top:8px}


.socials{display:flex;gap:12px;margin-top:24px}


.socials a{
  width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff
}


/* Admin Layout */
.admin-layout{
  min-height:100vh;
  display:grid;
  grid-template-columns:264px 1fr;
}


.admin-sidebar{
  background:#fff;
  border-left:1px solid #d2dfe2;
  min-height:100vh;
  position:sticky;
  top:0;
  align-self:start;
  display:flex;
  flex-direction:column;
}


.admin-logo{
  height:86px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 18px;
  border-bottom:1px solid #d6e1e4;
}


.admin-logo strong{display:block;font-size:17px}


.admin-logo span{display:block;color:#587075;font-size:13px;margin-top:2px}


.admin-menu{
  padding:14px 14px;
  display:grid;
  gap:7px;
}


.admin-menu a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  border-radius:14px;
  padding:0 16px;
  color:#506b70;
  font-weight:800;
  transition:.2s;
}


.admin-menu a:hover,.admin-menu a.active{
  background:var(--teal);
  color:#fff;
}


.admin-bottom{
  margin-top:auto;
  border-top:1px solid #d6e1e4;
  padding:18px 14px;
  display:grid;
  gap:10px;
}


.admin-user{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:10px;
  align-items:center;
  color:#41565a;
}


.user-avatar{
  width:38px;height:38px;border-radius:999px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900
}


.admin-main{padding:46px 26px 80px}


.admin-container{width:min(1320px,calc(100% - 24px));margin:0 auto}


.admin-title{
  text-align:right;
  margin-bottom:34px;
}


.admin-title h1{font-size:34px;line-height:1.1;margin:0 0 6px;font-weight:900}


.admin-title p{color:#667a7e;margin:0;font-size:17px}


.admin-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-bottom:34px;
}


.admin-stat-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
  min-height:136px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:start;
  box-shadow:var(--shadow-soft);
}


.stat-delta{
  justify-self:start;
  background:#dffbe8;
  color:#22a357;
  border-radius:999px;
  padding:4px 9px;
  font-weight:900;
  font-size:13px;
}


.admin-stat-icon{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
}


.admin-stat-icon.blue{background:#e9f0ff;color:#2563eb}


.admin-stat-icon.green{background:#e5faeb;color:#22a357}


.admin-stat-icon.gold{background:#fff4db;color:#f59e0b}


.admin-stat-icon.purple{background:#f4e8ff;color:#a855f7}


.admin-stat-value{grid-column:1/-1;font-size:31px;font-weight:900;text-align:left;margin-top:15px}


.admin-stat-label{grid-column:1/-1;color:#60777b;font-size:16px;text-align:left}


.admin-grid-2{display:grid;grid-template-columns:1fr 1.9fr;gap:28px;margin-bottom:28px}


.admin-panel{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow-soft)
}


.admin-panel h2{font-size:24px;margin:0 0 24px;font-weight:900}


.donut-wrap{height:210px;display:grid;place-items:center}


.donut{
  width:150px;height:150px;border-radius:50%;
  background:conic-gradient(#1b7985 0 76%,#d8e4e7 76% 100%);
  position:relative;
}


.donut::after{
  content:"";position:absolute;inset:34px;border-radius:50%;background:#fff
}


.legend{display:flex;justify-content:space-between;align-items:center;color:#5f7579;font-size:14px}


.legend-dot{width:9px;height:9px;background:#1b7985;border-radius:50%;display:inline-block;margin-inline-end:7px}


.bar-chart{
  height:230px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:end;
}


.y-axis{
  height:190px;
  display:flex;flex-direction:column;justify-content:space-between;color:#2c3638;font-size:13px;direction:ltr;text-align:left
}


.bars{
  height:190px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
  align-items:end;
  border-bottom:2px solid #9fa9aa;
  border-right:1px solid #e2e8ea;
  padding:0 10px;
}


.bar{
  height:8%;
  border-radius:6px 6px 0 0;
  background:#1b7985;
  min-height:0;
}


.x-axis{
  grid-column:2;
  display:grid;grid-template-columns:repeat(6,1fr);gap:18px;text-align:center;font-size:14px;color:#2e3a3c;padding:0 10px;direction:ltr
}


.quick-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}


.quick-action{
  min-height:112px;
  border:1px solid var(--line);
  border-radius:16px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#20383c;
  font-weight:900;
  transition:.2s;
}


.quick-action:hover{border-color:var(--teal);transform:translateY(-3px)}


.recent-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
}


.case-badge{
  display:inline-flex;
  padding:4px 10px;
  border-radius:9px;
  background:#eaf0ff;
  color:#2f60d4;
  font-weight:900;
  font-size:13px;
}


/* Admin Docs */
.docs-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:28px;
}


.docs-count{display:flex;align-items:center;gap:9px;color:#566b70;font-weight:800}


.filter-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
  display:grid;
  grid-template-columns:1fr 220px auto;
  gap:18px;
  align-items:center;
  margin-bottom:28px;
  box-shadow:var(--shadow-soft);
}


.search-field{
  position:relative;
}


.search-field svg{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  color:#6c8387;
}


.search-field input{padding-right:45px}


.empty-state{
  min-height:360px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#6b7f83;
}


.empty-icon{
  width:76px;height:76px;border-radius:22px;color:#bcc8cb;display:grid;place-items:center;margin:auto auto 12px
}


.empty-state h3{font-size:22px;color:#6e8185;margin:0 0 6px}


.float{animation:float 4.5s ease-in-out infinite}


@keyframes reveal{to{opacity:1;transform:none}}


@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}


@keyframes aurora{from{transform:translate3d(-2%,0,0) rotate(0)}to{transform:translate3d(2%,2%,0) rotate(3deg)}}


@media (max-width:1100px){
.steps-grid::before{display:none}
.admin-layout{grid-template-columns:88px 1fr}
.admin-logo div,.admin-menu span,.admin-bottom .admin-link-text,.admin-user .user-text{display:none}
.admin-menu a{justify-content:center;padding:0}
.admin-bottom a{justify-content:center}
}


@media (max-width:760px){
.stats-grid,.service-grid,.steps-grid,.values-grid,.features-grid,.badge-grid,.admin-stats,.admin-grid-2{grid-template-columns:1fr}
}


@media (max-width:760px){
.hero{min-height:650px;padding-top:126px}
.hero-title{font-size:52px}
.trust-pills{margin-top:44px}
.form-grid{grid-template-columns:1fr}
.quiz-card{padding:32px 20px}
.admin-layout{grid-template-columns:1fr}
.admin-sidebar{position:relative;min-height:auto}
.admin-logo div,.admin-menu span,.admin-bottom .admin-link-text,.admin-user .user-text{display:block}
.admin-menu{grid-template-columns:repeat(2,1fr)}
.admin-menu a{justify-content:flex-start;padding:0 14px}
.admin-bottom{display:none}
.admin-main{padding:28px 12px}
.filter-card{grid-template-columns:1fr}
}


/* ===== VATAX additions: analytics, settings, case submission, counters ===== */
.admin-main{position:relative;overflow:hidden}


.admin-main::before{content:"";position:absolute;inset:0 0 auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(0,90,92,.055),transparent 68%);pointer-events:none;transform:translate(20%,-35%)}


.admin-container{position:relative;z-index:1}


.admin-title{margin-bottom:32px}


.admin-title h1{letter-spacing:-.02em}


.admin-stat-card{transition:.25s ease;overflow:hidden;position:relative}


.admin-stat-card::after{content:"";position:absolute;inset:auto auto -40px -40px;width:110px;height:110px;border-radius:50%;background:rgba(0,90,92,.045);transition:.25s ease}


.admin-stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(0,0,0,.09);border-color:#b6cfd3}


.admin-stat-card:hover::after{transform:scale(1.25)}


.admin-stat-value .small-unit{font-size:.7em}


.count-up{font-variant-numeric:tabular-nums}


.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}


.analytics-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 32px;box-shadow:var(--shadow-soft);min-height:320px;transition:.25s ease;position:relative;overflow:hidden}


.analytics-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b9cfd4}


.analytics-card h2{font-size:24px;font-weight:900;margin:0 0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}


.analytics-card h2 svg{color:var(--teal)}


.analytics-canvas{height:230px;display:grid;place-items:center}


.donut-analytics{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:34px;height:100%}


.donut-ring{width:172px;height:172px;border-radius:50%;background:conic-gradient(#1b7985 0 82%,#d8e4e7 82% 100%);position:relative;margin:auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);animation:donutPulse 1.1s ease both}


.donut-ring::after{content:"";position:absolute;inset:40px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #eef3f4}


.donut-ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900;color:var(--teal);z-index:2}


.chart-legend{display:grid;gap:14px;color:#536b70;font-weight:700}


.legend-item{display:flex;align-items:center;justify-content:space-between;gap:16px}


.legend-name{display:flex;align-items:center;gap:9px}


.legend-name::before{content:"";width:10px;height:10px;border-radius:50%;background:#1b7985}


.line-chart-svg,.bar-chart-svg{width:100%;height:225px;overflow:visible;direction:ltr}


.line-chart-svg .axis,.bar-chart-svg .axis{stroke:#9aa7aa;stroke-width:2}


.line-chart-svg .grid{stroke:#e7eef0;stroke-width:1}


.line-chart-svg .line{fill:none;stroke:#1b7985;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520;animation:drawLine 1.3s ease .3s forwards}


.line-chart-svg .shade{fill:rgba(27,121,133,.08);opacity:0;animation:fadeIn .9s ease .9s forwards}


.line-chart-svg text,.bar-chart-svg text{fill:#1d2e31;font-size:13px;font-weight:700}


.country-row{margin-top:28px}


.country-meta{display:flex;justify-content:space-between;font-weight:900;margin-bottom:10px;direction:ltr}


.progress-track{height:12px;border-radius:99px;background:#e3edef;overflow:hidden}


.progress-track span{display:block;height:100%;width:0;background:#005a5c;border-radius:inherit;animation:fillTrack 1.1s ease forwards}


.mini-note{color:#009a44;font-size:13px;font-weight:900;text-align:left;margin-top:4px;direction:ltr}


.settings-layout{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start;max-width:1000px;margin:0 auto}


.settings-stack{display:grid;gap:18px}


.settings-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft);transition:.25s ease}


.settings-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bad1d5}


.settings-card h2{font-size:21px;margin:0 0 20px;font-weight:900;display:flex;align-items:center;gap:10px}


.settings-card h2 svg{color:var(--teal)}


.settings-form{display:grid;gap:16px}


.setting-control label{display:block;color:#61777b;font-weight:800;margin-bottom:7px}


.setting-control input{width:100%;min-height:46px;border:1px solid #cbd9dc;border-radius:10px;padding:10px 14px;font-weight:700;text-align:left;direction:ltr}


.setting-control input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,90,92,.08)}


.toggle-list{display:grid;gap:15px}


.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:800;color:#263e42}


.toggle{width:42px;height:22px;border-radius:99px;background:#dbe8eb;position:relative;cursor:pointer;transition:.2s;flex:0 0 auto}


.toggle::before{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}


.toggle.is-on{background:var(--teal)}


.toggle.is-on::before{right:23px}


.case-hero{min-height:320px;padding:132px 0 54px;background:linear-gradient(145deg,#001515,#001f20 54%,#001111);color:#fff;text-align:center}


.case-hero h1{font-size:clamp(34px,4vw,54px);font-weight:900;margin:0 0 14px}


.case-hero p{font-size:21px;color:#c2d4d7;margin:0}


.case-shell{padding:70px 0 96px}


.case-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px 38px;box-shadow:var(--shadow)}


.case-card h2{font-size:30px;margin:0 0 28px;font-weight:900;text-align:right}


.case-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:16px}


.btn-muted{background:#fff;color:#7a898c;border:1px solid #bfcfd2}


.btn-muted:hover{border-color:var(--teal);color:var(--teal)}


.submit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}


.submit-form-grid .form-row.full{grid-column:1/-1}


.case-upload{border:2px dashed #cadade;border-radius:18px;min-height:126px;display:grid;place-items:center;text-align:center;color:#637a7f;background:#f8fbfc;font-weight:800;padding:20px}


.case-upload svg{color:var(--teal);margin:0 auto 8px}


.page-link-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(223,155,34,.45);background:rgba(223,155,34,.09);color:var(--gold);padding:7px 16px;font-weight:900}


@keyframes drawLine{to{stroke-dashoffset:0}}


@keyframes fadeIn{to{opacity:1}}


@keyframes fillTrack{to{width:100%}}


@keyframes fillBar{to{width:var(--w,100%)}}


@keyframes donutPulse{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}


@media (max-width:980px){
.analytics-grid,.settings-layout{grid-template-columns:1fr}
.donut-analytics{grid-template-columns:1fr}
}


@media (max-width:760px){
.settings-layout{max-width:100%}
.case-card{padding:30px 20px}
.analytics-card{padding:24px 18px}
.case-hero{padding-top:110px}
}


/* ===== VATAX analytics exact patch ===== */
/* ===== VATAX analytics exact patch ===== */
.analytics-admin-page .admin-main{
  padding:48px 34px 90px;
  background:#f2f7f8;
}


.analytics-admin-page .admin-main::before{display:none}


.analytics-admin-page .analytics-container{
  width:min(1120px,calc(100% - 24px));
  margin-inline:auto;
}


.analytics-admin-page .analytics-heading{
  text-align:right;
  margin:0 0 22px;
}


.analytics-admin-page .analytics-heading h1{font-size:32px;margin:0 0 5px;font-weight:900}


.analytics-admin-page .analytics-heading p{font-size:16px;color:#5f777c;margin:0}


.analytics-stats-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  direction:ltr;
  margin-bottom:28px;
}


.analytics-stat-card{
  direction:rtl;
  min-height:155px;
  background:#fff;
  border:1px solid #c8d9dd;
  border-radius:22px;
  padding:22px 20px 18px;
  box-shadow:0 7px 18px rgba(0,0,0,.035);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}


.analytics-stat-card::after{
  content:"";
  position:absolute;
  inset:auto -48px -52px auto;
  width:112px;
  height:112px;
  border-radius:50%;
  background:rgba(0,90,92,.045);
  transform:scale(.75);
  opacity:0;
  transition:.28s ease;
}


.analytics-stat-card:hover{
  transform:translateY(-5px);
  border-color:#a9c4c9;
  box-shadow:0 18px 38px rgba(0,0,0,.08);
}


.analytics-stat-card:hover::after{opacity:1;transform:scale(1)}


.analytics-icon{
  width:40px;height:40px;border-radius:14px;
  display:grid;place-items:center;
  margin-bottom:22px;
  flex:0 0 auto;
}


.analytics-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


.analytics-icon.purple{background:#f5eaff;color:#a855f7}


.analytics-icon.gold{background:#fff5dd;color:#f59e0b}


.analytics-icon.green{background:#eaffef;color:#22c55e}


.analytics-icon.blue{background:#eaf2ff;color:#2f6df6}


.analytics-stat-value{
  font-size:27px;
  line-height:1;
  font-weight:900;
  color:#000;
  direction:ltr;
  text-align:right;
  letter-spacing:-.02em;
}


.analytics-stat-label{
  color:#63787d;
  font-size:15px;
  font-weight:700;
  margin-top:10px;
}


.analytics-stat-note{
  direction:ltr;
  color:#009a37;
  font-size:12px;
  font-weight:800;
  margin-top:7px;
}


.analytics-panels-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  direction:ltr;
}


.analytics-panel{
  direction:rtl;
  background:#fff;
  border:1px solid #c8d9dd;
  border-radius:22px;
  min-height:292px;
  padding:24px 26px;
  box-shadow:0 7px 18px rgba(0,0,0,.035);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  overflow:hidden;
  position:relative;
}


.analytics-panel:hover{
  transform:translateY(-4px);
  border-color:#a9c4c9;
  box-shadow:0 18px 38px rgba(0,0,0,.075);
}


.analytics-panel h2{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  margin:0 0 18px;
  font-size:19px;
  font-weight:900;
  line-height:1.2;
  color:#020a0b;
}


.analytics-country-panel h2{justify-content:flex-start}


.analytics-panel .title-icon{width:22px;height:22px;color:#005a5c;stroke-width:2.1}


.donut-chart-layout{
  min-height:210px;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  align-items:center;
  gap:26px;
  direction:ltr;
}


.donut-chart-wrap{display:grid;place-items:center;min-height:210px}


.donut-chart-exact{
  width:150px;height:150px;border-radius:50%;
  background:conic-gradient(#1b7985 0deg 278deg,#d9e6e8 278deg 280deg,#1b7985 280deg 360deg);
  position:relative;
  transform:scale(.9);
  opacity:0;
  animation:analyticsZoom .75s ease .2s forwards;
}


.donut-chart-exact::after{
  content:"";
  position:absolute;
  inset:37px;
  background:#fff;
  border-radius:50%;
}


.donut-legend-exact{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  min-width:170px;
  color:#587075;
  font-size:13px;
  font-weight:700;
}


.donut-legend-exact .legend-dot{width:9px;height:9px;background:#1b7985;border-radius:50%}


.donut-legend-exact strong{color:#000;font-size:14px;text-align:right}


.monthly-chart-exact .monthly-line{
  fill:none;
  stroke:#1b7985;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:610;
  stroke-dashoffset:610;
  animation:analyticsDraw 1.35s ease .25s forwards;
}


.country-line-row{
  margin-top:20px;
  direction:ltr;
}


.country-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:14px;
  font-weight:800;
  color:#001616;
  margin-bottom:9px;
}


.country-track{
  height:8px;
  background:#e5f0f2;
  border-radius:999px;
  overflow:hidden;
}


.country-track span{
  display:block;
  height:100%;
  width:0;
  background:#005a5c;
  border-radius:inherit;
  animation:analyticsFill 1.05s ease .25s forwards;
}


@keyframes analyticsDraw{to{stroke-dashoffset:0}}


@keyframes analyticsFill{to{width:100%}}


@keyframes analyticsBar{to{transform:scaleX(1)}}


@keyframes analyticsZoom{to{transform:scale(1);opacity:1}}


@media (max-width:1180px){
.analytics-admin-page .analytics-container{width:min(1040px,calc(100% - 20px))}
.analytics-stat-value{font-size:24px}
}


@media (max-width:980px){
.analytics-stats-row{grid-template-columns:repeat(2,1fr)}
.analytics-panels-grid{grid-template-columns:1fr}
.donut-chart-layout{grid-template-columns:1fr;gap:10px}
.donut-legend-exact{margin:auto}
}


@media (max-width:620px){
.analytics-admin-page .admin-main{padding:26px 12px 70px}
.analytics-stats-row{grid-template-columns:1fr}
.analytics-panel{padding:22px 18px}
.analytics-stat-card{min-height:140px}
}


/* ================= VATAX PHP Platform Extensions ================= */
:root{--danger-soft:#fee2e2;--success:#16a34a;--warning:#f59e0b;--info:#2563eb;--gray:#64748b}


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


.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}


.form-field{display:flex;flex-direction:column;gap:8px}


.form-field.full{grid-column:1/-1}


.form-field label{font-weight:800;color:#143436}


.form-field input,.form-field select,.form-field textarea{border:1px solid #bfd2d6;border-radius:14px;padding:14px 15px;background:#fff;color:#071617;font-size:16px;outline:none;transition:.2s}


.form-field textarea{min-height:135px;resize:vertical}


.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,90,92,.12)}


.error-text{color:#b91c1c;font-size:13px;font-weight:700;display:none}


.form-field.invalid .error-text{display:block}


.form-field.invalid input,.form-field.invalid select,.form-field.invalid textarea{border-color:#ef4444;background:#fff7f7}


.required:after{content:" *";color:#b91c1c}


.stepper{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}


.step-dot{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #cbdde0;border-radius:999px;background:#fff;color:#60777b;font-weight:800}


.step-dot b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf2f3;color:var(--teal)}


.wizard-step{display:none}


.wizard-step.active{display:block}


.wizard-actions{display:flex;justify-content:space-between;gap:14px;margin-top:24px}


.price-tag{display:inline-flex;align-items:center;gap:6px;background:#fff7e7;border:1px solid #f1cd84;color:#8a5300;border-radius:999px;padding:7px 12px;font-weight:900}


.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}


.badge-draft{background:#edf2f7;color:#475569}


.badge-submitted,.badge-issued{background:#dbeafe;color:#1d4ed8}


.badge-awaiting-payment,.badge-pending,.badge-overdue,.badge-need-more-information{background:#fef3c7;color:#92400e}


.badge-paid,.badge-completed,.badge-report-ready{background:#dcfce7;color:#166534}


.badge-in-progress,.badge-under-review,.badge-assigned{background:#e0f2fe;color:#075985}


.badge-cancelled,.badge-refunded,.badge-failed{background:#fee2e2;color:#991b1b}


.table-wrap{overflow:auto;border:1px solid #d5e2e5;border-radius:22px;background:#fff}


.data-table{width:100%;border-collapse:collapse;min-width:850px}


.data-table th,.data-table td{padding:15px 16px;border-bottom:1px solid #e7eff1;text-align:right;vertical-align:top}


.data-table th{background:#f4f8f9;color:#244447;font-size:14px}


.data-table tr:hover td{background:#fbfdfd}


.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}


.filters{display:flex;gap:10px;flex-wrap:wrap}


.filters input,.filters select{border:1px solid #cddde0;border-radius:12px;padding:10px 12px;background:#fff}


.timeline{position:relative;display:grid;gap:14px}


.timeline:before{content:"";position:absolute;right:15px;top:10px;bottom:10px;width:2px;background:#d8e5e8}


.timeline-item{position:relative;padding-right:46px}


.timeline-item:before{content:"";position:absolute;right:5px;top:5px;width:22px;height:22px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px #fff}


.timeline-card{background:#fff;border:1px solid #d8e5e8;border-radius:18px;padding:16px}


.alert{padding:14px 16px;border-radius:16px;margin:14px 0;font-weight:700}


.alert-success{background:#dcfce7;color:#166534}


.alert-error{background:#fee2e2;color:#991b1b}


.alert-info{background:#dbeafe;color:#1e40af}


.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}


.chart-card{min-height:330px}


.chart-card canvas{max-height:260px}


.kpi-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}


.kpi-mini div{background:#f4f9fa;border-radius:18px;padding:16px}


.upload-box{border:2px dashed #bdd2d6;background:#f8fcfc;border-radius:20px;padding:24px;text-align:center}


.rtl-en[lang="en"]{direction:ltr;text-align:left}


.invoice-box{background:#fff;border-radius:24px;border:1px solid #d5e2e5;padding:24px}


.print-only{display:none}


.status-flow{display:flex;flex-wrap:wrap;gap:8px}


.status-flow span{padding:8px 11px;border-radius:999px;background:#f1f5f6;font-size:13px;font-weight:800}


.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:16px;overflow:auto}


.kanban-col{background:#f4f8f9;border-radius:22px;padding:14px;min-height:240px}


.kanban-card{background:#fff;border:1px solid #d5e2e5;border-radius:18px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-soft)}


@media (max-width:980px){
.form-grid,.form-grid-3,.choice-grid,.metric-grid{grid-template-columns:1fr}
}


@media (max-width:980px){
.wizard-actions{flex-direction:column}
}


@media (max-width:980px){
.kanban{grid-template-columns:1fr}
.admin-layout{display:block}
.admin-sidebar{position:relative;width:auto;height:auto}
.admin-main{margin:0}
.admin-container{padding:24px}
}


@media print{
.site-header,.admin-sidebar,.wizard-actions,.btn,.toolbar,.nav-actions,.admin-bottom{display:none!important}
}


@media print{
.print-only{display:block}
.admin-main{margin:0}
}


@media print{
.invoice-box,.admin-panel,.card{box-shadow:none;border:1px solid #ddd}
}


.feature-mini{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;min-height:130px;display:grid;place-items:center;text-align:center;gap:12px;box-shadow:var(--shadow-soft);transition:.25s ease}


.feature-mini:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bcd2d6}


.value-card{min-height:255px}


.value-card .step-num{margin-bottom:16px}


.value-card h3{font-size:28px;margin:0 0 14px}


.value-card p{font-size:19px;line-height:1.8;color:#60777b;margin:0}


.case-card .card{box-shadow:none}


.case-upload input{margin:8px auto;max-width:100%}


.analytics-admin-page .admin-container>.admin-title{width:min(1040px,100%);margin-inline:auto 0;text-align:right}


.analytics-admin-page .admin-container>.admin-title h1{font-size:32px}


.analytics-admin-page .admin-container>.admin-title p{font-size:16px}


.input-icon-wrap{position:relative;display:flex;align-items:center}


.input-icon-wrap svg{position:absolute;right:14px;color:#6c8387;z-index:2}


.input-icon-wrap input{width:100%;padding-right:48px;padding-left:86px;min-height:54px}


.demo-hint{background:#f6fafb;border:1px dashed #c9d9dc;border-radius:14px;padding:12px 14px}


.back-home{align-self:flex-start;margin-top:2px}


.dashboard-body .admin-layout{grid-template-columns:280px 1fr;background:#f2f7f8}


.dashboard-body .admin-sidebar{background:linear-gradient(180deg,#ffffff 0%,#f7fbfc 100%);box-shadow:10px 0 34px rgba(0,0,0,.035);z-index:10}


.dashboard-body .admin-logo{height:96px}


.dashboard-body .admin-menu{padding:18px 16px;gap:8px}


.dashboard-body .admin-menu a{position:relative;min-height:50px;border-radius:16px}


.dashboard-body .admin-menu a::before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:4px;border-radius:8px;background:var(--gold);opacity:0;transition:.2s}


.dashboard-body .admin-menu a:hover,.dashboard-body .admin-menu a.active{background:linear-gradient(135deg,var(--teal),#007174);color:#fff;box-shadow:0 12px 24px rgba(0,90,92,.18)}


.dashboard-body .admin-menu a.active::before,.dashboard-body .admin-menu a:hover::before{opacity:1}


.dashboard-body .admin-main{padding:24px 28px 80px;background:#f2f7f8;position:relative}


.admin-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}


.topbar-search{position:relative;flex:1;max-width:540px}


.topbar-search svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#779094}


.topbar-search input{width:100%;height:50px;border:1px solid #cbdde0;border-radius:18px;background:#fff;padding:0 48px 0 16px;outline:none;box-shadow:var(--shadow-soft);font-weight:700}


.topbar-search input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(0,90,92,.1)}


.topbar-actions{display:flex;align-items:center;gap:10px}


.topbar-date,.topbar-icon,.topbar-user-mini{height:48px;display:inline-grid;place-items:center;border:1px solid #d4e2e5;background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);font-weight:900;color:#425d62}


.topbar-date{padding:0 16px;direction:ltr}


.topbar-icon,.topbar-user-mini{width:48px}


.topbar-user-mini b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff}


.title-card{position:relative;background:linear-gradient(135deg,#fff 0%,#f7fbfc 100%);border:1px solid #c9d9dc;border-radius:28px;padding:28px 30px;box-shadow:var(--shadow-soft);overflow:hidden}


.title-card::after{content:"";position:absolute;left:-50px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(223,155,34,.10)}


.admin-title-pill{display:inline-flex;border-radius:999px;background:#fff6e6;color:#9a5e00;border:1px solid #f1d08e;padding:6px 13px;font-weight:900;margin-bottom:12px}


.dashboard-body .admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}


.dashboard-body .admin-stat-card{position:relative;overflow:hidden;display:block;min-height:158px;padding:24px;border-radius:24px;transition:.25s ease}


.dashboard-body .admin-stat-card::after{content:"";position:absolute;left:-52px;bottom:-62px;width:150px;height:150px;border-radius:50%;background:rgba(0,90,92,.05);transition:.25s}


.dashboard-body .admin-stat-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.09);border-color:#b7cfd3}


.dashboard-body .admin-stat-card:hover::after{transform:scale(1.12)}


.dashboard-body .stat-delta{float:left;margin-top:2px}


.dashboard-body .admin-stat-icon{margin-bottom:18px}


.dashboard-body .admin-stat-value{text-align:right;font-size:34px;margin-top:0}


.dashboard-body .admin-stat-label{text-align:right;font-weight:800}


.dashboard-body .admin-panel{border-radius:26px;transition:.25s ease}


.dashboard-body .admin-panel:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.075);border-color:#b7cfd3}


.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}


.panel-head h2{margin:0}


.panel-tag{display:inline-flex;border-radius:999px;background:#e9f6f7;color:var(--teal);border:1px solid #c5e3e6;padding:6px 11px;font-size:12px;font-weight:900;direction:ltr}


.chart-card canvas{width:100%!important}


.data-table th{position:sticky;top:0;z-index:1}


.data-table td{transition:.16s}


.data-table tr{transition:.16s}


.data-table tr.hidden-by-search{display:none}


.more-link{font-weight:900;color:var(--teal)}


@media (max-width:1180px){
.dashboard-body .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media (max-width:1180px){
.dashboard-body .admin-grid-2{grid-template-columns:1fr}
}


@media (max-width:760px){
.admin-topbar{height:auto;flex-direction:column;align-items:stretch}
.topbar-search{max-width:none}
.dashboard-body .admin-stats{grid-template-columns:1fr}
.dashboard-body .admin-main{padding:18px 12px 64px}
.title-card{padding:22px}
.topbar-actions{justify-content:space-between}
}


.dashboard-body .admin-stat-icon.orange{background:#fff1df;color:#f28c00}


.dashboard-body .quick-action{padding:18px;gap:10px;grid-auto-rows:min-content}


.dashboard-body .quick-action svg{color:var(--teal);width:28px;height:28px}


.dashboard-body .quick-action span{display:block}


.kpi-mini strong{display:block;font-size:28px;font-weight:900;color:var(--teal)}


.kpi-mini span{display:block;color:#60777b;font-weight:800;margin-top:4px}


html[dir="ltr"] .data-table th,html[dir="ltr"] .data-table td{text-align:left}


html[dir="ltr"] .navbar,html[dir="ltr"] .footer-grid,html[dir="ltr"] .admin-layout,html[dir="ltr"] .admin-topbar,html[dir="ltr"] .auth-form-row{direction:ltr}


html[dir="ltr"] .input-icon-wrap svg{left:14px;right:auto}


html[dir="ltr"] .input-icon-wrap input{padding-left:48px;padding-right:86px}


html[dir="ltr"] .timeline:before{left:15px;right:auto}


html[dir="ltr"] .timeline-item{padding-left:46px;padding-right:0}


html[dir="ltr"] .timeline-item:before{left:5px;right:auto}


html[dir="ltr"] .admin-sidebar{border-left:0;border-right:1px solid rgba(255,255,255,.08)}


html[dir="ltr"] .topbar-search svg{left:14px;right:auto}


html[dir="ltr"] .topbar-search input{padding-left:42px;padding-right:14px}


.lang,.topbar-lang{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-weight:900}


.topbar-lang{padding:8px 12px;background:#f5fbfb;border:1px solid #d6e5e7;color:var(--teal)}


html[dir="ltr"] .admin-menu a svg{margin-right:0}


img,video,iframe,canvas,svg{max-width:100%}


.dashboard-mobile-header,.dashboard-sidebar-backdrop{display:none}


.mobile-toggle,.dashboard-mobile-toggle{
  -webkit-tap-highlight-color:transparent;
}


.mobile-toggle.is-open,.dashboard-mobile-toggle.is-open{
  background:var(--teal);
  color:#fff;
  border-color:var(--teal);
}


.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}


.table-wrap::-webkit-scrollbar{height:8px}


.table-wrap::-webkit-scrollbar-thumb{background:#b7cdd1;border-radius:999px}


.data-table{max-width:none}


.admin-panel,.card,.service-card,.case-card,.quiz-card,.analytics-panel,.analytics-card,.settings-card,.title-card{
  max-width:100%;
}


.form-control,input,select,textarea,button{max-width:100%}


@media (max-width:980px){
.dashboard-mobile-header{
    position:fixed;
    inset:0 0 auto 0;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 14px;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #d5e4e7;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
    backdrop-filter:blur(16px);
    z-index:88;
  }
.dashboard-mobile-toggle{
    display:inline-grid;
    place-items:center;
    width:46px;
    height:46px;
    border-radius:14px;
    border:1px solid var(--line);
    background:#fff;
    color:var(--teal);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    cursor:pointer;
  }
.dashboard-mobile-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-weight:900;
    direction:ltr;
    min-width:0;
  }
.dashboard-mobile-brand span{font-size:20px}
.dashboard-mobile-lang{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-width:46px;
    min-height:40px;
    padding:0 10px;
    border-radius:14px;
    border:1px solid #d6e5e7;
    background:#f5fbfb;
    color:var(--teal);
  }
.dashboard-sidebar-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,15,17,.52);
    backdrop-filter:blur(3px);
    z-index:89;
  }
body.sidebar-open .dashboard-sidebar-backdrop{display:block}
.dashboard-body .admin-layout,
  .admin-layout{
    display:block!important;
    min-height:100vh;
  }
.dashboard-body .admin-sidebar,
  .admin-sidebar{
    position:fixed!important;
    inset-block:0;
    inset-inline-start:0;
    width:min(320px,86vw)!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh;
    z-index:90;
    overflow-y:auto;
    transform:translateX(108%);
    transition:transform .28s ease;
    box-shadow:-18px 0 45px rgba(0,0,0,.18);
    border-left:1px solid #d2dfe2;
  }
html[dir="ltr"] .dashboard-body .admin-sidebar,
  html[dir="ltr"] .admin-sidebar{
    transform:translateX(-108%);
    box-shadow:18px 0 45px rgba(0,0,0,.18);
    border-left:0;
    border-right:1px solid #d2dfe2;
  }
body.sidebar-open .dashboard-body .admin-sidebar,
  body.sidebar-open .admin-sidebar{
    transform:translateX(0)!important;
  }
.dashboard-body .admin-logo div,
  .dashboard-body .admin-menu span,
  .dashboard-body .admin-bottom .admin-link-text,
  .dashboard-body .admin-user .user-text,
  .admin-sidebar .admin-logo div,
  .admin-sidebar .admin-menu span,
  .admin-sidebar .admin-bottom .admin-link-text,
  .admin-sidebar .admin-user .user-text{
    display:block!important;
  }
.dashboard-body .admin-menu,
  .admin-sidebar .admin-menu{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
.dashboard-body .admin-menu a,
  .admin-sidebar .admin-menu a{
    justify-content:flex-start!important;
    padding:0 16px!important;
  }
.dashboard-body .admin-bottom,
  .admin-sidebar .admin-bottom{
    display:grid!important;
  }
.dashboard-body .admin-main,
  .admin-main{
    margin:0!important;
    padding:92px 14px 64px!important;
    overflow:hidden;
  }
.dashboard-body .admin-container,
  .admin-container,
  .analytics-admin-page .analytics-container{
    width:min(100% - 0px,1320px)!important;
    padding:0!important;
    margin-inline:auto!important;
  }
.admin-topbar{
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr;
    gap:12px;
    margin:0 0 18px!important;
  }
.topbar-search{max-width:none!important;width:100%}
.topbar-actions{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:8px;
  }
.topbar-date{flex:1 1 auto}
.topbar-lang{display:inline-flex!important}
.title-card,.admin-title{
    padding:22px 18px!important;
    margin-bottom:22px!important;
    border-radius:22px!important;
  }
.admin-title h1{font-size:clamp(26px,7vw,34px)!important}
.admin-title p{font-size:15px!important;line-height:1.7}
.dashboard-body .admin-stats,
  .admin-stats,
  .analytics-stats-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
.admin-panel,.analytics-panel,.analytics-card,.settings-card,.card{
    padding:22px 18px;
    border-radius:22px;
  }
.data-table{min-width:720px}
.chart-card canvas,
  canvas[data-chart]{min-height:240px}
}


@media (max-width:980px){
.admin-grid-2,
  .analytics-panels-grid,
  .analytics-grid,
  .settings-layout,
  .contact-grid,
  .why-wrap,
  .service-detail,
  .ceo-card,
  .login-grid{
    grid-template-columns:1fr!important;
  }
}


@media (max-width:980px){
.quick-grid,
  .metric-grid,
  .features-grid,
  .service-grid,
  .steps-grid,
  .values-grid,
  .badge-grid,
  .choice-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


@media (max-width:760px){
.stats-grid,
  .dashboard-body .admin-stats,
  .admin-stats,
  .analytics-stats-row,
  .quick-grid,
  .metric-grid,
  .features-grid,
  .service-grid,
  .steps-grid,
  .values-grid,
  .badge-grid,
  .choice-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
.case-actions .btn,.wizard-actions .btn,.toolbar .btn{
    width:100%;
  }
}


@media (max-width:760px){
.hero{
    min-height:auto;
    padding:112px 0 92px;
  }
.hero.hero-sm{min-height:auto;padding:108px 0 64px}
.hero-title,
  .hero-title.sm{
    font-size:clamp(40px,12vw,56px)!important;
    line-height:1.12;
    letter-spacing:-.02em;
    margin-top:22px;
  }
.hero-subtitle{
    font-size:16px;
    line-height:1.8;
    max-width:100%;
  }
.trust-pills{margin-top:34px;gap:8px}
.trust-pill{
    font-size:13px;
    padding:8px 12px;
    max-width:100%;
  }
.stat-num{font-size:42px}
.stat-label{font-size:16px}
.case-card,.quiz-card{
    padding:24px 16px!important;
    border-radius:22px!important;
  }
.filters{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
.filters input,.filters select{width:100%}
.form-field label,.form-row label{font-size:14px}
.input-icon-wrap input{min-height:50px}
.admin-stat-card{
    min-height:auto!important;
    padding:20px!important;
  }
.dashboard-body .admin-stat-value,
  .admin-stat-value{
    font-size:29px!important;
  }
.analytics-panel,.analytics-card{
    min-height:auto;
    padding:20px 16px!important;
  }
.donut-analytics,.donut-chart-layout{
    grid-template-columns:1fr!important;
    gap:18px;
  }
.line-chart-svg,.bar-chart-svg{height:190px}
.data-table{
    min-width:640px;
    font-size:14px;
  }
.data-table th,.data-table td{
    padding:12px 10px;
  }
.kanban{grid-template-columns:1fr!important}
}


@media (max-width:760px){
.case-actions,.wizard-actions,.toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
}


@media (max-width:760px){
.invoice-box{padding:18px;border-radius:20px}
}


@media (max-width:480px){
.mobile-toggle,.dashboard-mobile-toggle{
    width:42px;height:42px;flex-basis:42px;
  }
}


@media (max-width:480px){
.topbar-actions{
    display:grid;
    grid-template-columns:1fr 44px 44px;
  }
.topbar-lang{grid-column:1/-1;width:100%;justify-content:center}
.topbar-date{width:100%}
.admin-main{padding-inline:10px!important}
.title-card{padding:18px 14px!important}
.hero-title,.hero-title.sm{font-size:40px!important}
.hero-badge{font-size:12px;padding:7px 11px}
.trust-pill{width:100%;justify-content:center}
.data-table{min-width:580px}
}


/* ===== VATAX sidebar full-height fix across all dashboard pages =====
   Keeps the desktop sidebar pinned from top to bottom and preserves
   the mobile side-drawer behavior. This patch is intentionally placed
   at the end of the stylesheet to override earlier responsive rules. */
.dashboard-body{
  min-height:100vh;
  min-height:100dvh;
  background:#f2f7f8;
}


.dashboard-body .admin-sidebar{
  min-height:100vh;
  min-height:100dvh;
}


.dashboard-body .admin-menu{
  min-height:0;
}


@media (min-width:981px){
.dashboard-body .dashboard-mobile-header,
  .dashboard-body .dashboard-sidebar-backdrop{
    display:none!important;
  }
.dashboard-body .admin-layout{
    display:block!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    background:#f2f7f8!important;
  }
.dashboard-body .admin-sidebar{
    position:fixed!important;
    inset-block:0!important;
    inset-inline-start:0!important;
    width:280px!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    z-index:80!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    transform:none!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbfc 100%)!important;
    border-inline-start:0!important;
    border-inline-end:1px solid #d2dfe2!important;
    box-shadow:10px 0 34px rgba(0,0,0,.035)!important;
    scrollbar-width:thin;
  }
html[dir="rtl"] .dashboard-body .admin-sidebar{
    box-shadow:-10px 0 34px rgba(0,0,0,.035)!important;
  }
html[dir="ltr"] .dashboard-body .admin-sidebar{
    border-left:0!important;
    border-right:1px solid #d2dfe2!important;
  }
.dashboard-body .admin-logo{
    flex:0 0 auto;
  }
.dashboard-body .admin-menu{
    flex:1 1 auto;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:18px!important;
  }
.dashboard-body .admin-bottom{
    flex:0 0 auto;
    margin-top:auto!important;
    background:linear-gradient(180deg,rgba(247,251,252,.90),#ffffff 72%);
  }
.dashboard-body .admin-main{
    min-height:100vh!important;
    min-height:100dvh!important;
    margin-inline-start:280px!important;
    margin-inline-end:0!important;
    padding:24px 28px 80px!important;
    background:#f2f7f8!important;
    overflow:visible!important;
  }
.dashboard-body .admin-container{
    width:min(1320px,calc(100% - 24px))!important;
    margin-inline:auto!important;
  }
}


@media (max-width:980px){
.dashboard-body .admin-main,
  .admin-main{
    margin-inline-start:0!important;
    margin-inline-end:0!important;
  }
.dashboard-body .admin-sidebar,
  .admin-sidebar{
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
.dashboard-body .admin-menu,
  .admin-sidebar .admin-menu{
    flex:1 1 auto;
    min-height:0;
  }
.dashboard-body .admin-bottom,
  .admin-sidebar .admin-bottom{
    margin-top:auto!important;
  }
}


.wizard-step:not(:first-child) .compass-actions .btn:first-child{visibility:visible}


.services-modern-section{background:linear-gradient(180deg,#eef5f6,#fff);padding-top:72px}


.services-head{max-width:850px;margin-inline:auto;text-align:center}


.result-recommendation{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px}


.result-score-card{background:#fff;color:#082426;border-radius:26px;padding:24px;text-align:center;position:relative;z-index:1}


.result-score-card span{display:block;color:#60777b;font-weight:800}


.result-score-card strong{display:block;font-size:50px;color:var(--teal);font-weight:900;line-height:1.1}


.result-score-card b{display:inline-flex;border-radius:999px;padding:7px 13px;background:#e6f4f5;color:var(--teal);margin-top:8px}


.result-score-card.risk-high b{background:#fee2e2;color:#991b1b}


.result-score-card.risk-medium b{background:#fef3c7;color:#92400e}


.result-score-card.risk-low b{background:#dcfce7;color:#166534}


.services-cta{margin-top:0}


.compass-single-panel .wizard-step{display:none;animation:fadeIn .35s ease both}


.compass-single-panel .wizard-step.active{display:block}


.input-icon-wrap.no-icon input{padding-inline-start:16px}


.register-auth-shell .register-card{max-width:720px}


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


.stacked-footer{gap:14px;flex-wrap:wrap}


@media (max-width:980px){
.register-form-grid{grid-template-columns:1fr!important}
}


.modal-icon-lock{
  width:78px;
  height:78px;
  border-radius:27px;
  background:linear-gradient(135deg,#003638,#005a5c);
  color:#fff;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  box-shadow:0 18px 38px rgba(0,90,92,.22);
  position:relative;
}


.modal-icon-lock svg{width:32px;height:32px}


.modal-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  position:relative;
}


.modal-retake{display:inline-flex;margin-top:16px;position:relative}


.create-account-body{
  min-height:100vh;
  background:radial-gradient(circle at 18% 12%,rgba(223,155,34,.14),transparent 28%),linear-gradient(135deg,#eef5f6 0%,#f8fbfc 52%,#eaf3f4 100%);
}


.create-account-page{
  min-height:100vh;
  padding:48px 20px;
  display:grid;
  place-items:center;
}


.create-account-layout{
  width:min(1160px,100%);
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:24px;
  align-items:stretch;
}


.create-account-info{
  border-radius:34px;
  background:radial-gradient(circle at 16% 18%,rgba(223,155,34,.18),transparent 30%),linear-gradient(145deg,#003638,#001f20);
  color:#fff;
  padding:34px;
  box-shadow:0 30px 76px rgba(3,35,37,.16);
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
}


.create-account-info:after{
  content:"";
  position:absolute;
  inset:auto -90px -120px auto;
  width:310px;
  height:310px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}


.create-account-info h1{
  font-size:clamp(34px,5vw,58px);
  line-height:1.12;
  margin:18px 0 14px;
  font-weight:1000;
  position:relative;
  z-index:1;
}


.create-account-info p{
  color:#d8eded;
  line-height:1.9;
  font-size:18px;
  margin:0 0 28px;
  position:relative;
  z-index:1;
}


.account-flow-list{
  display:grid;
  gap:12px;
  position:relative;
  z-index:1;
}


.account-flow-list div{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:12px;
  align-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:14px;
}


.account-flow-list span{
  grid-row:span 2;
  width:50px;
  height:50px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:var(--gold);
  color:#111;
  font-weight:1000;
}


.account-flow-list strong{color:#fff;font-weight:1000}


.account-flow-list small{color:#d8eded;line-height:1.55}


.create-account-card{
  max-width:none!important;
  width:100%;
  border-radius:34px;
  align-self:stretch;
}


.create-account-card h2{font-size:clamp(28px,4vw,40px)}


.create-account-card .alert-actions{margin-top:10px}


.create-account-card .register-form-grid{gap:14px}


@media (max-width:980px){
.create-account-layout{grid-template-columns:1fr}
.create-account-info{padding:28px;border-radius:28px}
}


@media (max-width:640px){
.create-account-page{padding:22px 12px;place-items:start center}
.create-account-info,.create-account-card{border-radius:24px;padding:22px 16px}
.account-flow-list div{grid-template-columns:44px 1fr}
.account-flow-list span{width:44px;height:44px}
}


/* ===== Compass canonical bank + larger account form patch ===== */
.create-account-page{
  padding:clamp(34px,5vw,72px) 18px;
}


.create-account-layout{
  width:min(1360px,100%);
  grid-template-columns:minmax(360px,.9fr) minmax(620px,1.28fr);
  gap:clamp(26px,3vw,40px);
}


.create-account-card{
  padding:clamp(34px,4vw,54px)!important;
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}


.create-account-card .register-form-grid{
  grid-template-columns:repeat(2,minmax(250px,1fr));
  gap:18px 20px;
}


.create-account-card input,
.create-account-card select,
.create-account-card textarea{
  min-height:58px;
  font-size:15px;
}


@media (max-width:1180px){
.create-account-layout{grid-template-columns:1fr;width:min(900px,100%)}
.create-account-card{min-height:auto}
}


@media (max-width:720px){
.create-account-card .register-form-grid{grid-template-columns:1fr}
.create-account-card{padding:24px 16px!important}
}


/* ===== Final account form-only layout patch ===== */
.create-account-form-only{
  min-height:100vh;
  padding:clamp(28px,4vw,64px) 18px;
  background:
    radial-gradient(circle at 12% 8%,rgba(223,155,34,.16),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(0,90,92,.12),transparent 28%),
    linear-gradient(135deg,#eef6f7 0%,#f8fbfc 48%,#eaf3f4 100%);
}


.create-account-layout-single{
  width:min(1040px,100%);
  display:block!important;
}


.create-account-card-wide{
  width:100%;
  max-width:1040px!important;
  min-height:auto!important;
  margin:auto;
  padding:clamp(34px,4.5vw,64px)!important;
  border-radius:36px!important;
  box-shadow:0 30px 90px rgba(0,38,40,.15)!important;
  border:1px solid rgba(170,201,207,.75);
  position:relative;
  overflow:hidden;
}


.create-account-card-wide:before{
  content:"";
  position:absolute;
  inset:-140px auto auto -140px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:rgba(223,155,34,.08);
  pointer-events:none;
}


html[dir="rtl"] .create-account-card-wide:before{left:auto;right:-140px}


.create-account-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:16px;
  position:relative;
}


.create-account-card-wide h2{
  font-size:clamp(34px,4.3vw,52px)!important;
  line-height:1.12;
  margin:8px 0 12px;
  max-width:780px;
}


.register-form-polished{
  grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  gap:20px 22px!important;
  margin-top:8px;
}


.register-form-polished .form-section-title{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:8px;
  padding:14px 16px;
  border-radius:18px;
  background:#f3f8f9;
  border:1px solid #d6e5e8;
  color:#073436;
}


.register-form-polished .form-section-title span{
  width:36px;
  height:36px;
  border-radius:13px;
  display:grid;
  place-items:center;
  background:var(--gold);
  color:#111;
  font-weight:1000;
}


.register-form-polished .form-section-title strong{font-size:17px;font-weight:1000}


.register-form-polished .form-field label{font-size:15px}


.register-form-polished .input-icon-wrap{
  min-height:64px!important;
  border-radius:19px!important;
  background:#fbfefe;
}


.register-form-polished input,
.register-form-polished select,
.register-form-polished textarea{
  min-height:62px!important;
  font-size:16px!important;
}


@media (max-width:860px){
.create-account-form-only{padding:18px 10px;place-items:start center}
.create-account-card-wide{border-radius:28px!important;padding:26px 16px!important}
.create-account-card-top{flex-direction:column;align-items:flex-start}
.register-form-polished{grid-template-columns:1fr!important;gap:16px!important}
.create-account-card-wide h2{font-size:clamp(30px,9vw,42px)!important}
}


/* ===== Account creation width + registration reliability visual patch ===== */
.create-account-form-only{
  padding:clamp(34px,5vw,74px) clamp(16px,3vw,38px)!important;
  overflow-x:hidden;
}


.create-account-layout-single{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
}


.create-account-card-wide .create-account-card-top{
  margin-bottom:24px!important;
}


.create-account-card-wide h2{
  max-width:920px!important;
  margin-inline:auto!important;
  text-align:center!important;
}


.create-account-card-wide .register-form-polished{
  grid-template-columns:repeat(2,minmax(320px,1fr))!important;
  max-width:980px;
  width:100%;
  margin:26px auto 0!important;
}


.create-account-card-wide .register-form-polished .form-section-title{
  min-height:64px;
}


.create-account-card-wide .register-form-polished input,
.create-account-card-wide .register-form-polished select,
.create-account-card-wide .register-form-polished textarea{
  min-height:66px!important;
}


@media (max-width:900px){
.create-account-card-wide .register-form-polished{
    grid-template-columns:1fr!important;
    max-width:100%;
  }
.create-account-card-wide h2{text-align:start!important;margin-inline:0!important}
}


@media (max-width:520px){
.create-account-form-only{padding:14px 8px!important}
.create-account-card-wide h2{font-size:clamp(28px,9vw,40px)!important}
}


/* Uploaded content application: rich bilingual sections from Word/Excel */
.content-rich-section{background:#f4f8f9}


.content-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}


.content-rich-card{background:#fff;border:1px solid rgba(0,90,92,.15);border-radius:26px;padding:34px;box-shadow:0 18px 38px rgba(0,0,0,.05)}


.content-rich-card p{color:#60777b;line-height:1.9;font-size:17px}


.content-feature-card{grid-column:span 2;background:linear-gradient(135deg,#002d2e,#005a5c);color:#fff}


.content-feature-card h2,.content-feature-card p{color:#fff}


.content-index{display:inline-grid;place-items:center;min-width:42px;height:42px;border-radius:14px;background:var(--gold);color:#061112;font-weight:900;margin-bottom:12px}


.content-check-list{margin-top:20px}


.content-check-list li{margin-bottom:12px}


.services-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}


.ordered-flow{counter-reset:item;list-style:none;margin:0;padding:0;display:grid;gap:12px}


.ordered-flow li{position:relative;background:#f1f7f8;border:1px solid rgba(0,90,92,.12);border-radius:16px;padding:14px 18px;color:#24484b;font-weight:800}


.price-panel{margin-top:24px;background:#002d2e;color:#fff;border-radius:22px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px}


.price-panel strong{font-size:26px;color:var(--gold)}


.feedback-form-card{border-radius:30px;padding:42px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:auto}


.checkbox-card{display:flex;gap:12px;align-items:center;background:#f3f8f9;border:1px solid rgba(0,90,92,.14);border-radius:18px;padding:18px;cursor:pointer}


.centered-note{text-align:center;max-width:900px;margin:18px auto 0}


@media (max-width:760px){
.content-feature-card{grid-column:auto}
.hero-title{font-size:clamp(40px,12vw,72px)}
.price-panel{align-items:flex-start;flex-direction:column}
}


.resource-row{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}


.resource-row a{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#e8f4f4;color:#005a5c;border:1px solid rgba(0,90,92,.14);font-weight:900;padding:10px 16px}


@keyframes vtxGridDrift{from{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,72px 72px,72px 72px}}


.play-orb{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;border:0;background:var(--gold);color:#14100a;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(223,151,34,.14),0 22px 42px rgba(0,0,0,.22);cursor:pointer;animation:vtxPulse 2.4s ease-in-out infinite}


@keyframes vtxPulse{50%{box-shadow:0 0 0 28px rgba(223,151,34,.05),0 22px 42px rgba(0,0,0,.22)}}


@keyframes orbitSpin{to{transform:rotate(360deg)}}


.icon-box.gold{background:#fff7e7;color:#b06f04}


.partner-placeholder{height:84px;border:1px dashed #c7d9dd;border-radius:20px;display:grid;place-items:center;color:#91a4a8;font-weight:1000;letter-spacing:.08em;background:#f8fbfc}


.catalog-group{margin-bottom:36px}


.catalog-group>h2{font-size:clamp(26px,4vw,38px);font-weight:1000;margin:0 0 18px}


.wizard-subtitle{font-size:22px;margin:28px 0 16px;font-weight:1000}


.consultation-extra[hidden],.vat-registration-extra[hidden]{display:none!important}


.button-link{border:0;background:transparent;padding:0;cursor:pointer}


.payment-summary-card .mini-status-list{padding:0;margin:16px 0 0;list-style:none;display:grid;gap:10px}


.payment-summary-card .mini-status-list li{display:flex;gap:9px;align-items:flex-start;color:#516a6f;line-height:1.5}


.payment-summary-card .mini-status-list svg{color:var(--teal);flex:0 0 auto}


.modal-open{overflow:hidden}


html[dir="ltr"] .data-table th,html[dir="ltr"] .data-table td{text-align:left}


html[dir="ltr"] .case-card h2{text-align:left}


.hero-proof-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}


.hero-proof-list span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.07);font-weight:900;color:#eaf9fa}


.classic-video-card{position:relative;min-height:360px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border-radius:36px;padding:34px;box-shadow:0 32px 90px rgba(0,0,0,.32);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}


.classic-video-card:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.14);border-radius:28px}


.classic-video-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(223,151,34,.42),transparent 62%);top:-70px;left:-70px;filter:blur(8px)}


.classic-video-card span,.classic-video-card strong,.classic-video-card a{position:relative;z-index:2}


.classic-video-card span{font-weight:1000;color:#f7d98e}


.classic-video-card strong{display:block;font-size:clamp(26px,3vw,38px);line-height:1.25;margin:12px 0 22px}


.case-card.vtx-wizard-card{max-width:1180px}


.case-card .service-choice strong{font-size:19px}


.case-card .service-choice span:not(.service-choice-status){line-height:1.55}


.dir-ltr .data-table th,.dir-ltr .data-table td{text-align:left}


@media (max-width:1180px){
.classic-video-card{max-width:620px}
}


@media (max-width:720px){
.classic-video-card{min-height:320px;padding:26px}
.hero-proof-list{display:grid}
}


.compact-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);align-items:center}


.certificate-icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1120px;margin-inline:auto}


.certificate-icon-card{background:linear-gradient(180deg,#fff,#f7fbfc);border:1px solid #d7e6e9;border-radius:30px;padding:30px;box-shadow:0 20px 50px rgba(0,47,50,.075);transition:.25s;min-height:240px}


.certificate-icon-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(0,47,50,.13)}


.certificate-icon-card h3{font-size:24px;margin:18px 0 10px;font-weight:1000;color:#071617}


.certificate-icon-card p{color:#60777b;line-height:1.75;margin:0;font-weight:750}


.partner-placeholder{width:100%;min-height:86px;border:1px dashed #bdd4d8;border-radius:20px;display:grid;place-items:center;background:#f8fbfc;color:#8aa0a5;font-weight:1000;letter-spacing:.14em}


@media (max-width:1280px){
.compact-hero-grid{grid-template-columns:1fr}
}


@media (max-width:900px){
.certificate-icon-grid{grid-template-columns:1fr}
}


@media (max-width:560px){
.hero-proof-list span{justify-content:flex-start}
}


.auto-selected-heading{display:flex;align-items:center;gap:10px;margin:22px 0 16px;color:#003f42;font-weight:1000}


.auto-selected-heading span{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#e7f4f5;color:var(--teal)}


.service-submit-card .wizard-step>h2{font-size:clamp(28px,3vw,42px);margin-bottom:12px}


.service-submit-card .wizard-step>.muted{max-width:760px;margin-bottom:28px}


.submit-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}


.submit-template-card{height:100%;display:grid;gap:8px;align-content:center}


.service-submit-card .case-upload{background:linear-gradient(180deg,#f8fcfd,#fff)}


@media (max-width:980px){
.submit-service-grid{grid-template-columns:1fr}
}


.submit-service-grid{gap:22px;margin-top:22px}


.auto-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}


.auto-selected-heading{display:flex;align-items:center;gap:12px;margin:26px 0 6px;padding:16px 18px;border-radius:20px;background:#f1fbfb;border:1px solid #d3e8ea;color:var(--teal);font-weight:1000}


.auto-selected-heading span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dff3f3;color:var(--teal);flex:0 0 auto}


.auto-selected-summary{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr) auto;
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid #c7dde1;
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f3fbfb 100%);
  box-shadow:0 18px 48px rgba(0,47,50,.065);
  margin:0 0 22px;
}


.auto-selected-summary h3{margin:10px 0 8px;font-size:clamp(22px,2.4vw,34px);line-height:1.25;color:#061112;font-weight:1000}


.auto-selected-summary p{margin:0;color:#5e7479;line-height:1.85;font-weight:700}


.auto-selected-summary-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}


.auto-selected-summary-meta div{background:#fff;border:1px solid #d7e6e9;border-radius:18px;padding:13px 14px;min-height:78px;display:grid;align-content:center;gap:5px}


.auto-selected-summary-meta small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#71898e;font-weight:1000}


.auto-selected-summary-meta strong{font-size:15px;color:#003f42;font-weight:1000}


@media (max-width:1180px){
.auto-selected-summary{grid-template-columns:1fr}
.auto-selected-summary-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
}


@media (max-width:720px){
.auto-selected-summary{padding:18px;border-radius:22px}
.auto-selected-summary-meta{grid-template-columns:1fr}
}


.submit-service-grid{gap:22px}


.auto-selected-summary{margin:18px 0 24px;border-radius:28px;background:linear-gradient(135deg,#fff,#f1fbfb);border:1px solid #cfe7ea;box-shadow:0 20px 54px rgba(0,61,64,.08)}


@media (max-width:900px){
.auto-selected-summary{grid-template-columns:1fr}
}


.auto-selected-summary{align-items:stretch}


.hidden-auto-service-grid{display:none!important}


@media print{
body{background:#fff!important}
}


@media print{
.site-header,.main-nav,.hero,.checker-actions-row,.alert,.sidebar,.dashboard-sidebar,.footer{display:none!important}
}


.method-flow-section{background:linear-gradient(180deg,#fff,#eef5f6)}


.method-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}


.method-flow-grid:before{content:"";position:absolute;left:8%;right:8%;top:52px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,90,92,.25),rgba(223,155,34,.34),transparent)}


.method-flow-card{position:relative;z-index:1;background:#fff;border:1px solid #d7e6e9;border-radius:30px;padding:28px;box-shadow:0 18px 42px rgba(0,47,50,.07);min-height:260px;transition:.25s ease}


.method-flow-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(0,47,50,.12)}


.method-index{position:absolute;top:18px;inset-inline-end:20px;color:#d5e3e5;font-size:38px;font-weight:1000;line-height:1}


.method-icon{width:66px;height:66px;border-radius:22px;background:#e8f4f5;color:var(--teal);display:grid;place-items:center;margin-bottom:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}


.method-flow-card h3{font-size:24px;margin:0 0 12px;font-weight:1000;color:#071617}


.method-flow-card p{margin:0;color:#60777b;line-height:1.75;font-weight:650}


.client-stories-section{background:linear-gradient(180deg,var(--bg),#fff)}


.client-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}


.client-story-card{background:#fff;border:1px dashed rgba(0,90,92,.24);border-radius:30px;padding:30px;box-shadow:0 18px 42px rgba(0,47,50,.06);transition:.25s ease;min-height:250px}


.client-story-card:hover{transform:translateY(-7px);border-style:solid;box-shadow:0 28px 60px rgba(0,47,50,.11)}


.client-story-card>span{display:grid;place-items:center;width:62px;height:62px;border-radius:22px;background:#e8f4f5;color:var(--teal);margin-bottom:18px}


.client-story-card h3{font-size:25px;line-height:1.25;margin:0 0 12px;font-weight:1000;color:#071617}


.client-story-card p{color:#60777b;line-height:1.75;margin:0;font-weight:650}


.rating-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}


.rating-choice{position:relative;cursor:pointer;display:grid;gap:8px;text-align:center;background:#f7fbfc;border:1px solid rgba(0,90,92,.14);border-radius:20px;padding:18px 12px;transition:.22s ease;min-height:120px;place-content:center}


.rating-choice input{position:absolute;opacity:0;pointer-events:none}


.rating-choice:hover,.rating-choice:has(input:checked){background:#fff8e9;border-color:rgba(223,155,34,.65);box-shadow:0 16px 34px rgba(223,155,34,.16);transform:translateY(-3px)}


.rating-stars{letter-spacing:1px;color:var(--gold);font-size:22px;direction:ltr;font-weight:1000}


.rating-choice strong{font-size:15px;color:#173337;line-height:1.25}


.nps-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.32fr) 72px;gap:18px;align-items:center;border-radius:26px;background:linear-gradient(135deg,#f8fcfd,#eef8f8);border:1px solid rgba(0,90,92,.14);padding:22px}


.nps-card div{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}


.nps-card div span{grid-row:span 2;width:54px;height:54px;border-radius:18px;background:#fff;color:var(--teal);display:grid;place-items:center;box-shadow:var(--shadow-soft)}


.nps-card h3{margin:0;font-size:19px;font-weight:1000;color:#071617;line-height:1.35}


.nps-card p{margin:5px 0 0;color:#60777b;line-height:1.5;grid-column:2}


.nps-card input[type="range"]{width:100%;accent-color:var(--gold)}


.nps-card>strong{height:56px;border-radius:18px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:1000}


@media (max-width:1180px){
.method-flow-grid:before{display:none}
.rating-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


@media (max-width:900px){
.method-flow-grid{grid-template-columns:1fr 1fr}
.nps-card{grid-template-columns:1fr;gap:14px}
.nps-card div{grid-template-columns:46px 1fr}
.nps-card div span{width:46px;height:46px}
}


@media (max-width:620px){
.method-flow-grid,.rating-choice-grid{grid-template-columns:1fr}
}


.card,.public-service-card,.service-pillar-card,.tool-card,.contact-mini-card,.contact-form-card-modern,.contact-side-panel,.rate-side-card,.rate-form-card,.service-detail-main,.service-detail-side,.authority-card,.about-info-card,.method-flow-card,.team-card,.client-story-card,.certificate-icon-card,.partner-tier,.vtx-service-card,.vtx-annual-card,.privacy-card,.invoice-box,.vtx-success-card{
  will-change:transform,box-shadow;
  backface-visibility:hidden;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease,background .34s ease;
}


.card:hover,.public-service-card:hover,.tool-card:hover,.contact-mini-card:hover,.rate-form-card:hover,.service-detail-main:hover,.service-detail-side:hover,.about-info-card:hover,.method-flow-card:hover,.team-card:hover,.client-story-card:hover,.certificate-icon-card:hover,.partner-tier:hover,.vtx-service-card:hover,.privacy-card:hover,.invoice-box:hover,.vtx-success-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 78px rgba(0,47,50,.13);
  border-color:rgba(0,90,92,.26);
}


:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *{
  animation:vtxCardRise .72s ease both;
}


:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *:nth-child(2){animation-delay:.08s}


:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *:nth-child(3){animation-delay:.16s}


:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *:nth-child(4){animation-delay:.24s}


:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *:nth-child(n/**/+5){animation-delay:.30s}


@keyframes vtxGridDrift{to{background-position:96px 96px}}


@keyframes vtxBadgeSweep{0%,55%{left:-50%;opacity:0}65%{opacity:1}100%{left:125%;opacity:0}}


@keyframes vtxHeroCardFloat{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-10px) rotateX(1deg) rotateY(-1deg)}}


@keyframes vtxOrbFloatOne{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-18px,0) scale(1.05)}}


@keyframes vtxOrbFloatTwo{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-20px,16px,0) scale(1.04)}}


@keyframes vtxCardRise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}


@media (prefers-reduced-motion:reduce){
.vtx-page-standard-hero .hero-grid-pattern,.classic-home-hero .hero-grid-pattern,.vtx-page-standard-hero .hero-badge:after,.classic-home-hero .hero-badge:after,.vtx-page-standard-hero .hero-mini-service-card,.classic-home-hero .classic-video-card,.vtx-page-standard-hero .hero-orb-one,.classic-home-hero .hero-orb-one,.vtx-page-standard-hero .hero-orb-two,.classic-home-hero .hero-orb-two,:where(.public-service-grid,.service-pillar-grid,.tools-grid,.contact-cards-row,.team-grid-modern,.method-flow-grid,.about-section-grid,.authority-grid,.certificate-icon-grid,.partner-tier-grid,.admin-grid-2) > *{animation:none!important}
}


.badge-high-risk,.badge-high,.badge-check{background:#fee2e2;color:#991b1b}


.badge-medium-risk,.badge-medium{background:#fef3c7;color:#92400e}


.badge-low-risk,.badge-low,.badge-ok{background:#dcfce7;color:#166534}


.btn-sm{min-height:38px!important;padding:8px 13px!important;border-radius:13px!important;font-size:13px!important}


.vat-dashboard-panel .table-wrap{box-shadow:0 18px 44px rgba(0,47,50,.06)}


.vat-result-kpis .admin-stat-value{font-size:clamp(21px,2vw,31px)}


.vat-result-detail-card{overflow:hidden;position:relative}


.vat-result-detail-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--teal),var(--gold))}


.vat-result-header-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#f7fbfc;border:1px solid #dce9ec;border-radius:20px;padding:16px;margin:16px 0 20px}


.vat-result-header-line strong{font-size:24px;color:#071617}


.vat-result-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}


.vat-result-summary-grid div{background:#fff;border:1px solid #d9e7ea;border-radius:18px;padding:15px}


.vat-result-summary-grid span{display:block;color:#64777a;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:1000;margin-bottom:6px}


.vat-result-summary-grid strong{display:block;color:#071617;font-weight:1000;line-height:1.45}


.vat-result-recommendation{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,#f9fcfc,#fff);border:1px solid #d9e7ea;border-radius:22px;padding:18px;margin-top:18px}


.vat-result-recommendation>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(0,90,92,.1);color:var(--teal);flex:0 0 auto}


.vat-result-recommendation strong{display:block;color:#071617;font-size:18px;margin-bottom:6px}


.vat-result-recommendation p{margin:0;color:#60777b;line-height:1.7;font-weight:750}


@media (max-width:980px){
.vat-result-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media (max-width:620px){
.vat-result-summary-grid{grid-template-columns:1fr}
.vat-result-header-line{display:grid}
.vat-result-header-line strong{font-size:20px}
}


@media print{
.admin-sidebar,.admin-topbar,.dashboard-mobile-header,.toolbar .filters,.btn,.topbar-actions{display:none!important}
}


@media print{
.admin-main,.admin-container{margin:0!important;padding:0!important}
.admin-panel,.admin-stat-card{box-shadow:none!important;border-color:#d7d7d7!important}
.data-table{min-width:0!important;font-size:11px}
}


@keyframes vtxServiceIconPop{0%{transform:translateY(0) scale(1) rotate(0)}45%{transform:translateY(-7px) scale(1.08) rotate(-5deg)}100%{transform:translateY(-3px) scale(1.04) rotate(-3deg)}}


@keyframes askvataxDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}


@keyframes askvataxFabPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}


/* ===== VATAX visual identity + full-width refinement 2026-06-08 ===== */
:root{
  --teal:#083846!important;
  --teal-dark:#04292e!important;
  --gold:#f28c00!important;
  --gold-soft:#fff0d5!important;
  --container:1366px!important;
  --section-pad:72px!important;
  --radius-xl:28px;
}


html{scroll-behavior:smooth}


body{background:#fff;color:#14343a;font-size:14px;line-height:1.55;overflow-x:hidden}


.brand-text{display:grid;line-height:1}


.brand-text strong{font-weight:1000;font-size:17px;letter-spacing:-.02em}


.brand-text small{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#6a7f82}


.stats-grid,.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}


.stat-card,.stats-item{padding:22px 16px!important;text-align:center}


.stat-card strong,.stats-item strong{font-size:clamp(24px,2.8vw,44px)!important;line-height:1!important}


.stat-card span,.stats-item span{font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.76)!important}


.services-compact-grid{align-items:stretch}


.partner-card{min-height:118px;display:grid;place-items:center;text-align:center}


.partner-card:before{content:"";width:48px;height:48px;border-radius:18px;background:url("../images/logo-vatax-dark.png") center/contain no-repeat #fff;border:1px solid rgba(8,56,70,.1);box-shadow:0 8px 20px rgba(8,56,70,.06)}


@media (max-width:1024px){
:root{--section-pad:58px}
.stats-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


@media (max-width:640px){
:root{--section-pad:46px}
.brand-text small{display:none}
.stats-grid,.stat-grid{grid-template-columns:1fr}
}


@keyframes vtxSponsorMove{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}


@media (min-width:1181px){
.compact-hero-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.5fr)!important;}
}


.hero-badge{font-size:11px!important;padding:8px 12px!important;line-height:1.2!important;max-width:max-content!important;}


.hero-proof-list{gap:8px!important;margin-top:16px!important;}


.hero-proof-list span{font-size:11px!important;padding:7px 10px!important;line-height:1.25!important;}


.classic-video-card:before{inset:16px!important;border-radius:22px!important;}


body:not(.admin-body) .hero-badge{font-size:10.5px!important;padding:6px 11px!important;}


body:not(.admin-body) .hero-proof-list{gap:6px!important;margin-top:10px!important;}


body:not(.admin-body) .hero-proof-list span{font-size:10.5px!important;padding:6px 9px!important;}


/* All public cards: smaller and more technical/proportional */
body:not(.admin-body) :where(.card,.public-service-card,.service-pillar-card,.tool-card,.contact-mini-card,.contact-form-card-modern,.contact-side-panel,.rate-side-card,.rate-form-card,.service-detail-main,.service-detail-side,.authority-card,.about-info-card,.method-flow-card,.team-card,.client-story-card,.certificate-icon-card,.partner-tier,.vtx-service-card,.vtx-annual-card,.privacy-card,.invoice-box,.vtx-success-card,.package-card,.service-rich-card,.service-flow-card){
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(8,56,70,.065)!important;
}


.method-flow-grid{gap:14px!important;}


.method-flow-card{min-height:170px!important;padding:20px!important;border-radius:20px!important;}


.method-index{font-size:25px!important;top:14px!important;inset-inline-end:15px!important;}


.method-icon{width:48px!important;height:48px!important;border-radius:15px!important;margin-bottom:12px!important;}


.method-flow-card h3{font-size:18px!important;margin-bottom:6px!important;}


.method-flow-card p{font-size:12.8px!important;line-height:1.55!important;}


.client-story-grid{gap:16px!important;}


.client-story-card{min-height:150px!important;padding:20px!important;border-radius:20px!important;}


.client-story-card>span{width:44px!important;height:44px!important;border-radius:14px!important;margin-bottom:10px!important;}


.client-story-card h3{font-size:18px!important;margin-bottom:6px!important;}


.client-story-card p{font-size:12.8px!important;line-height:1.55!important;}


.dark-cta{padding:46px 0!important;}


.dark-cta h2{font-size:clamp(24px,3vw,40px)!important;}


.dark-cta p{font-size:14px!important;line-height:1.6!important;margin-bottom:18px!important;}


@media (max-width:1180px){
.method-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


@keyframes vataxOrbitAroundLogo{
  to{transform:translate(-50%,-50%) rotate(360deg)!important;}
}


@keyframes vataxAnnualHalo{
  to{transform:rotate(360deg);}
}


@keyframes vataxLogoHaloSpin{to{transform:rotate(360deg)}}


.client-prefill-note{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:12px 14px!important;
  border:1px solid rgba(8,56,70,.14)!important;
  background:linear-gradient(180deg,#f7fbfc,#eef7f8)!important;
  color:#083846!important;
  border-radius:16px!important;
  font-weight:900;
  font-size:13px!important;
}


/* ===== VATAX 2026-06-09 requested visual rebuild: unified cool background, contact redesign, compact account form, larger service cards, polished service detail pages ===== */
:root{
  --vtx-cool-bg:#edf7f9;
  --vtx-cool-bg-2:#f7fcfd;
  --vtx-cool-card:#ffffff;
  --vtx-cool-line:rgba(8,56,70,.14);
  --vtx-cool-shadow:0 22px 60px rgba(8,56,70,.085);
}


body:not(.admin-body){
  background:
    radial-gradient(circle at 12% 5%, rgba(0,132,140,.10), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(173,216,230,.22), transparent 30%),
    linear-gradient(180deg,var(--vtx-cool-bg) 0%,#f7fbfc 48%,#edf7f9 100%)!important;
}


body:not(.admin-body)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.28) 1px,transparent 1px);
  background-size:72px 72px;
  opacity:.28;
}


.create-account-body .create-account-layout-single{width:min(880px,100%)!important;max-width:880px!important;}


.create-account-body .create-account-card-wide{
  width:min(880px,calc(100vw - 32px))!important;
  max-width:880px!important;
  padding:clamp(24px,3.2vw,38px)!important;
  border-radius:30px!important;
  box-shadow:0 26px 75px rgba(8,56,70,.13)!important;
  border:1px solid rgba(8,56,70,.13)!important;
}


.create-account-body .create-account-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px!important;}


.create-account-body .create-account-card-wide h2{font-size:clamp(25px,3.4vw,38px)!important;line-height:1.15!important;margin:10px auto 8px!important;max-width:720px!important;}


.create-account-body .create-account-card-wide .register-form-polished{
  max-width:760px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px 14px!important;
  margin-top:18px!important;
}


.create-account-body .register-form-polished .form-section-title{grid-column:1/-1!important;min-height:42px!important;border-radius:16px!important;padding:8px 12px!important;background:#eef7f8!important;border:1px solid rgba(8,56,70,.10)!important;}


.create-account-body .register-form-polished .form-section-title span{width:30px!important;height:30px!important;border-radius:11px!important;font-size:12px!important;}


.create-account-body .register-form-polished .form-section-title strong{font-size:13.5px!important;}


.create-account-body .register-form-polished input,
.create-account-body .register-form-polished select,
.create-account-body .register-form-polished textarea{min-height:48px!important;border-radius:14px!important;font-size:14px!important;padding-top:9px!important;padding-bottom:9px!important;}


@media (max-width:760px){
.create-account-body .create-account-card-wide{width:calc(100vw - 22px)!important;padding:22px 14px!important;border-radius:24px!important;}
.create-account-body .create-account-card-top{align-items:flex-start;flex-direction:column;}
.create-account-body .create-account-card-wide .register-form-polished{grid-template-columns:1fr!important;}
}


/* ===== VATAX security/layout pass 2026 ===== */
.sidebar-badge{margin-inline-start:auto;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:linear-gradient(135deg,#d4af37,#f7df8e);color:#17201e;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(212,175,55,.22)}


.topbar-search.enhanced{display:flex;align-items:center;gap:8px;min-width:min(560px,100%)}


.topbar-search.enhanced input{min-width:180px;flex:1}


.topbar-search.enhanced select{border:0;background:rgba(255,255,255,.82);border-inline-start:1px solid rgba(0,97,89,.15);padding:10px 12px;border-radius:12px;color:#005f59;font-weight:800;outline:none}


.secure-form-panel .form-grid,.settings-card.form-grid{align-items:start}


.switch-line{display:flex;gap:10px;align-items:center;padding:14px 16px;border:1px solid rgba(0,97,89,.15);border-radius:16px;background:#f8fcfc;font-weight:800}


.switch-line.full{grid-column:1/-1}


.btn-light{background:#fff;border:1px solid rgba(0,97,89,.18);color:#005f59!important}


.invoice-box{background:linear-gradient(135deg,#fff,#f8fcfc);border:1px solid rgba(0,97,89,.14)}


.data-table tr.hidden-by-search{display:none!important}


.alert-warning{background:#fff7df;border-color:#f3d06b;color:#7a4d00}


.alert-info{background:#eaf7ff;border-color:#a8dcff;color:#075985}


.settings-card .service-toggle-card{text-decoration:none;color:inherit}


.admin-menu a{position:relative}


.admin-menu a span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis}


.kpi-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}


.kpi-mini>div{padding:14px;border:1px solid rgba(0,97,89,.12);border-radius:18px;background:#fff}


.kpi-mini strong{display:block;font-size:20px}


.kpi-mini span{color:#667b80;font-weight:700}


@media (max-width:900px){
.topbar-search.enhanced{flex-wrap:wrap}
.topbar-search.enhanced select{width:100%;border-inline-start:0;border-top:1px solid rgba(0,97,89,.12)}
}


/* ===== VATAX requested redesign patch 2026-06-11 ===== */
:root{
  --vtx-soft-skin:#eef7f8;
  --vtx-soft-skin-2:#f6fbfc;
  --vtx-white:#ffffff;
  --vtx-ink:#061f22;
  --vtx-muted:#5b7478;
  --vtx-line:rgba(8,56,70,.13);
}


body:not(.admin-body){
  background:linear-gradient(180deg,var(--vtx-soft-skin) 0,#fff 22%,var(--vtx-soft-skin) 54%,#fff 100%)!important;
  color:var(--vtx-ink)!important;
}


body:not(.admin-body) .brand-text{display:none!important;}


@keyframes vtxHeroCompassSpin{to{transform:rotate(360deg)}}


body:not(.admin-body) .service-auto-info-cta{
  background:#fff!important;
  border:1px solid var(--vtx-line)!important;
  border-radius:28px!important;
  box-shadow:0 18px 45px rgba(8,56,70,.065)!important;
  margin:28px 0!important;
}


body:not(.admin-body) .alert-info{background:#fff!important;border-color:var(--vtx-line)!important;color:#23454a!important;}


/* ===== VATAX requested redesign patch - final hero/services corrections ===== */
body:not(.admin-body) .vtx-page-standard-hero .compact-hero-grid{
  grid-template-columns:1fr!important;
}


@keyframes vtxAnnualImageCycle{
  0%{opacity:0;transform:scale(1.04)}
  8%{opacity:1;transform:scale(1.01)}
  32%{opacity:1;transform:scale(1)}
  42%{opacity:0;transform:scale(1.03)}
  100%{opacity:0;transform:scale(1.04)}
}


/* ===== VATAX FINAL AR navbar placement override 2026-06-11 =====
   Arabic only: logo stays on the LEFT, portal/language actions stay on the RIGHT.
   Also keeps the public header fixed during scroll. */
body:not(.admin-body){
  padding-top:86px!important;
}


@media (max-width:1024px){
body:not(.admin-body){padding-top:76px!important;}
}


@media (max-width:640px){
body:not(.admin-body){padding-top:72px!important;}
}


/* ===== VATAX FINAL LOCK: Arabic desktop navbar = logo LEFT, actions RIGHT =====
   This override is intentionally last to neutralize older RTL flex/order rules. */
body:not(.admin-body){
  padding-top:86px!important;
}


@media (max-width:1024px){
body:not(.admin-body){padding-top:76px!important;}
}


@media (max-width:640px){
body:not(.admin-body){padding-top:72px!important;}
}


@keyframes vtxAnnualBgFade{
  0%,100%{opacity:0;transform:scale(1.04)}
  7%,31%{opacity:1;transform:scale(1.08)}
  39%{opacity:0;transform:scale(1.10)}
}


@keyframes vtxAnnualHaloSpin{
  to{transform:rotate(360deg)}
}


@keyframes vtxAnnualRingSpin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}


/* Keep non-home heroes clean for now; future pages can get their own background image without inheriting the homepage one. */
body:not(.admin-body) :where(.vtx-page-standard-hero,.vtx-inner-classic-hero,.page-hero,.hero.hero-sm.no-wave){
  background:
    radial-gradient(circle at 18% 20%,rgba(242,140,0,.14),transparent 30%),
    linear-gradient(135deg,#002f31 0%,#014448 58%,#001719 100%)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


body:not(.admin-body) :where(.vtx-page-standard-hero,.vtx-inner-classic-hero,.page-hero,.hero.hero-sm.no-wave)::before{
  background:none!important;
  opacity:0!important;
}


@media (max-width:1024px){
body:not(.admin-body){padding-top:72px!important;}
}


.create-account-body .create-account-layout-single{
  width:min(920px,100%)!important;
  max-width:920px!important;
  margin:auto!important;
}


.create-account-body .create-account-card-wide{
  width:min(920px,calc(100vw - 28px))!important;
  max-width:920px!important;
  margin:auto!important;
  border-radius:34px!important;
  padding:clamp(26px,3.4vw,44px)!important;
  background:linear-gradient(180deg,#ffffff,#f9fcfd)!important;
  border:1px solid rgba(8,56,70,.12)!important;
  box-shadow:0 28px 85px rgba(8,56,70,.14)!important;
}


.create-account-body .create-account-card-top-centered{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:12px!important;
  margin-bottom:14px!important;
}


.create-account-body .create-account-card-wide .register-form-polished{
  margin-left:auto!important;
  margin-right:auto!important;
}


@media (max-width:760px){
.create-account-body .create-account-card-wide{width:calc(100vw - 20px)!important;padding:24px 14px!important;border-radius:26px!important;}
.create-account-body .create-account-card-top-centered{align-items:center!important;}
}


.payment-amount-box{border:1px solid rgba(223,151,34,.24);background:linear-gradient(135deg,#fff8e9,#fff);border-radius:22px;padding:16px;margin:14px 0 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}


.payment-amount-box small{display:block;color:#8b6d35;font-size:12px;font-weight:1000;margin-bottom:7px;}


.payment-amount-box p{margin:0!important;color:#102f33!important;font-size:clamp(17px,1.6vw,23px);font-weight:1000;line-height:1.55!important;}


.tracking-flow-title{color:#0b4d52;font-weight:1000;margin:8px 0 12px;}


.payment-summary-card .mini-status-list{position:relative;list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:10px!important;}


.payment-summary-card .mini-status-list li{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid #e0ecee;background:rgba(255,255,255,.76);border-radius:16px;padding:11px 12px;color:#395a60!important;font-weight:900;line-height:1.4!important;}


@media (max-width:620px){
.payment-summary-card .mini-status-list li{align-items:flex-start!important}
}


.final-review-panel{position:relative;overflow:hidden;border:1px solid rgba(8,56,70,.14);border-radius:34px;background:linear-gradient(180deg,#ffffff 0%,#f7fbfc 100%);box-shadow:0 28px 80px rgba(8,56,70,.105);padding:34px;isolation:isolate;}


.final-review-panel:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--teal),#0b7074,var(--gold));z-index:0;}


.final-review-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(4,92,96,.085),transparent 68%);inset:auto -145px -185px auto;pointer-events:none;z-index:-1;}


.final-review-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid rgba(8,56,70,.11);}


.final-review-title-block{max-width:820px;}


.official-step-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(4,92,96,.16);background:#eefafa;color:var(--teal);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:1000;letter-spacing:.01em;}


.final-review-head h2{margin:13px 0 10px!important;font-size:clamp(30px,4vw,48px)!important;line-height:1.2!important;color:#071617!important;font-weight:1000;}


.final-review-head p{margin:0;color:#526b70;line-height:1.9;font-weight:800;font-size:15.5px;}


.final-review-seal{flex:0 0 auto;min-width:154px;border:1px solid rgba(223,151,34,.28);background:linear-gradient(145deg,#fff9ec,#fff);color:#925f06;border-radius:26px;padding:17px 18px;display:grid;justify-items:center;gap:8px;text-align:center;box-shadow:0 16px 42px rgba(223,151,34,.13);}


.final-review-seal span{font-size:12.5px;font-weight:1000;}


.official-review-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:22px;align-items:stretch;}


.official-review-card{position:relative;border:1px solid rgba(8,56,70,.12);background:rgba(255,255,255,.93);border-radius:28px;padding:24px;box-shadow:0 18px 48px rgba(8,56,70,.075);display:flex;flex-direction:column;min-height:365px;}


.official-review-card header{display:flex;align-items:center;gap:14px;margin-bottom:18px;}


.official-card-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf8f8,#fff);color:var(--teal);border:1px solid rgba(4,92,96,.16);box-shadow:0 12px 26px rgba(4,92,96,.09);}


.official-card-icon.gold{background:linear-gradient(135deg,#fff6df,#fff);color:#a86b08;border-color:rgba(223,151,34,.22);}


.official-review-card small{display:block;color:#7a8d91;font-size:12px;font-weight:1000;margin-bottom:3px;}


.official-review-card h3{margin:0!important;color:#09282c!important;font-weight:1000;font-size:clamp(21px,2vw,28px)!important;line-height:1.25!important;}


.official-card-body{display:flex;flex-direction:column;gap:16px;flex:1;}


.official-card-body p{margin:0;color:#4d686e;line-height:1.85;font-weight:760;}


.official-read-terms-btn{margin-top:auto;width:max-content;border:1px solid rgba(4,92,96,.18);background:#fff;color:var(--teal);border-radius:999px;padding:11px 17px;font-weight:1000;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;text-decoration:none;}


.official-read-terms-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(4,92,96,.10);}


.official-amount-row{border:1px solid rgba(223,151,34,.27);background:linear-gradient(135deg,#fff8e8,#ffffff);border-radius:22px;padding:18px;display:grid;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}


.official-amount-row span{color:#8b6d35;font-weight:1000;font-size:12.5px;}


.official-amount-row strong{color:#102f33;font-weight:1000;font-size:clamp(18px,1.7vw,24px);line-height:1.55;}


.secure-payment-note{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(4,92,96,.12);background:#f2fbfb;border-radius:18px;padding:13px 14px;color:#2b555b;font-weight:850;line-height:1.7;}


.official-payment-card .tracking-flow-title{margin:1px 0 0;color:#0b4d52;font-weight:1000;}


.official-payment-card .mini-status-list{position:relative;list-style:none!important;padding:0!important;margin:0!important;display:grid!important;gap:9px!important;}


.official-payment-card .mini-status-list li{display:flex!important;align-items:center!important;gap:10px!important;border:1px solid #e0ecee;background:rgba(255,255,255,.8);border-radius:15px;padding:10px 12px;color:#395a60!important;font-weight:900;line-height:1.45!important;}


.official-consent-card{margin-top:22px;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;border:1px solid rgba(4,92,96,.18);background:linear-gradient(135deg,#eefafa,#ffffff);border-radius:24px;padding:18px 20px;color:#193d42!important;box-shadow:0 16px 38px rgba(8,56,70,.07);cursor:pointer;}


.official-consent-card input{position:absolute!important;opacity:0!important;pointer-events:none!important;}


.official-consent-box{width:38px;height:38px;border-radius:13px;border:2px solid #c5d8dc;background:#fff;color:transparent;display:grid!important;place-items:center;transition:.2s;}


.official-consent-card input:checked + .official-consent-box{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 10px 24px rgba(4,92,96,.22);}


.official-consent-card strong{display:block;font-size:16px;font-weight:1000;color:#12373b;}


.official-consent-card small{display:block;margin-top:5px;color:#607a80;font-weight:780;line-height:1.6;}


.official-final-actions{margin-top:22px!important;border-top:1px solid rgba(8,56,70,.11)!important;padding-top:22px!important;display:flex!important;justify-content:space-between!important;gap:14px!important;}


@media (max-width:980px){
.final-review-panel{padding:26px 20px;border-radius:28px}
.final-review-head{display:grid}
.final-review-seal{justify-items:start;text-align:start;min-width:0}
.official-review-grid{grid-template-columns:1fr}
.official-review-card{min-height:auto}
.official-final-actions{display:grid!important;grid-template-columns:1fr!important}
}


@media (max-width:620px){
.final-review-panel{padding:22px 14px}
.official-review-card{padding:18px;border-radius:22px}
.official-review-card header{align-items:flex-start}
.official-consent-card{grid-template-columns:auto 1fr;padding:16px}
.official-payment-card .mini-status-list li{align-items:flex-start!important}
.official-read-terms-btn{width:100%;justify-content:center}
}


.final-review-official{position:relative;overflow:visible;padding:12px 0 0;background:transparent;isolation:isolate;}


.final-review-page-head{display:flex;align-items:flex-start;justify-content:center;gap:18px;text-align:center;margin:0 auto 26px;max-width:980px;}


.final-review-page-head>div{min-width:0;}


.final-review-page-head h2{margin:0 0 8px!important;color:#09282c!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.18!important;font-weight:1000;letter-spacing:-.02em;}


.final-review-page-head p{margin:0;color:#6a8187;line-height:1.75;font-size:14px;font-weight:800;}


.final-review-page-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#075c62,#023f44);color:#fff;display:grid;place-items:center;box-shadow:0 18px 42px rgba(4,92,96,.22);border:1px solid rgba(255,255,255,.45);flex:0 0 auto;position:relative;}


.final-review-layout{display:grid;grid-template-columns:minmax(292px,.72fr) minmax(0,1.34fr);grid-template-areas:"summary terms";gap:26px;align-items:stretch;max-width:1250px;margin:0 auto;}


.final-payment-summary-card{grid-area:summary;position:relative;overflow:hidden;border:1px solid rgba(8,56,70,.12);background:rgba(255,255,255,.95);border-radius:22px;padding:26px 22px 24px;box-shadow:0 20px 55px rgba(8,56,70,.105);min-height:470px;}


.final-payment-summary-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,rgba(4,92,96,.0),rgba(4,92,96,.42),rgba(223,151,34,.75));}


.summary-corner-icon{position:absolute;top:17px;inset-inline-start:20px;width:40px;height:40px;border-radius:13px;background:#f9fdfd;border:1px solid #dcebed;color:#0b555a;display:grid;place-items:center;box-shadow:0 10px 24px rgba(8,56,70,.06);}


.final-payment-summary-card h3{margin:16px 0 18px!important;text-align:center;color:#0d3337!important;font-weight:1000;font-size:22px!important;line-height:1.35!important;}


.final-amount-box{position:relative;border:1px solid rgba(223,151,34,.32);border-radius:22px;background:linear-gradient(135deg,#fff8e8,#fffdf8 55%,#fff);padding:20px 74px 18px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.88);min-height:96px;}


.final-amount-box:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 18% 20%,rgba(223,151,34,.12),transparent 25%),linear-gradient(135deg,rgba(223,151,34,.04),transparent);pointer-events:none;}


.final-amount-icon{position:absolute;top:50%;inset-inline-end:20px;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#0a6066;color:#f7ca65;display:grid;place-items:center;box-shadow:0 12px 26px rgba(4,92,96,.2);z-index:1;}


.final-amount-box small{position:relative;z-index:1;display:block;color:#8b6d35;font-size:12px;font-weight:1000;margin-bottom:8px;}


.final-amount-box strong{position:relative;z-index:1;display:block;color:#102f33;font-size:clamp(24px,2.25vw,34px);font-weight:1000;line-height:1.1;letter-spacing:.01em;direction:ltr;text-align:inherit;}


.final-secure-note{display:flex;align-items:center;gap:11px;margin:14px 0 20px;border:1px solid rgba(4,92,96,.12);background:#f0fbfb;border-radius:18px;padding:14px 15px;color:#244f55;line-height:1.55;font-weight:850;font-size:13px;}


.final-followup-block h4{margin:0 0 12px!important;text-align:center;color:#12373b!important;font-size:15px!important;font-weight:1000;}


.final-payment-summary-card .mini-status-list{position:relative;list-style:none!important;margin:0!important;padding:0 0 0 30px!important;display:grid!important;gap:10px!important;}


.final-payment-summary-card .mini-status-list:before{content:"";position:absolute;top:16px;bottom:16px;inset-inline-end:18px;width:2px;border-radius:999px;background:linear-gradient(180deg,#0b686d 0 14%,#d5e3e6 14% 100%);}


.final-payment-summary-card .mini-status-list li{position:relative;min-height:34px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #e1ecee;background:rgba(255,255,255,.88);border-radius:10px;padding:8px 45px 8px 12px!important;color:#526b70!important;font-size:12.5px;font-weight:900;line-height:1.3!important;box-shadow:0 5px 14px rgba(8,56,70,.035);}


.final-payment-summary-card .mini-status-list li:first-child{color:#0a5156!important;background:#f9fefe;border-color:#d9e9eb;}


.final-terms-official-card{grid-area:terms;position:relative;border:1px solid rgba(8,56,70,.11);background:rgba(255,255,255,.96);border-radius:22px;padding:34px 34px 28px;box-shadow:0 20px 55px rgba(8,56,70,.095);overflow:hidden;min-height:470px;}


.final-terms-official-card:after{content:"";position:absolute;inset:auto -120px -140px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(4,92,96,.06),transparent 68%);pointer-events:none;}


.final-card-title{display:flex;align-items:flex-start;gap:16px;text-align:center;justify-content:center;margin-bottom:24px;}


.final-card-title-icon{width:50px;height:50px;border-radius:16px;background:#eefafa;border:1px solid #dceced;color:#0a6066;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 10px 22px rgba(4,92,96,.06);}


.final-card-title h3{margin:4px 0 9px!important;color:#0b3135!important;font-size:clamp(22px,2.2vw,30px)!important;font-weight:1000;line-height:1.25!important;}


.final-card-title p{margin:0 auto;color:#6a8187;line-height:1.8;font-size:13.5px;font-weight:780;max-width:720px;}


.final-terms-list{display:grid;gap:14px;margin:0 0 28px;}


.final-term-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:14px;align-items:center;border:1px solid rgba(8,56,70,.10);background:#fff;border-radius:12px;padding:13px 14px;min-height:54px;box-shadow:0 5px 16px rgba(8,56,70,.025);}


.final-term-row b{grid-column:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0a6066;color:#fff;font-weight:1000;font-size:15px;box-shadow:0 8px 18px rgba(4,92,96,.18);direction:ltr;justify-self:end;}


.final-term-row span{grid-column:1;color:#3e5e64;font-size:13px;font-weight:850;line-height:1.65;text-align:center;}


.final-consent-box{position:relative;z-index:1;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:15px;margin:4px 0 16px;border:1px solid rgba(4,92,96,.14);background:#f1fbfb;border-radius:14px;padding:17px 18px;color:#183e43;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);cursor:pointer;}


.final-consent-box input{position:absolute!important;opacity:0!important;pointer-events:none!important;}


.final-consent-check{width:30px;height:30px;border-radius:8px;border:2px solid #b9d0d4;background:#fff;color:transparent;display:grid;place-items:center;transition:.18s ease;}


.final-consent-box input:checked + .final-consent-check{background:#0a6066;border-color:#0a6066;color:#fff;box-shadow:0 8px 20px rgba(4,92,96,.2);}


.final-consent-text strong{display:block;color:#174046;font-size:15px;font-weight:1000;line-height:1.5;}


.final-consent-text small{display:block;color:#71878c;font-size:12px;font-weight:780;margin-top:5px;line-height:1.6;}


.final-read-terms-link{position:relative;z-index:1;width:max-content;margin-inline:auto;border:1px solid rgba(4,92,96,.16);background:#fff;color:#0a6066;border-radius:999px;padding:10px 16px;font-weight:1000;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.2s;text-decoration:none;}


.final-read-terms-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(4,92,96,.10);}


.final-review-actions-bar{max-width:720px;margin:28px auto 0;border:1px solid rgba(8,56,70,.11);background:rgba(255,255,255,.94);border-radius:15px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;align-items:center;box-shadow:0 20px 46px rgba(8,56,70,.08);}


.final-safe-footnote{display:flex;align-items:center;justify-content:center;gap:9px;color:#698187;font-size:12px;font-weight:800;line-height:1.55;text-align:center;}


.official-final-actions{margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;}


.official-final-actions .btn-muted{background:#fff!important;color:#0a6066!important;border:1px solid #bcd4d8!important;}


@media (max-width:1100px){
.final-review-layout{grid-template-columns:1fr;grid-template-areas:"terms" "summary";max-width:820px}
.final-payment-summary-card,.final-terms-official-card{min-height:auto}
.final-review-actions-bar{max-width:820px;grid-template-columns:1fr}
.official-final-actions{display:grid!important;grid-template-columns:1fr!important}
}


@media (max-width:680px){
.final-review-page-head{display:grid;text-align:center;margin-bottom:20px}
.final-review-page-icon{margin:0 auto}
.final-terms-official-card,.final-payment-summary-card{border-radius:18px;padding:22px 16px}
.final-card-title{display:grid;justify-items:center}
.final-term-row{grid-template-columns:1fr!important;text-align:center;gap:9px}
.final-amount-box{padding:86px 18px 18px!important;text-align:center}
.final-amount-icon{top:18px;inset-inline-end:50%;transform:translateX(50%)}
.final-payment-summary-card .mini-status-list{padding:0!important}
.final-payment-summary-card .mini-status-list:before{display:none}
.final-consent-box{grid-template-columns:1fr;justify-items:center;text-align:center}
.final-read-terms-link{width:100%;justify-content:center}
.final-review-actions-bar{margin-top:20px;padding:14px}
.final-safe-footnote{font-size:11.5px}
}


/* SweetAlert2 official VATAX styling. The JS falls back to the local modal if CDN is unavailable. */
.swal2-container{z-index:12000!important;}


.final-review-official{max-width:1120px;margin-inline:auto;padding:8px 0 0!important;}


.final-review-page-head{max-width:930px;margin:0 auto 24px!important;align-items:center!important;gap:16px!important;}


.final-review-page-icon{width:58px!important;height:58px!important;border-radius:20px!important;background:linear-gradient(145deg,#064f55,#08363b)!important;color:#fff!important;box-shadow:0 16px 36px rgba(4,92,96,.18)!important;}


.final-review-page-head h2{font-size:clamp(30px,3.6vw,48px)!important;letter-spacing:-.035em!important;}


.final-review-page-head p{max-width:760px;margin-inline:auto!important;color:#60777d!important;}


.final-review-layout.final-review-stack-layout,.final-review-layout{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"terms" "summary"!important;gap:18px!important;max-width:1080px!important;margin:0 auto!important;align-items:stretch!important;}


.final-terms-official-card,.final-payment-summary-card{min-height:auto!important;width:100%!important;border-radius:28px!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(8,56,70,.12)!important;box-shadow:0 22px 58px rgba(8,56,70,.08)!important;}


.final-terms-official-card{padding:30px!important;}


.final-payment-summary-card{padding:28px!important;}


.final-card-title{justify-content:flex-start!important;text-align:start!important;margin-bottom:22px!important;}


.final-card-title-icon,.summary-corner-icon{width:48px!important;height:48px!important;border-radius:16px!important;background:linear-gradient(145deg,#effafa,#fff)!important;border:1px solid #d7e9ec!important;color:#075c62!important;box-shadow:0 12px 28px rgba(4,92,96,.08)!important;}


.final-card-title h3{font-size:clamp(22px,2.4vw,32px)!important;margin-top:0!important;}


.final-card-title p{max-width:820px!important;margin-inline:0!important;text-align:start!important;color:#637b81!important;}


.final-terms-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;margin-bottom:18px!important;}


.final-term-row{height:100%!important;min-height:118px!important;border-radius:18px!important;padding:18px!important;align-content:start!important;background:linear-gradient(180deg,#fff,#fbfefe)!important;box-shadow:0 10px 26px rgba(8,56,70,.04)!important;}


.final-term-row b{width:38px!important;height:38px!important;border-radius:14px!important;background:#075c62!important;color:#fff!important;box-shadow:0 10px 22px rgba(4,92,96,.17)!important;}


.final-term-row span{font-size:13px!important;line-height:1.75!important;text-align:start!important;color:#31565d!important;}


.final-consent-box{margin:16px 0 0!important;border-radius:18px!important;padding:18px 20px!important;background:linear-gradient(135deg,#eefafa,#ffffff)!important;border-color:#cfe5e8!important;}


.final-consent-check{width:34px!important;height:34px!important;border-radius:11px!important;}


.final-read-terms-link{margin:16px 0 0!important;}


.final-payment-summary-card{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr)!important;grid-template-areas:"title title" "amount secure" "follow follow"!important;gap:16px 18px!important;align-items:stretch!important;}


.final-payment-summary-card h3{grid-area:title!important;margin:0!important;min-height:48px!important;display:flex!important;align-items:center!important;text-align:start!important;padding-inline-start:58px!important;font-size:clamp(22px,2.3vw,30px)!important;}


.summary-corner-icon{position:absolute!important;top:28px!important;inset-inline-start:28px!important;}


.final-amount-box{grid-area:amount!important;min-height:126px!important;border-radius:22px!important;padding:22px 86px 22px 22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}


.final-amount-box strong{font-size:clamp(22px,2.4vw,34px)!important;line-height:1.25!important;word-break:normal!important;overflow-wrap:break-word!important;direction:inherit!important;text-align:start!important;}


.final-amount-box small{font-size:12.5px!important;}


.final-amount-icon{width:56px!important;height:56px!important;}


.final-secure-note{grid-area:secure!important;margin:0!important;border-radius:22px!important;padding:20px!important;font-size:13.5px!important;align-items:flex-start!important;background:linear-gradient(135deg,#effafa,#fff)!important;}


.final-followup-block{grid-area:follow!important;border-top:1px solid rgba(8,56,70,.08)!important;padding-top:16px!important;}


.final-followup-block h4{text-align:start!important;margin-bottom:12px!important;font-size:16px!important;}


.final-payment-summary-card .mini-status-list{padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;}


.final-payment-summary-card .mini-status-list:before{display:none!important;}


.final-payment-summary-card .mini-status-list li:first-child{background:linear-gradient(135deg,#eefafa,#fff)!important;border-color:#cfe5e8!important;color:#075c62!important;}


.final-review-actions-bar{max-width:1080px!important;border-radius:22px!important;padding:18px 20px!important;margin-top:18px!important;grid-template-columns:minmax(0,1fr) auto!important;}


.official-final-actions{justify-content:flex-end!important;}


.official-final-actions .btn-muted{background:#fff!important;color:#075c62!important;}


@media (max-width:900px){
.final-review-page-head{display:grid!important;text-align:center!important;justify-items:center!important;}
.final-card-title{display:grid!important;justify-items:center!important;text-align:center!important;}
.final-card-title p{text-align:center!important;margin-inline:auto!important;}
.final-terms-list{grid-template-columns:1fr!important;}
.final-term-row{min-height:auto!important;}
.final-payment-summary-card{grid-template-columns:1fr!important;grid-template-areas:"title" "amount" "secure" "follow"!important;}
.final-payment-summary-card .mini-status-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.final-review-actions-bar{grid-template-columns:1fr!important;text-align:center!important;}
.official-final-actions{justify-content:center!important;}
}


@media (max-width:620px){
.final-terms-official-card,.final-payment-summary-card{padding:20px 15px!important;border-radius:22px!important;}
.final-payment-summary-card h3{padding-inline:56px 0!important;font-size:22px!important;}
.summary-corner-icon{top:20px!important;inset-inline-start:15px!important;}
.final-payment-summary-card .mini-status-list{grid-template-columns:1fr!important;}
.official-final-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
}


/* ===== VATAX final responsive hero + typography pass 2026-06-12 =====
   Applied after all previous patches to lock the requested visual rules:
   - Homepage hero background image covers the full hero area.
   - All public/page heroes use a stable 500px visual height on desktop/tablet.
   - Hero titles are controlled with 2.9vw, section titles with 2vw, subtitles with 1vw.
   - Contact numbers stay visible and balanced on mobile. */
:root{
  --vtx-hero-fixed-height:500px;
  --vtx-hero-title-size:clamp(28px,2.9vw,52px);
  --vtx-section-title-size:clamp(23px,2vw,36px);
  --vtx-section-subtitle-size:clamp(14px,1vw,23px);
}


@media (max-width:760px){
:root{
    --vtx-hero-title-size:clamp(27px,8vw,38px);
    --vtx-section-title-size:clamp(23px,6vw,30px);
    --vtx-section-subtitle-size:clamp(13.5px,3.4vw,16px);
  }
}


/* Direct protected downloads: keep user on the same portal page while the hidden iframe streams the file. */
a[data-vtx-direct-download].is-downloading{opacity:.65;pointer-events:none}


/* ===== VATAX 2026-06-17 requested update patch ===== */
:root{--vtx-gold:#E8A11D;--vtx-gold-2:#F6C35C;--vtx-deep:#073944;--vtx-teal:#0D5A61;--vtx-soft-bg:#f4f8f8;--vtx-line:#dfeaec;}


body{background:linear-gradient(180deg,#f7fbfb 0%,#fff 40%,#f7fbfb 100%)!important;color:#082f3b;}


/* ===== VATAX final correction patch 2026-06-17: brand direction, visible reCAPTCHA v2, real news images ===== */
:root{--vtx-logo-ink:#073944;--vtx-logo-gold:#E8A11D;}


.admin-sidebar .vtx-brand-v,.admin-sidebar .vtx-brand-a1,.admin-sidebar .vtx-brand-a2,.admin-sidebar .vtx-brand-x,
.dashboard-mobile-header .vtx-brand-v,.dashboard-mobile-header .vtx-brand-a1,.dashboard-mobile-header .vtx-brand-a2,.dashboard-mobile-header .vtx-brand-x{color:#fff!important;}


button.is-disabled-by-custom,[data-next].is-disabled-by-custom{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.75)!important}


@media (max-width:760px){
.whatsapp-float{bottom:86px!important}
}


input[type="number"][max="100000000"]{scroll-margin-top:120px;}


body { font-feature-settings: normal; }


@keyframes vtxPulsePill{
  0%,100%{ transform:translateY(0); box-shadow:0 16px 45px rgba(0,0,0,.18); }
  50%{ transform:translateY(-4px); box-shadow:0 22px 60px rgba(232,161,29,.24); }
}


/* VATAX final precision patch - service forms, hero, language, team, AskVATAX */
.auto-selected-summary,
[data-selected-service-summary]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}


.google-rating-card{border:1px solid rgba(7,57,68,.10)!important;background:#fff!important;border-radius:28px!important;padding:24px!important;margin:22px 0!important;box-shadow:0 14px 34px rgba(7,57,68,.055)!important;}


.google-rating-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:12px!important;}


.google-rating-head h3{margin:0!important;font-size:clamp(18px,2vw,24px)!important;color:#073944!important;line-height:1.35!important;}


.google-rating-head strong{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(232,161,29,.13);color:#a36600;font-size:22px;}


.google-star-picker{display:inline-flex!important;flex-direction:row-reverse!important;gap:12px!important;direction:ltr!important;align-items:center!important;}


.google-star-picker input{position:absolute!important;opacity:0!important;pointer-events:none!important;}


.google-star-picker label{cursor:pointer!important;font-size:clamp(36px,5vw,58px)!important;line-height:1!important;color:#d8e1e3!important;text-shadow:0 8px 22px rgba(7,57,68,.08)!important;transition:transform .16s ease,color .16s ease!important;}


.google-star-picker label:hover,
.google-star-picker label:hover ~ label,
.google-star-picker input:checked ~ label{color:#E8A11D!important;}


.google-star-picker label:hover{transform:translateY(-3px) scale(1.05)!important;}


.google-rating-caption{margin:10px 0 0!important;color:#637b81!important;font-weight:800;}


.google-testimonial-permission{margin:18px 0!important;}


@media (max-width:720px){
.google-rating-head{align-items:flex-start!important;}
.google-star-picker{gap:8px!important;}
}


/* ===== VATAX responsive hero + mobile navbar lock 2026-06-23 =====
   Scope: public pages only. Keeps existing hero artwork/waves and adjusts sizing
   so the hero and navigation remain stable on desktop, tablet, and phones. */
:root{
  --vtx-header-height:86px;
  --vtx-hero-home-height:clamp(430px,25.5vw,500px);
  --vtx-hero-page-height:clamp(410px,24vw,470px);
  --vtx-hero-title-final:clamp(31px,3.15vw,58px);
  --vtx-hero-subtitle-final:clamp(13px,1.05vw,17px);
  --vtx-mobile-panel-gap:10px;
}


@media (max-width:1024px){
:root{
    --vtx-header-height:76px;
    --vtx-hero-home-height:clamp(400px,54vw,500px);
    --vtx-hero-page-height:clamp(380px,52vw,470px);
    --vtx-hero-title-final:clamp(30px,6vw,48px);
    --vtx-hero-subtitle-final:clamp(13px,2vw,16px);
  }
}


@media (max-width:640px){
:root{
    --vtx-header-height:72px;
    --vtx-hero-home-height:420px;
    --vtx-hero-page-height:400px;
    --vtx-hero-title-final:clamp(28px,9vw,38px);
    --vtx-hero-subtitle-final:14px;
  }
}


@media (max-width:390px){
:root{
    --vtx-hero-home-height:400px;
    --vtx-hero-page-height:380px;
    --vtx-hero-title-final:clamp(25px,8.5vw,33px);
  }
}


[data-service-wizard][data-custom-blocked="1"] .wizard-step.active [data-next],
[data-service-wizard][data-custom-blocked="1"] [data-next].is-disabled-by-custom{
  opacity:.48!important;
  pointer-events:auto!important;
  cursor:not-allowed!important;
  filter:grayscale(.15);
}


.final-terms-read-actions-above{
  display:flex;
  justify-content:center;
  margin:18px 0 18px!important;
}


.final-terms-page-link{
  width:max-content;
  max-width:100%;
}


.final-terms-list{display:none!important;}


@media (max-width:720px){
.final-terms-read-actions-above{justify-content:stretch;}
.final-terms-page-link{width:100%;justify-content:center;}
}


/* VATAX submit-tax-case VAT return detail block */
.tax-case-vat-return-entry{display:grid;gap:18px;width:100%}


.tax-case-vat-return-field{grid-column:1/-1}


.tax-case-vat-hint{margin:0}


.tax-case-vat-meta-entry,.tax-case-vat-meta-view{margin:0 0 4px}


.tax-case-vat-table-compact{min-width:920px}


.tax-case-vat-table-compact th,.tax-case-vat-table-compact td{white-space:normal}


.tax-case-vat-rendered{display:grid;gap:18px}


@media (max-width:620px){
.tax-case-vat-table-compact{min-width:820px}
}


/* =========================================================
   VATAX typography + card alignment final patch 2026-06-24
   Request focus: unified site font everywhere, 34px hero title, corrected
   service/tools cards hierarchy, paragraph 16px, and VATAX
   wordmark alignment in tools + pre-footer.
   ========================================================= */
html,
body,
body *,
button,
input,
textarea,
select,
.swal2-popup,
.swal2-popup *{
  font-family:var(--vtx-font-body);
  font-feature-settings:normal!important;
}


/* =========================================================
   VATAX final typography/alignment update 2026-06-24
   Scope: user requested Arabic/English unified font, font-weight 300,
   larger homepage service/tools/annual titles, larger GCC pill,
   and cleaner VATAX Compass alignment in AR/EN.
   ========================================================= */
html,
body,
body *,
button,
input,
textarea,
select,
.swal2-popup,
.swal2-popup *{
  font-family:var(--vtx-font-body);
  font-feature-settings:normal!important;
}


/* =========================================================
   VATAX FINAL DESIGN FIX — 2026-06-25
   Scope: public website + auth public pages only.
   Applies requested sizes, card alignment, yellow CTA buttons,
   compass card text size, tools card content size, and annual section sizing.
   ========================================================= */
:root{
  --vtx-final-h1:34px;
  --vtx-final-subtitle-1:28px;
  --vtx-final-subtitle-2:24px;
  --vtx-final-subtitle-3:18px;
  --vtx-final-body:16px;
  --vtx-final-tools-body:17px;
  --vtx-final-gold:#f28c00;
  --vtx-final-gold-hover:#ff9b12;
  --vtx-final-ink:#061112;
  --vtx-final-teal:#073944;
  --vtx-final-muted:#5d7478;
}


/* =========================================================
   VATAX VV2(15) MANDATORY FINAL OVERRIDES — 2026-06-25
   Purpose: force requested typography, direction alignment,
   services hover dropdown stability, footer legal cleanup,
   team popup profiles, and full feedback questionnaire.
   ========================================================= */
:root{
  --vtx-final-h1:34px;
  --vtx-final-subtitle-1:28px;
  --vtx-final-subtitle-2:24px;
  --vtx-final-subtitle-3:18px;
  --vtx-final-body:16px;
  --vtx-final-tools-body:17px;
  --vtx-final-gold:#f28c00;
  --vtx-final-gold-hover:#ff9b12;
  --vtx-final-teal:#073944;
  --vtx-final-ink:#061112;
  --vtx-final-muted:#5d7478;
}


/* VATAX 2026-06-27 critical fixes */
body.public-body:not(.admin-body) .final-secure-note{display:none!important;}
body.public-body:not(.admin-body) .final-review-actions-bar,body.public-body:not(.admin-body) .official-final-actions,body.public-body:not(.admin-body) .official-final-actions .btn{position:relative!important;z-index:20!important;pointer-events:auto!important;}
body.public-body.page-about-body .vtx-team-modal[aria-hidden="false"]{opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:grid!important;z-index:2147483000!important;}
html body.public-body:not(.admin-body) .askvatax-widget{z-index:2147483200!important;overflow:visible!important;}

/* VATAX 2026-06-27: highest specificity hide for removed Stripe secure note */
html body.public-body:is(.page-submit-tax-case-body,.page-submit-vat-registration-body,.page-submit-vat-return-body,.page-submit-consultation-body):not(.admin-body):not(.client-body):not(.employee-body) .final-secure-note{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}


/* VATAX client portal SweetAlert — scoped and conflict-safe */
.portal-client-body .swal2-container {
  padding: 20px;
  backdrop-filter: blur(3px);
  background: rgba(18, 27, 42, .48) !important;
}
.portal-client-body .vtx-client-swal-popup {
  width: min(520px, calc(100vw - 32px)) !important;
  padding: 30px 30px 24px !important;
  border: 1px solid rgba(16, 48, 76, .10) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 24px 70px rgba(13, 31, 49, .22) !important;
  font-family: inherit !important;
}
.portal-client-body .vtx-client-swal-popup .swal2-icon {
  margin: 0 auto 18px !important;
  transform: scale(.88);
}
.portal-client-body .vtx-client-swal-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #17324d !important;
  font-size: clamp(22px, 4vw, 29px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}
.portal-client-body .vtx-client-swal-text {
  margin: 12px auto 0 !important;
  padding: 0 !important;
  max-width: 430px;
  color: #5c6d7d !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  text-align: center !important;
  direction: inherit !important;
}
.portal-client-body .vtx-client-swal-actions {
  margin: 24px 0 0 !important;
  gap: 10px !important;
}
.portal-client-body .vtx-client-swal-confirm {
  min-width: 132px;
  min-height: 46px;
  padding: 10px 26px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #eaaa22 !important;
  color: #102b43 !important;
  box-shadow: 0 8px 22px rgba(234, 170, 34, .25) !important;
  font: inherit !important;
  font-weight: 800 !important;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.portal-client-body .vtx-client-swal-confirm:hover {
  transform: translateY(-1px);
  filter: brightness(.98);
  box-shadow: 0 12px 28px rgba(234, 170, 34, .32) !important;
}
.portal-client-body .vtx-client-swal-confirm:focus-visible {
  outline: 3px solid rgba(234, 170, 34, .28) !important;
  outline-offset: 3px;
}
@media (max-width: 560px) {
  .portal-client-body .vtx-client-swal-popup {
    padding: 26px 18px 20px !important;
    border-radius: 18px !important;
  }
  .portal-client-body .vtx-client-swal-title { font-size: 23px !important; }
  .portal-client-body .vtx-client-swal-text { font-size: 15px !important; }
  .portal-client-body .vtx-client-swal-confirm { width: 100%; }
}

/* =========================================================
   VATAX unified SweetAlert2 design — 2026-07-10
   Global scope: public pages + client/admin/employee portals.
   This intentionally targets native SweetAlert2 classes as well as VATAX
   custom classes, so every alert keeps the same design even when a page calls
   Swal.fire() directly.
   ========================================================= */
html body .swal2-container{
  z-index:2147483600!important;
  padding:18px!important;
  background:rgba(6,25,31,.52)!important;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  box-sizing:border-box!important;
}
html body .swal2-popup,
html body .vtx-swal-popup,
html body .vtx-swal2-popup{
  width:min(540px,calc(100vw - 32px))!important;
  max-width:540px!important;
  padding:30px 30px 24px!important;
  border:1px solid rgba(7,57,68,.12)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(3,31,37,.28)!important;
  color:#12343a!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .swal2-icon,
html body .vtx-swal-icon,
html body .vtx-swal2-icon{
  width:74px!important;
  height:74px!important;
  margin:0 auto 20px!important;
  border-width:3px!important;
  transform:none!important;
  box-sizing:content-box!important;
}
html body .swal2-icon .swal2-icon-content{
  font-size:48px!important;
  line-height:74px!important;
}
html body .swal2-title,
html body .vtx-swal-title,
html body .vtx-swal2-title{
  margin:0!important;
  padding:0!important;
  color:#12343a!important;
  font-size:clamp(23px,3.5vw,30px)!important;
  font-weight:800!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
html body .swal2-html-container,
html body .vtx-swal-text,
html body .vtx-swal2-html{
  max-width:450px!important;
  margin:12px auto 0!important;
  padding:0!important;
  color:#5d7075!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.85!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html[dir="rtl"] body .swal2-title,
html[dir="rtl"] body .swal2-html-container,
html[dir="rtl"] body .vtx-swal-title,
html[dir="rtl"] body .vtx-swal-text{
  direction:rtl!important;
  text-align:center!important;
}
html[dir="ltr"] body .swal2-title,
html[dir="ltr"] body .swal2-html-container,
html[dir="ltr"] body .vtx-swal-title,
html[dir="ltr"] body .vtx-swal-text{
  direction:ltr!important;
  text-align:center!important;
}
html body .swal2-actions,
html body .vtx-swal-actions{
  width:100%!important;
  margin:24px 0 0!important;
  padding:0!important;
  gap:10px!important;
  justify-content:center!important;
}
html body .swal2-styled.swal2-confirm,
html body .swal2-confirm,
html body .vtx-swal-confirm,
html body .vtx-swal2-confirm{
  min-width:150px!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 28px!important;
  border:1px solid #d99a14!important;
  border-radius:13px!important;
  background:#eaaa22!important;
  color:#102f36!important;
  box-shadow:0 10px 26px rgba(234,170,34,.28)!important;
  font-family:var(--vtx-font-body,Arial,sans-serif)!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.35!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
html body .swal2-styled.swal2-confirm:hover,
html body .swal2-confirm:hover,
html body .vtx-swal-confirm:hover,
html body .vtx-swal2-confirm:hover{
  transform:translateY(-1px)!important;
  filter:brightness(.98)!important;
  box-shadow:0 14px 32px rgba(234,170,34,.34)!important;
}
html body .swal2-styled.swal2-confirm:focus-visible,
html body .swal2-confirm:focus-visible,
html body .vtx-swal-confirm:focus-visible{
  outline:3px solid rgba(234,170,34,.32)!important;
  outline-offset:3px!important;
}
html body .swal2-styled.swal2-cancel,
html body .swal2-cancel,
html body .vtx-swal-cancel{
  min-width:130px!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 24px!important;
  border:1px solid #cbd8da!important;
  border-radius:13px!important;
  background:#f5f8f8!important;
  color:#23484e!important;
  box-shadow:none!important;
  font-family:var(--vtx-font-body,Arial,sans-serif)!important;
  font-size:16px!important;
  font-weight:700!important;
}
html body .swal2-close{
  color:#6c8185!important;
  font-size:30px!important;
}
html body .swal2-timer-progress-bar{
  background:#eaaa22!important;
}
/* Local fallback used only when the SweetAlert CDN is unavailable. */
html body .vtx-swal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  display:none;
  place-items:center;
  padding:18px!important;
  background:rgba(6,25,31,.52)!important;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
html body .vtx-swal-overlay.open{display:grid!important;}
html body .vtx-swal-card{
  width:min(540px,calc(100vw - 32px))!important;
  padding:30px 30px 24px!important;
  border:1px solid rgba(7,57,68,.12)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(3,31,37,.28)!important;
  text-align:center!important;
}
html body .vtx-swal-card h3{margin:14px 0 0!important;color:#12343a!important;font-size:28px!important;font-weight:800!important;line-height:1.4!important;}
html body .vtx-swal-card p{margin:12px 0 0!important;color:#5d7075!important;font-size:16px!important;line-height:1.85!important;}
html body .vtx-swal-card .btn{min-width:150px!important;min-height:48px!important;margin-top:24px!important;border-radius:13px!important;font-weight:800!important;}
@media (max-width:560px){
  html body .swal2-container{padding:12px!important;}
  html body .swal2-popup,
  html body .vtx-swal-popup,
  html body .vtx-swal2-popup,
  html body .vtx-swal-card{
    width:calc(100vw - 24px)!important;
    padding:25px 18px 20px!important;
    border-radius:20px!important;
  }
  html body .swal2-icon{width:66px!important;height:66px!important;margin-bottom:17px!important;}
  html body .swal2-title{font-size:23px!important;}
  html body .swal2-html-container{font-size:15px!important;line-height:1.75!important;}
  html body .swal2-actions{display:grid!important;grid-template-columns:1fr!important;}
  html body .swal2-confirm,
  html body .swal2-cancel,
  html body .vtx-swal-confirm,
  html body .vtx-swal-cancel{width:100%!important;}
}

/* Secure email OTP login */
.auth-otp .vtx-otp-form{margin-top:18px}
.auth-otp .vtx-otp-input{font-size:30px!important;font-weight:800!important;letter-spacing:12px!important;text-align:center!important;padding-inline:18px!important}
.auth-otp .vtx-otp-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.auth-otp .vtx-otp-actions form{margin:0}
.auth-otp .button-link{border:0;background:transparent;cursor:pointer;padding:4px 0;font:inherit}
.auth-otp .vtx-otp-security-note{margin-top:16px;padding:12px 14px;border:1px solid rgba(8,56,70,.12);border-radius:12px;background:#f7fbfc;text-align:center}
@media (max-width:520px){.auth-otp .vtx-otp-input{font-size:26px!important;letter-spacing:8px!important}.auth-otp .vtx-otp-actions{justify-content:center}}

/* Unified VATAX card accent and workflow entries */
.vtx-card,.emp-card,.admin-panel{position:relative;overflow:hidden}
.vtx-card::before,.emp-card::before,.admin-panel::before{content:"";position:absolute;inset-inline:18px;top:0;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#0b5b50,#d49a24)}
.vtx-workflow-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px;border:1px solid rgba(8,56,70,.12);border-radius:16px;margin-top:12px;scroll-margin-top:100px}
.vtx-report-review-form{grid-column:1/-1;margin-top:10px}
@media(max-width:700px){.vtx-workflow-entry{grid-template-columns:1fr}.vtx-card::before,.emp-card::before,.admin-panel::before{inset-inline:12px}}