:root{font-family:'Noto Sans Arabic',Tahoma,system-ui,sans-serif;color:#183548;background:#f6f7f5;font-size:14px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#11687b}
:focus-visible{outline:3px solid #c08c46;outline-offset:3px}
.shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}
.sidebar{background:#112d3d;color:#e7eeec;padding:32px 17px 24px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:0 10px 51px}
.brand-mark{width:44px;height:44px;display:grid;place-content:center;border:1px solid #729da2;border-radius:12px;color:#fff;font:bold 17px system-ui;letter-spacing:-.1em;transform:rotate(-5deg)}.brand-mark span{color:#d9ac70}
.brand-name{font:800 18px system-ui;letter-spacing:.03em;line-height:1.2;direction:ltr}.brand-name>span,.mobile-brand>span{color:#d9ac70}.brand-name small{display:block;font:700 10px 'Noto Sans Arabic',Tahoma,system-ui;letter-spacing:0;color:#97b4b7;margin-top:6px;text-align:right}
.nav-label,.sidebar-caption{font-size:11px;font-weight:700;color:#91afb3}.nav-label{padding:0 16px;margin-bottom:13px}
.side-nav{display:grid}.nav-link{display:flex;align-items:center;gap:12px;color:#d0e0e1;text-decoration:none;padding:12px 15px;border-radius:9px;font-weight:700}.nav-link:hover,.nav-link.active{background:#234a5b;color:#fff}.nav-link.active{box-shadow:inset -3px 0 #d9ac70}.nav-icon{color:#d9ac70;font-size:20px;line-height:1}
.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-rule{border-top:1px solid #395968;margin-bottom:20px}.sidebar-bottom p{font-size:13px;line-height:1.8;color:#e4ede8;margin:8px 0}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7ece8;padding:0 clamp(24px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left{display:flex;align-items:center;gap:20px}.topbar-location{font-size:12px;font-weight:700;color:#83979a}.divider{padding:0 10px;color:#bdcbc8}#location-label{color:#254657}.mobile-brand{display:none}
#identity{display:flex;align-items:center;gap:14px}#identity .identity-name{display:flex;align-items:center;gap:10px;font-weight:700;color:#1b3948}#identity .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf2ef;color:#245f63;font:bold 13px system-ui}#identity .identity-role{display:block;font-size:11px;color:#86989b;font-weight:500;margin-top:-4px}#identity button{padding:7px 12px;font-size:12px}
main{width:100%;max-width:1500px;padding:42px clamp(24px,4vw,62px) 95px;margin:0 auto;flex:1}h1,h2,h3{color:#173649}h1{font-size:clamp(29px,3vw,41px);line-height:1.35;margin:4px 0 8px;font-weight:800}h2{font-size:19px;margin:0 0 18px;font-weight:800}h3{font-size:15px;margin:22px 0 12px;font-weight:800}p{line-height:1.8}.muted{color:#71858b}.eyebrow{color:#a47a49;font-size:11px;font-weight:800;letter-spacing:.03em;margin:0 0 6px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading p{margin:5px 0 0}
.card{background:#fff;border:1px solid #e7ece8;border-radius:15px;padding:24px 27px;margin:19px 0;box-shadow:0 8px 30px #17364908}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.push{margin-inline-start:auto}
.primary,.secondary{padding:9px 16px;border-radius:8px;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}.primary{background:#173e50;border:1px solid #173e50;color:#fff}.primary:hover:not(:disabled){background:#236174}.secondary{background:#fff;color:#21495b;border:1px solid #cad8d7}.secondary:hover:not(:disabled){background:#f1f7f5;border-color:#80a9aa}.danger{color:#a32828}
input,select,textarea{display:block;width:100%;border:1px solid #d5dfdc;border-radius:8px;padding:10px 13px;margin-top:6px;background:#fff;color:#183548;min-width:0}input::placeholder{color:#a1aeae}input:focus,select:focus,textarea:focus{outline:2px solid #80afa7;outline-offset:1px;border-color:#80afa7}textarea{min-height:95px;resize:vertical}label{display:block;font-weight:700;font-size:12px;color:#47616b}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:23px 0}.stat{background:#fff;border:1px solid #e7ece8;border-radius:13px;padding:18px 22px;min-height:108px;position:relative;overflow:hidden}.stat:before{content:'';width:37px;height:3px;background:#b89665;position:absolute;right:22px;top:0}.stat:nth-child(2):before{background:#61a7aa}.stat:nth-child(3):before{background:#6c849d}.stat:nth-child(4):before{background:#8aab87}.stat span{display:block;color:#71868c;font-size:11px;font-weight:700}.stat strong{font:bold 30px system-ui;color:#173649;display:block;margin-top:12px;line-height:1}
.request-board{border:1px solid #e7ece8;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #17364908;margin-top:25px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;border-bottom:1px solid #edf0ed}.board-heading h2{margin:0}.board-heading small{font-size:12px;color:#84959a}.board-tools{display:flex;align-items:center;gap:12px;padding:15px 25px;border-bottom:1px solid #edf0ed}.board-tools input{max-width:330px;margin:0;background:#f8faf8}.board-tools select{max-width:185px;margin:0}.board-tools .result-count{margin-inline-start:auto;color:#8a999b;font-size:12px;white-space:nowrap}
.request-head,.request-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(150px,1.4fr) minmax(125px,1fr) minmax(95px,.8fr) minmax(105px,.8fr) 20px;gap:15px;align-items:center}.request-head{padding:11px 25px;background:#fafbf9;color:#87999c;font-size:11px;font-weight:800}.request-row{padding:16px 25px;min-height:72px;border-top:1px solid #f0f2ef;color:#1f4051;text-decoration:none;transition:background .15s}.request-row:hover{background:#f5faf7}.request-row .ref{font:bold 12px system-ui;color:#40636e;direction:ltr;text-align:right}.request-row strong{font-weight:700;color:#193c4d}.request-row .destination{color:#54727b}.request-row .date{font-size:12px;color:#86979c}.request-row .arrow{font-size:19px;color:#5d898b}.request-empty{padding:48px 25px;text-align:center;color:#6f8389}.request-empty strong{display:block;color:#234657;font-size:18px;margin-bottom:6px}
.pill{display:inline-flex;width:max-content;border-radius:30px;padding:5px 10px;background:#eaf5f2;color:#24736f;font-size:11px;font-weight:800;white-space:nowrap}.pill[data-status="NEW"]{background:#edf3fb;color:#4d6f98}.pill[data-status="NEED_INFO"]{background:#fdf1dc;color:#9b7137}.pill[data-status="CANCELLED"]{background:#f7e8e5;color:#ab5a51}.pill[data-status="APPROVED"]{background:#eaf5e8;color:#477d51}
.back-link{display:inline-block;font-weight:700;font-size:12px;color:#4c7780;text-decoration:none;margin-bottom:24px}.back-link:hover{text-decoration:underline}.detail-hero{background:#173d4f;color:white;border-radius:16px;padding:27px 31px;margin:18px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-hero .eyebrow{color:#d9b987}.detail-hero h1{color:#fff;margin:4px 0 6px}.detail-hero p{color:#b9d0d0;margin:0}.detail-hero .pill{background:#e0eee9;color:#2b766d}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;align-items:start}.detail-layout>.card{margin:0 0 18px}.detail-layout .full{grid-column:1/-1}
.field{border-bottom:1px solid #edf0ed;padding:11px 0;display:grid;grid-template-columns:minmax(115px,34%) minmax(0,1fr);gap:12px;align-items:start}.field:last-child{border-bottom:0}.field>span:first-child{color:#7a8e94;font-size:12px}.field>span:last-child{overflow-wrap:anywhere;font-weight:600}.field-group{border-right:3px solid #d7e5e1;padding-right:15px;margin:16px 0}.field-group h3{margin:0 0 9px}.history{padding:0;list-style:none}.history li{padding:12px 20px 12px 0;border-right:2px solid #dce8e3;border-bottom:1px solid #edf0ed;position:relative}.history li:before{content:'';position:absolute;right:-5px;top:20px;width:8px;height:8px;border-radius:50%;background:#8aada6}.history time{font-size:11px;color:#8a9ca0;margin-right:8px}.audit-detail{margin:9px 0 0;padding:10px 13px;background:#f7f9f7;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.list{display:grid;gap:10px;margin-top:18px}.list a{text-decoration:none;background:white;border:1px solid #e8ece8;padding:15px 18px;border-radius:9px;display:grid;grid-template-columns:140px 1fr auto;gap:15px;align-items:center}.list a:hover{border-color:#8aada6}
.composer-note{background:#edf5f1;border-right:3px solid #67a29b;padding:12px 16px;border-radius:8px 0 0 8px;color:#426b6e}.workspace-footer{padding:20px clamp(24px,4vw,62px);border-top:1px solid #e7ebe7;color:#8b9b9b;font-size:11px;font-weight:700}.workspace-footer span{padding:0 5px;color:#ba9c6f}
.catalogue-details{margin-top:15px}.catalogue-details summary{cursor:pointer;color:#236e75;font-weight:700;padding:12px 0}.catalogue-details[open] summary{margin-bottom:16px}.catalogue-details .grid{margin-bottom:16px}
.picker{margin:17px 0 20px}.picker>p{margin:4px 0 10px}.master-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:9px;max-height:250px;overflow-y:auto}.master-results>p{grid-column:1/-1}.master-choice{text-align:right;background:#f8faf8;color:#244a56;border:1px solid #dfe9e5;border-radius:9px;padding:11px 13px;line-height:1.6;font-weight:700}.master-choice:hover{border-color:#70a49b;background:#eaf5f0}.selected-master{display:flex;gap:17px;background:#eff7f3;border:1px solid #bcdad0;border-radius:11px;padding:12px;margin:12px 0}.selected-master img{width:130px;height:96px;object-fit:cover;border-radius:7px}.selected-master strong{display:block;color:#1a4b50;font-size:16px}.selected-master small{display:block;color:#648383;margin-top:3px}.selected-master p{margin:6px 0 0;font-size:12px}
.draft-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #edf1ed;flex-wrap:wrap}.draft-item>img{width:80px;height:70px;border-radius:7px;object-fit:cover}.draft-summary{flex:1;min-width:170px}.draft-summary strong{display:block;color:#173e50}.draft-summary small{display:block;color:#718c90;margin-top:3px}.draft-summary p{margin:4px 0;font-size:12px}.draft-price{white-space:nowrap;color:#1b5760;direction:ltr}.draft-item button{font-size:11px;padding:6px 9px}.quote-summary{background:#173e50;color:#fff;border-radius:10px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:19px 22px;margin-top:20px}.quote-summary span{margin-inline-end:auto}.quote-summary strong{direction:ltr;font:bold 18px system-ui;color:#e4c292}
.preview-overlay{position:fixed;inset:0;background:#0c2830c9;display:flex;justify-content:center;align-items:center;padding:26px;z-index:30}.preview-dialog{background:#f7f8f5;width:min(950px,100%);max-height:100%;overflow-y:auto;border-radius:17px;box-shadow:0 30px 100px #00192070}.preview-toolbar{position:sticky;top:0;z-index:2;background:#fff;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e0e9e3;color:#34545d}.preview-toolbar button{font-size:12px}.preview-hero{min-height:175px;background:linear-gradient(120deg,#173d4f,#296f70);position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.preview-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.preview-heading{position:relative;padding:27px 31px}.preview-heading small{color:#edcba1;font-weight:800}.preview-heading h2{color:#fff;font-size:28px;margin:7px 0 3px}.preview-heading p{margin:0;color:#e1edeb}.preview-content{padding:25px 30px 32px}.preview-section{margin-bottom:27px}.preview-section>h3{font-size:19px;border-bottom:1px solid #d9e5de;padding-bottom:10px}.preview-card{display:grid;grid-template-columns:minmax(0,185px) minmax(0,1fr);background:#fff;border:1px solid #e3e9e4;border-radius:12px;overflow:hidden;margin:11px 0}.preview-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:85px;gap:3px;background:#e7eeea}.preview-gallery img{width:100%;height:100%;object-fit:cover}.preview-gallery img:first-child{grid-column:1/-1;grid-row:span 2}.preview-card-body{padding:17px 20px}.preview-card h4{font-size:17px;color:#174253;margin:0}.preview-card p{margin:7px 0;line-height:1.7}.preview-price{display:block;margin-top:10px;font:bold 18px system-ui;color:#205e65;direction:ltr;text-align:right}.preview-total{background:#12394c;color:#fff;border-radius:10px;padding:19px 22px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.preview-total>span{margin-inline-end:auto}.preview-total strong{font:bold 19px system-ui;color:#f3d49d;direction:ltr}.preview-total small{width:100%;color:#bad2d0}.preview-disclaimer,.preview-empty{color:#70878a;font-size:12px;margin:18px 0 0}
@media(max-width:650px){.preview-overlay{padding:0}.preview-dialog{height:100%;max-height:none;border-radius:0}.preview-toolbar{padding:10px 14px}.preview-heading{padding:22px}.preview-content{padding:19px 14px}.preview-card{grid-template-columns:1fr}.preview-gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:110px}.preview-gallery img:first-child{grid-column:span 2;grid-row:span 1}}
.preview-card.without-media{grid-template-columns:1fr}
.program-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-4px 0 24px}.program-metric{background:#fff;border:1px solid #e5eae5;border-radius:11px;padding:15px 19px;min-width:0}.program-metric>span{display:block;color:#809397;font-size:11px;font-weight:700}.program-metric>strong{display:block;color:#214659;font-size:16px;margin-top:3px;overflow-wrap:anywhere}.program-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid #d7e3dd;margin-bottom:21px;padding:0 2px}.program-tab{display:flex;align-items:center;gap:9px;border:0;border-bottom:3px solid transparent;background:transparent;color:#6e878d;font-weight:700;padding:12px 17px;white-space:nowrap}.program-tab:hover{color:#23546a;background:#eef5f1}.program-tab[aria-selected="true"]{color:#173d50;border-bottom-color:#ba9563}.program-tab small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:20px;background:#e7efed;color:#526c73;font:700 11px system-ui}.program-tab[aria-selected="true"] small{background:#dcece6;color:#226566}.program-panel>.card:first-child{margin-top:0}
.catalogue-tools{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-top:18px}.catalogue-tools label:first-child{flex:1;min-width:210px}.catalogue-tools label:nth-child(2){width:190px}.catalogue-tools>span{margin-bottom:10px}.catalogue-tools input,.catalogue-tools select{margin-bottom:0}
@media(max-width:900px){.program-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.program-metrics{gap:8px}.program-metric{padding:12px}.program-metric>strong{font-size:14px}.program-tab{padding:11px 13px;font-size:12px}}
#notice{position:fixed;left:25px;bottom:25px;max-width:min(500px,90vw);background:#173d4f;color:#fff;border-radius:10px;padding:0;box-shadow:0 14px 38px #112a3440;z-index:10}#notice:not(:empty){padding:14px 20px}
.signed-out .shell{display:block}.signed-out .sidebar,.signed-out .topbar,.signed-out .workspace-footer{display:none}.signed-out main{min-height:100vh;max-width:none;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 15% 7%,#d5e6e0 0,transparent 32%),#f7f7f3}
.login-layout{width:min(1000px,calc(100% - 44px));min-height:535px;display:grid;grid-template-columns:1fr 1fr;border-radius:21px;overflow:hidden;box-shadow:0 30px 85px #153a4623;background:#fff}.login-story{background:#14394b;color:#fff;padding:48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:380px;height:380px;border:1px solid #ffffff27;border-radius:50%;bottom:-170px;left:-145px;box-shadow:0 0 0 52px #ffffff08,0 0 0 105px #ffffff06}.login-story .story-brand{font:bold 19px system-ui;letter-spacing:.05em;direction:ltr;text-align:right}.login-story .story-brand span{color:#d9ac70}.login-story .story-tag{margin:auto 0 0;font-size:11px;font-weight:700;color:#d8b789}.login-story h1{color:#fff;font-size:clamp(31px,3vw,42px);line-height:1.4;max-width:360px;margin:14px 0}.login-story p{color:#b9d0d0;max-width:350px;margin:0}.login-story .story-foot{color:#8eacae;font-size:11px;margin-top:42px}.login{border:0;box-shadow:none;margin:0;padding:60px clamp(28px,4vw,62px);display:flex;flex-direction:column;justify-content:center;border-radius:0}.login .eyebrow{margin-bottom:10px}.login h2{font-size:27px;margin-bottom:7px}.login>p{margin:0 0 20px}.login label{margin:10px 0}.login input{padding:12px}.login button{width:100%;margin-top:22px;padding:12px}.login .login-foot{margin-top:22px;font-size:11px;color:#92a19f}
@media(max-width:1060px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.request-head,.request-row{grid-template-columns:95px minmax(130px,1.4fr) minmax(105px,1fr) 105px 18px}.request-head span:nth-child(5),.request-row .date{display:none}.detail-layout{grid-template-columns:1fr}}
@media(max-width:750px){.shell{display:block}.sidebar{height:auto;min-height:0;position:static;padding:10px 18px}.sidebar .brand,.nav-label,.sidebar-bottom{display:none}.side-nav{display:flex}.nav-link{padding:8px 12px;font-size:12px}.topbar{height:60px;padding:0 20px}.topbar-location{display:none}.mobile-brand{display:block;font:bold 17px system-ui;color:#173649;direction:ltr}.topbar #identity .identity-role{display:none}main{padding:30px 18px 70px}.grid,.three{grid-template-columns:1fr}.request-head{display:none}.request-row{grid-template-columns:1fr auto;gap:5px 10px;padding:15px}.request-row .ref,.request-row strong,.request-row .destination{grid-column:1}.request-row .pill{grid-column:2;grid-row:1/3}.request-row .arrow{grid-column:2;grid-row:3}.board-tools{flex-wrap:wrap;padding:14px}.board-tools input,.board-tools select{max-width:none}.board-tools .result-count{margin-inline-start:0}.detail-hero{padding:22px;align-items:flex-start;flex-direction:column}.card{padding:20px}.list a{grid-template-columns:1fr auto}.list a strong{grid-column:1/-1}.login-layout{grid-template-columns:1fr;margin:25px 0}.login-story{min-height:255px;padding:28px}.login-story h1{font-size:30px;margin:8px 0}.login-story .story-foot{display:none}.login{padding:30px}.workspace-footer{padding-inline:18px}}
@media(max-width:430px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:15px;min-height:92px}.stat:before{right:15px}.stat strong{font-size:25px}.field{grid-template-columns:1fr;gap:4px}.topbar #identity .identity-name>span:last-child{display:none}}