@font-face{font-family:'Droid Arabic Kufi';src:url('fonts/DroidKufi-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Droid Arabic Kufi';src:url('fonts/DroidKufi-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--navy:#102e44;--teal:#008e98;--teal-light:#e4f4f3;--ink:#213847;--muted:#71808b;--line:#e1e8eb;--bg:#f4f7f8;--shadow:0 3px 14px #163c4c05;--sidebar:248px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #d7e0e5;background:#fff;border-radius:7px;min-height:43px;padding:10px 12px;color:var(--ink);transition:border .15s,box-shadow .15s}input[type=color]{padding:5px;height:43px}input[type=file]{padding:8px;font-size:12px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px #008e9822}input:target{outline:3px solid #efc46b}button:focus-visible,a:focus-visible{outline:3px solid #e7b34e;outline-offset:3px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:400;color:#405563}form{margin:0}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;margin-bottom:5px;line-height:1.3}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:13px;display:flex;align-items:center;gap:9px}h3{font-size:15px}p{margin-bottom:18px}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.7}.ico{width:21px;height:21px;flex:none}.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}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:400;color:var(--teal)}
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--navy);color:#bccbd5;padding:16px 14px 0;display:flex;flex-direction:column;z-index:30}.brand{height:125px;display:flex;align-items:center;justify-content:center}.brand img{width:204px;height:110px;object-fit:contain}.nav-caption{font-size:9px;letter-spacing:2px;color:#7e9baa;padding:8px 16px 13px}.sidebar nav{flex:1;overflow:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12px;border-radius:7px;margin-bottom:4px;transition:.15s}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#007f8a;color:#fff}.nav-link .ico{width:19px;height:19px}.nav-link small{margin-inline-start:auto;color:#99c9ce;font-size:10px}.nav-divider{margin-top:26px;border-top:1px solid #ffffff16;padding-top:18px}.sidebar-user{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff14;padding:20px 9px;margin-top:16px}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#2b5268;color:#d9eaf1;border-radius:50%;font-weight:400}.sidebar-user>div{min-width:0;flex:1}.sidebar-user strong{color:#ecf3f6;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;padding:8px;border-radius:5px}.icon-button:hover{background:#ffffff15}.workspace{margin-inline-start:var(--sidebar);min-height:100dvh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.search-box{position:relative;display:flex;align-items:center;gap:10px;max-width:480px;flex:1;color:#8d9ca7}.search-box input{border:0;padding:8px 0;background:transparent;font-size:11px;min-height:36px}.search-box input:focus{box-shadow:none}.search-results{position:absolute;top:46px;inset-inline-start:0;min-width:100%;max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 25px #12344922;z-index:20}.search-results a{display:block;padding:11px 15px;font-size:12px;color:var(--ink)}.search-results a:hover{background:var(--teal-light)}.top-tools{display:flex;gap:23px;align-items:center;white-space:nowrap;font-size:11px}.lang-switch{display:flex;gap:9px;align-items:center}.lang-switch b{color:var(--teal)}.lang-switch span{color:#d2dade}.help-link{color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:#38af90;box-shadow:0 0 0 4px #ebf8f3}.main{max-width:1560px;margin:auto;padding:29px 34px 18px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.breadcrumbs{font-size:9px;letter-spacing:.8px;color:#8898a3;margin-bottom:9px}.breadcrumbs span{padding:0 8px;color:#c6d0d6}.page-heading p{font-size:11px;margin:7px 0 0}.heading-actions{display:flex;gap:10px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #d5e0e5;border-radius:6px;color:#425d6d;padding:11px 16px;font-size:11px;font-weight:400;white-space:nowrap;transition:.15s;min-height:40px}.btn:hover{background:#edf4f6;border-color:#9ab4bf}.btn .ico{width:16px;height:16px}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px 4px #008e9815}.btn.primary:hover{background:#007c87}.btn.danger{color:#b44c4c;border-color:#edcece}.btn.danger:hover{background:#fff1f1}.btn.compact{font-size:10px;min-height:32px;padding:6px 11px}.wide{width:100%}.text-link{color:var(--teal);font-size:11px;font-weight:400}.text-link:hover{text-decoration:underline}.mobile-menu{display:none}
.hero{height:205px;background:#d9eef0 url('banner.png') center/cover;border:1px solid #d1e6e9;border-radius:11px;overflow:hidden;margin-bottom:20px;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e4f3f0ef 0%,#e4f3f0b3 35%,#e4f3f000 70%)}.hero>div{position:relative;padding:22px 29px}.hero h2{font-size:27px;line-height:1.22;letter-spacing:-.8px;margin:6px 0 9px;color:#154258;display:block}.hero p{font-size:10px;color:#597782;margin:0 0 9px}.hero a{font-size:10px;color:#007d86;font-weight:400;display:inline-flex;align-items:center;gap:7px}.hero .ico{width:15px;height:15px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.status-card{display:flex;align-items:center;gap:13px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.status-card small{display:block;color:#80929e;font-size:10px;margin-bottom:4px}.status-card strong{font-size:12px;font-weight:400;display:block}.status-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;flex:none}.teal{background:#e2f5ee;color:#36a485}.amber{background:#fff3d7;color:#b38b2c}.blue{background:#e8f2fc;color:#5798c8}.purple{background:#f0edfb;color:#8a7ab1}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.card{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-heading h2{margin-bottom:4px}.card-heading h2 .ico{color:#5d7c8d;width:19px;height:19px}.card-heading p{margin:4px 0 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:400;white-space:nowrap}.badge.green{background:#e7f6ef;color:#278667}.badge.amber{background:#fff4db;color:#a27b26}.badge.neutral{background:#eef2f5;color:#758895}.badge.red{background:#fcebed;color:#b24c54}.summary-rows{margin-top:6px}.summary-rows>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f3;font-size:12px}.summary-rows>div:last-child{border:0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.notice{padding:13px 16px;background:#edf5f7;border:1px solid #dcebef;color:#4e7381;border-radius:7px;font-size:12px;margin:0 0 20px;line-height:1.8}.card .notice{margin:17px 0 0}.notice.success{background:#eaf8f0;border-color:#cce9d9;color:#227553}.notice.error{background:#fff0f0;border-color:#f0cece;color:#a9464b}.bottom-note{display:flex;align-items:center;gap:10px;background:#f4f8f9;margin-top:0;font-size:10px}.bottom-note .ico{color:#50aa8d;width:18px}.bottom-note a{margin-inline-start:auto;white-space:nowrap;color:var(--teal);font-weight:400}.content-preview{position:relative;overflow:hidden;border-radius:8px;height:153px;background:#203b4a}.preview-airport{height:100%;width:100%;object-fit:cover;object-position:50% 66%;opacity:.8}.preview-plane{position:absolute;inset-block-start:-20px;inset-inline-end:22%;height:170px;width:90px;object-fit:contain;transform:rotate(30deg);filter:drop-shadow(0 10px 4px #0b253b55)}.content-preview>span{position:absolute;inset-inline-start:20px;bottom:19px;font-size:31px;font-weight:400;color:white;text-shadow:0 1px 7px #092032}.content-preview small{display:block;font-size:10px;font-weight:400}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:20px 0 0}.quick-grid small{display:block;font-size:9px;color:#8a9ba7;margin-bottom:4px}.quick-grid strong{font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.toggle-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:65px;padding:10px 0;gap:15px;border-bottom:1px solid #edf2f5;position:relative}.toggle-field input{position:absolute;opacity:0;width:42px;height:24px;inset-inline-end:0;min-height:0;margin:0;cursor:pointer}.switch{width:39px;height:22px;background:#c4d0d7;border-radius:30px;position:relative;flex:none;pointer-events:none}.switch:after{content:'';position:absolute;width:16px;height:16px;background:#fff;box-shadow:0 1px 3px #2343;top:3px;left:3px;border-radius:50%;transition:transform .18s}.toggle-field input:checked+.switch{background:var(--teal)}.toggle-field input:checked+.switch:after{transform:translateX(17px)}.toggle-field input:focus-visible+.switch{outline:3px solid #e7b34e;outline-offset:3px}.translation-list{display:flex;flex-direction:column;gap:18px}.translation-list code{font-size:10px;color:#8b9ba6;display:block;margin-bottom:6px}.airport-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.airport-number{color:#fff;width:29px;height:29px;font-size:12px;border-radius:8px;display:inline-grid;place-items:center;flex:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}th{font-size:10px;letter-spacing:.2px;background:#f6f8fa;color:#8698a4;padding:12px 13px;text-align:start;font-weight:400}td{padding:15px 13px;border-bottom:1px solid #edf1f4;font-size:11px;text-align:start}td strong{font-size:11px}td small{display:block;font-size:9px;margin-top:4px}.level-number{color:#79919f;background:#f0f5f8;padding:5px 7px;border-radius:5px;font-size:10px}.filter-label{max-width:340px;margin:0 0 20px}.audit-detail{white-space:normal;min-width:200px;max-width:550px;word-break:break-word}.audit-detail code{font-size:10px;color:#72909e}.editor-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.editor-board-card{align-self:start}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.editor-toolbar .btn{font-size:10px;padding:9px 11px}.editor-toolbar .active{background:var(--teal-light);border-color:var(--teal);color:var(--teal)}#level-canvas{display:block;width:100%;aspect-ratio:1;background:#344658;border-radius:9px;touch-action:none}.editor-footer{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.guide-steps{padding-inline-start:24px;color:#6c8491}.guide-steps li{padding-inline-start:7px;margin-bottom:18px}.page-footer{display:flex;justify-content:space-between;padding-top:9px;font-size:9px;color:#9aaab4;gap:20px}.dot-separator{padding:0 10px}
.auth{min-height:100dvh;background:#e8f0f3;display:flex;justify-content:center;align-items:center;padding:35px 20px}.login-card,.install-card{width:100%;max-width:450px;border:1px solid #d5e1e8;border-radius:14px;overflow:hidden;background:white;box-shadow:0 25px 70px #153b4b19}.install-card{max-width:760px}.auth-brand{background:var(--navy);display:flex;justify-content:space-between;align-items:center;padding:8px 30px;color:white;font-size:12px}.auth-brand img{width:185px;height:105px;object-fit:contain}.auth-content{padding:32px}.auth h1{font-size:27px;margin-top:7px}.auth form>label{margin-bottom:18px}.auth .btn{margin-top:8px}.auth .text-link{display:block;text-align:center;margin-top:20px}.auth h2{margin-top:30px}.checks{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.auth .muted{font-size:12px}
[dir=rtl] .hero{background-position:right center}[dir=rtl] .hero:before{background:linear-gradient(270deg,#e4f3f0fa 0%,#e4f3f0c9 36%,#e4f3f020 90%)}[dir=rtl] .hero h2{letter-spacing:0}[dir=rtl] .sidebar{font-size:13px}[dir=rtl] .nav-link{font-size:12px}[dir=rtl] .eyebrow,[dir=rtl] .nav-caption{letter-spacing:0}[dir=rtl] .breadcrumbs{letter-spacing:0}
@media(min-width:1650px){.main{padding-top:36px}.hero{height:235px}.hero>div{padding:30px 35px}.hero h2{font-size:31px}.status-card{padding:21px}.card{padding:27px}}
@media(max-width:1250px){:root{--sidebar:219px}.main{padding:25px 22px 15px}.topbar{padding:0 22px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column}.status-card{padding:13px 12px;gap:9px}.status-icon{width:32px;height:32px}.status-card strong{font-size:10px}.nav-link{font-size:10px;padding:12px 10px;gap:9px}.card{padding:20px}.card-heading{flex-wrap:wrap}.editor-grid{grid-template-columns:1fr 1fr}.editor-grid .fields{gap:14px}.hero h2{font-size:25px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.airport-grid{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}.hero{height:190px}.hero h2{font-size:23px}.top-tools{gap:15px}.status-card strong{font-size:12px}.dashboard-grid .card-heading{flex-wrap:nowrap}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:248px;box-shadow:10px 0 30px #10314444}[dir=rtl] .sidebar{transform:translateX(100%)}.sidebar.open,[dir=rtl] .sidebar.open{transform:translateX(0)}.workspace{margin:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 14px;gap:12px;position:sticky;top:0;z-index:25}.search-box{min-width:30px}.search-box input{width:100%;font-size:10px}.search-box .ico{display:none}.search-results{min-width:220px}.top-tools{gap:12px;font-size:10px}.help-link,.live-dot{display:none}.main{padding:21px 16px 18px}.page-heading{display:block;margin-bottom:20px}.heading-actions{flex-direction:row;margin-top:16px}.heading-actions .btn{font-size:10px;padding:10px 12px}.breadcrumbs{font-size:8px}.hero{height:180px;background-position:60% center}.hero>div{padding:20px}.hero h2{font-size:22px}.hero p{font-size:9px}.hero .eyebrow{font-size:8px}.hero:before{background:linear-gradient(90deg,#e4f3f0f2,#e4f3f0b0 55%,#e4f3f050)}.status-grid{gap:10px;margin-bottom:18px}.status-card{padding:13px 11px}.status-card small{font-size:8px}.status-card strong{font-size:10px}.status-icon{width:29px;height:29px}.status-icon .ico{width:18px;height:18px}.card{padding:18px 16px;margin-bottom:16px}.card h2{font-size:15px}.fields{grid-template-columns:1fr;gap:16px}.translation-list .fields{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-wrap:wrap}.form-footer>.btn{margin-inline-start:auto}.card-heading{gap:10px}.dashboard-grid .card-heading{flex-wrap:wrap}.bottom-note{align-items:flex-start;flex-wrap:wrap;font-size:10px}.bottom-note a{margin-inline-start:28px}.page-footer{flex-wrap:wrap;gap:8px;font-size:8px}.auth{padding:15px}.auth-content{padding:24px}.auth-brand{padding:5px 22px}.auth-brand img{width:163px;height:95px}.table-wrap{margin-inline:-4px}.btn{font-size:11px}.summary-rows>div{font-size:11px}.editor-toolbar{gap:7px}label{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* One consistent type system across admin, sign-in and setup. */
body{font-weight:400}html[lang="ar"] body,[lang="ar"],[dir="rtl"]{font-family:'Droid Arabic Kufi',Tahoma,Arial,sans-serif}
input[dir="ltr"],textarea[dir="ltr"],code{font-family:Tahoma,Arial,sans-serif}
b,strong{font-weight:400}h1,h2,h3,h4,h5,h6,th,[role="heading"]{font-weight:700}h1 b,h2 b,h3 b,h1 strong,h2 strong,h3 strong{font-weight:inherit}
html[lang="ar"] body{line-height:1.85}html[lang="ar"] label{line-height:1.8}html[lang="ar"] .nav-link{line-height:1.8;font-size:11px}html[lang="ar"] .sidebar-user strong{font-size:11px}html[lang="ar"] .brand{height:115px;flex-shrink:0}html[lang="ar"] .hero h2{line-height:1.75;font-size:22px}html[lang="ar"] .hero{min-height:225px}html[lang="ar"] .page-heading h1{line-height:1.7}html[lang="ar"] .badge{font-size:9px}html[lang="ar"] .card-heading h2{line-height:1.9}html[lang="ar"] .small{line-height:1.9}
@media(max-width:760px){html[lang="ar"] .hero h2{font-size:19px}html[lang="ar"] .hero{min-height:217px}html[lang="ar"] .status-card strong{font-size:10px}html[lang="ar"] .card h2{font-size:14px}.fields{min-width:0}select,input{min-width:0}}
