@font-face{font-family:Cairo;src:url("fonts/cairo-latin.woff2") format("woff2");font-weight:200 1000;font-display:swap}
@font-face{font-family:Cairo;src:url("fonts/cairo-arabic.woff2") format("woff2");font-weight:200 1000;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFC}
:root{--navy:#0A142F;--gold:#F1C076}
.official-logo{position:relative;display:block;width:106px;aspect-ratio:899/567;overflow:hidden;flex:none}
.official-logo img{position:absolute;width:227.808676%;max-width:none;height:auto;display:block}
.official-logo--white img{left:-66.295884%;top:-64.902998%}
.official-logo--dark img{left:-63.848721%;top:-77.601411%}
.top .brand{min-width:240px;gap:14px}
.brand-context{display:flex;flex-direction:column;gap:3px;font:600 13px/1.5 Cairo,Arial,sans-serif;letter-spacing:0}
.brand-context>span{color:white;letter-spacing:.3px;font:600 13px/1.5 Cairo,Arial,sans-serif}
.brand-context small{color:var(--gold);font:500 11px/1.7 Cairo,Arial,sans-serif;white-space:nowrap}
.sidebar-brand{display:grid;justify-items:center;border-bottom:1px solid var(--line);padding:8px 0 12px}
.sidebar-brand .official-logo{width:108px}
.sidebar-brand p{font-size:11px;margin:9px 0 0;color:var(--navy)}
.auth-brand{display:grid;justify-items:center;text-align:center;margin:0 auto 12px}
.auth-brand .official-logo{width:158px}
.brand-slogan{color:var(--navy);font:650 16px/1.8 Cairo,Arial,sans-serif;margin:15px 0 0}
.product-name{font:500 12px/1.5 Cairo,Arial,sans-serif;color:#596476;letter-spacing:.6px;margin-top:5px}
.brand-auth{font-family:Cairo,Arial,sans-serif;background-color:var(--navy)!important;background-image:linear-gradient(120deg,#0A142F,#192D51);background-size:cover;background-position:center;background-attachment:fixed}
body.brand-auth main{position:relative;border-top:4px solid var(--gold);box-shadow:0 18px 70px #02071845}
.brand-auth h1{margin-top:20px}
.brand-auth button{background:var(--navy);color:white}
.brand-auth input:focus-visible,.brand-auth button:focus-visible,.brand-auth a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.welcome-banner{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);padding:22px 24px;color:white;background:var(--navy);min-height:162px}
.welcome-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#223454,#0A142F)}
.welcome-banner p,.welcome-banner .eyeline{color:#f2f4f8}
.welcome-banner .dot{background:var(--gold)}
.welcome-banner .btn{background:var(--gold);color:var(--navy);border:1px solid var(--gold)}
.welcome-banner .btn:hover{background:#ffe0b0;color:var(--navy)}
.welcome-banner h1{font-size:clamp(26px,3vw,36px)}
.welcome-slogan{display:block;color:var(--gold);font-size:14px;font-weight:600;margin-bottom:8px}
.public-brand{display:grid;justify-items:center;color:var(--navy);font-weight:600;text-decoration:none;margin-bottom:24px;gap:12px}
.public-brand .official-logo{width:145px}
.print-brand{display:none}
@media(max-width:800px){.top .brand{min-width:76px;gap:0}.top .official-logo{width:76px}.top .brand-context{display:none}.welcome-banner{padding:18px;min-height:170px}.welcome-banner .btn{font-size:13px}.brand-slogan{font-size:15px}}
@media(max-width:420px){body.brand-auth main{padding:24px 22px}.brand-auth .official-logo{width:143px}.brand-auth{background-attachment:scroll}.welcome-banner{gap:14px}}
@media print{body{background:white!important;color:#0A142F!important;font-family:Cairo,Arial,sans-serif}.top,.rail,.crumb,.skip,form,.global-search{display:none!important}.workspace{margin:0!important;padding:0!important}.print-brand{display:flex;align-items:center;gap:28px;border-bottom:2px solid #F1C076;margin:0 0 20px;padding-bottom:12px}.print-brand .official-logo{width:118px}.print-brand p{font-size:14px}.welcome-banner{background:white!important;color:#0A142F!important;min-height:0;padding:0}.welcome-banner:before{display:none}.welcome-banner p,.welcome-banner .eyeline{color:#0A142F}.panel,.card{break-inside:avoid}a{color:#0A142F;text-decoration:none}}