button:not(:disabled),a[href],summary,select,input[type="checkbox"],input[type="radio"],input[type="range"]{cursor:pointer}
button:disabled{cursor:not-allowed}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-link,.marketing-body .language-link{display:inline-flex;align-items:center;gap:7px;padding:8px 2px;border:0;border-radius:0;background:transparent;color:inherit;font-family:inherit;font-size:13px;font-weight:800;white-space:nowrap}
.language-link:hover,.auth-lang:hover{color:#54e4c3}
.language-link .ui-icon{display:inline-block;width:17px;height:17px;flex:none;background:currentColor;mask:var(--icon) center/contain no-repeat}
.language-link .icon-globe{--icon:url('/icons/lucide/globe.svg')}
.language-link .icon-chevron-down{--icon:url('/icons/lucide/chevron-down.svg');width:14px;height:14px}
.auth-lang{border:0;background:transparent;font-family:inherit;cursor:pointer}
.auth-lang .ui-icon{display:inline-block;width:15px;height:15px;margin-inline-start:3px;vertical-align:middle;background:currentColor;mask:url('/icons/lucide/chevron-down.svg') center/contain no-repeat}
.password-control{position:relative;width:100%}
.password-control input{width:100%;padding-inline-end:51px!important}
.password-visibility{position:absolute;inset-block:4px;inset-inline-end:4px;display:grid;place-items:center;width:40px;border:0;border-radius:5px;background:transparent;color:#527283}
.password-visibility:hover{background:#e8f3f1;color:#087967}
.password-visibility:focus-visible,.language-link:focus-visible,.auth-lang:focus-visible,.language-dialog button:focus-visible,.language-choice:focus-visible{outline:3px solid #18cfa9;outline-offset:2px}
.password-visibility .ui-icon,.language-dialog-close .ui-icon{display:inline-block;width:19px;height:19px;background:currentColor;mask:var(--icon) center/contain no-repeat}
.password-visibility .icon-eye{--icon:url('/icons/lucide/eye.svg')}
.password-visibility .icon-eye-off{--icon:url('/icons/lucide/eye-off.svg')}
.language-dialog{position:fixed;inset:0;width:min(690px,calc(100% - 30px));max-height:min(620px,calc(100% - 30px));margin:auto;padding:29px;border:1px solid #315c68;border-radius:18px;background:linear-gradient(145deg,#112b3c,#081929);box-shadow:0 30px 90px rgba(0,8,20,.55);color:#f1fcf9;font-family:inherit}
.language-dialog::backdrop{background:rgba(2,11,23,.75);backdrop-filter:blur(8px)}
.language-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.language-dialog-kicker{color:#56e5c2;font-size:12px;font-weight:800}
.language-dialog h2{margin:6px 0 7px;color:#fff;font-size:clamp(23px,3vw,31px);line-height:1.35}
.language-dialog p{margin:0;color:#b8d2da;font-size:14px;line-height:1.7}
.language-dialog-close{display:grid;place-items:center;width:37px;height:37px;flex:none;border:1px solid #406372;border-radius:9px;background:#183446;color:#cce4e9}
.language-dialog-close:hover{background:#244b59;color:#fff}
.language-dialog-close .icon-x{--icon:url('/icons/lucide/x.svg')}
.language-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:26px}
.language-choice{position:relative;display:flex;align-items:center;gap:13px;min-height:103px;padding:17px;border:1px solid #426272;border-radius:12px;background:#142f41;color:#f5fffc;text-decoration:none}
.language-choice:hover,.language-choice.is-current{border-color:#20cba4;background:#17443f}
.language-flag{display:block;width:44px;height:32px;flex:none;background:url('/images/brand/egypt-flag.png') center / contain no-repeat}

.contact-page{background:#071321;color:#f5fcff}.contact-page .subpage-inner{padding:75px 0 65px}.contact-section{padding-top:45px;background:radial-gradient(circle at 10% 20%,rgba(0,195,154,.12),transparent 36%),#071321}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px);align-items:start}.contact-intro h2{max-width:460px}.contact-intro p{color:#b9cbd4;font-size:16px}.contact-info{display:grid;gap:8px;margin-top:32px;padding:22px;border:1px solid #2a4855;border-radius:12px;background:#112331}.contact-info strong{font-size:14px}.contact-info a{color:#58e7c6;direction:ltr;unicode-bidi:plaintext}.contact-info small{color:#a7bdc8;line-height:1.8}.contact-form{display:grid;gap:20px;padding:clamp(22px,3vw,38px);border:1px solid #2b5560;border-radius:18px;background:linear-gradient(145deg,#122839,#0b1d2d);box-shadow:0 24px 55px rgba(0,0,0,.18)}.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.contact-form label{display:grid;gap:9px;font-size:14px;font-weight:800}.contact-form input,.contact-form textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #416474;border-radius:9px;background:#071a29;color:#f7ffff;font:600 15px Almarai,system-ui,sans-serif;outline:0}.contact-form textarea{resize:vertical;line-height:1.8}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:#20d5aa;box-shadow:0 0 0 3px rgba(32,213,170,.15)}.contact-form .button{justify-self:start}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-form .dash-feedback,.contact-form .dash-form-errors{color:#eafff7}@media(max-width:760px){.contact-layout,.contact-form-row{grid-template-columns:1fr}.contact-page .subpage-inner{padding:55px 0 40px}}
.language-choice strong,.language-choice small{display:block}
.language-choice strong{font-size:17px}
.language-choice small{margin-top:3px;color:#b9d6dc;font-size:12px}
.language-current{position:absolute;inset-block-start:8px;inset-inline-end:10px;color:#73e8c8;font-size:10px;font-weight:800}
.dashboard-body .sidebar-bottom>button{border:0;background:none;padding:0;color:inherit;font-family:inherit;font-size:12px;text-align:start}
.dashboard-body .sidebar-bottom>button:hover{color:#fff}
.dashboard-body .sidebar-bottom{gap:7px;padding:16px 0 0}
.dashboard-body .sidebar-bottom>a,.dashboard-body .sidebar-bottom>button,.dashboard-body .sidebar-bottom form button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c6dbe5;font-family:inherit;font-size:12px;font-weight:800;text-align:start;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease;cursor:pointer}
.dashboard-body .sidebar-bottom>a:hover,.dashboard-body .sidebar-bottom>button:hover,.dashboard-body .sidebar-bottom form button:hover{border-color:#365d67;background:#183747;color:#fff}
.dashboard-body .sidebar-bottom form{margin:0}
.dashboard-body .sidebar-bottom form button{color:#f1bdc1}
.dashboard-body .sidebar-bottom .ui-icon{display:inline-block;width:17px;height:17px;flex:none;background:currentColor;mask:var(--icon) center/contain no-repeat}
.dashboard-body .sidebar-bottom .icon-globe{--icon:url('/icons/lucide/globe.svg')}
.dashboard-body .sidebar-bottom .icon-store{--icon:url('/icons/lucide/store.svg')}
.dashboard-body .sidebar-bottom .icon-log-out{--icon:url('/icons/lucide/log-out.svg')}
.marketing-body .language-link{min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:#10263a;color:#d8f1ec;transition:background .18s ease,color .18s ease}
.marketing-body .language-link:hover{background:#173c47;color:#fff}
.marketing-body .login-link{padding:9px 12px;border-radius:8px;transition:background .18s ease,color .18s ease}
.marketing-body .login-link:hover{background:#133547;color:#fff}
.dashboard-body .user-row-link{color:#e5fff7;text-decoration:none}
.dashboard-body tr[data-row-href]{cursor:pointer}
.dashboard-body tr[data-row-href]:hover td{background:#193448}
.dashboard-body tr[data-row-href]:focus-visible{outline:2px solid #31d7b0;outline-offset:-2px}
.dashboard-body .detail-list{display:grid;gap:0;margin:14px 0 0}
.dashboard-body .detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #2c4557}
.dashboard-body .detail-list dt{color:#a9c6d1}.dashboard-body .detail-list dd{margin:0;color:#f1fff9;font-weight:800;text-align:end;overflow-wrap:anywhere}
.dashboard-body .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dashboard-body .detail-grid>div{display:grid;gap:5px;padding:14px;border:1px solid #365264;border-radius:9px;background:#142b3a}
.dashboard-body .detail-grid small{color:#a8c2cc}
.dashboard-body .security-alert-row{display:flex;align-items:flex-start;gap:13px;padding:16px 0;border-top:1px solid #2b4657}
.dashboard-body .security-alert-row>.ui-icon{width:22px;height:22px;flex:none;color:#f5b970}
.dashboard-body .security-alert-row>div{flex:1}.dashboard-body .security-alert-row strong{display:block}.dashboard-body .security-alert-row small{display:block;margin-top:4px;color:#a9c4d0}.dashboard-body .security-alert-row p{margin:6px 0 0}
.dashboard-body .security-alert-empty{padding:24px;border:1px dashed #456475;border-radius:10px;color:#b8d4dd;text-align:center}
.dashboard-body .changelog-form{max-width:800px}
.dashboard-body .dash-settings-form textarea{width:100%;padding:11px 12px;border:1px solid #496a78;border-radius:8px;background:#0b2030;color:#f2fcfa;font:14px Almarai,system-ui,sans-serif;line-height:1.7;resize:vertical}
.dashboard-body .dash-settings-form textarea:focus-visible{outline:2px solid #20d5aa;outline-offset:2px}
.changelog-list{max-width:900px}.changelog-card,.changelog-empty{padding:28px;margin-bottom:18px;border:1px solid #294b56;border-radius:14px;background:#101f2c;color:#eafff8}.changelog-meta{display:flex;align-items:center;gap:13px;color:#a9c6ca}.changelog-card h2,.changelog-empty h2{margin:17px 0 10px}.changelog-notes{white-space:pre-line;line-height:1.85;color:#c9dde0}.changelog-empty p{color:#b6d0d5}
@media(max-width:640px){.dashboard-body .security-alert-row{flex-wrap:wrap}.dashboard-body .security-alert-row .dash-status-pill{margin-inline-start:auto}}
@media(max-width:900px){.marketing-body .header-inner>.brand{order:0}.marketing-body .header-actions{order:1;margin-inline-start:auto}.marketing-body .menu-toggle{order:2;margin-inline-start:0;flex:none}}
@media(max-width:400px){.marketing-body .header-inner{gap:8px}.marketing-body .site-header .brand img{width:32px;height:32px}.marketing-body .brand-name{font-size:13px}.marketing-body .brand-name small{font-size:7px}.marketing-body .language-link{padding-inline:8px;font-size:11px}.marketing-body .language-link .icon-chevron-down{display:none}.marketing-body .menu-toggle{width:38px;height:38px}}
@media(max-width:520px){.language-dialog{padding:22px}.language-dialog-grid{grid-template-columns:1fr}.language-choice{min-height:82px}.language-dialog h2{font-size:23px}}
