@font-face{font-family:Cairo;src:url('/pilot-assets/brand/Cairo.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{--ink:#202b34;--accent:#b96a09;--orange:#ffaa22;--paper:#f6f7f9;--muted:#637080;--line:#e4e7ec;font-family:Cairo,Tahoma,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-synthesis:none}
body{background:var(--paper);font-size:14px}button,input,select{font-family:inherit!important}h1,h2,h3{color:var(--ink);font-weight:600;letter-spacing:0}h1{font-size:24px;line-height:1.5}h2{font-size:18px}h3{font-size:15px}p{overflow-wrap:anywhere}a{color:#815016}
.site-header{background:white;color:var(--ink);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:20px 32px;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;letter-spacing:1.5px;font-weight:600}.brand-logo{width:48px;height:48px;object-fit:contain;background:none;border:0;border-radius:0;flex-shrink:0}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:6px}.header-subtitle,.eyebrow{color:var(--muted);font-size:13px}.eyebrow{margin-top:28px}.header-subtitle{margin-top:8px}.site-header h1{color:var(--ink)}
.button{border-radius:8px;min-height:44px;padding:10px 16px;gap:8px;font-weight:600;font-size:13px;box-shadow:none}.primary{background:var(--orange);color:#202b34;border-color:var(--orange)}.primary:hover{background:#f4a01a;color:#202b34}.secondary{background:white;color:#465260;border-color:#dce1e7}.secondary:hover{background:#f7f8fa;border-color:#b9c2cd}.text-button{color:var(--muted)}.button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #935600;outline-offset:3px}.button-icon{width:18px;height:18px;flex:none}.danger-action{color:#a63229!important;background:#fff!important;border-color:#e5bab5!important}
.notice{border:1px solid var(--line);background:#fafbfc;color:#596676;border-radius:8px;font-size:12px;padding:12px 16px}.login-main{max-width:500px;padding:32px 24px 48px}.login-panel,.trip-card,.state-panel{border:1px solid var(--line);border-radius:8px;background:white;box-shadow:none}.login-panel{padding:28px}.login-status h2{font-size:22px;font-weight:600}.login-status p{font-size:13px;color:var(--muted)}.login-form{gap:8px;margin-top:24px}.login-form label{font-size:12px;color:#465260;font-weight:600}.login-form input,.login-form select{border:1px solid #d7dde5;border-radius:6px;background:white;color:var(--ink);padding:10px 12px;min-height:44px;font-size:14px}.login-form input:focus,.login-form select:focus{border-color:#9b6a20}.login-form .button{margin-top:12px}.login-help{font-size:12px;color:var(--muted)}.login-form p{font-size:12px;color:var(--muted)}.account-options{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.account-options summary{font-size:12px;color:#526171;font-weight:600}.account-options[open]{display:block}.account-options label{display:block;margin-top:16px}.account-options input,.account-options select{display:block;margin-top:6px}.account-options .button{font-weight:400}
.account-heading{display:flex;gap:14px;align-items:center}.role-avatar{width:44px;height:44px;object-fit:contain;background:none;border:0;border-radius:0}.account-heading .brand{font-size:14px;margin-bottom:4px}.account-heading h1{font-size:17px;font-weight:600}.account-heading .brand-logo{display:none}#logout{font-size:12px;min-height:40px;padding:8px 12px}
.management-main{max-width:1440px;padding:28px 32px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px 32px;align-items:start}.management-main #status{grid-column:2;padding:0;margin:0;color:var(--muted);font-size:12px;background:none;border:0;border-radius:0;min-height:20px}.workspace-nav{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:4px;padding:0;margin:0;position:sticky;top:24px}.workspace-nav:before{content:'مساحة العمل';font-size:11px;color:#637080;padding:8px 12px 16px;letter-spacing:0}.workspace-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;color:#596675;text-decoration:none;font-size:12px;font-weight:400;border-radius:6px;border-inline-start:2px solid transparent;line-height:1.6}.workspace-nav a:hover{background:#ebedf1;color:var(--ink)}.workspace-nav a[aria-current=page]{background:#fff1d9;color:#503609;border-inline-start-color:var(--orange);font-weight:600}.workspace-nav img{width:19px;height:19px;flex:none;opacity:.8}.workspace-select{display:none}.management-main #content{grid-column:2;display:block;min-width:0}.management-main .login-panel{padding:24px;overflow:auto;margin:0;min-width:0;scroll-margin-top:24px}.management-main .login-panel>h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.section-icon{width:22px;height:22px;background:none;border:0;padding:0;border-radius:0;opacity:.85}.management-main table{font-size:12px;min-width:360px;line-height:1.7;font-variant-numeric:tabular-nums;margin-top:24px}.management-main th{background:#f8f9fb;color:#6c7785;font-weight:600;font-size:11px}.management-main th,.management-main td{padding:13px 12px;border-bottom:1px solid #edf0f3}.management-main td{color:#394957}.management-main tbody tr:hover{background:#fafbfc}.management-main h3{margin-top:24px;font-weight:600;font-size:14px;border:0;padding:0}.management-main section section{margin-top:16px;padding:20px;background:white;border:1px solid var(--line);border-radius:6px}.management-main section section section{border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0 0}.management-main section p{font-size:13px;color:#617080}.management-main button{margin:4px 0}.management-main .login-form{max-width:640px;margin-top:20px;gap:12px}.management-main .login-form input,.management-main .login-form select{margin-top:6px}.management-main .login-form button{width:auto;justify-self:start;min-width:112px;margin-top:8px}.site-footer{max-width:1440px;font-size:11px;color:#637080;padding:16px 32px 24px}.badge{border-radius:4px;font-weight:600}.badge-active{background:#edf6f1;color:#286449}.badge-attention{background:#fff4df;color:#855b1b}.count{color:var(--ink)}.eta-note{background:#f6f8fa;color:#536575}
@media(min-width:1000px){body:has(.login-main){display:grid;grid-template-columns:minmax(340px,42%) 1fr;min-height:100vh;background:white}body:has(.login-main)>.site-header{grid-column:1;grid-row:1/3;background:#f1f3f5;border:0;border-inline-end:1px solid var(--line);display:flex;align-items:center}body:has(.login-main) .header-inner{padding:64px;display:block;width:100%}body:has(.login-main) .brand-logo{width:84px;height:84px}body:has(.login-main) .brand{font-size:24px;gap:20px}body:has(.login-main) .eyebrow{margin-top:80px}body:has(.login-main) .site-header h1{font-size:36px;max-width:360px}body:has(.login-main) .header-subtitle{max-width:320px;line-height:1.9;margin-top:20px}body:has(.login-main) .login-main{width:100%;align-self:center;padding:48px 24px}body:has(.login-main) .login-panel{border:0;padding:24px 0}body:has(.login-main)>.site-footer{grid-column:2;width:100%;padding:20px 40px}}
@media(max-width:999px){.header-inner{padding:18px 24px}.management-main{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 24px}.management-main #status{grid-column:1;grid-row:1}.workspace-nav{grid-column:1;grid-row:2;position:static;flex-direction:row;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid var(--line);scrollbar-width:thin}.workspace-nav:before{display:none}.workspace-nav a{white-space:nowrap;font-size:12px;border-inline-start:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px}.workspace-nav a[aria-current=page]{background:none;border-bottom-color:var(--orange)}.workspace-select{display:block;grid-column:1;grid-row:3;width:100%;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:white;color:#435161;font-size:12px}.management-main #content{grid-column:1;grid-row:4}.site-footer{padding-inline:24px}}
@media(max-width:600px){.header-inner{padding:16px 20px}.header-subtitle{font-size:12px}.eyebrow{margin-top:20px}.site-header h1{font-size:22px}.brand-logo{width:40px;height:40px}.role-avatar{width:38px;height:38px}.account-heading{gap:10px}.account-heading h1{font-size:15px}.account-heading .brand{font-size:12px}.management-main{padding:20px 16px}.management-main .login-panel{padding:20px 16px}.management-main .login-panel>h2{font-size:17px}.management-main section section{padding:16px 12px}.login-main{padding:24px 20px 36px}.login-panel{padding:24px 20px}.site-footer{padding-inline:20px}.login-status h2{font-size:20px}.management-main .login-form button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.workspace-nav a{min-height:44px}
@media(min-width:1000px){.workspace-nav{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin}}