@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}
}