@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{
 --navy:#071c2e;--navy2:#0b2a42;--navy3:#103a55;--teal:#0f8b7c;--green:#23b67a;--mint:#67e0b4;
 --text:#14212c;--muted:#6e7e8b;--line:#e2e9ee;--soft:#f5f8fa;--soft2:#eef4f6;--white:#fff;
 --danger:#bd3535;--warning:#b6780c;--shadow:0 24px 70px rgba(7,28,46,.12);--shadow-sm:0 12px 34px rgba(7,28,46,.09)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}.container{width:min(1200px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img,video{max-width:100%}
.site-header{height:82px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,236,.85)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand,.auth-brand,.auth-mobile-brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,#092a42,#0f8b7c);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 9px 24px rgba(7,28,46,.2)}.brand span:last-child,.auth-brand span:last-child{display:grid;line-height:1}.brand strong,.auth-brand strong{font-size:16px}.brand small,.auth-brand small{font-size:9px;letter-spacing:3px;color:var(--teal);margin-top:4px}.brand-on-dark strong{color:#fff}.brand-on-dark small{color:#76ddbd}.public-nav{display:flex;gap:27px;margin-left:auto;font-size:13px;font-weight:650;color:#536574}.public-nav a{padding:9px 0;position:relative}.public-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--teal);transition:.2s}.public-nav a:hover{color:var(--navy)}.public-nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}
.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:760;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:13px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#0e8577,#18a27f);color:#fff;box-shadow:0 10px 25px rgba(15,139,124,.22)}.btn-primary:hover{box-shadow:0 14px 30px rgba(15,139,124,.28)}.btn-outline,.btn-ghost{border:1px solid var(--line);background:#fff;color:#263844}.btn-ghost:hover,.btn-outline:hover{border-color:#c6d7df;background:#f8fbfc}.btn-light{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff;box-shadow:0 10px 25px rgba(7,28,46,.22)}.btn-danger{background:#fff0f0;color:#a12d2d}.btn-sm{padding:8px 11px;border-radius:8px;font-size:11px}.btn-lg{padding:14px 21px;font-size:14px}.btn-glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}.full{width:100%}
/* HERO */
.hero{height:680px;min-height:680px;position:relative;overflow:hidden;background:var(--navy)}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}.hero-slide.active{opacity:1;visibility:visible}.hero-media,.hero-media>*{position:absolute;inset:0;width:100%;height:100%}.hero-media img,.hero-media video{object-fit:cover}.hero-fallback{background:linear-gradient(120deg,#061827 0%,#0a2b43 56%,#0a5d5b 100%);overflow:hidden}.fuel-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55}.orb-a{width:520px;height:520px;background:radial-gradient(circle,#21bb8a,transparent 68%);right:-90px;top:-100px}.orb-b{width:420px;height:420px;background:radial-gradient(circle,#1f6f91,transparent 68%);right:300px;bottom:-220px}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 8%,#000 65%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,31,.96) 0%,rgba(4,19,31,.86) 48%,rgba(4,19,31,.52) 100%)}.hero-grid{height:100%;position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .75fr;gap:68px;align-items:center;padding-top:24px}.hero-copy{color:#fff}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:1.65px;text-transform:uppercase;color:#76e1bf}.eyebrow:before,.section-kicker:before{content:"";width:24px;height:1px;background:currentColor}.hero h1{font-size:clamp(47px,5.5vw,75px);line-height:.98;letter-spacing:-3.3px;max-width:760px;margin:18px 0 21px}.hero p{max-width:700px;font-size:17px;line-height:1.72;color:#ccdae3;margin:0}.hero-actions{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap}.hero-trust{display:flex;gap:25px;margin-top:33px;flex-wrap:wrap;color:#b9c9d3;font-size:11px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust i{width:7px;height:7px;border-radius:50%;background:#56d49d;box-shadow:0 0 0 4px rgba(86,212,157,.1)}
.hero-console{background:rgba(10,35,52,.88);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:24px;color:#fff;box-shadow:0 35px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px);transform:perspective(1000px) rotateY(-3deg)}.console-head,.console-footer{display:flex;justify-content:space-between;align-items:center}.console-head small{display:block;color:#829aa9;font-size:9px;letter-spacing:1.4px;margin-bottom:5px}.console-head b{font-size:14px}.live-dot{font-size:10px;color:#84e7bd;background:rgba(55,190,132,.12);padding:7px 10px;border-radius:999px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4bd393;margin-right:6px}.console-main-kpi{padding:23px 0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.console-main-kpi span{font-size:11px;color:#91a7b4}.console-main-kpi strong{display:block;font-size:38px;letter-spacing:-1.5px;margin:4px 0}.console-main-kpi strong small{font-size:14px;color:#9eb1bc}.console-main-kpi em{font-size:10px;color:#62d8aa;font-style:normal}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.console-grid div{background:rgba(255,255,255,.055);padding:12px 13px;border-radius:12px}.console-grid span{font-size:9px;color:#93a9b5;display:block}.console-grid b{font-size:14px;display:block;margin-top:4px}.console-chart{height:90px;display:flex;align-items:flex-end;gap:8px;margin-top:14px;padding:10px 8px 0;background:rgba(255,255,255,.025);border-radius:12px}.console-chart span{flex:1;background:linear-gradient(180deg,#3ed095,#147b73);border-radius:4px 4px 1px 1px}.console-footer{font-size:9px;color:#78919f;margin-top:12px}.console-footer b{color:#b8c8d1;font-size:10px}.hero-dots{position:absolute;z-index:7;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dots button{width:7px;height:7px;border:0;border-radius:99px;padding:0;background:rgba(255,255,255,.4);transition:.2s;cursor:pointer}.hero-dots button.active{width:25px;background:#fff}
.sector-strip{border-bottom:1px solid var(--line);background:#fff}.sector-strip .container{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:auto;white-space:nowrap}.sector-strip span{font-size:10px;color:#8a98a2;text-transform:uppercase;letter-spacing:1px}.sector-strip b{font-size:12px;color:#435461;font-weight:700}
/* PUBLIC SECTIONS */
.section{padding:100px 0}.section-soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split-wide{grid-template-columns:1.12fr .88fr}.section h2{font-size:clamp(35px,4vw,53px);line-height:1.08;letter-spacing:-2.1px;margin:12px 0 19px}.lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:700px}.check-list-pro{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.check-list-pro span{border-top:1px solid var(--line);padding-top:15px;display:grid;gap:4px}.check-list-pro i{font-style:normal;color:var(--teal);font-size:10px;font-weight:800}.check-list-pro b{font-size:14px}.check-list-pro small{font-size:11px;color:var(--muted)}.insight-card{border-radius:25px;padding:27px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.insight-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:12px}.insight-top span{font-weight:800}.insight-top b{font-size:10px;color:var(--muted)}.insight-line{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef2f4;font-size:13px}.insight-line span{color:var(--muted)}.insight-total{margin-top:18px;background:linear-gradient(135deg,#0a293f,#0f706b);color:#fff;padding:19px;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.insight-total span{font-size:11px;color:#b7d2d6}.insight-total strong{font-size:22px}
.section-dark{background:linear-gradient(145deg,#071a2a,#0b2b42);color:#fff}.section-head-pro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:42px}.section-head-pro>div{max-width:650px}.section-head-pro h2{margin-bottom:0}.section-head-pro>p{max-width:430px;color:#9fb2bf;line-height:1.7;font-size:14px}.section-head-pro.light>p{color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-grid article{padding:30px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:20px}.steps-grid span{font-size:10px;color:#68d5ad;font-weight:850}.steps-grid h3{font-size:21px;margin:24px 0 10px}.steps-grid p{color:#9fb1bd;line-height:1.65;font-size:13px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;background:#fff;padding:27px;border:1px solid var(--line);border-radius:18px;min-height:230px;transition:.2s}.feature-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px);border-color:#cfdde4}.feature-number{position:absolute;top:22px;right:22px;font-size:9px;color:#a2aeb6;font-weight:800}.feature-symbol{width:43px;height:43px;border-radius:12px;background:#eef8f5;color:#0b7a6e;display:grid;place-items:center;font-size:13px;font-weight:900}.feature-card h3{margin:22px 0 9px;font-size:18px}.feature-card p{color:var(--muted);line-height:1.65;margin:0;font-size:13px}.access-panel{background:#fff;border:1px solid #dce7ec;border-radius:30px;padding:52px;display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center;box-shadow:0 28px 80px rgba(7,28,46,.06)}.access-copy p{font-size:16px;line-height:1.75;color:var(--muted);max-width:650px}.access-tags{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.access-tags span{font-size:10px;font-weight:800;color:#48606d;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#f8fbfc}.text-link{color:var(--teal);font-weight:760;font-size:12px}.strong-link{font-size:13px}.access-login-card{border-radius:20px;background:#f8fafb;border:1px solid var(--line);padding:24px}.mini-brand{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:15px}.mini-brand .brand-mark{width:36px;height:36px;border-radius:10px}.mini-brand div{display:grid}.mini-brand b{font-size:13px}.mini-brand small{font-size:9px;color:var(--muted);margin-top:2px}.access-login-card label{display:block;font-size:10px;font-weight:800;margin:11px 0 6px}.mock-input{border:1px solid #d9e3e8;background:#fff;padding:12px;border-radius:9px;color:#83929c;font-size:12px}.mock-button{background:var(--navy);color:#fff;text-align:center;border-radius:9px;padding:12px;margin-top:14px;font-weight:750;font-size:12px}.secure-note{display:block;text-align:center;color:#95a2aa;margin-top:10px;font-size:9px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.2s}.news-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.news-card img,.news-placeholder{width:100%;height:210px;object-fit:cover;background:linear-gradient(135deg,#0b263c,#0f7f73);display:grid;place-items:center}.news-placeholder span{color:rgba(255,255,255,.8);font-size:34px;font-weight:900}.news-card>div:last-child{padding:21px}.news-card small{color:var(--teal);font-size:9px;font-weight:850;letter-spacing:.4px}.news-card h3{font-size:18px;margin:8px 0}.news-card p{color:var(--muted);line-height:1.6;font-size:12px;margin:0}.cta{background:var(--navy);color:#fff;padding:72px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta span{font-size:10px;letter-spacing:1.8px;color:#72deb8;font-weight:800}.cta h2{font-size:36px;letter-spacing:-1.4px;max-width:720px;margin:9px 0}.cta p{color:#9eb2bf;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{background:#051724;color:#9eafba;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-grid>div{display:grid;align-content:start;gap:10px}.footer-grid b{color:#fff;font-size:12px}.footer-grid a,.footer-grid span{font-size:12px}.footer-brand-col p{max-width:450px;line-height:1.65;font-size:12px}.inverse strong{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:19px;margin-top:40px;font-size:10px;display:flex;justify-content:space-between}
/* REQUEST PAGE */
.request-page{background:#f3f7f9;min-height:calc(100vh - 82px)}.request-hero{padding:75px 0 95px;background:radial-gradient(circle at 10% 10%,rgba(44,173,139,.14),transparent 28%),#f3f7f9}.request-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.request-hero h1{font-size:52px;line-height:1.04;letter-spacing:-2.4px;margin:16px 0}.request-hero p{font-size:16px;line-height:1.75;color:var(--muted)}.request-contact-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.request-contact-strip div{background:#fff;border:1px solid var(--line);padding:15px;border-radius:12px;display:grid;gap:4px}.request-contact-strip small{font-size:9px;color:var(--muted);text-transform:uppercase}.request-contact-strip b{font-size:12px}.request-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:31px;box-shadow:var(--shadow)}.request-card h2{font-size:27px;margin:11px 0 6px}.success-state{text-align:center;padding:35px 12px}.success-icon{width:65px;height:65px;border-radius:50%;background:#e9faf2;color:#12855c;display:grid;place-items:center;font-size:26px;font-weight:900;margin:0 auto 15px}
/* AUTH */
.portal-auth{min-height:100vh;background:#f4f7f9}.portal-auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.portal-side{position:relative;background:radial-gradient(circle at 75% 15%,rgba(51,185,148,.24),transparent 26%),linear-gradient(145deg,#061827,#0a3049);color:#fff;padding:42px 7vw;display:flex;flex-direction:column}.portal-copy{margin:auto 0;max-width:640px}.portal-copy h1{font-size:clamp(45px,5vw,70px);line-height:.98;letter-spacing:-3px;margin:17px 0 20px}.portal-copy p{color:#b9cad4;line-height:1.7;max-width:620px}.portal-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.portal-points span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:8px 11px;border-radius:999px;color:#bbccd5;font-size:10px}.portal-form-side{display:grid;place-items:center;padding:38px}.auth-card{background:#fff;padding:33px;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line)}.auth-card-pro{width:min(450px,100%)}.auth-card h1,.auth-card h2{margin:8px 0 7px;font-size:30px;letter-spacing:-1px}.auth-chip{display:inline-flex;background:#eaf8f4;color:#087a6d;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850;letter-spacing:.8px}.admin-chip{background:#edf1f4;color:#53616b}.auth-mobile-brand{display:none;margin-bottom:24px}.auth-mobile-brand b{font-size:14px}.muted{color:var(--muted)}.form-stack{display:grid;gap:14px}.form-stack label{font-size:11px;font-weight:780;display:grid;gap:7px;color:#344550}.form-stack input,.form-stack select,.form-stack textarea,.input{width:100%;padding:12px 13px;border:1px solid #d9e3e8;border-radius:9px;font:inherit;background:#fff;color:#172630}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{outline:3px solid rgba(15,139,124,.09);border-color:#76bcb4}.auth-form{margin-top:22px}.auth-help{margin-top:18px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px}.auth-help span{color:var(--muted)}.auth-help a{color:var(--teal);font-weight:800}.auth-note{font-size:9px;text-align:center;color:#98a4ac;margin:16px 0 0;line-height:1.5}.alert{padding:12px 13px;border-radius:9px;margin:12px 0;font-size:11px}.alert.error{background:#fff0f0;color:#9e2d2d}.alert.success{background:#ebfff5;color:#0b7650}.admin-login-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,rgba(31,153,126,.13),transparent 25%),#eef3f5}.admin-login-shell>.brand{margin-bottom:-60px}.admin-login-shell .auth-card{margin-top:40px}.demo-box{background:var(--soft);padding:16px;border-radius:10px;line-height:1.65;margin:18px 0}.demo-box hr{border:0;border-top:1px solid var(--line)}.danger-text{color:#a92d2d;font-size:10px}
/* DASHBOARDS */
.app-body{background:#f3f6f8;min-height:100vh}.app-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#071c2e;color:#c8d5dd;padding:22px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 23px}.side-label{font-size:9px;letter-spacing:1.35px;color:#6d8594;padding:13px 12px 8px;font-weight:800}.side-nav{display:grid;gap:3px}.side-nav a{padding:11px 12px;border-radius:9px;font-size:12px;display:flex;align-items:center;gap:10px}.side-nav a span{width:17px;color:#8ca1ae}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.075);color:#fff}.side-nav a.active span{color:#70dbb8}.side-spacer{flex:1}.main-area{min-width:0}.topbar{min-height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;position:sticky;top:0;z-index:30}.topbar h1{font-size:18px;margin:2px 0 0}.topbar-kicker{font-size:8px;color:#8a98a2;letter-spacing:1.2px;font-weight:800}.top-user{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:35px;height:35px;border-radius:10px;background:#e5f6f1;color:var(--teal);display:grid;place-items:center;font-weight:850}.content{padding:27px;max-width:1600px}.admin-welcome{background:linear-gradient(130deg,#071c2e,#0b4251);color:#fff;border-radius:20px;padding:26px 28px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.admin-welcome h2{margin:7px 0;font-size:25px}.admin-welcome p{margin:0;color:#aac0ca;max-width:760px;font-size:12px;line-height:1.6}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.kpi small{color:var(--muted);display:block;font-size:10px}.kpi b{font-size:25px;display:block;margin-top:7px;letter-spacing:-.7px}.kpi em{font-style:normal;font-size:9px;color:var(--teal)}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.panel-head h2{font-size:16px;margin:2px 0 0}.panel-eyebrow{display:block;color:#82919b;font-size:8px;letter-spacing:1.2px;font-weight:850}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#7b8993;font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid #eef2f4;vertical-align:middle}.message-cell{min-width:220px;max-width:360px;line-height:1.55;color:#536570}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:850;text-transform:uppercase}.badge.active,.badge.paid,.badge.done{background:#e9fbf2;color:#087a4f}.badge.trial,.badge.test,.badge.new{background:#fff4da;color:#9b6704}.badge.cancelled,.badge.suspended,.badge.unpaid{background:#feecec;color:#a72e2e}.badge.inactive,.badge.in_progress{background:#edf1f4;color:#66737c}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.align-start{align-items:start}.mini-list{display:grid;gap:9px}.mini-item{display:flex;justify-content:space-between;gap:15px;padding:11px;background:var(--soft);border-radius:9px}.progress{height:7px;background:#e8eef2;border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:inherit}.action-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.modal-card,.form-card{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.checkbox-label{align-content:end}.checkbox-label input{width:auto}.notice{background:#eff8ff;border:1px solid #d8ebfb;padding:13px;border-radius:10px;color:#355d78;font-size:11px}.empty{padding:29px;text-align:center;color:var(--muted);font-size:11px}.mobile-menu{display:none}.status-select{width:120px;padding:7px}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pills a{font-size:9px;border:1px solid var(--line);padding:6px 8px;border-radius:999px;color:#6b7b86}.filter-pills a.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.hero-admin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-admin-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcfd}.hero-admin-preview{height:145px;border-radius:10px;overflow:hidden;position:relative;background:#0b2c43}.hero-admin-preview img,.hero-admin-preview video,.hero-admin-fallback{width:100%;height:100%;object-fit:cover}.hero-admin-fallback{background:linear-gradient(135deg,#092b42,#0f756d)}.hero-admin-preview .badge{position:absolute;top:8px;right:8px}.compact-form{margin-top:12px}.compact-form label{font-size:9px}.compact-form input,.compact-form textarea{padding:9px;font-size:11px}
@media(max-width:1080px){.public-nav{display:none}.hero-grid{grid-template-columns:1fr .72fr;gap:35px}.app-layout{grid-template-columns:235px 1fr}.hero-admin-list{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.intervention-nav{display:none}.hero{height:auto;min-height:780px}.hero-grid{grid-template-columns:1fr;padding-top:85px;padding-bottom:80px}.hero-console{max-width:570px;transform:none}.hero-overlay{background:rgba(4,19,31,.83)}.split,.access-panel,.request-hero-grid{grid-template-columns:1fr}.steps-grid,.feature-grid,.news-grid{grid-template-columns:1fr 1fr}.section-head-pro{display:grid;gap:10px}.section-head-pro>p{max-width:650px}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.mobile-menu{display:block}.content{padding:18px}.topbar{padding:10px 18px}.portal-auth-wrap{grid-template-columns:1fr}.portal-side{display:none}.portal-form-side{min-height:100vh}.auth-mobile-brand{display:flex}.admin-welcome{align-items:flex-start}.hero-admin-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 26px,1200px)}.site-header{height:70px}.nav-wrap{gap:8px}.brand strong{font-size:13px}.brand-mark{width:38px;height:38px;border-radius:11px}.brand small{font-size:7px}.nav-actions .btn{padding:9px 11px;font-size:11px}.hero{min-height:820px}.hero-grid{padding-top:65px;padding-bottom:70px;gap:30px}.hero h1{font-size:43px;letter-spacing:-2.1px}.hero p{font-size:15px}.hero-actions .btn{width:100%}.hero-trust{gap:11px}.hero-console{padding:18px;border-radius:20px}.console-main-kpi strong{font-size:31px}.sector-strip .container{height:62px}.section{padding:70px 0}.section h2{font-size:34px;letter-spacing:-1.4px}.split{gap:36px}.check-list-pro{grid-template-columns:1fr}.steps-grid,.feature-grid,.news-grid,.grid-2,.grid-3,.kpi-grid,.form-grid,.hero-admin-list{grid-template-columns:1fr}.access-panel{padding:26px;gap:32px}.cta .container{display:grid}.cta h2{font-size:30px}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:grid;gap:7px}.request-hero{padding:52px 0}.request-hero h1{font-size:39px;letter-spacing:-1.7px}.request-card{padding:22px}.request-contact-strip{grid-template-columns:1fr}.portal-form-side{padding:20px}.auth-card{padding:25px}.admin-login-shell{padding:18px}.admin-login-shell>.brand{margin-bottom:-20px}.admin-welcome{display:grid;padding:22px}.admin-welcome .btn{width:100%}.content{padding:12px}.top-user>div:last-child{display:none}.panel{padding:15px}.topbar h1{font-size:15px}.action-row{min-width:180px}}


/* FR / AR language switch */
.lang-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);background:#fff;border-radius:10px;direction:ltr;white-space:nowrap}
.lang-switch a{min-width:34px;padding:7px 9px;border-radius:7px;text-align:center;font-size:10px;font-weight:850;color:#6b7b86;line-height:1}
.lang-switch a.active{background:var(--navy);color:#fff}.dashboard-lang{margin-left:auto;margin-right:12px}.auth-lang{position:fixed;top:18px;right:18px;z-index:120;box-shadow:var(--shadow-sm)}
[dir="rtl"] body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif}[dir="rtl"] .public-nav{margin-left:0;margin-right:auto}[dir="rtl"] .eyebrow:before,[dir="rtl"] .section-kicker:before{order:2}[dir="rtl"] .hero-copy,[dir="rtl"] .section-head-pro,[dir="rtl"] .access-copy,[dir="rtl"] .request-page{text-align:right}[dir="rtl"] .hero-overlay{background:linear-gradient(270deg,rgba(4,19,31,.96) 0%,rgba(4,19,31,.86) 48%,rgba(4,19,31,.52) 100%)}[dir="rtl"] .hero-console{transform:perspective(1000px) rotateY(3deg)}[dir="rtl"] .public-nav a:after{left:100%;right:0}[dir="rtl"] .public-nav a:hover:after{left:0}[dir="rtl"] .side-nav a,[dir="rtl"] .brand,[dir="rtl"] .top-user,[dir="rtl"] .mini-item,[dir="rtl"] .console-head,[dir="rtl"] .console-footer,[dir="rtl"] .insight-line,[dir="rtl"] .insight-total{direction:rtl}[dir="rtl"] .side-nav a span{margin-left:2px}[dir="rtl"] th{text-align:right}[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}[dir="rtl"] input[type="email"],[dir="rtl"] input[name="username"],[dir="rtl"] input[name="contact_email"]{direction:ltr;text-align:left}[dir="rtl"] .auth-lang{right:auto;left:18px}[dir="rtl"] .dashboard-lang{margin-right:auto;margin-left:12px}[dir="rtl"] .live-dot:before{margin-right:0;margin-left:6px}
@media(max-width:620px){.lang-switch a{padding:6px 7px;min-width:30px}.nav-actions{gap:5px}.dashboard-lang{margin-right:6px}.auth-lang{top:10px;right:10px}[dir="rtl"] .auth-lang{left:10px;right:auto}}


/* Brand identity + typography refinements */
.brand{unicode-bidi:isolate}.brand-copy-lock{direction:ltr;unicode-bidi:isolate;display:grid;line-height:1}.brand-copy-lock bdi{unicode-bidi:isolate}.site-logo-img{display:block;max-height:48px;max-width:210px;width:auto;object-fit:contain}.sidebar .site-logo-img{max-height:44px;max-width:190px}.auth-mobile-brand .site-logo-img{max-height:42px;max-width:180px}.visual-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.visual-upload-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fbfcfd}.visual-upload-card h3{font-size:13px;margin:0 0 10px}.visual-preview{height:100px;border:1px dashed #cad7de;border-radius:11px;background:#fff;display:grid;place-items:center;padding:14px;margin-bottom:12px;overflow:hidden}.visual-preview img{max-width:100%;max-height:72px;object-fit:contain}.favicon-preview img{width:48px;height:48px;object-fit:contain}.visual-help{font-size:9px;color:var(--muted);line-height:1.5;margin-top:7px}.remove-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a4141;margin-top:9px}.remove-control input{width:auto}.identity-note{padding:11px 13px;border-radius:10px;background:#eef8f5;color:#2c6258;font-size:10px;line-height:1.5;margin-top:12px}
[dir="rtl"] body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;font-feature-settings:"kern" 1}[dir="rtl"] .brand,[dir="rtl"] .brand-copy-lock{direction:ltr;text-align:left}[dir="rtl"] .hero h1{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;font-size:clamp(44px,5vw,68px);letter-spacing:0;line-height:1.13;font-weight:800}[dir="rtl"] .section h2,[dir="rtl"] .cta h2,[dir="rtl"] .request-hero h1,[dir="rtl"] .portal-copy h1,[dir="rtl"] .admin-welcome h2,[dir="rtl"] .topbar h1{letter-spacing:0;line-height:1.25}[dir="rtl"] .eyebrow,[dir="rtl"] .section-kicker{letter-spacing:.2px;font-weight:700}[dir="rtl"] .hero p,[dir="rtl"] .lead,[dir="rtl"] .steps-grid p,[dir="rtl"] .feature-card p,[dir="rtl"] .news-card p{line-height:1.9}[dir="rtl"] .btn{font-weight:700}[dir="rtl"] .site-logo-img{direction:ltr}
@media(max-width:620px){.visual-identity-grid{grid-template-columns:1fr}.site-logo-img{max-height:42px;max-width:165px}[dir="rtl"] .hero h1{font-size:40px;line-height:1.18}}


/* Public desktop header: true centered navigation + isolated action area */
@media (min-width:1081px){
  /* Keep the three desktop header zones physically stable regardless of document RTL. */
  .site-header .nav-wrap{
    width:min(1760px,calc(100% - 64px));
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    grid-template-areas:"brand nav actions";
    align-items:center;
    gap:30px;
    direction:ltr;
  }
  .site-header .brand{grid-area:brand;justify-self:start;min-width:0;direction:ltr;flex-direction:row;text-align:left}
  .site-header .public-nav{grid-area:nav;justify-self:center;margin:0;gap:32px;white-space:nowrap}
  .site-header .nav-actions{grid-area:actions;justify-self:end;white-space:nowrap}
  .site-header .site-logo-img{width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;border-radius:13px}

  /* Arabic: actions stay LEFT, navigation stays CENTER, brand stays RIGHT. */
  [dir="rtl"] .site-header .nav-wrap{grid-template-areas:"actions nav brand"}
  [dir="rtl"] .site-header .brand{justify-self:end;direction:ltr;flex-direction:row;text-align:left}
  [dir="rtl"] .site-header .public-nav{justify-self:center;margin:0;direction:rtl}
  [dir="rtl"] .site-header .nav-actions{justify-self:start;direction:rtl}
}
@media (min-width:1081px) and (max-width:1220px){
  .site-header .nav-wrap{width:calc(100% - 36px);gap:18px}
  .site-header .public-nav{gap:20px;font-size:12px}
  .site-header .nav-actions{gap:6px}
  .site-header .nav-actions .btn{padding:10px 13px;font-size:12px}
  .site-header .lang-switch a{min-width:31px;padding:7px 7px}
}


/* V6 — hardened uploaded logo sizing + independently scrollable dashboard sidebar */
.brand-logo-box{
  width:48px;
  height:48px;
  min-width:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:13px;
  background:transparent;
}
.brand-logo-box .site-logo-img,
.site-header .brand-logo-box .site-logo-img,
.sidebar .brand-logo-box .site-logo-img,
.footer .brand-logo-box .site-logo-img,
.auth-brand .brand-logo-box .site-logo-img,
.auth-mobile-brand .brand-logo-box .site-logo-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.site-header .brand-logo-box{width:46px;height:46px;min-width:46px;flex-basis:46px;border-radius:12px}
.sidebar .brand-logo-box{width:44px;height:44px;min-width:44px;flex-basis:44px;border-radius:11px}
.auth-mobile-brand .brand-logo-box{width:42px;height:42px;min-width:42px;flex-basis:42px}
.footer .brand-logo-box{width:44px;height:44px;min-width:44px;flex-basis:44px}

.sidebar{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(125,160,178,.5) transparent;
}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(125,160,178,.42);border-radius:999px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(125,160,178,.68)}
.sidebar .side-spacer{min-height:18px}

@media (max-width:620px){
  .site-header .brand-logo-box{width:38px;height:38px;min-width:38px;flex-basis:38px;border-radius:10px}
}


/* V7 — Arabic public header: left actions / centered nav / right brand; logo before title */
@media (min-width:1081px){
  [dir="rtl"] .site-header .nav-wrap{direction:ltr !important;grid-template-areas:"actions nav brand" !important}
  [dir="rtl"] .site-header .nav-actions{grid-area:actions;justify-self:start !important;direction:rtl}
  [dir="rtl"] .site-header .public-nav{grid-area:nav;justify-self:center !important;direction:rtl;margin:0 !important}
  [dir="rtl"] .site-header .brand{grid-area:brand;justify-self:end !important;direction:ltr !important;flex-direction:row !important;text-align:left !important}
}


/* V8 — Arabic public header: brand order fixed (logo first on the right, then title) */
@media (min-width:1081px){
  [dir="rtl"] .site-header .brand{
    flex-direction:row-reverse !important;
    justify-self:end !important;
    direction:ltr !important;
    text-align:left !important;
  }
}


/* V9 — compact first-screen hero */
@media (min-width:901px){
  .hero{height:650px;min-height:650px}
  .hero-grid{
    align-items:start;
    padding-top:30px;
    padding-bottom:24px;
    gap:58px;
  }
  .hero-copy{align-self:start;margin-top:66px}
  .hero-copy .hero-trust{margin-top:25px}
  .hero-console{
    align-self:start;
    justify-self:end;
    width:min(100%,560px);
    margin-top:8px;
    padding:20px;
    border-radius:22px;
    transform:perspective(1000px) rotateY(-2deg);
  }
  .console-head small{font-size:8px;margin-bottom:4px}
  .console-head b{font-size:13px}
  .live-dot{font-size:9px;padding:6px 9px}
  .console-main-kpi{padding:18px 0 14px}
  .console-main-kpi span{font-size:10px}
  .console-main-kpi strong{font-size:34px;margin:3px 0}
  .console-main-kpi strong small{font-size:12px}
  .console-main-kpi em{font-size:9px}
  .console-grid{gap:8px;margin-top:12px}
  .console-grid div{padding:10px 11px;border-radius:10px}
  .console-grid span{font-size:8px}
  .console-grid b{font-size:13px;margin-top:3px}
  .console-chart{height:68px;gap:7px;margin-top:11px;padding:8px 7px 0;border-radius:10px}
  .console-footer{margin-top:9px;font-size:8px}
  .console-footer b{font-size:9px}
  [dir="rtl"] .hero-console{transform:perspective(1000px) rotateY(2deg)}
}

@media (min-width:901px) and (max-height:760px){
  .hero{height:610px;min-height:610px}
  .hero-grid{padding-top:22px;padding-bottom:18px}
  .hero-copy{margin-top:44px}
  .hero h1{font-size:clamp(45px,5vw,66px)}
  .hero-console{margin-top:0;transform:none}
  [dir="rtl"] .hero-console{transform:none}
}


/* V10 — mobile first screen: keep hero dark until full demo card; separate brand from language/login */
@media (max-width:900px){
  .hero{min-height:1040px}
  .hero-grid{
    align-items:start;
    padding-top:42px;
    padding-bottom:36px;
    gap:24px;
  }
  .hero-copy{align-self:start;margin-top:0}
  .hero-console{
    width:100%;
    max-width:none;
    align-self:start;
    margin-top:0;
    padding:16px;
    border-radius:18px;
  }
  .console-main-kpi{padding:18px 0 14px}
  .console-main-kpi strong{font-size:32px}
  .console-chart{height:76px;margin-top:12px}
}

@media (max-width:620px){
  .site-header{height:76px}
  .site-header .nav-wrap{
    justify-content:space-between;
    gap:10px;
  }
  .site-header .brand{
    flex:0 1 auto;
    min-width:0;
    max-width:46%;
  }
  .site-header .nav-actions{
    margin-left:auto;
    flex:0 0 auto;
    gap:7px;
    white-space:nowrap;
  }
  .site-header .nav-actions .btn{
    padding:10px 12px;
    font-size:11px;
  }
  .site-header .nav-actions .btn-ghost{padding:10px 11px}
  .site-header .lang-switch a{min-width:28px;padding:7px 8px;font-size:10px}
  .brand strong{font-size:11px}
  .brand small{font-size:6px;letter-spacing:2.2px}
  .hero{min-height:1080px}
  .hero-grid{padding-top:26px;padding-bottom:34px;gap:18px}
  .hero h1{font-size:34px;letter-spacing:-1.5px;line-height:1.02;margin:14px 0 16px}
  .hero p{font-size:12px;line-height:1.7}
  .eyebrow,.section-kicker{font-size:9px;gap:7px}
  .eyebrow:before,.section-kicker:before{width:16px}
  .hero-trust{gap:10px;margin-top:18px;font-size:10px}
  .hero-trust span{gap:6px}
  .hero-console{padding:14px;border-radius:16px}
  .console-head small{font-size:7px;margin-bottom:4px}
  .console-head b{font-size:12px}
  .live-dot{font-size:9px;padding:6px 9px}
  .console-main-kpi span{font-size:10px}
  .console-main-kpi strong{font-size:26px;letter-spacing:-1px}
  .console-main-kpi strong small{font-size:12px}
  .console-grid{gap:8px;margin-top:12px}
  .console-grid div{padding:10px 11px;border-radius:10px}
  .console-grid span{font-size:8px}
  .console-grid b{font-size:13px}
  .console-chart{height:64px;gap:7px;padding:8px 7px 0;border-radius:10px}
  .console-footer{font-size:8px;margin-top:8px}
  .console-footer b{font-size:9px}
}


/* V11 — mobile hero refinements for FR + AR */
@media (max-width:900px){
  .hero-grid{gap:18px}
  .hero-console{margin-top:-8px}
}

@media (max-width:620px){
  /* Hide the eyebrow line on phone while preserving the title position */
  .hero-copy .eyebrow{
    visibility:hidden;
    opacity:0;
    display:flex;
    height:14px;
    margin:0 0 14px;
    overflow:hidden;
  }
  .hero-grid{gap:16px}
  .hero-console{margin-top:-10px}
}


/* V12 — mobile header split + remove stretched gap before demo card (FR + AR) */
@media (max-width:900px){
  .hero{
    height:auto !important;
    min-height:calc(100svh - 76px) !important;
  }
  .hero-grid{
    height:auto !important;
    align-content:start !important;
    align-items:start !important;
    grid-auto-rows:max-content !important;
    gap:14px !important;
  }
  .hero-console{
    margin-top:-4px !important;
  }
}

@media (max-width:620px){
  .site-header .nav-wrap{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    direction:ltr !important;
  }
  .site-header .brand{
    order:1 !important;
    flex:0 0 auto !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    direction:ltr !important;
  }
  .site-header .nav-actions{
    order:2 !important;
    flex:0 0 auto !important;
    margin:0 0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    direction:ltr !important;
  }
  /* Arabic: keep brand at the far right and actions at the far left. */
  [dir="rtl"] .site-header .brand{
    order:2 !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
  [dir="rtl"] .site-header .nav-actions{
    order:1 !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
  .site-header .brand-logo-box{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
  }
  .site-header .brand{gap:7px !important}
  .site-header .brand strong{font-size:10px !important;white-space:nowrap}
  .site-header .brand small{font-size:5.5px !important;letter-spacing:2px !important}
  .site-header .nav-actions .btn{
    padding:9px 11px !important;
    font-size:10px !important;
  }
  .site-header .lang-switch{flex:0 0 auto}
  .site-header .lang-switch a{
    min-width:27px !important;
    padding:6px 7px !important;
    font-size:9px !important;
  }

  .hero{
    min-height:calc(100svh - 76px) !important;
  }
  .hero-grid{
    padding-top:26px !important;
    padding-bottom:28px !important;
    gap:12px !important;
  }
  .hero-console{
    margin-top:-8px !important;
  }
}


/* V13 — single clean language button */
.lang-switch{padding:0;border:0;background:transparent;border-radius:0;gap:0}
.lang-switch a{min-width:auto;padding:9px 12px;border-radius:9px;background:var(--navy);color:#fff;border:1px solid var(--navy);line-height:1;font-size:10px;font-weight:850}
.lang-switch a:hover{background:#0b314c;color:#fff}
@media(max-width:620px){
  .site-header .lang-switch a{min-width:34px !important;padding:8px 10px !important;font-size:9px !important}
}


/* V14 — robust mobile header + safe hero spacing in both languages */
@media (max-width:620px){
  .site-header{height:76px !important}
  .site-header .nav-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .site-header .public-nav{display:none !important}

  .site-header .brand,
  .site-header .nav-actions{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
  }

  /* FR: brand left, controls right */
  html[dir="ltr"] .site-header .brand{
    left:12px !important;
    right:auto !important;
    justify-content:flex-start !important;
  }
  html[dir="ltr"] .site-header .nav-actions{
    right:12px !important;
    left:auto !important;
    justify-content:flex-end !important;
  }

  /* AR: controls left, brand right */
  html[dir="rtl"] .site-header .brand{
    right:12px !important;
    left:auto !important;
    justify-content:flex-end !important;
    flex-direction:row-reverse !important;
    direction:ltr !important;
  }
  html[dir="rtl"] .site-header .nav-actions{
    left:12px !important;
    right:auto !important;
    justify-content:flex-start !important;
    direction:ltr !important;
  }

  .site-header .brand{gap:6px !important;max-width:128px !important}
  .site-header .brand-logo-box{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    flex-basis:31px !important;
  }
  .site-header .brand strong{font-size:9px !important;white-space:nowrap !important}
  .site-header .brand small{font-size:5px !important;letter-spacing:1.8px !important}

  .site-header .nav-actions{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    white-space:nowrap !important;
  }
  .site-header .nav-actions .intervention-nav{display:none !important}
  .site-header .nav-actions .btn{
    padding:9px 10px !important;
    font-size:9px !important;
    border-radius:9px !important;
  }
  .site-header .lang-switch{display:block !important}
  .site-header .lang-switch a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:34px !important;
    padding:8px 9px !important;
    font-size:9px !important;
  }

  .hero{
    height:auto !important;
    min-height:calc(100svh - 76px) !important;
  }
  .hero-grid{
    height:auto !important;
    align-content:start !important;
    align-items:start !important;
    grid-auto-rows:max-content !important;
    padding-top:28px !important;
    padding-bottom:30px !important;
    gap:24px !important;
  }
  .hero-copy{margin-top:0 !important}
  .hero-console{
    margin-top:0 !important;
    transform:none !important;
  }
  html[dir="rtl"] .hero-console{transform:none !important}
}


/* V15 — phone: lower the demo card slightly in both FR and AR */
@media (max-width:620px){
  .hero-console{margin-top:12px !important}
}


/* V16 — compact mobile brand + short language code */
@media (max-width:620px){
  .site-header .brand{gap:5px !important;max-width:112px !important}
  .site-header .brand-logo-box{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    flex-basis:27px !important;
  }
  .site-header .brand strong{font-size:8px !important}
  .site-header .brand small{font-size:4.5px !important;letter-spacing:1.45px !important;margin-top:2px !important}
}


/* V17 — mobile brand slightly larger than the pre-V16 size */
@media (max-width:620px){
  .site-header .brand{gap:7px !important;max-width:142px !important}
  .site-header .brand-logo-box{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
  }
  .site-header .brand strong{font-size:10px !important}
  .site-header .brand small{font-size:5.5px !important;letter-spacing:1.9px !important;margin-top:3px !important}
}


/* V18 — mobile brand ~1/3 larger than V17 */
@media (max-width:620px){
  .site-header .brand{gap:8px !important;max-width:188px !important}
  .site-header .brand-logo-box{
    width:45px !important;
    height:45px !important;
    min-width:45px !important;
    flex-basis:45px !important;
  }
  .site-header .brand strong{font-size:13px !important}
  .site-header .brand small{font-size:7px !important;letter-spacing:2.2px !important;margin-top:3px !important}
}


/* V19 — creative integrated public header + hero */
.home-page{
  background:#061827;
}
.home-page .site-header{
  position:absolute !important;
  top:18px;
  left:0;
  right:0;
  height:64px !important;
  z-index:120;
  background:transparent !important;
  border:0 !important;
  backdrop-filter:none !important;
}
.home-page .site-header .nav-wrap{
  width:min(1680px,calc(100% - 56px)) !important;
  max-width:none !important;
  height:64px !important;
  padding:0 14px 0 12px !important;
  background:rgba(255,255,255,.965);
  border:1px solid rgba(255,255,255,.7);
  border-radius:19px;
  box-shadow:0 18px 55px rgba(0,13,25,.20),0 2px 8px rgba(7,28,46,.08);
  backdrop-filter:blur(20px);
}
.home-page .site-header .brand{gap:9px !important}
.home-page .site-header .brand-logo-box{
  width:40px !important;height:40px !important;min-width:40px !important;flex-basis:40px !important;border-radius:11px !important;
}
.home-page .site-header .brand strong{font-size:14px !important;letter-spacing:-.25px}
.home-page .site-header .brand small{font-size:7px !important;letter-spacing:2.7px !important;margin-top:3px !important}
.home-page .site-header .public-nav{gap:29px !important;font-size:11.5px !important;font-weight:680 !important;color:#536574}
.home-page .site-header .public-nav a{padding:8px 0}
.home-page .site-header .nav-actions{gap:8px !important}
.home-page .site-header .lang-switch a{
  min-width:42px !important;padding:10px 12px !important;border-radius:12px !important;font-size:10px !important;
  box-shadow:none !important;
}
.home-page .site-header .nav-actions .btn{
  min-height:42px;padding:10px 15px !important;border-radius:12px !important;font-size:11px !important;font-weight:760 !important;
}
.home-page .site-header .btn-ghost{background:#fff;border-color:#dce6eb}
.home-page .site-header .btn-primary{box-shadow:0 8px 24px rgba(15,139,124,.18)}

.home-page .hero{
  height:760px !important;
  min-height:760px !important;
  background:#061827;
  overflow:hidden;
}
.home-page .hero:before,
.home-page .hero:after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  border-radius:999px;
}
.home-page .hero:before{
  width:760px;height:760px;
  right:-280px;top:-260px;
  border:1px solid rgba(76,221,178,.16);
  box-shadow:0 0 0 75px rgba(76,221,178,.025),0 0 0 150px rgba(76,221,178,.018);
}
.home-page .hero:after{
  width:520px;height:520px;
  left:38%;bottom:-430px;
  background:radial-gradient(circle,rgba(45,173,143,.16),rgba(45,173,143,0) 68%);
}
.home-page .hero-fallback{
  background:
    radial-gradient(circle at 86% 23%,rgba(16,139,124,.25),transparent 29%),
    radial-gradient(circle at 70% 80%,rgba(23,85,114,.22),transparent 32%),
    linear-gradient(118deg,#061827 0%,#071d2d 52%,#073b42 100%) !important;
}
.home-page .grid-lines{
  opacity:.55;
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 42%,#000 100%);
}
.home-page .hero-overlay{
  background:linear-gradient(90deg,rgba(4,18,30,.94) 0%,rgba(4,18,30,.84) 43%,rgba(4,18,30,.32) 100%) !important;
}
.home-page .hero-grid{
  width:min(1680px,calc(100% - 96px));
  max-width:none;
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.82fr);
  grid-template-areas:"copy visual";
  gap:92px !important;
  align-items:center !important;
  padding-top:106px !important;
  padding-bottom:58px !important;
}
.home-page .hero-copy{grid-area:copy;align-self:center !important;margin:0 !important;position:relative;z-index:3}
.home-page .hero-copy .eyebrow{
  width:max-content;
  padding:8px 11px;
  border:1px solid rgba(111,231,192,.20);
  border-radius:999px;
  background:rgba(73,204,162,.07);
  font-size:9px;
  letter-spacing:1.45px;
  color:#76e1bf;
}
.home-page .hero-copy .eyebrow:before{width:7px;height:7px;border-radius:50%;background:#54d6a4;box-shadow:0 0 0 5px rgba(84,214,164,.08)}
.home-page .hero h1{
  max-width:850px;
  font-size:clamp(54px,5.45vw,82px);
  line-height:.96;
  letter-spacing:-4.4px;
  font-weight:700;
  margin:24px 0 22px;
  text-wrap:balance;
}
.home-page .hero p{
  max-width:690px;
  font-size:15.5px;
  line-height:1.75;
  color:#c4d2db;
}
.home-page .hero-trust{
  gap:8px !important;
  margin-top:28px !important;
}
.home-page .hero-trust span{
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  font-size:9.5px;
  color:#c2d0d8;
  backdrop-filter:blur(8px);
}
.home-page .hero-trust i{width:6px;height:6px;box-shadow:0 0 0 4px rgba(86,212,157,.07)}

.home-page .hero-visual{
  grid-area:visual;
  position:relative;
  width:min(100%,600px);
  justify-self:end;
  z-index:4;
}
.home-page .hero-console{
  position:relative;
  z-index:3;
  width:100% !important;
  margin:0 !important;
  padding:24px !important;
  border-radius:28px !important;
  background:linear-gradient(160deg,rgba(12,44,63,.93),rgba(8,34,51,.94)) !important;
  border:1px solid rgba(138,220,198,.18) !important;
  box-shadow:0 42px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04) !important;
  transform:perspective(1300px) rotateY(-2.4deg) rotateX(.7deg) !important;
  backdrop-filter:blur(22px);
}
.home-page .hero-console:before{
  content:"";
  position:absolute;
  left:28px;right:28px;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(113,231,191,.55),transparent);
}
.home-page .console-head b{font-size:15px}
.home-page .console-head small{font-size:8px;letter-spacing:1.7px}
.home-page .live-dot{padding:7px 11px;font-size:9px;border:1px solid rgba(91,226,176,.08)}
.home-page .console-main-kpi{padding:23px 0 18px}
.home-page .console-main-kpi strong{font-size:39px}
.home-page .console-grid div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.035)}
.home-page .console-chart{height:84px;background:rgba(255,255,255,.024)}
.home-page .console-chart span{background:linear-gradient(180deg,#46d59c,#12847a);box-shadow:0 -6px 18px rgba(70,213,156,.08)}
.home-page .visual-ring{
  position:absolute;border:1px solid rgba(101,224,186,.13);border-radius:999px;z-index:1;pointer-events:none;
}
.home-page .ring-one{width:390px;height:390px;right:-88px;top:-75px}
.home-page .ring-two{width:310px;height:310px;left:-88px;bottom:-80px;border-color:rgba(80,143,174,.14)}
.home-page .hero-float{
  position:absolute;z-index:6;display:flex;align-items:center;gap:8px;
  padding:9px 12px;border-radius:999px;background:rgba(248,253,252,.96);color:#203641;
  box-shadow:0 16px 38px rgba(0,0,0,.22);font-size:9px;font-weight:800;white-space:nowrap;
}
.home-page .hero-float i{width:7px;height:7px;border-radius:50%;background:#25b887;box-shadow:0 0 0 4px rgba(37,184,135,.10)}
.home-page .hero-float-one{left:-40px;top:58px}
.home-page .hero-float-two{right:-20px;bottom:64px}

.home-page + *{position:relative}
.home-page .sector-strip{
  position:relative;
  z-index:20;
  margin-top:-33px;
  border:0;
  background:transparent;
}
.home-page .sector-strip .container{
  width:min(1500px,calc(100% - 96px));
  height:66px;
  padding:0 24px;
  background:#fff;
  border:1px solid #e4ecef;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(7,28,46,.10);
}
.home-page .sector-strip span{font-size:8px;letter-spacing:1.25px}
.home-page .sector-strip b{font-size:10.5px;color:#314651}
.home-page .intro-section{padding-top:110px}

@media (min-width:1081px){
  [dir="rtl"] .home-page .hero-grid{grid-template-areas:"visual copy"}
  [dir="rtl"] .home-page .hero-visual{justify-self:start}
  [dir="rtl"] .home-page .hero-console{transform:perspective(1300px) rotateY(2.4deg) rotateX(.7deg) !important}
  [dir="rtl"] .home-page .hero-overlay{background:linear-gradient(270deg,rgba(4,18,30,.94) 0%,rgba(4,18,30,.84) 43%,rgba(4,18,30,.32) 100%) !important}
  [dir="rtl"] .home-page .hero:before{right:auto;left:-280px}
}

@media (max-width:1180px) and (min-width:901px){
  .home-page .site-header .nav-wrap{width:calc(100% - 34px) !important}
  .home-page .site-header .public-nav{gap:20px !important;font-size:10.5px !important}
  .home-page .site-header .nav-actions .intervention-nav{display:none !important}
  .home-page .hero-grid{width:calc(100% - 54px);grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:46px !important}
  .home-page .hero h1{font-size:clamp(50px,5.2vw,68px)}
}

@media (max-width:900px){
  .home-page .site-header{top:12px;height:62px !important}
  .home-page .site-header .nav-wrap{
    width:calc(100% - 24px) !important;
    height:62px !important;
    border-radius:17px !important;
    padding:0 11px !important;
  }
  .home-page .hero{
    height:auto !important;
    min-height:1000px !important;
  }
  .home-page .hero-grid{
    width:min(100% - 28px,720px);
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual" !important;
    gap:26px !important;
    padding-top:116px !important;
    padding-bottom:58px !important;
  }
  .home-page .hero-copy{align-self:start !important}
  .home-page .hero-visual{justify-self:stretch !important;width:100%;max-width:620px;margin:0 auto}
  .home-page .hero-console{transform:none !important}
  [dir="rtl"] .home-page .hero-console{transform:none !important}
  .home-page .hero-float{display:none}
  .home-page .visual-ring{opacity:.55}
  .home-page .sector-strip{margin-top:-24px}
  .home-page .sector-strip .container{width:calc(100% - 28px);height:60px;padding:0 15px;gap:18px}
}

@media (max-width:620px){
  .home-page .site-header{top:8px !important;height:58px !important}
  .home-page .site-header .nav-wrap{
    width:calc(100% - 16px) !important;
    height:58px !important;
    border-radius:16px !important;
    padding:0 9px !important;
  }
  .home-page .site-header .brand,
  .home-page .site-header .nav-actions{
    top:50% !important;
  }
  .home-page .site-header .brand-logo-box{
    width:38px !important;height:38px !important;min-width:38px !important;flex-basis:38px !important;
  }
  .home-page .site-header .brand{gap:6px !important;max-width:158px !important}
  .home-page .site-header .brand strong{font-size:11px !important}
  .home-page .site-header .brand small{font-size:5.8px !important;letter-spacing:1.8px !important;margin-top:2px !important}
  .home-page .site-header .nav-actions{gap:5px !important}
  .home-page .site-header .nav-actions .btn{min-height:36px;padding:8px 10px !important;font-size:9px !important;border-radius:10px !important}
  .home-page .site-header .lang-switch a{min-width:34px !important;padding:8px 9px !important;font-size:9px !important;border-radius:10px !important}

  .home-page .hero{min-height:960px !important}
  .home-page .hero-grid{
    width:calc(100% - 22px);
    padding-top:102px !important;
    padding-bottom:48px !important;
    gap:28px !important;
  }
  .home-page .hero-copy .eyebrow{
    visibility:hidden !important;
    opacity:0 !important;
    height:13px !important;
    padding:0 !important;
    margin:0 0 8px !important;
    border:0 !important;
  }
  .home-page .hero h1{
    font-size:36px !important;
    line-height:1.03 !important;
    letter-spacing:-1.7px !important;
    margin:10px 0 15px !important;
  }
  [dir="rtl"] .home-page .hero h1{font-size:35px !important;line-height:1.14 !important;letter-spacing:0 !important}
  .home-page .hero p{font-size:12px !important;line-height:1.68 !important}
  .home-page .hero-trust{margin-top:18px !important;gap:6px !important}
  .home-page .hero-trust span{padding:6px 8px;font-size:8px}
  .home-page .hero-console{padding:14px !important;border-radius:18px !important}
  .home-page .console-main-kpi{padding:16px 0 13px}
  .home-page .console-main-kpi strong{font-size:27px}
  .home-page .console-chart{height:66px}
  .home-page .ring-one{width:250px;height:250px;right:-75px;top:-45px}
  .home-page .ring-two{width:220px;height:220px;left:-65px;bottom:-45px}
  .home-page .sector-strip{margin-top:-18px}
  .home-page .sector-strip .container{width:calc(100% - 18px);height:58px;border-radius:15px;padding:0 14px}
  .home-page .intro-section{padding-top:90px}
}


/* V20 — phone reset: preserve V19 desktop, restore a clean spacious mobile first screen */
@media (max-width:620px){
  .home-page{background:#fff !important}

  /* Standard mobile header instead of the floating desktop treatment */
  .home-page .site-header{
    position:sticky !important;
    top:0 !important;
    left:auto !important;
    right:auto !important;
    height:76px !important;
    background:#fff !important;
    border-bottom:1px solid #e5ecef !important;
    backdrop-filter:blur(16px) !important;
    box-shadow:none !important;
  }
  .home-page .site-header .nav-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:76px !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .home-page .site-header .public-nav{display:none !important}
  .home-page .site-header .brand,
  .home-page .site-header .nav-actions{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
  }
  html[dir="ltr"] .home-page .site-header .brand{
    left:12px !important;right:auto !important;justify-content:flex-start !important;flex-direction:row !important;
  }
  html[dir="ltr"] .home-page .site-header .nav-actions{
    right:12px !important;left:auto !important;justify-content:flex-end !important;direction:ltr !important;
  }
  html[dir="rtl"] .home-page .site-header .brand{
    right:12px !important;left:auto !important;justify-content:flex-end !important;flex-direction:row-reverse !important;direction:ltr !important;
  }
  html[dir="rtl"] .home-page .site-header .nav-actions{
    left:12px !important;right:auto !important;justify-content:flex-start !important;direction:ltr !important;
  }
  .home-page .site-header .brand{
    gap:8px !important;
    max-width:188px !important;
  }
  .home-page .site-header .brand-logo-box{
    width:45px !important;height:45px !important;min-width:45px !important;flex-basis:45px !important;border-radius:11px !important;
  }
  .home-page .site-header .brand strong{font-size:13px !important;letter-spacing:0 !important;white-space:nowrap !important}
  .home-page .site-header .brand small{font-size:7px !important;letter-spacing:2.2px !important;margin-top:3px !important}
  .home-page .site-header .nav-actions{display:flex !important;align-items:center !important;gap:6px !important;white-space:nowrap !important}
  .home-page .site-header .nav-actions .intervention-nav{display:none !important}
  .home-page .site-header .nav-actions .btn{
    min-height:auto !important;padding:9px 10px !important;font-size:9px !important;border-radius:9px !important;
  }
  .home-page .site-header .lang-switch a{
    min-width:34px !important;padding:8px 9px !important;font-size:9px !important;border-radius:9px !important;
  }

  /* Calm mobile hero: no overlap, no floating ornaments */
  .home-page .hero{
    height:auto !important;
    min-height:calc(100svh - 76px) !important;
    background:#061827 !important;
    overflow:hidden !important;
  }
  .home-page .hero:before,.home-page .hero:after{display:none !important}
  .home-page .hero-grid{
    width:calc(100% - 26px) !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"copy" "visual" !important;
    align-content:start !important;
    align-items:start !important;
    grid-auto-rows:max-content !important;
    gap:28px !important;
    padding-top:32px !important;
    padding-bottom:38px !important;
  }
  .home-page .hero-copy{
    grid-area:copy !important;
    align-self:start !important;
    margin:0 !important;
  }
  .home-page .hero-copy .eyebrow{
    visibility:hidden !important;
    opacity:0 !important;
    display:flex !important;
    height:13px !important;
    padding:0 !important;
    margin:0 0 8px !important;
    border:0 !important;
    background:transparent !important;
    overflow:hidden !important;
  }
  .home-page .hero h1{
    max-width:none !important;
    font-size:40px !important;
    line-height:1.03 !important;
    letter-spacing:-2px !important;
    margin:10px 0 16px !important;
    text-wrap:normal !important;
  }
  html[dir="rtl"] .home-page .hero h1{
    font-size:39px !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
  }
  .home-page .hero p{font-size:13px !important;line-height:1.72 !important;max-width:none !important}
  .home-page .hero-trust{margin-top:20px !important;gap:9px !important}
  .home-page .hero-trust span{
    padding:0 !important;border:0 !important;background:transparent !important;
    font-size:9px !important;color:#b9c9d3 !important;backdrop-filter:none !important;
  }
  .home-page .hero-visual{
    grid-area:visual !important;
    width:100% !important;
    max-width:none !important;
    justify-self:stretch !important;
    margin:0 !important;
  }
  .home-page .visual-ring,.home-page .hero-float{display:none !important}
  .home-page .hero-console{
    width:100% !important;
    margin:10px 0 0 !important;
    padding:16px !important;
    border-radius:18px !important;
    transform:none !important;
    background:rgba(10,35,52,.90) !important;
    box-shadow:0 20px 44px rgba(0,0,0,.22) !important;
  }
  .home-page .hero-console:before{display:none !important}
  .home-page .console-head small{font-size:8px !important}
  .home-page .console-head b{font-size:13px !important}
  .home-page .live-dot{font-size:9px !important;padding:6px 9px !important}
  .home-page .console-main-kpi{padding:18px 0 14px !important}
  .home-page .console-main-kpi strong{font-size:31px !important}
  .home-page .console-grid{gap:8px !important;margin-top:12px !important}
  .home-page .console-grid div{padding:10px 11px !important;border-radius:10px !important}
  .home-page .console-chart{height:70px !important;margin-top:12px !important}

  /* Return the sector row to normal document flow on phones */
  .home-page .sector-strip{
    margin-top:0 !important;
    background:#fff !important;
    border-bottom:1px solid var(--line) !important;
  }
  .home-page .sector-strip .container{
    width:calc(100% - 26px) !important;
    height:62px !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .home-page .intro-section{padding-top:70px !important}
}


/* V21 — desktop polish: fixed floating header, centered demo card, no protruding pills */
@media (min-width:621px){
  .home-page .site-header{
    position:fixed !important;
    top:18px !important;
    left:0 !important;
    right:0 !important;
    z-index:180 !important;
  }

  .home-page .hero-visual{
    justify-self:center !important;
    align-self:center !important;
    width:min(100%,560px) !important;
  }

  .home-page .hero-console,
  [dir="rtl"] .home-page .hero-console{
    transform:none !important;
    margin:0 auto !important;
  }

  .home-page .hero-float{
    display:none !important;
  }
}

/* V22 — mobile floating header like desktop + hard overflow containment */
@media (max-width:620px){
  html,body,.home-page{max-width:100%;overflow-x:hidden !important}

  /* Same modern floating header language as desktop, sized for phone */
  .home-page .site-header{
    position:fixed !important;
    top:8px !important;
    left:0 !important;
    right:0 !important;
    height:62px !important;
    z-index:220 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  .home-page .site-header .nav-wrap{
    position:relative !important;
    display:block !important;
    width:calc(100% - 16px) !important;
    max-width:none !important;
    height:62px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:rgba(255,255,255,.97) !important;
    border:1px solid rgba(255,255,255,.8) !important;
    border-radius:17px !important;
    box-shadow:0 14px 34px rgba(0,13,25,.20),0 2px 7px rgba(7,28,46,.08) !important;
    backdrop-filter:blur(18px) !important;
    overflow:hidden !important;
  }
  .home-page .site-header .public-nav{display:none !important}
  .home-page .site-header .brand,
  .home-page .site-header .nav-actions{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
  }
  html[dir="ltr"] .home-page .site-header .brand{left:10px !important;right:auto !important;flex-direction:row !important;justify-content:flex-start !important}
  html[dir="ltr"] .home-page .site-header .nav-actions{right:9px !important;left:auto !important;direction:ltr !important;justify-content:flex-end !important}
  html[dir="rtl"] .home-page .site-header .brand{right:10px !important;left:auto !important;flex-direction:row-reverse !important;justify-content:flex-end !important;direction:ltr !important}
  html[dir="rtl"] .home-page .site-header .nav-actions{left:9px !important;right:auto !important;direction:ltr !important;justify-content:flex-start !important}

  .home-page .site-header .brand{gap:7px !important;max-width:54% !important;min-width:0 !important}
  .home-page .site-header .brand-logo-box{width:43px !important;height:43px !important;min-width:43px !important;flex-basis:43px !important;border-radius:11px !important}
  .home-page .site-header .brand strong{font-size:12.5px !important;line-height:1 !important;white-space:nowrap !important}
  .home-page .site-header .brand small{font-size:6.5px !important;letter-spacing:2.1px !important;margin-top:3px !important}
  .home-page .site-header .nav-actions{display:flex !important;align-items:center !important;gap:5px !important;white-space:nowrap !important}
  .home-page .site-header .nav-actions .intervention-nav{display:none !important}
  .home-page .site-header .nav-actions .btn{padding:9px 10px !important;font-size:9px !important;border-radius:10px !important;min-height:36px !important}
  .home-page .site-header .lang-switch a{min-width:35px !important;padding:8px 9px !important;font-size:9px !important;border-radius:10px !important}

  /* Account for fixed floating header */
  .home-page .hero-grid{padding-top:96px !important}

  /* Keep every hero child inside the viewport */
  .home-page .hero-grid,
  .home-page .hero-copy,
  .home-page .hero-visual,
  .home-page .hero-console,
  .home-page .console-head,
  .home-page .console-main-kpi,
  .home-page .console-grid,
  .home-page .console-chart,
  .home-page .console-footer{min-width:0 !important;max-width:100% !important}

  .home-page .hero-grid{width:calc(100% - 24px) !important;margin-left:auto !important;margin-right:auto !important}
  .home-page .hero-copy{width:100% !important;overflow:hidden !important}
  .home-page .hero-copy p{width:100% !important;max-width:100% !important;overflow-wrap:anywhere !important}
  .home-page .hero-visual{width:100% !important;max-width:100% !important;margin:0 !important;overflow:visible !important}
  .home-page .hero-console{
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 0 !important;
    overflow:hidden !important;
  }
  .home-page .console-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important}
  .home-page .console-grid div{min-width:0 !important}
  .home-page .console-grid span,.home-page .console-grid b{overflow-wrap:anywhere !important}
  .home-page .console-head{gap:8px !important}
  .home-page .console-head>div{min-width:0 !important}
  .home-page .live-dot{flex:0 0 auto !important}
}

/* V23 — only the requested viewport/card fixes */
/* Desktop: make the demo console a little smaller and keep it vertically centered with the hero copy. */
@media (min-width:901px){
  .home-page .hero-visual{
    width:min(100%,520px) !important;
    align-self:center !important;
    justify-self:center !important;
  }
  .home-page .hero-console,
  [dir="rtl"] .home-page .hero-console{
    width:100% !important;
    padding:20px !important;
    margin:0 auto !important;
    transform:none !important;
  }
  .home-page .console-main-kpi{padding:18px 0 14px !important}
  .home-page .console-main-kpi strong{font-size:34px !important}
  .home-page .console-grid{gap:8px !important;margin-top:12px !important}
  .home-page .console-grid div{padding:10px 11px !important}
  .home-page .console-chart{height:68px !important;margin-top:11px !important}
  .home-page .console-footer{margin-top:8px !important}
}

/* Phone: the first viewport must contain only the dark hero; the white sector starts after the fold. */
@media (max-width:620px){
  .home-page .hero{
    height:auto !important;
    min-height:100svh !important;
    min-height:100dvh !important;
  }
}

/* V25 — desktop first-screen alignment: keep the hero high, but leave more breathing room below the fixed header */
@media (min-width:901px){
  .home-page .hero-grid{
    transform:translateY(-60px) !important;
  }
}

/* V26 — desktop: lift only the demo card slightly; keep title/copy exactly in place */
@media (min-width:901px){
  .home-page .hero-visual{
    transform:translateY(-22px) !important;
  }
}


/* V27 — compact fixed bottom navigation for the public site on phones */
.mobile-bottom-nav{display:none}
@media (max-width:620px){
  .home-page .mobile-bottom-nav{
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:260;
    height:42px;
    display:flex;
    align-items:center;
    gap:4px;
    padding:4px;
    border-radius:15px;
    background:rgba(7,28,46,.96);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 12px 30px rgba(0,13,25,.34);
    backdrop-filter:blur(18px);
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    direction:ltr;
  }
  .home-page .mobile-bottom-nav::-webkit-scrollbar{display:none}
  .home-page .mobile-bottom-nav a{
    flex:0 0 auto;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:11px;
    color:#d5e1e7;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .home-page .mobile-bottom-nav a.active{
    background:var(--teal);
    color:#fff;
    box-shadow:0 7px 16px rgba(15,139,124,.30);
  }
  .home-page .mobile-bottom-nav a:active{transform:scale(.97)}
  html[dir="rtl"] .home-page .mobile-bottom-nav{direction:rtl}
  .home-page .footer{padding-bottom:82px !important}
}


/* V28 — real public pages + CMS editor */
.public-nav a.active{color:var(--navy)}
.public-nav a.active:after{right:0}

.content-page{background:#f5f8f9}
.content-page .site-header{position:fixed;top:18px;left:0;right:0;z-index:180;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.content-page .site-header .nav-wrap{width:min(calc(100% - 44px),1480px);height:66px;padding:0 18px 0 16px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);border-radius:22px;box-shadow:0 18px 42px rgba(0,13,25,.16);backdrop-filter:blur(18px)}
.content-page .site-header .public-nav{font-size:11.5px;gap:29px}
.content-page .site-header .brand strong{font-size:14px}
.content-page .site-header .brand small{font-size:7px}
.content-page .site-header .nav-actions .btn{padding:10px 15px;font-size:11px}
.content-page .site-header .lang-switch a{min-width:40px;padding:9px 10px;font-size:10px}

.standalone-page{overflow:hidden}
.page-hero{position:relative;min-height:620px;padding:150px 0 82px;background:linear-gradient(115deg,#061827 0%,#071f31 58%,#0a4d4c 100%);color:#fff;overflow:hidden}
.page-orb{position:absolute;border-radius:50%;border:1px solid rgba(83,224,187,.15);pointer-events:none}
.page-orb-a{width:620px;height:620px;right:-160px;top:-210px;box-shadow:inset 0 0 110px rgba(45,202,158,.06)}
.page-orb-b{width:470px;height:470px;left:-250px;bottom:-270px}
.page-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .75fr;gap:90px;align-items:center}
.page-hero-copy{max-width:780px}
.page-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(92,221,181,.28);border-radius:999px;color:#70e3bb;background:rgba(9,75,68,.18);font-size:10px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase}
.page-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ed39d;box-shadow:0 0 0 5px rgba(78,211,157,.1)}
.page-hero h1{font-size:clamp(50px,5vw,74px);line-height:1;letter-spacing:-3.2px;margin:24px 0 22px;max-width:820px}
.page-hero-copy>p{font-size:17px;line-height:1.75;color:#c4d3dc;max-width:680px;margin:0}
.page-hero-visual{min-width:0}
.page-hero-visual>img{width:100%;height:380px;object-fit:cover;border-radius:28px;border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 90px rgba(0,0,0,.28)}
.page-visual-card{padding:24px;border-radius:26px;background:rgba(11,43,62,.86);border:1px solid rgba(255,255,255,.13);box-shadow:0 32px 80px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
.page-visual-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);color:#8ca5b3;font-size:10px;text-transform:uppercase;letter-spacing:1.3px}
.page-visual-top i{width:8px;height:8px;border-radius:50%;background:#49d099;box-shadow:0 0 0 5px rgba(73,208,153,.1)}
.page-visual-row{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.page-visual-row:last-child{border-bottom:0}
.page-visual-row b{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#65d9af;font-size:10px}
.page-visual-row span{font-size:15px;font-weight:750}

.page-detail-section{padding:92px 0;background:#f5f8f9}
.page-detail-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}
.page-detail-intro{position:sticky;top:120px}
.page-detail-intro h2{font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:16px 0 18px}
.page-detail-intro p{font-size:15px;line-height:1.85;color:#637783;margin:0}
.page-point-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.page-point-card{min-height:205px;background:#fff;border:1px solid #dce6eb;border-radius:20px;padding:25px;box-shadow:0 12px 34px rgba(7,28,46,.04)}
.page-point-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf8f4;color:#087a6d;font-size:9px;font-weight:900}
.page-point-card h3{font-size:18px;margin:20px 0 9px}
.page-point-card p{font-size:12px;line-height:1.7;color:#71828c;margin:0}
.page-news-section{background:#fff}
.page-news-grid{grid-template-columns:repeat(3,1fr)}
.news-more{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}
.news-more summary{cursor:pointer;color:var(--teal);font-size:10px;font-weight:800}
.news-more div{padding-top:11px;color:#657680;line-height:1.7;font-size:11px}
.page-cta{padding:64px 0;background:#061827;color:#fff}
.page-cta .container{display:flex;align-items:center;justify-content:space-between;gap:35px}
.page-cta span{font-size:9px;color:#70deb8;letter-spacing:1.6px;font-weight:850}
.page-cta h2{font-size:30px;margin:8px 0 0;letter-spacing:-1px}
.page-missing{min-height:70vh;padding:180px 0 80px}

/* The mobile bottom nav now belongs to every public page, not just Home. */
@media(max-width:620px){
  .public-site-page .mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:260;height:42px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:15px;background:rgba(7,28,46,.96);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,13,25,.34);backdrop-filter:blur(18px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;direction:ltr}
  .public-site-page .mobile-bottom-nav::-webkit-scrollbar{display:none}
  .public-site-page .mobile-bottom-nav a{flex:0 0 auto;height:34px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:11px;color:#d5e1e7;font-size:10px;font-weight:800;white-space:nowrap}
  .public-site-page .mobile-bottom-nav a.active{background:var(--teal);color:#fff;box-shadow:0 7px 16px rgba(15,139,124,.30)}
  html[dir="rtl"] .public-site-page .mobile-bottom-nav{direction:rtl}
  .public-site-page .footer{padding-bottom:82px !important}

  .content-page .site-header{top:8px;height:62px}
  .content-page .site-header .nav-wrap{position:relative;display:block;width:calc(100% - 16px);height:62px;margin:0 auto;padding:0;border-radius:17px;overflow:hidden}
  .content-page .site-header .public-nav{display:none}
  .content-page .site-header .brand,.content-page .site-header .nav-actions{position:absolute;top:50%;transform:translateY(-50%);margin:0}
  html[dir="ltr"] .content-page .site-header .brand{left:10px;right:auto}
  html[dir="ltr"] .content-page .site-header .nav-actions{right:9px;left:auto;direction:ltr}
  html[dir="rtl"] .content-page .site-header .brand{right:10px;left:auto;flex-direction:row-reverse;direction:ltr}
  html[dir="rtl"] .content-page .site-header .nav-actions{left:9px;right:auto;direction:ltr}
  .content-page .site-header .brand{gap:7px;max-width:54%}
  .content-page .site-header .brand-logo-box{width:43px;height:43px;min-width:43px;flex-basis:43px}
  .content-page .site-header .brand strong{font-size:12.5px;white-space:nowrap}
  .content-page .site-header .brand small{font-size:6.5px;letter-spacing:2.1px}
  .content-page .site-header .nav-actions{display:flex;gap:5px;align-items:center}
  .content-page .site-header .intervention-nav{display:none}
  .content-page .site-header .nav-actions .btn{padding:9px 10px;font-size:9px;border-radius:10px;min-height:36px}
  .content-page .site-header .lang-switch a{min-width:35px;padding:8px 9px;font-size:9px;border-radius:10px}

  .page-hero{min-height:100svh;padding:100px 0 54px}
  .page-hero-grid{grid-template-columns:1fr;gap:28px}
  .page-hero h1{font-size:39px;letter-spacing:-1.8px;margin:18px 0 16px}
  [dir="rtl"] .page-hero h1{font-size:39px;letter-spacing:0;line-height:1.15}
  .page-hero-copy>p{font-size:13px;line-height:1.75}
  .page-eyebrow{font-size:8px;padding:7px 10px}
  .page-hero-visual>img{height:230px;border-radius:20px}
  .page-visual-card{padding:16px;border-radius:18px}
  .page-visual-row{padding:13px 0;grid-template-columns:34px 1fr;gap:10px}
  .page-visual-row b{width:31px;height:31px;border-radius:9px}
  .page-visual-row span{font-size:12px}
  .page-detail-section{padding:64px 0}
  .page-detail-grid{grid-template-columns:1fr;gap:35px}
  .page-detail-intro{position:static}
  .page-detail-intro h2{font-size:31px;letter-spacing:-1px}
  .page-point-grid{grid-template-columns:1fr}
  .page-point-card{min-height:0;padding:21px}
  .page-news-grid{grid-template-columns:1fr}
  .page-cta .container{display:grid}
  .page-cta h2{font-size:27px}
}

/* Admin page editor */
.page-admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.page-admin-tabs a{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#60727e;font-size:10px;font-weight:800}
.page-admin-tabs a.active{background:var(--navy);border-color:var(--navy);color:#fff}
.page-editor-panel{max-width:1300px}
.admin-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.admin-language-grid>section{display:grid;gap:13px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fafcfd}
.admin-lang-title{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--teal);padding-bottom:8px;border-bottom:1px solid var(--line)}
.admin-language-grid small{font-size:9px;color:var(--muted);font-weight:500}
.page-media-admin{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafcfd}
.page-media-admin img{width:100%;max-height:220px;object-fit:cover;border-radius:10px}
.page-media-empty{min-height:110px;display:grid;place-items:center;text-align:center;border:1px dashed #cad7de;border-radius:10px;color:var(--muted);font-size:10px;padding:15px}
@media(max-width:900px){.admin-language-grid,.page-media-admin{grid-template-columns:1fr}}


/* V29 — clearer SEO administration + individual news pages */
.seo-admin-panel{border-color:#cfe3dc;background:linear-gradient(180deg,#fff,#fbfefd)}
.seo-language-grid{margin-top:16px}.seo-language-grid section{background:#f8fbfa;border-color:#dcebe6}
.seo-status-pill{font-size:10px;font-weight:800;color:#0b7569;background:#eaf8f4;padding:7px 10px;border-radius:999px}
.seo-preview{margin-top:12px;padding:14px;border:1px solid #dce7e2;border-radius:12px;background:#fff;display:grid;gap:5px}.seo-preview small{font-size:8px;color:#8b9aa2;letter-spacing:1px}.seo-preview b{font-size:15px;color:#2859a8;font-weight:650}.seo-preview span{font-size:9px;color:#14805d}.seo-preview p{font-size:11px;color:#596b75;line-height:1.5;margin:0}.publish-panel{display:flex;align-items:center;justify-content:space-between;gap:15px}.inner-seo-panel{margin-top:8px;padding:18px;border:1px solid #dce9e4;border-radius:14px;background:#f9fcfb}.news-url-box{padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.news-url-box small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.news-admin-item{align-items:center}.news-read-link{display:inline-flex;margin-top:10px}.news-detail-hero{padding:180px 0 60px;background:radial-gradient(circle at 80% 10%,rgba(31,160,132,.16),transparent 28%),#071c2e;color:#fff}.news-detail-head{max-width:920px}.news-detail-head>span{display:block;color:#70d8b4;font-size:10px;font-weight:800;letter-spacing:1px;margin:24px 0 10px}.news-detail-head h1{font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 20px}.news-detail-head p{font-size:17px;line-height:1.7;color:#b9cbd5;max-width:760px}.news-back{font-size:11px;color:#9eb5c1}.news-detail-content{padding:60px 0 90px;background:#f6f8f9}.news-article-wrap{max-width:920px}.news-detail-image{width:100%;max-height:520px;object-fit:cover;border-radius:22px;margin-bottom:32px}.news-article-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;font-size:15px;line-height:1.9;color:#334650;white-space:normal}
@media(max-width:620px){.publish-panel{display:grid}.news-detail-hero{padding:130px 0 42px}.news-detail-head h1{font-size:36px;letter-spacing:-1.2px}.news-detail-content{padding:34px 0 80px}.news-article-body{padding:22px;font-size:14px}}

/* V30 — states added for Super Admin billing, preserving the existing badge language */
.badge.pending{background:#fff4da;color:#9b6704}
.badge.failed{background:#feecec;color:#a72e2e}


/* V31 — mobile bottom navigation for station and Super Admin dashboards */
.app-mobile-bottom{display:none}
@media(max-width:900px){
  .app-body{padding-bottom:72px}
  .app-body .content{padding-bottom:84px}
  .app-mobile-bottom{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:180;
    min-height:54px;
    display:flex;
    align-items:stretch;
    gap:4px;
    padding:5px;
    border-radius:17px;
    background:rgba(7,28,46,.97);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 14px 36px rgba(5,23,36,.30);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    direction:ltr;
  }
  .app-mobile-bottom::-webkit-scrollbar{display:none}
  .app-mobile-bottom a{
    flex:1 0 66px;
    min-width:66px;
    height:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:4px 8px;
    border-radius:12px;
    color:#b8c9d3;
    white-space:nowrap;
    font-size:9px;
    font-weight:750;
    line-height:1;
    transition:.18s ease;
  }
  .app-mobile-bottom a span{font-size:13px;line-height:1;color:#88a1af}
  .app-mobile-bottom a b{font:inherit;font-weight:800}
  .app-mobile-bottom a.active{
    background:linear-gradient(135deg,#0f8b7c,#18a58d);
    color:#fff;
    box-shadow:0 7px 18px rgba(15,139,124,.28);
  }
  .app-mobile-bottom a.active span{color:#fff}
  .app-mobile-bottom a:active{transform:scale(.97)}
  html[dir="rtl"] .app-mobile-bottom{direction:rtl}
}
@media(max-width:420px){
  .app-mobile-bottom{left:7px;right:7px;bottom:7px;min-height:52px;border-radius:15px;padding:4px}
  .app-mobile-bottom a{height:42px;min-width:62px;flex-basis:62px;font-size:8.5px;padding:3px 6px}
  .app-mobile-bottom a span{font-size:12px}
}

/* V35 — Modern client station workspace */
.station-app-body{background:#f5f7fa;color:#14212b}
.station-app-layout{grid-template-columns:268px minmax(0,1fr)}
.station-sidebar{background:linear-gradient(180deg,#071c2e 0%,#082238 100%);padding:22px 16px;border-right:1px solid rgba(255,255,255,.04);box-shadow:12px 0 38px rgba(7,28,46,.08)}
.station-sidebar .station-brand{padding:4px 10px 26px;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:15px}
.station-sidebar .station-brand strong{font-size:15px;max-width:168px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f7fbfd}
.station-sidebar .station-brand small{font-size:8px;letter-spacing:2.6px;color:#43c7ad;margin-top:5px}
.station-side-caption{font-size:8px;letter-spacing:1.8px;color:#617d90;font-weight:900;padding:15px 12px 8px}
.station-side-nav{gap:5px}
.station-side-nav a{position:relative;padding:10px 11px;border-radius:12px;gap:11px;font-size:12px;font-weight:650;color:#adc0cc;transition:.18s ease}
.station-side-nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}
.station-side-nav a.active{background:linear-gradient(90deg,rgba(25,164,140,.18),rgba(255,255,255,.06));color:#fff;box-shadow:inset 3px 0 0 #39c89f}
.station-nav-icon{width:34px!important;height:34px;min-width:34px;display:grid!important;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);color:#7f99aa;margin:0!important}
.station-side-nav a.active .station-nav-icon{background:#143b48;color:#54d6ad}
.station-nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.station-nav-label{flex:1}
.station-nav-dot{width:6px;height:6px;border-radius:50%;background:#4fd49d;box-shadow:0 0 0 4px rgba(79,212,157,.1)}
.station-side-nav-bottom{padding-top:2px}

.station-main-area{background:#f5f7fa}
.station-topbar{min-height:92px;padding:16px 28px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid #e5edf1;box-shadow:0 5px 24px rgba(15,35,48,.035)}
.station-page-heading{display:flex;align-items:center;gap:13px;min-width:0}
.station-page-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf8f4;color:#11846f;flex:0 0 auto}
.station-page-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.station-page-heading h1{font-size:22px;letter-spacing:-.45px;margin:0;color:#0d1c27}
.station-page-heading p{margin:4px 0 0;color:#83919b;font-size:10px;line-height:1.45}
.station-top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.station-user-card{padding:7px 10px 7px 8px;border:1px solid #e1eaee;background:#fff;border-radius:14px;min-width:190px}
.station-user-card .avatar{width:38px;height:38px;border-radius:11px}
.station-user-card b{font-size:11px;color:#1b2a34}
.station-plan-line{font-size:8.5px;color:#82909a;margin-top:3px;display:flex;align-items:center;gap:5px}
.station-online-dot{width:6px;height:6px;background:#42c990;border-radius:50%}
.station-content{padding:24px 28px 42px;max-width:1720px;width:100%}

.station-welcome-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#082137,#0b3a49);color:#fff;border-radius:19px;padding:22px 24px;margin-bottom:16px;box-shadow:0 18px 44px rgba(7,28,46,.12);overflow:hidden;position:relative}
.station-welcome-card:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(83,215,178,.12);border-radius:50%;right:-95px;top:-135px}
.station-welcome-kicker{font-size:8px;letter-spacing:1.6px;color:#63d9b4;font-weight:900}
.station-welcome-card h2{font-size:23px;margin:6px 0 5px;letter-spacing:-.5px}
.station-welcome-card p{font-size:11px;color:#adc2cd;margin:0}
.station-welcome-status{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 11px;font-size:9px;color:#bcd0d8;position:relative;z-index:1}
.station-welcome-status span{width:7px;height:7px;border-radius:50%;background:#4fd49d;box-shadow:0 0 0 4px rgba(79,212,157,.12)}

.station-kpi-grid{gap:14px}
.station-kpi{min-height:122px;padding:18px;border-radius:16px;border:1px solid #e3eaee;display:flex;align-items:flex-start;gap:14px;box-shadow:0 8px 28px rgba(15,35,48,.035);transition:.18s ease}
.station-kpi:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,35,48,.07)}
.station-kpi-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center}
.station-kpi-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.station-kpi-icon.revenue{background:#e9f8f3;color:#108069}.station-kpi-icon.fuel{background:#edf5ff;color:#3274ac}.station-kpi-icon.expense{background:#fff2e7;color:#b56728}.station-kpi-icon.people{background:#f1edff;color:#7456b8}
.station-kpi>div{min-width:0;flex:1}.station-kpi small{font-size:9px;color:#788792}.station-kpi b{font-size:24px;margin-top:9px;color:#11202a;letter-spacing:-.7px}.station-kpi em{margin-top:7px;display:block;font-size:8px;color:#0c8d75;font-weight:700}

.station-dashboard-grid{gap:16px;margin-top:16px}
.station-panel{border-radius:18px;border:1px solid #e2eaee;padding:20px;box-shadow:0 8px 28px rgba(15,35,48,.035)}
.station-panel .panel-head{margin-bottom:18px}
.station-panel .panel-head h2{font-size:16px;color:#17252f}
.station-panel .panel-eyebrow{font-size:7px;letter-spacing:1.4px;color:#119079;margin-bottom:5px}
.station-panel-link{font-size:9px;font-weight:800;color:#11836f;background:#edf8f5;padding:7px 9px;border-radius:999px}
.station-stock-list{gap:12px}.station-stock-item{padding:2px}.station-stock-item .mini-item{background:#f7fafb;border:1px solid #edf2f4;padding:12px;border-radius:12px}.station-stock-item .progress{margin-top:7px;height:6px}
.station-service-list{gap:8px}.station-service-item{background:#f7fafb;border:1px solid #edf2f4;border-radius:11px;padding:12px}.station-service-item>span{display:flex;align-items:center;gap:8px}.station-service-bullet{width:7px;height:7px;border-radius:50%;background:#38c99c;box-shadow:0 0 0 4px rgba(56,201,156,.08)}
.station-summary-panel{margin-top:16px}.station-summary-grid{gap:12px}.station-summary-grid .notice{background:#f7fafb;border:1px solid #e6eef1;color:#465a67;border-radius:13px;padding:15px}.station-summary-grid .notice small{font-size:9px;color:#81909a}.station-summary-grid .notice b{display:block;color:#172630;font-size:20px;margin-top:7px;letter-spacing:-.5px}.station-summary-grid .station-result{background:#eaf8f4;border-color:#d8f0e9}.station-summary-grid .station-result b{color:#08755f}

/* Modernize existing client forms/tables without changing their logic */
.station-content>.panel,.station-content>.grid-2>.panel,.station-content>.grid-3>.panel{border-radius:18px;border-color:#e2eaee;box-shadow:0 8px 28px rgba(15,35,48,.035)}
.station-content .form-stack input,.station-content .form-stack select,.station-content .form-stack textarea,.station-content .input{border-radius:11px;border-color:#dce6eb;background:#fbfcfd;min-height:43px}
.station-content .form-stack input:focus,.station-content .form-stack select:focus,.station-content .form-stack textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(15,139,124,.07)}
.station-content .btn-primary{border-radius:11px;box-shadow:0 8px 20px rgba(15,139,124,.13)}
.station-content table{font-size:10px}.station-content th{background:#f7fafb;color:#768690}.station-content td{background:#fff}
.station-content .table-wrap{border-radius:12px;border:1px solid #edf1f3;overflow:auto}

/* RTL client workspace */
[dir="rtl"] .station-side-nav a.active{box-shadow:inset -3px 0 0 #39c89f}
[dir="rtl"] .station-side-nav a:hover{transform:translateX(-2px)}
[dir="rtl"] .station-top-actions{margin-left:0;margin-right:auto}
[dir="rtl"] .station-welcome-card:after{right:auto;left:-95px}

@media(max-width:900px){
  .station-app-layout{grid-template-columns:1fr}
  .station-sidebar{display:none}
  .station-topbar{min-height:80px;padding:10px 14px;gap:10px}
  .station-page-icon{width:36px;height:36px;border-radius:11px}.station-page-icon svg{width:17px;height:17px}
  .station-page-heading h1{font-size:16px}.station-page-heading p{display:none}
  .station-user-card{min-width:0;padding:5px 7px}.station-user-card>div:last-child{display:none}.station-user-card .avatar{width:34px;height:34px}
  .station-top-actions{gap:7px}
  .station-content{padding:16px 14px 86px}
  .station-welcome-card{padding:18px;border-radius:16px}.station-welcome-card h2{font-size:20px}.station-welcome-status{display:none}
  .station-kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px}.station-kpi{min-height:104px;padding:13px;gap:10px}.station-kpi-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.station-kpi-icon svg{width:15px;height:15px}.station-kpi b{font-size:19px}
  .station-dashboard-grid{grid-template-columns:1fr}
  .station-mobile-bottom span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
}
@media(max-width:620px){
  .station-topbar{min-height:70px}
  .station-page-heading{gap:8px}.station-page-icon{display:none}.station-page-heading h1{font-size:15px}
  .station-content{padding:12px 10px 16px}
  .station-welcome-card{padding:15px}.station-welcome-card h2{font-size:18px}.station-welcome-card p{font-size:10px}
  .station-kpi-grid{grid-template-columns:1fr!important}.station-kpi{min-height:auto;align-items:center}.station-kpi b{font-size:20px;margin-top:4px}.station-kpi em{margin-top:3px}
  .station-panel{padding:14px;border-radius:15px}
  .station-summary-grid{grid-template-columns:1fr!important}
}


/* V38 — mobile client icon rail under the existing header */
.station-mobile-rail{display:none}
@media(max-width:900px){
  .station-app-body{padding-bottom:0}
  .station-app-body .content{padding-bottom:18px}
  .station-mobile-rail{
    position:fixed;
    top:92px;
    left:8px;
    z-index:120;
    width:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    padding:6px 5px;
    border-radius:15px;
    background:linear-gradient(180deg,#081f33 0%,#071827 100%);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(7,28,46,.24);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .station-mobile-rail a{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:#8299a8;
    transition:.18s ease;
  }
  .station-mobile-rail a:active{transform:scale(.94)}
  .station-mobile-rail a.active{
    color:#fff;
    background:linear-gradient(135deg,#19a48c,#0f8b7c);
    box-shadow:0 8px 18px rgba(15,139,124,.32);
  }
  .station-mobile-rail-icon{
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
  }
  .station-mobile-rail-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .station-content{
    padding-inline-start:72px;
  }
  html[dir="rtl"] .station-mobile-rail{
    left:auto;
    right:8px;
  }
}
@media(max-width:620px){
  .station-mobile-rail{
    top:80px;
    left:6px;
    width:44px;
    gap:5px;
    padding:5px 4px;
    border-radius:14px;
  }
  html[dir="rtl"] .station-mobile-rail{left:auto;right:6px}
  .station-mobile-rail a{width:36px;height:36px;border-radius:10px}
  .station-mobile-rail-icon,.station-mobile-rail-icon svg{width:18px;height:18px}
  .station-content{
    padding-top:12px;
    padding-inline-start:60px;
    padding-inline-end:10px;
    padding-bottom:18px;
  }
  html[dir="rtl"] .station-content{
    padding-inline-start:60px;
    padding-inline-end:10px;
  }
}


/* V39 — public site dark canvas; keep the white header as the single light surface */
.public-site-page{
  background:#061827;
  color:#f4f8fa;
}
.public-site-page main{background:#061827}
.public-site-page .site-header,
.public-site-page .site-header .nav-wrap{color:#14232d}

/* Home: remove white bands and convert public cards to dark surfaces */
.home-page .sector-strip{
  background:#071c2e;
  border-color:rgba(255,255,255,.08);
}
.home-page .sector-strip span{color:#708896}
.home-page .sector-strip b{color:#d9e5ea}
.home-page .intro-section,
.home-page #fonctionnalites,
.home-page #actualites,
.home-page .section-soft{
  background:#071c2e;
  color:#f4f8fa;
}
.home-page #fonctionnalites{background:#081f31}
.home-page #actualites{background:#071c2e}
.home-page .intro-section h2,
.home-page #fonctionnalites h2,
.home-page #actualites h2,
.home-page .section-soft h2{color:#fff}
.home-page .lead,
.home-page .section-head-pro.light>p,
.home-page .access-copy p,
.home-page .feature-card p,
.home-page .news-card p,
.home-page .check-list-pro small{color:#9eb2bf}
.home-page .check-list-pro span{border-color:rgba(255,255,255,.11)}
.home-page .check-list-pro b{color:#eaf1f4}
.home-page .insight-card,
.home-page .feature-card,
.home-page .news-card,
.home-page .access-panel,
.home-page .access-login-card{
  background:#0b2639;
  border-color:rgba(255,255,255,.09);
  color:#f4f8fa;
  box-shadow:0 18px 50px rgba(0,0,0,.16);
}
.home-page .insight-top{border-color:rgba(255,255,255,.09)}
.home-page .insight-top b,
.home-page .insight-line span{color:#91a8b5}
.home-page .insight-line{border-color:rgba(255,255,255,.075)}
.home-page .feature-card:hover,
.home-page .news-card:hover{border-color:rgba(82,211,172,.28);box-shadow:0 20px 48px rgba(0,0,0,.24)}
.home-page .feature-card h3,
.home-page .news-card h3,
.home-page .access-login-card label,
.home-page .mini-brand b{color:#fff}
.home-page .feature-number{color:#66818f}
.home-page .feature-symbol{background:#103b43;color:#64dab3}
.home-page .access-tags span{background:#0e3142;border-color:rgba(255,255,255,.09);color:#b8cad4}
.home-page .access-login-card{background:#0a2234}
.home-page .mini-brand{border-color:rgba(255,255,255,.09)}
.home-page .mini-brand small,.home-page .secure-note{color:#7f98a6}
.home-page .mock-input{background:#0d2b3e;border-color:rgba(255,255,255,.09);color:#9fb3bf}
.home-page .news-card>div:last-child{background:#0b2639}
.home-page .news-card small{color:#5ed6ad}
.home-page .section-dark{background:linear-gradient(145deg,#061827,#0a293f)}
.home-page .cta{background:#051724}

/* Standalone public pages: continue the same dark visual language below the hero */
.content-page{background:#061827;color:#f4f8fa}
.content-page .standalone-page{background:#061827}
.content-page .page-detail-section,
.content-page .page-news-section,
.content-page .news-detail-content,
.content-page .page-missing{
  background:#071c2e;
  color:#f4f8fa;
}
.content-page .page-detail-intro h2,
.content-page .page-point-card h3,
.content-page .news-card h3,
.content-page .news-article-body{color:#fff}
.content-page .page-detail-intro p,
.content-page .page-point-card p,
.content-page .news-card p{color:#9eb2bf}
.content-page .page-point-card,
.content-page .news-card,
.content-page .news-article-body{
  background:#0b2639;
  border-color:rgba(255,255,255,.09);
  box-shadow:0 16px 44px rgba(0,0,0,.15);
}
.content-page .page-point-card>span{background:#103b43;color:#61d8b0}
.content-page .news-more{border-color:rgba(255,255,255,.09)}
.content-page .news-more div{color:#a1b4bf}
.content-page .news-detail-content{background:#071c2e}
.content-page .news-article-body{color:#c5d3da}
.content-page .page-cta{background:#051724}

/* Public mobile nav: hidden on initial load, revealed only after scrolling. */
@media(max-width:620px){
  .public-site-page .mobile-bottom-nav{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(18px) scale(.98);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }
  .public-site-page .mobile-bottom-nav.is-visible{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1);
  }
}

/* V40 — public palette harmony + compact first-screen mobile hero */
/* Keep white reserved for the floating header; give the public site layered navy/teal surfaces. */
.home-page .sector-strip{
  background:linear-gradient(90deg,#0a2637 0%,#0b3440 52%,#0b2a38 100%) !important;
  border-top:1px solid rgba(93,221,180,.10) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}
.home-page .sector-strip .container{
  background:linear-gradient(90deg,rgba(15,53,67,.94),rgba(12,43,57,.94)) !important;
  border-color:rgba(103,222,186,.12) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.16) !important;
}
.home-page .sector-strip span{color:#6ccfb2 !important}
.home-page .sector-strip b{color:#d9e8ed !important}

.home-page .intro-section{
  background:
    radial-gradient(circle at 88% 12%,rgba(37,163,137,.11),transparent 28%),
    linear-gradient(180deg,#071c2e 0%,#092638 100%) !important;
}
.home-page #pilotage.section-dark{
  background:
    radial-gradient(circle at 12% 18%,rgba(65,154,186,.10),transparent 25%),
    linear-gradient(135deg,#092536 0%,#0b3140 55%,#0b2638 100%) !important;
}
.home-page #fonctionnalites{
  background:
    radial-gradient(circle at 92% 16%,rgba(62,202,157,.08),transparent 25%),
    linear-gradient(180deg,#071a29 0%,#081f31 100%) !important;
}
.home-page .section-soft{
  background:
    radial-gradient(circle at 15% 70%,rgba(35,139,159,.08),transparent 28%),
    linear-gradient(180deg,#0a2636 0%,#0c2d39 100%) !important;
}
.home-page #actualites{
  background:linear-gradient(180deg,#081f31 0%,#092737 100%) !important;
}
.home-page .cta{
  background:linear-gradient(115deg,#061827 0%,#0a2937 58%,#0b443f 100%) !important;
}

/* Give public cards subtly different compatible surfaces instead of one repeated block color. */
.home-page .insight-card{background:linear-gradient(160deg,#0c2b3d,#0b2436) !important}
.home-page .feature-card{background:linear-gradient(160deg,#0c293a,#0a2233) !important}
.home-page .access-panel{background:linear-gradient(140deg,#0d3140,#0a2535) !important}
.home-page .access-login-card{background:linear-gradient(160deg,#0b2838,#091f30) !important}
.home-page .news-card,.home-page .news-card>div:last-child{background:linear-gradient(160deg,#0c2a3c,#0a2233) !important}

@media (max-width:620px){
  /* Fit the complete demo card inside the first phone viewport, like the approved reference. */
  .home-page .hero{
    min-height:100svh !important;
    min-height:100dvh !important;
    height:auto !important;
  }
  .home-page .hero-grid{
    width:calc(100% - 22px) !important;
    padding-top:84px !important;
    padding-bottom:24px !important;
    gap:14px !important;
  }
  .home-page .hero-copy .eyebrow{
    height:9px !important;
    margin:0 0 5px !important;
  }
  .home-page .hero h1{
    font-size:34px !important;
    line-height:1.02 !important;
    letter-spacing:-1.55px !important;
    margin:7px 0 11px !important;
  }
  html[dir="rtl"] .home-page .hero h1{
    font-size:33px !important;
    line-height:1.13 !important;
    letter-spacing:0 !important;
  }
  .home-page .hero p{
    font-size:11.5px !important;
    line-height:1.56 !important;
  }
  .home-page .hero-trust{
    margin-top:13px !important;
    gap:7px !important;
  }
  .home-page .hero-trust span{
    font-size:7.6px !important;
    line-height:1.15 !important;
  }
  .home-page .hero-trust i{
    width:5px !important;
    height:5px !important;
  }
  .home-page .hero-visual{margin:0 !important}
  .home-page .hero-console{
    margin:2px 0 0 !important;
    padding:12px !important;
    border-radius:16px !important;
  }
  .home-page .console-head small{font-size:7px !important;letter-spacing:1.2px !important}
  .home-page .console-head b{font-size:11.5px !important}
  .home-page .live-dot{font-size:7.5px !important;padding:5px 8px !important}
  .home-page .live-dot:before{width:5px;height:5px;margin-right:5px}
  html[dir="rtl"] .home-page .live-dot:before{margin-right:0;margin-left:5px}
  .home-page .console-main-kpi{padding:11px 0 9px !important}
  .home-page .console-main-kpi span{font-size:8.5px !important}
  .home-page .console-main-kpi strong{font-size:24px !important;margin:2px 0 !important}
  .home-page .console-main-kpi strong small{font-size:10px !important}
  .home-page .console-main-kpi em{font-size:8px !important}
  .home-page .console-grid{gap:6px !important;margin-top:8px !important}
  .home-page .console-grid div{padding:8px 9px !important;border-radius:9px !important}
  .home-page .console-grid span{font-size:7px !important}
  .home-page .console-grid b{font-size:11px !important;margin-top:2px !important}
  .home-page .console-chart{
    height:48px !important;
    gap:6px !important;
    margin-top:8px !important;
    padding:6px 6px 0 !important;
    border-radius:9px !important;
  }
  .home-page .console-footer{font-size:7px !important;margin-top:6px !important}
  .home-page .console-footer b{font-size:7.5px !important}

  /* No white public band below the hero. */
  .home-page .sector-strip{
    margin-top:0 !important;
    background:linear-gradient(90deg,#0a2637,#0b3440,#0b2a38) !important;
    border-top:1px solid rgba(93,221,180,.10) !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  .home-page .sector-strip .container{
    width:100% !important;
    height:58px !important;
    padding:0 13px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .home-page .sector-strip span{color:#65cdb0 !important}
  .home-page .sector-strip b{color:#dbe8ed !important}
  .home-page .intro-section{padding-top:64px !important}
}


/* V41 — unified visual system: public + Super Admin + client workspace */
:root{
  --ui-teal:#14a58d;
  --ui-mint:#4fd3a7;
  --ui-blue:#3b82b7;
  --ui-indigo:#6c68c7;
  --ui-amber:#d79243;
  --ui-rose:#c96b73;
  --ui-sky:#7fc8e7;
  --ui-ink:#071827;
  --ui-surface:#0b2638;
  --ui-surface-2:#103247;
  --ui-light:#f4f7f9;
}

/* ---------- PUBLIC WEBSITE ---------- */
.public-site-page main{overflow:hidden}
.home-page .section,
.home-page .section-dark,
.home-page .section-soft,
.home-page .cta,
.content-page .page-detail-section,
.content-page .page-news-section,
.content-page .page-cta{
  position:relative;
  isolation:isolate;
  border-top:1px solid rgba(255,255,255,.055);
}
.home-page .section:before,
.home-page .section-dark:before,
.home-page .section-soft:before,
.home-page .cta:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1120px,76vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(94,217,181,.26),transparent);
  pointer-events:none;
}

/* Deliberately different section moods, same brand palette. */
.home-page .intro-section{
  background:
    radial-gradient(circle at 88% 8%,rgba(20,165,141,.16),transparent 30%),
    radial-gradient(circle at 12% 85%,rgba(59,130,183,.08),transparent 28%),
    linear-gradient(145deg,#071927 0%,#0a2738 54%,#0d3540 100%) !important;
}
.home-page #pilotage.section-dark{
  background:
    radial-gradient(circle at 15% 20%,rgba(89,126,199,.16),transparent 29%),
    radial-gradient(circle at 86% 75%,rgba(20,165,141,.08),transparent 30%),
    linear-gradient(135deg,#0a2034 0%,#102c46 52%,#0c3441 100%) !important;
}
.home-page #fonctionnalites{
  background:
    radial-gradient(circle at 92% 10%,rgba(108,104,199,.10),transparent 26%),
    linear-gradient(150deg,#091b2b 0%,#0b2639 48%,#102b43 100%) !important;
}
.home-page .section-soft{
  background:
    radial-gradient(circle at 12% 20%,rgba(79,211,167,.12),transparent 26%),
    radial-gradient(circle at 90% 78%,rgba(59,130,183,.08),transparent 30%),
    linear-gradient(140deg,#0a262f 0%,#0d3439 52%,#0b2b38 100%) !important;
}
.home-page #actualites{
  background:
    radial-gradient(circle at 78% 14%,rgba(59,130,183,.12),transparent 25%),
    linear-gradient(145deg,#081c2f 0%,#0d263c 58%,#102a3d 100%) !important;
}
.home-page .cta{
  background:
    radial-gradient(circle at 16% 20%,rgba(108,104,199,.12),transparent 27%),
    linear-gradient(118deg,#071827 0%,#0b2940 52%,#0c4a43 100%) !important;
}

/* Section-specific accent language. */
.home-page .intro-section .section-kicker{color:#63dfbb}
.home-page #pilotage .section-kicker{color:#87b8f2}
.home-page #fonctionnalites .section-kicker{color:#aaa3f0}
.home-page .section-soft .section-kicker{color:#62d7b0}
.home-page #actualites .section-kicker{color:#76c8eb}

.home-page .steps-grid article{
  background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  border-color:rgba(143,180,222,.13);
  box-shadow:0 18px 44px rgba(2,15,26,.13);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.home-page .steps-grid article:nth-child(1){box-shadow:inset 0 3px 0 rgba(79,211,167,.55),0 18px 44px rgba(2,15,26,.13)}
.home-page .steps-grid article:nth-child(2){box-shadow:inset 0 3px 0 rgba(87,148,213,.60),0 18px 44px rgba(2,15,26,.13)}
.home-page .steps-grid article:nth-child(3){box-shadow:inset 0 3px 0 rgba(132,112,210,.58),0 18px 44px rgba(2,15,26,.13)}
.home-page .steps-grid article:hover{transform:translateY(-4px);border-color:rgba(122,191,219,.24)}

.home-page .feature-card{
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-page .feature-card:after{
  content:"";position:absolute;inset:auto -35px -55px auto;width:110px;height:110px;border-radius:50%;opacity:.13;filter:blur(4px);pointer-events:none
}
.home-page .feature-card:nth-child(1){border-top:2px solid rgba(79,211,167,.55)!important}.home-page .feature-card:nth-child(1):after{background:#4fd3a7}
.home-page .feature-card:nth-child(2){border-top:2px solid rgba(59,130,183,.62)!important}.home-page .feature-card:nth-child(2):after{background:#3b82b7}
.home-page .feature-card:nth-child(3){border-top:2px solid rgba(108,104,199,.58)!important}.home-page .feature-card:nth-child(3):after{background:#6c68c7}
.home-page .feature-card:nth-child(4){border-top:2px solid rgba(215,146,67,.58)!important}.home-page .feature-card:nth-child(4):after{background:#d79243}
.home-page .feature-card:nth-child(5){border-top:2px solid rgba(201,107,115,.55)!important}.home-page .feature-card:nth-child(5):after{background:#c96b73}
.home-page .feature-card:nth-child(6){border-top:2px solid rgba(127,200,231,.56)!important}.home-page .feature-card:nth-child(6):after{background:#7fc8e7}
.home-page .feature-card:hover{transform:translateY(-5px) scale(1.005)!important}

.home-page .access-panel{
  border-color:rgba(82,211,172,.15)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
}
.home-page .news-card{border-top:2px solid rgba(127,200,231,.34)!important}
.home-page .news-card:nth-child(2){border-top-color:rgba(79,211,167,.38)!important}
.home-page .news-card:nth-child(3){border-top-color:rgba(108,104,199,.38)!important}

/* Stronger, clearer section navigation rhythm. */
.home-page .section-head-pro{padding-bottom:6px}
.home-page .section-head-pro h2,.home-page .intro-section h2{max-width:760px}
.home-page .lead,.home-page .section-head-pro>p{color:#a9bbc5!important}
.home-page .sector-strip{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.13)}
.home-page .sector-strip b{position:relative}
.home-page .sector-strip b:before{content:"";width:5px;height:5px;border-radius:50%;background:#48cca6;display:inline-block;margin-right:7px;vertical-align:1px;opacity:.75}
[dir="rtl"] .home-page .sector-strip b:before{margin-right:0;margin-left:7px}

/* Standalone public pages share the same palette family but not the exact same backdrop. */
.content-page .page-detail-section{background:linear-gradient(145deg,#081b2b,#0d2d3c)!important}
.content-page .page-news-section{background:linear-gradient(145deg,#091d31,#102941)!important}
.content-page .page-cta{background:linear-gradient(115deg,#071827,#0d3342,#0d4b43)!important}
.content-page .page-point-card:nth-child(3n+1){border-top:2px solid rgba(79,211,167,.45)}
.content-page .page-point-card:nth-child(3n+2){border-top:2px solid rgba(59,130,183,.50)}
.content-page .page-point-card:nth-child(3n){border-top:2px solid rgba(108,104,199,.45)}

/* Public scroll reveal — subtle, respects reduced motion. */
@media (prefers-reduced-motion:no-preference){
  .public-site-page .ui-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
  .public-site-page .ui-reveal.ui-visible{opacity:1;transform:none}
}

/* ---------- SUPER ADMIN ---------- */
.admin-app-body{
  background:
    radial-gradient(circle at 92% 3%,rgba(59,130,183,.07),transparent 24%),
    linear-gradient(180deg,#f4f7fa 0%,#eef3f6 100%);
}
.admin-app-layout{grid-template-columns:274px minmax(0,1fr)}
.admin-sidebar{
  background:
    radial-gradient(circle at 20% 4%,rgba(58,186,155,.13),transparent 21%),
    linear-gradient(180deg,#061a2b 0%,#08233a 60%,#09283c 100%)!important;
  border-right:1px solid rgba(82,211,172,.08);
  box-shadow:12px 0 36px rgba(7,28,46,.07);
}
.admin-sidebar .brand{border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.admin-sidebar .side-label{color:#668496}
.admin-sidebar .side-nav a{border-radius:11px;transition:background .18s ease,transform .18s ease,color .18s ease}
.admin-sidebar .side-nav a:hover{background:rgba(255,255,255,.055);transform:translateX(2px)}
.admin-sidebar .side-nav a.active{
  background:linear-gradient(90deg,rgba(20,165,141,.20),rgba(59,130,183,.09));
  color:#fff;
  box-shadow:inset 3px 0 0 #4fd3a7;
}
[dir="rtl"] .admin-sidebar .side-nav a:hover{transform:translateX(-2px)}
[dir="rtl"] .admin-sidebar .side-nav a.active{box-shadow:inset -3px 0 0 #4fd3a7}
.admin-app-body .main-area{background:transparent}
.admin-app-body .topbar{
  background:rgba(249,252,253,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid #dfe9ee;
  box-shadow:0 6px 24px rgba(20,48,65,.045);
}
.admin-app-body .topbar:after{
  content:"";position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:linear-gradient(90deg,#4fd3a7,rgba(59,130,183,.38),transparent 74%);opacity:.6
}
.admin-app-body .content{padding:28px 30px 46px;max-width:1660px;width:100%}
.admin-app-body .admin-welcome{
  background:
    radial-gradient(circle at 88% 12%,rgba(108,104,199,.16),transparent 25%),
    linear-gradient(125deg,#071c2e,#0c3448 58%,#0d524a);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 18px 48px rgba(7,28,46,.13);
}
.admin-app-body .admin-kpis .kpi{
  position:relative;overflow:hidden;border-color:#dfe9ee;border-radius:16px;box-shadow:0 9px 28px rgba(25,52,69,.045);transition:transform .18s ease,box-shadow .18s ease
}
.admin-app-body .admin-kpis .kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#14a58d}
.admin-app-body .admin-kpis .kpi:nth-child(2):before{background:#3b82b7}
.admin-app-body .admin-kpis .kpi:nth-child(3):before{background:#d79243}
.admin-app-body .admin-kpis .kpi:nth-child(4):before{background:#6c68c7}
.admin-app-body .admin-kpis .kpi:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(25,52,69,.08)}
.admin-app-body .admin-kpis .kpi b{color:#102431}
.admin-app-body .admin-kpis .kpi em{font-weight:700}
.admin-app-body .panel{
  border-color:#dfe8ed;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 9px 30px rgba(25,52,69,.045)
}
.admin-app-body .panel-head{padding-bottom:12px;border-bottom:1px solid #edf2f4}
.admin-app-body .panel-eyebrow{color:#138d79}
.admin-app-body .table-wrap{border:1px solid #edf2f4;border-radius:13px}
.admin-app-body table thead th{background:#f3f7f9;color:#657985}
.admin-app-body table tbody tr:nth-child(even) td{background:#fbfdfe}
.admin-app-body table tbody tr:hover td{background:#f0f8f6}
.admin-app-body .form-stack input,.admin-app-body .form-stack select,.admin-app-body .form-stack textarea,.admin-app-body .input{
  background:#fbfdfe;border-color:#d9e5ea;border-radius:11px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.admin-app-body .form-stack input:focus,.admin-app-body .form-stack select:focus,.admin-app-body .form-stack textarea:focus,.admin-app-body .input:focus{
  background:#fff;border-color:#60baa9;outline:none;box-shadow:0 0 0 4px rgba(20,165,141,.085)
}
.admin-app-body .filter-pills a{background:#fff;border-color:#dce7ec}
.admin-app-body .filter-pills a.active{background:linear-gradient(135deg,#0c3045,#137a72);border-color:transparent}

/* ---------- CLIENT WORKSPACE ---------- */
.station-app-body{
  background:
    radial-gradient(circle at 92% 0%,rgba(59,130,183,.06),transparent 22%),
    linear-gradient(180deg,#f4f7fa,#eef3f6)!important;
}
.station-sidebar{
  background:
    radial-gradient(circle at 15% 3%,rgba(79,211,167,.12),transparent 20%),
    linear-gradient(180deg,#061a2b 0%,#08243a 57%,#0a2b3e 100%)!important;
}
.station-topbar{
  background:rgba(250,252,253,.94)!important;
  box-shadow:0 6px 24px rgba(15,35,48,.045)!important;
}
.station-page-icon{background:linear-gradient(145deg,#e6f7f2,#edf6fb);color:#108570;box-shadow:inset 0 0 0 1px rgba(20,165,141,.08)}
.station-welcome-card{
  background:
    radial-gradient(circle at 88% 18%,rgba(108,104,199,.13),transparent 25%),
    linear-gradient(120deg,#071f34 0%,#0b3a4a 57%,#0c5048 100%)!important;
}
.station-kpi{background:#fff!important}
.station-kpi:nth-child(1){background:linear-gradient(145deg,#ffffff,#f0faf6)!important;border-color:#d8eee6!important}
.station-kpi:nth-child(2){background:linear-gradient(145deg,#ffffff,#f0f7fc)!important;border-color:#dbe9f3!important}
.station-kpi:nth-child(3){background:linear-gradient(145deg,#ffffff,#fff8f0)!important;border-color:#f1e3d2!important}
.station-kpi:nth-child(4){background:linear-gradient(145deg,#ffffff,#f7f4fe)!important;border-color:#e5def5!important}
.station-kpi:nth-child(1){box-shadow:inset 0 3px 0 rgba(20,165,141,.50),0 9px 28px rgba(15,35,48,.04)}
.station-kpi:nth-child(2){box-shadow:inset 0 3px 0 rgba(59,130,183,.52),0 9px 28px rgba(15,35,48,.04)}
.station-kpi:nth-child(3){box-shadow:inset 0 3px 0 rgba(215,146,67,.48),0 9px 28px rgba(15,35,48,.04)}
.station-kpi:nth-child(4){box-shadow:inset 0 3px 0 rgba(108,104,199,.48),0 9px 28px rgba(15,35,48,.04)}
.station-dashboard-grid>.station-panel:nth-child(1){border-top:2px solid rgba(20,165,141,.45)}
.station-dashboard-grid>.station-panel:nth-child(2){border-top:2px solid rgba(59,130,183,.45)}
.station-summary-panel{border-top:2px solid rgba(108,104,199,.38)!important}
.station-panel{background:linear-gradient(180deg,#fff,#fbfdfe)!important}
.station-panel:hover{box-shadow:0 13px 36px rgba(15,35,48,.07)}
.station-stock-item .progress{background:#e8eff2}
.station-stock-item .progress i{background:linear-gradient(90deg,#16a68d,#4fd3a7)}
.station-service-item:nth-child(3n+1) .station-service-bullet{background:#4fd3a7}
.station-service-item:nth-child(3n+2) .station-service-bullet{background:#5d9fd0}
.station-service-item:nth-child(3n) .station-service-bullet{background:#7d72d0}
.station-summary-grid .notice:nth-child(1){background:linear-gradient(145deg,#f7fbfc,#edf7fb);border-color:#dfeef3}
.station-summary-grid .notice:nth-child(2){background:linear-gradient(145deg,#f8fbfa,#eef8f4);border-color:#dceee7}
.station-summary-grid .station-result{background:linear-gradient(145deg,#eaf8f4,#e3f5ef)!important;border-color:#cfe9df!important}
.station-content>.panel,.station-content>.grid-2>.panel,.station-content>.grid-3>.panel{background:linear-gradient(180deg,#fff,#fbfdfe)}
.station-content .panel-head{padding-bottom:12px;border-bottom:1px solid #edf2f4}
.station-content .panel-eyebrow{color:#138d79}
.station-content table thead th{background:#f3f7f9;color:#687d89}
.station-content table tbody tr:nth-child(even) td{background:#fbfdfe}
.station-content table tbody tr:hover td{background:#f0f8f6}
.station-content .form-stack input,.station-content .form-stack select,.station-content .form-stack textarea,.station-content .input{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.station-content .form-stack input:focus,.station-content .form-stack select:focus,.station-content .form-stack textarea:focus,.station-content .input:focus{outline:none;border-color:#5bb7a7;box-shadow:0 0 0 4px rgba(20,165,141,.08)}

/* Mobile client rail: compact app-like navigation. */
@media(max-width:900px){
  .station-mobile-rail{
    background:linear-gradient(180deg,rgba(6,26,43,.97),rgba(9,43,61,.97))!important;
    border-color:rgba(79,211,167,.10)!important;
    box-shadow:0 14px 36px rgba(5,23,36,.24)!important;
  }
  .station-mobile-rail a{color:#8ca6b5!important}
  .station-mobile-rail a.active{background:linear-gradient(145deg,#14a58d,#168e84)!important;color:#fff!important;box-shadow:0 7px 17px rgba(20,165,141,.30)!important}
  .station-topbar{border-bottom-color:#dfe8ed!important}
  .station-content{background:transparent}

  .admin-app-body .content{padding:18px 16px 84px}
  .admin-app-body .topbar{background:rgba(250,252,253,.95)}
  .admin-app-body .app-mobile-bottom-admin{background:linear-gradient(180deg,rgba(6,26,43,.98),rgba(10,39,58,.98));border-color:rgba(86,157,205,.12)}
  .admin-app-body .app-mobile-bottom-admin a.active{background:linear-gradient(135deg,#3b82b7,#176f7d);box-shadow:0 7px 18px rgba(59,130,183,.28)}
}

@media(max-width:620px){
  .home-page .section{padding-top:62px;padding-bottom:62px}
  .home-page .section-head-pro{margin-bottom:28px}
  .home-page .steps-grid article,.home-page .feature-card{border-radius:16px}
  .home-page .sector-strip .container{gap:16px!important}
  .admin-app-body .content{padding:12px 10px 80px}
  .admin-app-body .admin-welcome{border-radius:16px}
  .admin-app-body .kpi{border-radius:14px}
  .station-kpi{border-radius:14px}
}

/* V42 — cohesive public palette: deep navy + teal + signal orange */
:root{
  --brand-orange:#f28a3d;
  --brand-orange-soft:#ffad72;
  --brand-orange-deep:#b85a22;
}

/* Keep the header white; unify everything below it around three related colors. */
.public-site-page main{
  background:#061827;
}
.home-page .sector-strip{
  background:linear-gradient(90deg,#0a2230 0%,#173027 48%,#3a241b 100%) !important;
  border-top:1px solid rgba(242,138,61,.22) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.home-page .sector-strip .container{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.home-page .sector-strip span{color:#ffb27a !important}
.home-page .sector-strip b{color:#e9f2f3 !important}
.home-page .sector-strip b:before{background:#f28a3d !important;box-shadow:0 0 0 4px rgba(242,138,61,.08)}

.home-page .intro-section{
  background:
    radial-gradient(circle at 87% 12%,rgba(242,138,61,.14),transparent 27%),
    radial-gradient(circle at 8% 92%,rgba(20,165,141,.10),transparent 30%),
    linear-gradient(145deg,#071827 0%,#0a2430 55%,#0b2d31 100%) !important;
}
.home-page #pilotage.section-dark{
  background:
    radial-gradient(circle at 12% 20%,rgba(20,165,141,.16),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(242,138,61,.09),transparent 28%),
    linear-gradient(140deg,#091c29 0%,#0b2b35 55%,#102d2d 100%) !important;
}
.home-page #fonctionnalites{
  background:
    radial-gradient(circle at 92% 10%,rgba(242,138,61,.11),transparent 24%),
    radial-gradient(circle at 10% 82%,rgba(20,165,141,.08),transparent 28%),
    linear-gradient(145deg,#071925 0%,#0a2330 54%,#0e2c30 100%) !important;
}
.home-page .section-soft{
  background:
    radial-gradient(circle at 14% 18%,rgba(242,138,61,.10),transparent 25%),
    radial-gradient(circle at 88% 78%,rgba(20,165,141,.13),transparent 30%),
    linear-gradient(145deg,#0a2029 0%,#0d2b31 52%,#12342f 100%) !important;
}
.home-page #actualites{
  background:
    radial-gradient(circle at 80% 12%,rgba(20,165,141,.10),transparent 25%),
    radial-gradient(circle at 12% 90%,rgba(242,138,61,.08),transparent 26%),
    linear-gradient(145deg,#071824 0%,#0b2230 55%,#0d2a31 100%) !important;
}
.home-page .cta{
  background:
    radial-gradient(circle at 12% 22%,rgba(255,173,114,.18),transparent 25%),
    linear-gradient(115deg,#071827 0%,#173027 50%,#8e451f 100%) !important;
  border-top:1px solid rgba(242,138,61,.18) !important;
}

/* One coherent accent language instead of many unrelated colors. */
.home-page .intro-section .section-kicker,
.home-page #pilotage .section-kicker,
.home-page #fonctionnalites .section-kicker,
.home-page .section-soft .section-kicker,
.home-page #actualites .section-kicker{color:#ffad72 !important}
.home-page .section-kicker:before{background:#f28a3d !important}
.home-page .text-link{color:#ffad72 !important}
.home-page .cta>div>div>span{color:#ffc08f !important}

.home-page .steps-grid article{
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.022)) !important;
  border-color:rgba(255,255,255,.09) !important;
}
.home-page .steps-grid article:nth-child(1){box-shadow:inset 0 3px 0 rgba(242,138,61,.70),0 18px 44px rgba(2,15,26,.15) !important}
.home-page .steps-grid article:nth-child(2){box-shadow:inset 0 3px 0 rgba(20,165,141,.62),0 18px 44px rgba(2,15,26,.15) !important}
.home-page .steps-grid article:nth-child(3){box-shadow:inset 0 3px 0 rgba(255,173,114,.58),0 18px 44px rgba(2,15,26,.15) !important}
.home-page .steps-grid span{color:#ffad72 !important}

.home-page .feature-card{
  background:linear-gradient(155deg,#0d2a35,#0a202d) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.home-page .feature-card:nth-child(odd){border-top:2px solid rgba(242,138,61,.62)!important}
.home-page .feature-card:nth-child(even){border-top:2px solid rgba(20,165,141,.58)!important}
.home-page .feature-card:nth-child(odd):after{background:#f28a3d !important}
.home-page .feature-card:nth-child(even):after{background:#14a58d !important}
.home-page .feature-card:nth-child(odd) .feature-symbol{background:rgba(242,138,61,.13)!important;color:#ffad72!important}
.home-page .feature-card:nth-child(even) .feature-symbol{background:rgba(20,165,141,.14)!important;color:#63d9b4!important}

.home-page .access-panel{
  background:linear-gradient(140deg,#0d2d34 0%,#102f2c 58%,#3b271f 100%) !important;
  border-color:rgba(242,138,61,.16)!important;
}
.home-page .access-tags span:nth-child(odd){border-color:rgba(242,138,61,.16)!important;color:#ffbd8c!important;background:rgba(242,138,61,.07)!important}
.home-page .access-tags span:nth-child(even){border-color:rgba(20,165,141,.16)!important;color:#7addc1!important;background:rgba(20,165,141,.07)!important}
.home-page .access-login-card{background:linear-gradient(160deg,#0b2633,#0b202b)!important}

.home-page .news-card,
.home-page .news-card>div:last-child{background:linear-gradient(155deg,#0d2935,#0a202c)!important}
.home-page .news-card{border-top:2px solid rgba(242,138,61,.46)!important}
.home-page .news-card:nth-child(even){border-top-color:rgba(20,165,141,.50)!important}
.home-page .news-card small{color:#ffad72!important}

/* Standalone public pages follow the same warm/cool rhythm. */
.content-page .page-detail-section{
  background:radial-gradient(circle at 88% 10%,rgba(242,138,61,.11),transparent 25%),linear-gradient(145deg,#071925,#0d2a31)!important;
}
.content-page .page-news-section{
  background:radial-gradient(circle at 10% 88%,rgba(20,165,141,.10),transparent 27%),linear-gradient(145deg,#081a27,#0b2631)!important;
}
.content-page .page-cta{
  background:linear-gradient(115deg,#071827,#173027 52%,#8e451f)!important;
}
.content-page .page-point-card:nth-child(odd){border-top:2px solid rgba(242,138,61,.55)!important}
.content-page .page-point-card:nth-child(even){border-top:2px solid rgba(20,165,141,.50)!important}
.content-page .page-point-card:nth-child(odd)>span{background:rgba(242,138,61,.13)!important;color:#ffad72!important}
.content-page .page-point-card:nth-child(even)>span{background:rgba(20,165,141,.14)!important;color:#6fddbf!important}

/* Phone: give the copy breathing room before the demo card. */
@media(max-width:620px){
  .home-page .hero-grid{gap:16px !important}
  .home-page .hero-visual{margin-top:42px !important}
  .home-page .hero-console{margin-top:0 !important}
}


/* V43 — force the public demo card lower on phones */
@media(max-width:620px){
  .home-page .hero-grid > .hero-visual{
    margin-top:0 !important;
    padding-top:78px !important;
    box-sizing:border-box !important;
  }
  .home-page .hero-console{
    margin-top:0 !important;
  }
}


/* V44 — Super Admin aligned with the client workspace */
.admin-app-layout{grid-template-columns:268px minmax(0,1fr)}
.admin-sidebar{background:linear-gradient(180deg,#071c2e 0%,#082238 100%);padding:22px 16px;border-right:1px solid rgba(255,255,255,.04);box-shadow:12px 0 38px rgba(7,28,46,.08)}
.admin-sidebar .admin-brand{padding:4px 10px 26px;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:15px}
.admin-side-caption{font-size:8px;letter-spacing:1.8px;color:#617d90;font-weight:900;padding:15px 12px 8px}
.admin-side-nav{display:grid;gap:5px}
.admin-side-nav a{position:relative;padding:10px 11px;border-radius:12px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:650;color:#adc0cc;transition:.18s ease}
.admin-side-nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}
.admin-side-nav a.active{background:linear-gradient(90deg,rgba(25,164,140,.18),rgba(255,255,255,.06));color:#fff;box-shadow:inset 3px 0 0 #39c89f}
.admin-nav-icon{width:34px!important;height:34px;min-width:34px;display:grid!important;place-items:center;border-radius:10px;background:rgba(255,255,255,.055);color:#7f99aa;margin:0!important}
.admin-side-nav a.active .admin-nav-icon{background:#143b48;color:#54d6ad}
.admin-nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-nav-label{flex:1;min-width:0}
.admin-nav-dot{width:6px;height:6px;border-radius:50%;background:#4fd49d;box-shadow:0 0 0 4px rgba(79,212,157,.1)}
.admin-side-nav-bottom{padding-top:2px}
[dir="rtl"] .admin-side-nav a.active{box-shadow:inset -3px 0 0 #39c89f}
[dir="rtl"] .admin-side-nav a:hover{transform:translateX(-2px)}

.admin-main-area{background:#f5f7fa}
.admin-topbar{min-height:92px;padding:16px 28px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid #e5edf1;box-shadow:0 5px 24px rgba(15,35,48,.035)}
.admin-page-heading{display:flex;align-items:center;gap:13px;min-width:0}
.admin-page-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf8f4;color:#11846f;flex:0 0 auto}
.admin-page-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-page-heading h1{font-size:22px;letter-spacing:-.45px;margin:0;color:#0d1c27}
.admin-page-heading p{margin:4px 0 0;color:#83919b;font-size:10px;line-height:1.45}
.admin-top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.admin-user-card{padding:7px 10px 7px 8px;border:1px solid #e1eaee;background:#fff;border-radius:14px;min-width:170px}
.admin-user-card .avatar{width:38px;height:38px;border-radius:11px}
.admin-user-card b{font-size:11px;color:#1b2a34}
.admin-role-line{font-size:8.5px;color:#82909a;margin-top:3px;display:flex;align-items:center;gap:5px}
.admin-online-dot{width:6px;height:6px;background:#42c990;border-radius:50%}
.admin-content{padding:24px 28px 42px;max-width:1720px;width:100%}
[dir="rtl"] .admin-top-actions{margin-left:0;margin-right:auto}

/* Mobile admin icon rail — same interaction pattern as client */
.admin-mobile-rail{display:none}
@media(max-width:900px){
  .admin-app-layout{grid-template-columns:1fr}
  .admin-sidebar{display:none}
  .admin-topbar{min-height:80px;padding:10px 14px;gap:10px}
  .admin-page-icon{width:36px;height:36px;border-radius:11px}.admin-page-icon svg{width:17px;height:17px}
  .admin-page-heading h1{font-size:16px}.admin-page-heading p{display:none}
  .admin-user-card{min-width:0;padding:5px 7px}.admin-user-card>div:last-child{display:none}.admin-user-card .avatar{width:34px;height:34px}
  .admin-top-actions{gap:7px}
  .admin-content{padding:16px 14px 22px;padding-inline-start:72px}
  .admin-mobile-rail{
    position:fixed;
    top:92px;
    left:8px;
    z-index:120;
    width:48px;
    max-height:calc(100dvh - 104px);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    padding:6px 5px;
    border-radius:15px;
    background:linear-gradient(180deg,#081f33 0%,#071827 100%);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:0 12px 30px rgba(7,28,46,.24);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:none;
  }
  .admin-mobile-rail::-webkit-scrollbar{display:none}
  .admin-mobile-rail a{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#8299a8;flex:0 0 auto;transition:.18s ease}
  .admin-mobile-rail a:active{transform:scale(.94)}
  .admin-mobile-rail a.active{color:#fff;background:linear-gradient(135deg,#19a48c,#0f8b7c);box-shadow:0 8px 18px rgba(15,139,124,.32)}
  .admin-mobile-rail-icon{width:19px;height:19px;display:grid;place-items:center}
  .admin-mobile-rail-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  html[dir="rtl"] .admin-mobile-rail{left:auto;right:8px}
  html[dir="rtl"] .admin-content{padding-inline-start:14px;padding-inline-end:72px}
  .admin-app-body .app-mobile-bottom-admin{display:none!important}
}
@media(max-width:620px){
  .admin-topbar{min-height:70px;padding:10px}
  .admin-page-heading{gap:8px}.admin-page-icon{display:none}.admin-page-heading h1{font-size:15px}
  .admin-mobile-rail{top:80px;left:6px;width:44px;gap:5px;padding:5px 4px;border-radius:14px}
  html[dir="rtl"] .admin-mobile-rail{left:auto;right:6px}
  .admin-mobile-rail a{width:36px;height:36px;border-radius:10px}
  .admin-mobile-rail-icon,.admin-mobile-rail-icon svg{width:18px;height:18px}
  .admin-content{padding-top:12px;padding-inline-start:60px;padding-inline-end:10px;padding-bottom:18px}
  html[dir="rtl"] .admin-content{padding-inline-start:10px;padding-inline-end:60px}
  .admin-app-body .admin-welcome{padding:16px;border-radius:16px}
  .admin-app-body .admin-welcome h2{font-size:20px}
  .admin-app-body .admin-welcome p{font-size:10px}
  .admin-app-body .admin-welcome .btn{width:100%}
}


/* V46 — precise phone spacing + Admin rail gets its own lane */
@media(max-width:620px){
  /* Lower ONLY the public demo card by another ~30px. */
  .home-page .hero-grid > .hero-visual{
    padding-top:108px !important;
  }

  /* Super Admin: reserve a real column for the icon rail so it never sits on cards. */
  html:not([dir="rtl"]) .admin-main-area .admin-content{
    margin-left:54px !important;
    width:calc(100% - 54px) !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
  html[dir="rtl"] .admin-main-area .admin-content{
    margin-right:54px !important;
    margin-left:0 !important;
    width:calc(100% - 54px) !important;
    padding-right:10px !important;
    padding-left:10px !important;
    box-sizing:border-box !important;
  }
  .admin-mobile-rail{
    z-index:80 !important;
  }
  .admin-content > .admin-welcome,
  .admin-content > .kpi-grid,
  .admin-content > .panel,
  .admin-content > .grid-2,
  .admin-content > .grid-3{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}


/* V47 — real client login form on public home */
.access-login-form{display:block}
.access-login-form .mock-input{display:block;width:100%;font:inherit;outline:none}
.access-login-form .mock-input:focus{border-color:#26c59d;box-shadow:0 0 0 3px rgba(38,197,157,.12)}
.access-login-form .mock-button{display:block;width:100%;border:0;cursor:pointer;font-family:inherit}
.access-login-form .mock-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.access-login-form .mock-button:active{transform:translateY(0)}

/* V48 — station employee accounts and restricted workspaces */
.worker-access-note{margin-bottom:16px;border-radius:14px}
.worker-permissions{display:grid;gap:12px;margin:6px 0 2px}
.worker-permissions>h3{margin:4px 0 0;font-size:14px;color:#17252f}
.permission-group{border:1px solid #e5edf1;background:#f8fafb;border-radius:14px;padding:13px}
.permission-group>b{display:block;font-size:12px;color:#17252f;margin-bottom:3px}
.permission-group>p{font-size:9px;color:#80909a;margin:0 0 9px}
.permission-options{display:flex;flex-wrap:wrap;gap:7px}
.permission-options label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dce7eb;background:#fff;border-radius:10px;font-size:10px;font-weight:700;cursor:pointer}
.permission-options label:has(input:checked){border-color:#28aa8d;background:#eaf8f4;color:#08745e}
.permission-options input{width:auto;min-height:0;margin:0}
.worker-password-reset{margin-top:18px;padding-top:16px;border-top:1px solid #edf1f3}
.worker-user-list{display:grid;gap:9px}
.worker-user-card{display:flex;align-items:center;gap:10px;border:1px solid #e5edf1;background:#fbfcfd;border-radius:13px;padding:11px}
.worker-user-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e7f7f2;color:#0b816b;font-weight:900}
.worker-user-main{display:grid;gap:2px;min-width:0;flex:1}.worker-user-main>b{font-size:11px}.worker-user-main>span,.worker-user-main>small{font-size:9px;color:#7c8b95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.worker-user-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.worker-user-actions form{margin:0}

.worker-body{min-height:100vh;background:#f3f6f8;color:#14212b}
.worker-topbar{position:sticky;top:0;z-index:70;min-height:78px;padding:11px 22px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #dfe8ed;display:flex;align-items:center;justify-content:space-between;gap:14px}
.worker-brand{min-width:0}.worker-brand strong{font-size:14px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-brand small{font-size:7px;letter-spacing:2px}
.worker-top-actions{display:flex;align-items:center;gap:8px}.worker-identity{display:grid;text-align:right;line-height:1.15}.worker-identity b{font-size:11px}.worker-identity small{font-size:8px;color:#85939d;margin-top:3px}
.worker-main{max-width:1180px;margin:0 auto;padding:22px 22px 46px}
.worker-welcome{position:relative;overflow:hidden;background:linear-gradient(125deg,#082137,#0b4a4c);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:16px;box-shadow:0 18px 42px rgba(7,28,46,.13)}
.worker-welcome:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(75,211,166,.12);border-radius:50%;right:-90px;top:-150px}
.worker-welcome>span{font-size:8px;letter-spacing:1.6px;color:#58dab2;font-weight:900}.worker-welcome h1{margin:6px 0 4px;font-size:25px;letter-spacing:-.5px}.worker-welcome p{margin:0;font-size:11px;color:#b7ccd5}
.worker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.worker-task-card{margin:0!important;border-radius:18px!important}.worker-task-form{padding:13px 0 4px;border-top:1px solid #edf2f4}.worker-task-form:first-of-type{border-top:0;padding-top:0}.worker-task-title{display:grid;gap:2px;margin-bottom:9px}.worker-task-title b{font-size:12px;color:#16252f}.worker-task-title span{font-size:9px;color:#81909a}.worker-empty{text-align:center}.worker-empty p{color:#788893}.worker-activity{max-width:none;margin-top:16px}.worker-activity .mini-item{align-items:center}.worker-activity .mini-item small{color:#8b99a2;white-space:nowrap}
[dir="rtl"] .worker-identity{text-align:left}[dir="rtl"] .worker-welcome:after{right:auto;left:-90px}

@media(max-width:760px){
  .worker-topbar{min-height:68px;padding:8px 10px}.worker-brand .brand-logo-box{width:36px;height:36px;min-width:36px}.worker-brand strong{font-size:11px;max-width:130px}.worker-brand small{font-size:6px}.worker-identity{display:none}.worker-top-actions{gap:5px}.worker-top-actions .btn{padding:8px 9px;font-size:9px}
  .worker-main{padding:12px 10px 30px}.worker-welcome{padding:17px;border-radius:16px}.worker-welcome h1{font-size:20px}.worker-welcome p{font-size:10px}.worker-grid{grid-template-columns:1fr;gap:12px}.worker-task-card{padding:14px!important}.worker-activity{margin-top:12px}
  .worker-user-card{align-items:flex-start;flex-wrap:wrap}.worker-user-actions{width:100%;padding-left:44px}[dir="rtl"] .worker-user-actions{padding-left:0;padding-right:44px}
  .permission-options{display:grid;grid-template-columns:1fr}.permission-options label{width:100%}
}


/* =========================================================
   V49 — Client portal login redesign (scoped)
   ========================================================= */
.client-auth-v49{background:#061827;color:#10212d;overflow-x:hidden}
.client-auth-v49 .auth-lang{position:static!important}
.client-auth-stage{min-height:100svh;padding:18px;display:grid;place-items:center;background:radial-gradient(circle at 12% 12%,rgba(32,190,154,.17),transparent 30%),radial-gradient(circle at 92% 88%,rgba(43,112,165,.20),transparent 32%),linear-gradient(135deg,#051522,#092538)}
.client-auth-shell{width:min(1180px,100%);min-height:min(760px,calc(100svh - 36px));display:grid;grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr);background:#f8fafb;border:1px solid rgba(255,255,255,.18);border-radius:34px;overflow:hidden;box-shadow:0 36px 90px rgba(0,12,22,.34)}
.client-auth-formpane{padding:28px 38px 32px;display:flex;flex-direction:column;background:radial-gradient(circle at 18% 88%,rgba(255,196,91,.12),transparent 32%),linear-gradient(180deg,#fbfcfd,#f4f7f8)}
.client-auth-toprow{display:flex;align-items:center;justify-content:space-between;gap:16px}
.client-auth-brand{gap:11px}.client-auth-brand .site-logo-img{width:43px;height:43px}.client-auth-brand strong{font-size:14px}.client-auth-brand small{font-size:7px}
.client-auth-formbody{width:min(410px,100%);margin:auto;padding:48px 0 26px}
.client-auth-kicker{display:inline-flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:1.6px;color:#118771;text-transform:uppercase}.client-auth-kicker:before{content:"";width:22px;height:1px;background:#25b99c}
.client-auth-formbody h1{font-size:clamp(34px,4vw,48px);line-height:1.02;letter-spacing:-2px;margin:15px 0 13px;color:#0a1b28}
.client-auth-lead{font-size:12px;line-height:1.7;color:#758792;margin:0 0 25px;max-width:360px}
.client-auth-form{gap:15px;margin-top:0}.client-auth-form label{gap:8px;color:#2b3d48;font-size:10px}
.client-input-wrap{position:relative;display:block}.client-auth-form input{height:54px!important;padding:0 48px!important;border-radius:15px!important;border:1px solid #dae4e8!important;background:#fff!important;box-shadow:0 4px 18px rgba(16,43,61,.035);font-size:12px!important}.client-auth-form input:focus{border-color:#57b9aa!important;box-shadow:0 0 0 4px rgba(18,151,127,.08),0 8px 24px rgba(16,43,61,.05)!important;outline:0!important}
.client-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#8ba0ab;z-index:2}.client-field-icon svg,.client-pass-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.client-pass-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:31px;height:31px;display:grid;place-items:center;border:0;background:transparent;color:#94a5ae;cursor:pointer;border-radius:9px}.client-pass-toggle:hover,.client-pass-toggle.is-on{background:#edf7f4;color:#10826f}.client-pass-toggle svg{width:17px;height:17px}
[dir="rtl"] .client-field-icon{left:auto;right:16px}[dir="rtl"] .client-pass-toggle{right:auto;left:13px}
.client-auth-submit{height:54px;margin-top:3px;border:0;border-radius:15px;background:linear-gradient(135deg,#0b776d,#19ab8d);color:#fff;font:inherit;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;box-shadow:0 14px 30px rgba(14,139,116,.22);transition:.2s ease}.client-auth-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(14,139,116,.28)}.client-auth-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .client-auth-submit svg{transform:scaleX(-1)}
.client-auth-help{margin-top:19px;padding-top:17px;border-top:1px solid #e2e9ec;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9.5px}.client-auth-help span{color:#8998a0}.client-auth-help a{font-weight:850;color:#0c8874}.client-auth-note{text-align:center;color:#a0adb4;font-size:8px;line-height:1.6;margin:16px 0 0}
.client-auth-visual{position:relative;overflow:hidden;margin:14px;border-radius:27px;background:radial-gradient(circle at 78% 18%,rgba(36,206,166,.25),transparent 29%),radial-gradient(circle at 16% 82%,rgba(255,173,65,.12),transparent 26%),linear-gradient(145deg,#061b2b 0%,#0a3343 57%,#0d403f 100%);color:#fff;min-height:620px}
.client-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.client-visual-orb{position:absolute;border:1px solid rgba(89,224,190,.13);border-radius:50%}.client-orb-one{width:560px;height:560px;right:-220px;top:-160px}.client-orb-two{width:380px;height:380px;left:-180px;bottom:-160px}
.client-visual-copy{position:absolute;left:42px;right:42px;top:45px;z-index:2;max-width:470px}.client-visual-copy>span{font-size:8px;letter-spacing:1.7px;color:#5ee0bc;font-weight:900}.client-visual-copy h2{font-size:clamp(31px,3.5vw,48px);line-height:1.02;letter-spacing:-1.8px;margin:12px 0}.client-visual-copy p{font-size:11px;line-height:1.7;color:#aec4ce;max-width:420px;margin:0}
.client-preview-card{position:absolute;z-index:3;left:50%;bottom:54px;transform:translateX(-50%) rotate(-1.1deg);width:min(530px,calc(100% - 68px));padding:25px;border:1px solid rgba(120,226,199,.16);border-radius:24px;background:linear-gradient(160deg,rgba(9,42,60,.95),rgba(8,31,48,.98));box-shadow:0 32px 60px rgba(0,10,19,.42)}
.client-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.client-preview-head div{display:grid;gap:4px}.client-preview-head small,.client-preview-main small,.client-preview-kpis small{font-size:7px;color:#7894a2;letter-spacing:.55px}.client-preview-head strong{font-size:15px}.client-preview-head>span{font-size:8px;color:#75e2c3;background:rgba(32,183,149,.09);border:1px solid rgba(94,224,189,.12);border-radius:999px;padding:7px 9px;display:flex;align-items:center;gap:6px}.client-preview-head i{width:6px;height:6px;background:#43d69f;border-radius:50%}
.client-preview-main{padding:24px 0 19px;border-bottom:1px solid rgba(255,255,255,.075);display:grid;gap:7px}.client-preview-main b{font-size:38px;letter-spacing:-1.7px}.client-preview-main em{font-size:10px;color:#8ca4ae;font-style:normal}
.client-preview-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0}.client-preview-kpis>div{padding:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.035);border-radius:12px;display:grid;gap:5px}.client-preview-kpis b{font-size:12px}
.client-preview-chart{height:95px;padding:12px 9px 0;display:flex;align-items:flex-end;gap:8px;background:rgba(255,255,255,.025);border-radius:13px}.client-preview-chart i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#43d9aa,#119782);box-shadow:0 -5px 16px rgba(52,210,167,.11)}
.client-preview-pill{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.10);background:rgba(250,253,254,.96);color:#18303e;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:850;box-shadow:0 12px 24px rgba(0,13,24,.17);display:flex;align-items:center;gap:6px}.client-preview-pill span{font-size:12px}.client-pill-one{right:24px;top:205px}.client-pill-two{left:28px;bottom:230px}

/* =========================================================
   V49 — Super Admin login: distinct command-console identity
   ========================================================= */
.admin-auth-v49{background:#061827;color:#fff}.admin-auth-stage{min-height:100svh;padding:28px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(38,177,150,.17),transparent 32%),radial-gradient(circle at 5% 95%,rgba(239,164,72,.08),transparent 25%),#061827}.admin-auth-top{width:min(1060px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-auth-top .auth-lang{position:static!important}.admin-auth-console{width:min(470px,100%);margin:auto;padding:34px;border-radius:25px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(155deg,rgba(12,45,63,.88),rgba(7,29,45,.96));box-shadow:0 30px 80px rgba(0,8,15,.42);backdrop-filter:blur(12px);position:relative;overflow:hidden}.admin-auth-console:after{content:"";position:absolute;inset:auto -70px -90px auto;width:240px;height:240px;border-radius:50%;border:1px solid rgba(70,216,178,.12);box-shadow:0 0 0 48px rgba(70,216,178,.025),0 0 0 92px rgba(70,216,178,.018);pointer-events:none}.admin-auth-signal{font-size:8px;letter-spacing:1.5px;font-weight:900;color:#69dfbf;display:flex;align-items:center;gap:7px}.admin-signal-dot{width:7px;height:7px;background:#45d49f;border-radius:50%;box-shadow:0 0 0 5px rgba(69,212,159,.09)}.admin-auth-lock{margin-top:25px;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#f2bb69;background:rgba(242,187,105,.08);border:1px solid rgba(242,187,105,.12)}.admin-auth-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-auth-console h1{font-size:34px;letter-spacing:-1.3px;margin:15px 0 7px}.admin-auth-console>p{font-size:10px;line-height:1.65;color:#9fb4bf;max-width:360px}.admin-auth-form{margin-top:23px;gap:14px;position:relative;z-index:2}.admin-auth-form label{color:#c1d0d7;font-size:9.5px}.admin-auth-form input{height:50px;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important;border-radius:13px!important}.admin-auth-form input:focus{outline:0!important;border-color:#45cbae!important;box-shadow:0 0 0 4px rgba(69,203,174,.08)!important}.admin-auth-submit{height:51px;border:0;border-radius:13px;margin-top:2px;background:linear-gradient(135deg,#e1a34f,#f2c26d);color:#13202a;font:inherit;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 14px 30px rgba(218,153,65,.16)}.admin-auth-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}.admin-auth-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.admin-auth-foot{position:relative;z-index:2;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.075);display:flex;justify-content:space-between;gap:12px;align-items:center}.admin-auth-foot>span{font-size:8px;color:#a8bcc5;display:flex;align-items:center;gap:6px}.admin-auth-foot i{width:6px;height:6px;border-radius:50%;background:#4fd3a7}.admin-auth-foot small{font-size:7.5px;color:#6f8793}

/* =========================================================
   V49 — Super Admin workspace / Command Center polish
   ========================================================= */
.admin-app-body{background:radial-gradient(circle at 93% 4%,rgba(47,173,145,.075),transparent 20%),linear-gradient(180deg,#eef3f6,#f6f8fa 42%,#eef3f6);color:#152631}
.admin-app-layout{grid-template-columns:282px minmax(0,1fr)}
.admin-sidebar{background:radial-gradient(circle at 30% 4%,rgba(52,195,160,.11),transparent 18%),linear-gradient(180deg,#061827 0%,#082438 58%,#071d2e 100%);border-right:1px solid rgba(255,255,255,.045);box-shadow:14px 0 38px rgba(5,24,38,.09)}
.admin-sidebar .admin-brand{padding-bottom:24px}.admin-side-caption{color:#6c8594;letter-spacing:2px}.admin-side-nav a{min-height:50px;border-radius:14px;padding:8px 10px}.admin-nav-icon{border-radius:12px!important;background:rgba(255,255,255,.045)!important}.admin-side-nav a.active{background:linear-gradient(90deg,rgba(37,177,147,.18),rgba(255,255,255,.045));box-shadow:inset 3px 0 0 #43d0aa}.admin-side-nav a.active .admin-nav-icon{background:linear-gradient(135deg,#114858,#0f665f)!important;color:#7be4c5}.admin-nav-dot{background:#f0b45f;box-shadow:0 0 0 4px rgba(240,180,95,.10)}
.admin-main-area{background:transparent}.admin-topbar{margin:16px 18px 0;border:1px solid rgba(205,218,225,.82);border-radius:20px;min-height:78px;padding:12px 18px;background:rgba(255,255,255,.83);backdrop-filter:blur(18px);box-shadow:0 13px 35px rgba(23,54,73,.055)}.admin-page-icon{background:linear-gradient(135deg,#e9f8f4,#f4fbf9);border:1px solid #dbede8;color:#0e8872}.admin-page-heading h1{font-size:20px}.admin-page-heading p{font-size:9px;color:#82929b}.admin-user-card{border-radius:15px;border-color:#e1eaee;box-shadow:0 5px 18px rgba(18,46,64,.035)}
.admin-content{padding:22px 28px 46px;max-width:1760px}
.admin-app-body .admin-welcome{position:relative;overflow:hidden;border-radius:24px;padding:28px 30px;background:radial-gradient(circle at 88% 18%,rgba(65,214,174,.18),transparent 25%),linear-gradient(120deg,#082238,#0b3d4a);box-shadow:0 22px 48px rgba(7,32,48,.13);border:1px solid rgba(89,205,177,.13)}.admin-app-body .admin-welcome:after{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-190px;top:-230px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 58px rgba(255,255,255,.018),0 0 0 116px rgba(255,255,255,.012)}.admin-app-body .admin-welcome>div,.admin-app-body .admin-welcome>a{position:relative;z-index:2}.admin-app-body .admin-welcome .section-kicker{color:#62ddbc;letter-spacing:1.8px}.admin-app-body .admin-welcome h2{font-size:29px;letter-spacing:-1px;margin:7px 0;color:#fff}.admin-app-body .admin-welcome p{max-width:690px;color:#aac0ca;line-height:1.65}.admin-app-body .admin-welcome .btn{background:linear-gradient(135deg,#e6aa57,#f1c16c);color:#132430;border:0;box-shadow:0 12px 28px rgba(222,162,78,.18)}
.admin-app-body .admin-kpis{gap:14px}.admin-app-body .admin-kpis .kpi{min-height:124px;border:1px solid #dde7eb;border-radius:18px;padding:19px 20px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:0 10px 30px rgba(17,50,70,.045);position:relative;overflow:hidden}.admin-app-body .admin-kpis .kpi:after{content:"";position:absolute;right:-30px;bottom:-34px;width:94px;height:94px;border-radius:50%;background:rgba(21,165,141,.04)}.admin-app-body .admin-kpis .kpi:before{height:4px}.admin-app-body .admin-kpis .kpi:nth-child(1):before{background:linear-gradient(90deg,#15a58d,#53d0b2)}.admin-app-body .admin-kpis .kpi:nth-child(2):before{background:linear-gradient(90deg,#367fb5,#65add5)}.admin-app-body .admin-kpis .kpi:nth-child(3):before{background:linear-gradient(90deg,#d88c34,#f0bb65)}.admin-app-body .admin-kpis .kpi:nth-child(4):before{background:linear-gradient(90deg,#6d66c6,#9991e5)}.admin-app-body .admin-kpis .kpi small{font-size:9px;color:#83929a}.admin-app-body .admin-kpis .kpi b{font-size:28px;letter-spacing:-.8px;margin-top:10px}.admin-app-body .admin-kpis .kpi em{font-size:8px;color:#128873;margin-top:7px}
.admin-app-body .panel{border:1px solid #dfe8ec;border-radius:21px;padding:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(18,49,67,.045)}.admin-app-body .panel-head{padding-bottom:14px}.admin-app-body .panel-head h2{font-size:16px;color:#172832}.admin-app-body .panel-eyebrow{font-size:7px;letter-spacing:1.5px}.admin-app-body .table-wrap{border-radius:14px;overflow:auto}.admin-app-body table thead th{background:#f1f6f8;color:#677b86;font-size:8px;letter-spacing:.35px}.admin-app-body table td{border-color:#edf2f4}.admin-app-body table tbody tr:nth-child(even) td{background:#fbfdfd}.admin-app-body table tbody tr:hover td{background:#f2faf7}.admin-app-body .text-link{color:#0d8b75;font-weight:800}.admin-app-body .badge{border-radius:999px}
.admin-app-body .form-stack input,.admin-app-body .form-stack select,.admin-app-body .form-stack textarea,.admin-app-body .input{border-radius:12px;background:#fbfcfd}.admin-app-body .btn-primary{background:linear-gradient(135deg,#108a76,#1ab08f)}

@media(max-width:900px){
  .client-auth-stage{padding:0;background:linear-gradient(180deg,#071c2e,#092b3c)}
  .client-auth-shell{min-height:100svh;width:100%;grid-template-columns:1fr;border-radius:0;border:0;background:#f7f9fa}
  .client-auth-visual{display:none}.client-auth-formpane{padding:22px min(7vw,34px) 28px;min-height:100svh}.client-auth-formbody{margin:auto;width:min(460px,100%);padding:36px 0}.client-auth-toprow{position:relative}.client-auth-formbody h1{font-size:40px}.client-auth-form input{height:56px!important}.client-auth-submit{height:56px}
  .admin-auth-stage{padding:20px}.admin-auth-console{padding:27px}.admin-auth-console h1{font-size:30px}
  .admin-app-layout{grid-template-columns:1fr}.admin-topbar{margin:8px 9px 0;border-radius:16px;min-height:72px}.admin-content{padding:14px 14px 26px;padding-inline-start:72px}.admin-app-body .admin-welcome{border-radius:18px;padding:20px}.admin-app-body .admin-welcome h2{font-size:23px}.admin-app-body .admin-kpis{grid-template-columns:1fr 1fr!important}.admin-app-body .admin-kpis .kpi{min-height:112px;border-radius:16px;padding:15px}
  html[dir="rtl"] .admin-content{padding-inline-start:14px;padding-inline-end:72px}
}
@media(max-width:620px){
  .client-auth-formpane{padding:15px 16px 22px}.client-auth-formbody{padding:29px 0}.client-auth-brand .site-logo-img{width:39px;height:39px}.client-auth-formbody h1{font-size:34px;letter-spacing:-1.4px}.client-auth-lead{font-size:11px;margin-bottom:20px}.client-auth-help{align-items:flex-start}.client-auth-note{margin-top:13px}.client-auth-shell .dashboard-lang{transform:scale(.94);transform-origin:right center}[dir="rtl"] .client-auth-shell .dashboard-lang{transform-origin:left center}
  .admin-auth-stage{padding:15px}.admin-auth-top .brand strong{font-size:12px}.admin-auth-console{padding:23px;border-radius:21px}.admin-auth-console h1{font-size:28px}.admin-auth-foot{display:grid;gap:5px}
  .admin-topbar{margin:5px 6px 0;border-radius:14px;padding:9px 10px}.admin-content{padding-top:10px;padding-inline-start:60px;padding-inline-end:9px}.admin-app-body .admin-welcome{padding:17px}.admin-app-body .admin-welcome h2{font-size:20px}.admin-app-body .admin-welcome p{font-size:9px}.admin-app-body .admin-kpis{grid-template-columns:1fr!important}.admin-app-body .admin-kpis .kpi{min-height:100px}.admin-app-body .panel{border-radius:16px;padding:14px}
  html[dir="rtl"] .admin-content{padding-inline-start:9px;padding-inline-end:60px}
}

/* =========================================================
   V50 — Client portal desktop fit + cleaner visual hierarchy
   ========================================================= */
@media(min-width:901px){
  .client-auth-stage{
    padding:12px;
  }
  .client-auth-shell{
    width:min(1120px,100%);
    height:min(680px,calc(100svh - 24px));
    min-height:610px;
    grid-template-columns:minmax(390px,.88fr) minmax(500px,1.12fr);
    border-radius:28px;
  }
  .client-auth-formpane{
    padding:22px 30px 24px;
  }
  .client-auth-brand .site-logo-img{width:39px;height:39px}
  .client-auth-brand strong{font-size:13px}
  .client-auth-formbody{
    width:min(380px,100%);
    margin:auto;
    padding:24px 0 14px;
  }
  .client-auth-kicker{font-size:7.5px;letter-spacing:1.4px}
  .client-auth-formbody h1{
    font-size:clamp(34px,3.25vw,42px);
    line-height:1.04;
    letter-spacing:-1.6px;
    margin:12px 0 10px;
  }
  .client-auth-lead{
    font-size:11px;
    line-height:1.6;
    margin-bottom:18px;
  }
  .client-auth-form{gap:12px}
  .client-auth-form label{gap:6px;font-size:9.5px}
  .client-auth-form input{height:48px!important;border-radius:13px!important;font-size:11.5px!important}
  .client-auth-submit{height:49px;border-radius:13px;margin-top:1px}
  .client-auth-help{margin-top:14px;padding-top:13px;font-size:9px}
  .client-auth-note{margin-top:11px;font-size:7.5px}

  .client-auth-visual{
    margin:10px;
    border-radius:22px;
    min-height:0;
    height:calc(100% - 20px);
    display:flex;
    flex-direction:column;
    padding:30px 34px 28px;
  }
  .client-visual-copy{
    position:relative;
    left:auto;right:auto;top:auto;
    max-width:430px;
    z-index:2;
    padding:0;
  }
  .client-visual-copy>span{font-size:7.5px;letter-spacing:1.5px}
  .client-visual-copy h2{
    font-size:clamp(30px,3vw,39px);
    line-height:1.03;
    letter-spacing:-1.5px;
    margin:9px 0 8px;
  }
  .client-visual-copy p{font-size:10px;line-height:1.55;max-width:390px}

  .client-preview-card{
    position:relative;
    left:auto;bottom:auto;
    transform:none;
    width:100%;
    max-width:500px;
    margin:auto auto 0;
    padding:19px;
    border-radius:19px;
    box-shadow:0 24px 48px rgba(0,10,19,.34);
  }
  .client-preview-head strong{font-size:13px}
  .client-preview-head>span{padding:6px 8px;font-size:7.5px}
  .client-preview-main{padding:16px 0 14px;gap:5px}
  .client-preview-main b{font-size:31px;letter-spacing:-1.2px}
  .client-preview-kpis{gap:8px;padding:12px 0}
  .client-preview-kpis>div{padding:10px;border-radius:10px}
  .client-preview-kpis b{font-size:11px}
  .client-preview-chart{height:72px;padding:9px 8px 0;gap:6px;border-radius:11px}

  .client-preview-pill{
    padding:7px 10px;
    font-size:7.5px;
    box-shadow:0 9px 20px rgba(0,13,24,.15);
  }
  .client-pill-one{right:20px;top:170px}
  .client-pill-two{left:22px;bottom:180px}
}

@media(min-width:901px) and (max-height:720px){
  .client-auth-shell{height:calc(100svh - 18px);min-height:560px}
  .client-auth-stage{padding:9px}
  .client-auth-formpane{padding:18px 26px 19px}
  .client-auth-formbody{padding:14px 0 8px}
  .client-auth-formbody h1{font-size:34px;margin:9px 0 8px}
  .client-auth-lead{margin-bottom:13px}
  .client-auth-form input{height:44px!important}
  .client-auth-submit{height:45px}
  .client-auth-help{margin-top:10px;padding-top:10px}
  .client-auth-note{margin-top:8px}
  .client-auth-visual{padding:24px 29px 22px}
  .client-visual-copy h2{font-size:31px}
  .client-preview-card{padding:16px;max-width:470px}
  .client-preview-main{padding:12px 0 11px}.client-preview-main b{font-size:27px}
  .client-preview-kpis{padding:9px 0}.client-preview-kpis>div{padding:8px}
  .client-preview-chart{height:58px}
  .client-pill-one{top:145px}.client-pill-two{bottom:145px}
}


/* =========================================================
   V51 — compact portal auth layouts
   Requested: smaller adminlogin + smaller admindsh login,
   no floating preview labels, square client preview card.
   ========================================================= */
@media(min-width:901px){
  /* Client portal: smaller overall footprint */
  .client-auth-stage{padding:14px}
  .client-auth-shell{
    width:min(1000px,calc(100vw - 28px));
    height:min(610px,calc(100svh - 28px));
    min-height:560px;
    grid-template-columns:minmax(365px,.9fr) minmax(480px,1.1fr);
    border-radius:26px;
  }
  .client-auth-formpane{padding:18px 25px 20px}
  .client-auth-brand .site-logo-img{width:35px;height:35px}
  .client-auth-brand strong{font-size:12px}
  .client-auth-brand small{font-size:6.5px}
  .client-auth-formbody{width:min(340px,100%);padding:14px 0 8px}
  .client-auth-kicker{font-size:7px;letter-spacing:1.3px}
  .client-auth-formbody h1{font-size:34px;line-height:1.02;letter-spacing:-1.35px;margin:10px 0 8px}
  .client-auth-lead{font-size:10px;line-height:1.55;margin-bottom:14px;max-width:330px}
  .client-auth-form{gap:10px}
  .client-auth-form label{gap:5px;font-size:9px}
  .client-auth-form input{height:43px!important;border-radius:12px!important;font-size:10.5px!important}
  .client-auth-submit{height:44px;border-radius:12px;font-size:10px}
  .client-auth-help{margin-top:11px;padding-top:10px;font-size:8.5px}
  .client-auth-note{margin-top:8px;font-size:7px}

  /* Right visual stays polished but no longer dominates the screen */
  .client-auth-visual{margin:8px;border-radius:20px;height:calc(100% - 16px);padding:24px 27px 22px}
  .client-visual-copy{max-width:390px}
  .client-visual-copy>span{font-size:7px;letter-spacing:1.35px}
  .client-visual-copy h2{font-size:31px;line-height:1.02;letter-spacing:-1.25px;margin:7px 0 6px}
  .client-visual-copy p{font-size:9px;line-height:1.45;max-width:360px}

  /* Square dashboard preview */
  .client-preview-card{
    position:relative;
    left:auto;bottom:auto;transform:none;
    width:min(330px,82%);
    max-width:330px;
    aspect-ratio:1 / 1;
    height:auto;
    margin:auto;
    padding:16px;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .client-preview-head strong{font-size:11px}
  .client-preview-head small{font-size:6.5px}
  .client-preview-head>span{padding:5px 7px;font-size:6.5px}
  .client-preview-main{padding:10px 0 9px;gap:3px}
  .client-preview-main small{font-size:6.5px}
  .client-preview-main b{font-size:25px;letter-spacing:-1px}
  .client-preview-main em{font-size:8px}
  .client-preview-kpis{gap:6px;padding:8px 0}
  .client-preview-kpis>div{padding:8px;border-radius:9px}
  .client-preview-kpis small{font-size:6.5px}
  .client-preview-kpis b{font-size:9.5px;margin-top:3px}
  .client-preview-chart{height:55px;padding:7px 6px 0;gap:5px;border-radius:10px;flex:0 0 55px}
  .client-preview-pill{display:none!important}

  /* Super Admin login: substantially smaller card */
  .admin-auth-stage{padding:18px}
  .admin-auth-top{width:min(900px,100%)}
  .admin-auth-console{
    width:min(390px,100%);
    padding:25px 27px;
    border-radius:22px;
  }
  .admin-auth-signal{font-size:7px;letter-spacing:1.35px}
  .admin-auth-lock{margin-top:18px;width:42px;height:42px;border-radius:12px}
  .admin-auth-lock svg{width:19px;height:19px}
  .admin-auth-console h1{font-size:30px;letter-spacing:-1px;margin:12px 0 6px}
  .admin-auth-console>p{font-size:9px;line-height:1.55}
  .admin-auth-form{margin-top:17px;gap:10px}
  .admin-auth-form label{font-size:8.7px;gap:5px}
  .admin-auth-form input{height:44px!important;border-radius:11px!important;font-size:11px!important}
  .admin-auth-submit{height:45px;border-radius:11px;font-size:10px}
  .admin-auth-foot{margin-top:13px;padding-top:11px}
  .admin-auth-foot>span{font-size:7px}.admin-auth-foot small{font-size:6.8px}
}

@media(min-width:901px) and (max-height:650px){
  .client-auth-shell{height:calc(100svh - 18px);min-height:520px}
  .client-auth-stage{padding:9px}
  .client-auth-formbody{padding:6px 0 3px}
  .client-auth-formbody h1{font-size:30px}
  .client-auth-lead{margin-bottom:10px}
  .client-auth-form input{height:40px!important}
  .client-auth-submit{height:41px}
  .client-preview-card{width:min(300px,78%);max-width:300px;padding:14px}
  .client-preview-chart{height:45px;flex-basis:45px}
  .admin-auth-console{width:min(360px,100%);padding:20px 23px}
  .admin-auth-lock{margin-top:13px}.admin-auth-console h1{font-size:27px}.admin-auth-form{margin-top:13px}
}


/* =========================================================
   V52 — Adminlogin mobile mirrors Super Admin visual language
   Desktop portal remains unchanged.
   ========================================================= */
.client-auth-lock-mobile{display:none}
@media(max-width:900px){
  .client-auth-v49{
    background:#061827!important;
    color:#fff;
  }
  .client-auth-v49 .client-auth-stage{
    min-height:100svh;
    padding:14px 12px 24px!important;
    display:block;
    background:
      radial-gradient(circle at 50% 0%,rgba(38,177,150,.16),transparent 30%),
      radial-gradient(circle at 8% 96%,rgba(239,164,72,.07),transparent 24%),
      #061827!important;
  }
  .client-auth-v49 .client-auth-shell{
    display:block;
    width:100%;
    min-height:auto!important;
    height:auto!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible;
  }
  .client-auth-v49 .client-auth-formpane{
    min-height:auto!important;
    padding:0!important;
    display:block;
    background:transparent!important;
  }
  .client-auth-v49 .client-auth-toprow{
    min-height:48px;
    padding:0 3px;
    margin:0 auto 30px;
    width:min(430px,100%);
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .client-auth-v49 .client-auth-brand{
    color:#fff!important;
  }
  .client-auth-v49 .client-auth-brand strong{
    color:#fff!important;
    font-size:12px!important;
  }
  .client-auth-v49 .client-auth-brand small{
    color:#55d7b4!important;
    font-size:6px!important;
    letter-spacing:2px!important;
  }
  .client-auth-v49 .client-auth-brand .site-logo-img{
    width:38px!important;
    height:38px!important;
  }
  .client-auth-v49 .dashboard-lang,
  .client-auth-v49 .auth-lang{
    position:static!important;
    transform:none!important;
    flex:0 0 auto;
  }
  .client-auth-v49 .client-auth-formbody{
    width:min(430px,100%)!important;
    margin:0 auto!important;
    padding:25px 24px 22px!important;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(155deg,rgba(12,45,63,.92),rgba(7,29,45,.98));
    box-shadow:0 26px 64px rgba(0,8,15,.36);
    position:relative;
    overflow:hidden;
  }
  .client-auth-v49 .client-auth-formbody:after{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-90px;
    bottom:-115px;
    border-radius:50%;
    border:1px solid rgba(70,216,178,.11);
    box-shadow:0 0 0 44px rgba(70,216,178,.022),0 0 0 84px rgba(70,216,178,.015);
    pointer-events:none;
  }
  html[dir="rtl"] .client-auth-v49 .client-auth-formbody:after{
    right:auto;left:-90px;
  }
  .client-auth-v49 .client-auth-kicker{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:7px;
    color:#69dfbf!important;
    font-size:7px!important;
    letter-spacing:1.35px!important;
    font-weight:900;
  }
  .client-auth-v49 .client-auth-kicker:before{
    width:7px!important;
    height:7px!important;
    border-radius:50%;
    background:#45d49f!important;
    box-shadow:0 0 0 5px rgba(69,212,159,.09);
  }
  .client-auth-v49 .client-auth-lock-mobile{
    position:relative;
    z-index:2;
    margin-top:18px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#f2bb69;
    background:rgba(242,187,105,.08);
    border:1px solid rgba(242,187,105,.12);
  }
  .client-auth-v49 .client-auth-lock-mobile svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .client-auth-v49 .client-auth-formbody h1{
    position:relative;
    z-index:2;
    color:#fff!important;
    font-size:29px!important;
    line-height:1.04!important;
    letter-spacing:-1px!important;
    margin:12px 0 7px!important;
  }
  .client-auth-v49 .client-auth-lead{
    position:relative;
    z-index:2;
    color:#9fb4bf!important;
    font-size:9px!important;
    line-height:1.55!important;
    margin:0 0 18px!important;
    max-width:330px;
  }
  .client-auth-v49 .alert{
    position:relative;z-index:2;
  }
  .client-auth-v49 .client-auth-form{
    position:relative;
    z-index:2;
    margin-top:0!important;
    gap:11px!important;
  }
  .client-auth-v49 .client-auth-form label{
    color:#c1d0d7!important;
    font-size:8.8px!important;
    gap:5px!important;
  }
  .client-auth-v49 .client-input-wrap{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .client-auth-v49 .client-auth-form input{
    height:45px!important;
    padding:0 42px!important;
    border-radius:11px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    font-size:11px!important;
    box-shadow:none!important;
  }
  .client-auth-v49 .client-auth-form input::placeholder{color:#708893!important;opacity:1}
  .client-auth-v49 .client-auth-form input:focus{
    outline:0!important;
    border-color:#45cbae!important;
    box-shadow:0 0 0 4px rgba(69,203,174,.08)!important;
  }
  .client-auth-v49 .client-field-icon{
    color:#7895a3!important;
    left:14px!important;
    z-index:3;
  }
  html[dir="rtl"] .client-auth-v49 .client-field-icon{left:auto!important;right:14px!important}
  .client-auth-v49 .client-pass-toggle{
    color:#7895a3!important;
    right:12px!important;
    z-index:3;
  }
  html[dir="rtl"] .client-auth-v49 .client-pass-toggle{right:auto!important;left:12px!important}
  .client-auth-v49 .client-auth-submit{
    height:46px!important;
    margin-top:2px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#e1a34f,#f2c26d)!important;
    color:#13202a!important;
    font-size:10px!important;
    font-weight:900!important;
    box-shadow:0 14px 30px rgba(218,153,65,.16)!important;
  }
  .client-auth-v49 .client-auth-submit:hover{transform:none!important}
  .client-auth-v49 .client-auth-help{
    position:relative;
    z-index:2;
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    font-size:7.5px!important;
    align-items:center!important;
  }
  .client-auth-v49 .client-auth-help span{color:#8da3ad!important}
  .client-auth-v49 .client-auth-help a{color:#5bd4b5!important}
  .client-auth-v49 .client-auth-note{
    position:relative;
    z-index:2;
    margin:8px 0 0!important;
    color:#6f8793!important;
    font-size:6.8px!important;
  }
  .client-auth-v49 .client-auth-visual{display:none!important}
}
@media(max-width:620px){
  .client-auth-v49 .client-auth-stage{padding:14px 10px 22px!important}
  .client-auth-v49 .client-auth-toprow{margin-bottom:40px!important}
  .client-auth-v49 .client-auth-formbody{
    margin-top:10px!important;
    padding:22px 20px 20px!important;
    border-radius:20px;
  }
  .client-auth-v49 .client-auth-formbody h1{font-size:27px!important}
  .client-auth-v49 .client-auth-lock-mobile{margin-top:15px}
  .client-auth-v49 .client-auth-form input{height:43px!important}
  .client-auth-v49 .client-auth-submit{height:44px!important}
}


/* =========================================================
   V54 — Mobile adminlogin vertical positioning mirrors admindsh
   Keep logo/language at top and center the login card in the
   remaining viewport, just like the Super Admin portal.
   ========================================================= */
@media(max-width:620px){
  .client-auth-v49 .client-auth-stage{
    min-height:100svh!important;
    padding:15px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .client-auth-v49 .client-auth-shell{
    width:100%!important;
    min-height:calc(100svh - 30px)!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .client-auth-v49 .client-auth-formpane{
    flex:1 1 auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .client-auth-v49 .client-auth-toprow{
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  .client-auth-v49 .client-auth-formbody{
    width:min(430px,100%)!important;
    margin:auto!important;
  }
}

/* =========================================================
   V55 — Harmonized dual-surface auth palette
   Shared visual identity for Station + Super Admin portals.
   ========================================================= */
:root{
  --auth-bg-1:#041521;
  --auth-bg-2:#072334;
  --auth-card-1:#0b3041;
  --auth-card-2:#082638;
  --auth-line:rgba(116,220,191,.14);
  --auth-mint:#54ddb6;
  --auth-teal:#1aa287;
  --auth-orange-1:#e7a84f;
  --auth-orange-2:#f3c36b;
  --auth-text:#f7fbfd;
  --auth-muted:#9fb4be;
}

/* Station portal */
.client-auth-v49,
.client-auth-v49 .client-auth-stage{
  background:
    radial-gradient(circle at 80% 4%,rgba(29,163,136,.14),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(236,171,82,.055),transparent 24%),
    linear-gradient(180deg,var(--auth-bg-1),var(--auth-bg-2))!important;
}
@media(max-width:900px){
  .client-auth-v49 .client-auth-formbody{
    background:
      radial-gradient(circle at 100% 100%,rgba(71,212,174,.07),transparent 34%),
      linear-gradient(155deg,var(--auth-card-1),var(--auth-card-2))!important;
    border-color:var(--auth-line)!important;
    box-shadow:0 26px 64px rgba(0,8,15,.34)!important;
  }
  .client-auth-v49 .client-auth-kicker{color:var(--auth-mint)!important}
  .client-auth-v49 .client-auth-kicker:before{background:var(--auth-mint)!important;box-shadow:0 0 0 5px rgba(84,221,182,.09)!important}
  .client-auth-v49 .client-auth-lock-mobile{color:#f1b65e!important;background:rgba(241,182,94,.085)!important;border-color:rgba(241,182,94,.14)!important}
  .client-auth-v49 .client-auth-submit{
    background:linear-gradient(135deg,var(--auth-orange-1),var(--auth-orange-2))!important;
    color:#12202a!important;
    box-shadow:0 14px 30px rgba(226,163,75,.16)!important;
  }
  .client-auth-v49 .client-auth-help a{color:var(--auth-mint)!important}
}

/* Super Admin portal */
.admin-auth-v49,
.admin-auth-v49 .admin-auth-stage{
  background:
    radial-gradient(circle at 78% 4%,rgba(29,163,136,.14),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(236,171,82,.055),transparent 24%),
    linear-gradient(180deg,var(--auth-bg-1),var(--auth-bg-2))!important;
}
.admin-auth-console{
  background:
    radial-gradient(circle at 100% 100%,rgba(71,212,174,.07),transparent 34%),
    linear-gradient(155deg,var(--auth-card-1),var(--auth-card-2))!important;
  border-color:var(--auth-line)!important;
  box-shadow:0 26px 64px rgba(0,8,15,.34)!important;
}
.admin-auth-signal{color:var(--auth-mint)!important}
.admin-signal-dot{background:var(--auth-mint)!important;box-shadow:0 0 0 5px rgba(84,221,182,.09)!important}
.admin-auth-lock{color:#f1b65e!important;background:rgba(241,182,94,.085)!important;border-color:rgba(241,182,94,.14)!important}
.admin-auth-submit{
  background:linear-gradient(135deg,var(--auth-orange-1),var(--auth-orange-2))!important;
  box-shadow:0 14px 30px rgba(226,163,75,.16)!important;
}

/* Shared field treatment — same family, clear separation from cards */
@media(max-width:900px){
  .client-auth-v49 .client-auth-form input,
  .admin-auth-v49 .admin-auth-form input{
    background:#eaf1fb!important;
    color:#152634!important;
    border-color:rgba(118,144,161,.22)!important;
  }
  .client-auth-v49 .client-auth-form input::placeholder,
  .admin-auth-v49 .admin-auth-form input::placeholder{color:#708491!important}
  .client-auth-v49 .client-field-icon,
  .client-auth-v49 .client-pass-toggle{color:#7a94a2!important}
}

/* =========================================================
   V56 — Unified internal spaces palette
   Navy page + teal/navy surfaces. White is reserved for fields.
   ========================================================= */
:root{
  --lsm-space-bg:#061827;
  --lsm-space-bg-2:#082235;
  --lsm-space-card:#0b2b3c;
  --lsm-space-card-2:#0d3546;
  --lsm-space-card-3:#123d4f;
  --lsm-space-line:rgba(111,221,191,.13);
  --lsm-space-text:#f4f8fa;
  --lsm-space-muted:#9eb3bf;
  --lsm-space-mint:#59d9b5;
  --lsm-space-orange:#efb153;
  --lsm-space-field:#eaf1fb;
  --lsm-space-field-text:#102231;
}

/* Shared internal page backdrop */
.worker-body,
.station-app-body,
.admin-app-body{
  background:
    radial-gradient(circle at 92% 4%,rgba(20,165,141,.15),transparent 25%),
    radial-gradient(circle at 5% 96%,rgba(59,130,183,.10),transparent 28%),
    linear-gradient(180deg,var(--lsm-space-bg) 0%,var(--lsm-space-bg-2) 100%)!important;
  color:var(--lsm-space-text)!important;
}

/* ---------- WORKER SPACE ---------- */
.worker-topbar{
  background:rgba(7,28,46,.94)!important;
  border-bottom:1px solid var(--lsm-space-line)!important;
  box-shadow:0 8px 28px rgba(0,8,15,.20)!important;
  color:var(--lsm-space-text)!important;
}
.worker-brand strong{color:#fff!important}
.worker-brand small{color:var(--lsm-space-mint)!important}
.worker-identity b{color:#fff!important}
.worker-identity small{color:var(--lsm-space-muted)!important}
.worker-top-actions .btn-outline{
  color:#d9e7ed!important;
  border-color:rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.045)!important;
}
.worker-top-actions .btn-outline:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.worker-main{background:transparent!important}
.worker-welcome{
  background:
    radial-gradient(circle at 88% 15%,rgba(79,211,167,.12),transparent 26%),
    linear-gradient(125deg,#0a2a3b,#0c4a4b)!important;
  border:1px solid var(--lsm-space-line)!important;
  box-shadow:0 18px 44px rgba(0,10,18,.24)!important;
}
.worker-welcome>span{color:#68e1bd!important}
.worker-welcome p{color:#b8cbd4!important}
.worker-task-card,
.worker-activity,
.worker-empty{
  background:linear-gradient(155deg,var(--lsm-space-card-2),var(--lsm-space-card))!important;
  color:var(--lsm-space-text)!important;
  border:1px solid var(--lsm-space-line)!important;
  box-shadow:0 16px 38px rgba(0,8,15,.20)!important;
}
.worker-task-card .panel-head,
.worker-activity .panel-head{border-bottom-color:rgba(255,255,255,.075)!important}
.worker-task-card .panel-head h2,
.worker-activity .panel-head h2,
.worker-empty h2{color:#fff!important}
.worker-task-card .panel-eyebrow{color:var(--lsm-space-mint)!important}
.worker-task-form{border-top-color:rgba(255,255,255,.075)!important}
.worker-task-form label{color:#c5d5dc!important}
.worker-task-title b{color:#fff!important}
.worker-task-title span{color:#91aab6!important}
.worker-task-form input,
.worker-task-form select,
.worker-task-form textarea{
  background:var(--lsm-space-field)!important;
  color:var(--lsm-space-field-text)!important;
  border-color:rgba(160,187,204,.40)!important;
  box-shadow:none!important;
}
.worker-task-form input::placeholder,
.worker-task-form textarea::placeholder{color:#748a97!important}
.worker-task-form input:focus,
.worker-task-form select:focus,
.worker-task-form textarea:focus{
  background:#f5f8fd!important;
  border-color:#63cdb4!important;
  box-shadow:0 0 0 4px rgba(89,217,181,.11)!important;
}
.worker-task-form .btn-primary{
  background:linear-gradient(135deg,#14967f,#20b291)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 11px 24px rgba(20,150,127,.20)!important;
}
.worker-activity .mini-item{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#e6eff3!important;
}
.worker-activity .mini-item small{color:#8fa7b2!important}
.worker-empty p{color:var(--lsm-space-muted)!important}

/* ---------- STATION OWNER / CLIENT SPACE ---------- */
.station-main-area{background:transparent!important}
.station-topbar{
  background:rgba(7,28,46,.94)!important;
  border-bottom:1px solid var(--lsm-space-line)!important;
  box-shadow:0 8px 28px rgba(0,8,15,.18)!important;
}
.station-page-heading h1{color:#fff!important}
.station-page-heading p{color:var(--lsm-space-muted)!important}
.station-page-icon{background:rgba(89,217,181,.10)!important;color:var(--lsm-space-mint)!important;box-shadow:inset 0 0 0 1px rgba(89,217,181,.12)!important}
.station-user-card{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important}
.station-user-card b{color:#fff!important}.station-plan-line{color:#9db2bd!important}
.station-content{background:transparent!important;color:var(--lsm-space-text)!important}
.station-kpi,
.station-panel,
.station-content>.panel,
.station-content>.grid-2>.panel,
.station-content>.grid-3>.panel{
  background:linear-gradient(155deg,var(--lsm-space-card-2),var(--lsm-space-card))!important;
  border-color:var(--lsm-space-line)!important;
  color:var(--lsm-space-text)!important;
  box-shadow:0 14px 34px rgba(0,8,15,.18)!important;
}
.station-kpi:nth-child(1),.station-kpi:nth-child(2),.station-kpi:nth-child(3),.station-kpi:nth-child(4){
  background:linear-gradient(155deg,var(--lsm-space-card-2),var(--lsm-space-card))!important;
  border-color:var(--lsm-space-line)!important;
}
.station-kpi small{color:#9eb3bf!important}.station-kpi b{color:#fff!important}.station-kpi em{color:#66dfbb!important}
.station-panel .panel-head h2,.station-content .panel-head h2,.station-content h2,.station-content h3{color:#fff!important}
.station-content .panel-head{border-bottom-color:rgba(255,255,255,.075)!important}
.station-content .panel-eyebrow{color:var(--lsm-space-mint)!important}
.station-stock-item .mini-item,
.station-service-item,
.station-summary-grid .notice,
.station-content .notice,
.station-content .mini-item{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.07)!important;
  color:#e6eef2!important;
}
.station-summary-grid .notice small,.station-content .mini-item small{color:#8fa6b2!important}
.station-summary-grid .notice b,.station-content .mini-item b{color:#fff!important}
.station-summary-grid .station-result{background:rgba(89,217,181,.10)!important;border-color:rgba(89,217,181,.16)!important}
.station-summary-grid .station-result b{color:#75e4c3!important}
.station-content .form-stack label{color:#c6d5dc!important}
.station-content .form-stack input,
.station-content .form-stack select,
.station-content .form-stack textarea,
.station-content .input{
  background:var(--lsm-space-field)!important;
  color:var(--lsm-space-field-text)!important;
  border-color:rgba(160,187,204,.40)!important;
}
.station-content .form-stack input:focus,
.station-content .form-stack select:focus,
.station-content .form-stack textarea:focus,
.station-content .input:focus{background:#f6f9fd!important;border-color:#63cdb4!important;box-shadow:0 0 0 4px rgba(89,217,181,.11)!important}
.station-content .table-wrap{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.station-content table{color:#dce8ed!important}
.station-content table thead th{background:#0a2637!important;color:#8fabb8!important;border-color:rgba(255,255,255,.06)!important}
.station-content table tbody td{background:#0d3041!important;color:#dce8ed!important;border-color:rgba(255,255,255,.055)!important}
.station-content table tbody tr:nth-child(even) td{background:#103647!important}
.station-content table tbody tr:hover td{background:#144455!important}
.station-content .filter-pills a{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important;color:#bcd0d8!important}
.station-content .filter-pills a.active{background:linear-gradient(135deg,#14967f,#1aa78b)!important;color:#fff!important;border-color:transparent!important}

/* ---------- SUPER ADMIN INTERNAL SPACE ---------- */
.admin-app-body .main-area{background:transparent!important}
.admin-app-body .topbar{
  background:rgba(7,28,46,.94)!important;
  border-bottom-color:var(--lsm-space-line)!important;
  box-shadow:0 8px 28px rgba(0,8,15,.18)!important;
}
.admin-page-heading h1{color:#fff!important}.admin-page-heading p{color:var(--lsm-space-muted)!important}
.admin-page-icon{background:rgba(89,217,181,.10)!important;color:var(--lsm-space-mint)!important;border-color:rgba(89,217,181,.12)!important}
.admin-user-card{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.09)!important}.admin-user-card b{color:#fff!important}.admin-role-line{color:#9db2bd!important}
.admin-app-body .content{color:var(--lsm-space-text)!important;background:transparent!important}
.admin-app-body .admin-kpis .kpi,
.admin-app-body .panel{
  background:linear-gradient(155deg,var(--lsm-space-card-2),var(--lsm-space-card))!important;
  border-color:var(--lsm-space-line)!important;
  color:var(--lsm-space-text)!important;
  box-shadow:0 14px 34px rgba(0,8,15,.18)!important;
}
.admin-app-body .admin-kpis .kpi b,.admin-app-body .panel h2,.admin-app-body .panel h3{color:#fff!important}
.admin-app-body .admin-kpis .kpi small,.admin-app-body .admin-kpis .kpi em{color:#9eb3bf!important}
.admin-app-body .panel-head{border-bottom-color:rgba(255,255,255,.075)!important}
.admin-app-body .panel-eyebrow{color:var(--lsm-space-mint)!important}
.admin-app-body .form-stack label{color:#c6d5dc!important}
.admin-app-body .form-stack input,.admin-app-body .form-stack select,.admin-app-body .form-stack textarea,.admin-app-body .input{
  background:var(--lsm-space-field)!important;
  color:var(--lsm-space-field-text)!important;
  border-color:rgba(160,187,204,.40)!important;
}
.admin-app-body .table-wrap{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.admin-app-body table{color:#dce8ed!important}
.admin-app-body table thead th{background:#0a2637!important;color:#8fabb8!important;border-color:rgba(255,255,255,.06)!important}
.admin-app-body table tbody td{background:#0d3041!important;color:#dce8ed!important;border-color:rgba(255,255,255,.055)!important}
.admin-app-body table tbody tr:nth-child(even) td{background:#103647!important}
.admin-app-body table tbody tr:hover td{background:#144455!important}
.admin-app-body .filter-pills a{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.08)!important;color:#bcd0d8!important}
.admin-app-body .filter-pills a.active{background:linear-gradient(135deg,#14967f,#1aa78b)!important;color:#fff!important;border-color:transparent!important}

@media(max-width:900px){
  .worker-main,.station-content,.admin-app-body .content{background:transparent!important}
  .worker-topbar,.station-topbar,.admin-app-body .topbar{backdrop-filter:blur(16px)}
}

/* V57 — public Google Play account deletion page */
.account-delete-page .delete-account-hero{min-height:590px}
.delete-account-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.delete-account-hero-actions .btn-light{background:rgba(255,255,255,.07);color:#dbe8ed;border:1px solid rgba(255,255,255,.12)}
.delete-account-visual-card .page-visual-row span{font-size:13px;line-height:1.5}
.delete-account-content{display:grid;gap:22px;min-width:0}
.delete-account-email-link{display:inline-flex;margin-top:24px;color:#ffad72;font-size:12px;font-weight:850}
.delete-policy-card,.delete-request-card{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(155deg,rgba(16,48,54,.94),rgba(9,31,42,.96));box-shadow:0 20px 52px rgba(0,0,0,.13)}
.delete-policy-card{padding:30px}
.delete-policy-label,.delete-request-card>div>span{display:inline-block;color:#ffad72;font-size:9px;font-weight:900;letter-spacing:1.55px}
.delete-policy-card>h2{color:#fff;font-size:27px;line-height:1.14;letter-spacing:-.7px;margin:10px 0 24px}
.delete-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.delete-policy-grid>div{padding:20px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.delete-policy-grid h3{color:#fff;font-size:14px;margin:0 0 13px}
.delete-policy-grid ul{margin:0;padding-inline-start:20px;display:grid;gap:10px}
.delete-policy-grid li{color:#a9bcc5;font-size:11.5px;line-height:1.7}
.delete-policy-grid li::marker{color:#5bd4b5}
.delete-request-card{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(115deg,#0b2932,#12362f 58%,#5c321f)}
.delete-request-card h2{color:#fff;font-size:22px;margin:7px 0 5px}
.delete-request-card p{color:#aec0c7;font-size:11.5px;line-height:1.65;margin:0;max-width:560px}
.client-auth-delete-link{text-align:center;margin:8px 0 0;font-size:8.5px;line-height:1.5}
.client-auth-delete-link a{color:var(--auth-mint,#63d9b4);font-weight:800;text-decoration:none}
.client-auth-delete-link a:hover{text-decoration:underline}

@media(max-width:820px){
  .delete-policy-grid{grid-template-columns:1fr}
  .delete-request-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .account-delete-page .delete-account-hero{min-height:auto;padding-bottom:58px}
  .delete-account-hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}
  .delete-account-hero-actions .btn{width:100%;justify-content:center;text-align:center;overflow-wrap:anywhere}
  .delete-account-detail .page-detail-intro{position:static}
  .delete-policy-card{padding:20px;border-radius:18px}
  .delete-policy-card>h2{font-size:23px}
  .delete-policy-grid>div{padding:16px}
  .delete-request-card{padding:20px;border-radius:18px}
  .delete-request-card .btn{width:100%;text-align:center;justify-content:center}
}