@font-face{font-family:'IBM Plex Arabic';src:url(/assets/fonts/font-0.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Arabic';src:url(/assets/fonts/font-1.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Arabic';src:url(/assets/fonts/font-2.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Arabic';src:url(/assets/fonts/font-3.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Arabic';src:url(/assets/fonts/font-4.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Arabic';src:url(/assets/fonts/font-5.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Arabic';src:url(/assets/fonts/font-6.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat Arabic';src:url(/assets/fonts/font-7.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{font-family:'IBM Plex Arabic',Tahoma,Arial,sans-serif;color:#f5f3ee;background:#000;--panel:#151f2e;--line:#3c5268;--muted:#a9c0d1;--gold:#d4b369;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-size:26px;font-weight:bold;text-decoration:none;color:var(--gold)}.brand span{font-size:15px;color:var(--muted);margin-inline-start:12px}.header-actions{display:flex;gap:10px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 16px;background:var(--panel);color:inherit}button.primary{background:var(--gold);border-color:var(--gold);color:#102030;font-weight:bold}button:disabled{cursor:wait;opacity:.55}button:hover:not(:disabled){border-color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-100px;background:var(--gold);color:#111;padding:12px;z-index:20}.skip:focus{top:10px}.shell{max-width:1300px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:30px;padding:28px 5vw}aside{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:18px}nav{display:flex;flex-direction:column;gap:7px}nav button{text-align:start}nav button[aria-current=page]{border-color:var(--gold);color:var(--gold)}main{min-width:0}h1{font-size:28px;line-height:1.5;margin:0 0 18px;text-wrap:balance}h2{font-size:20px;margin:0 0 14px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:22px;margin-block-end:22px}.muted{color:var(--muted);font-size:14px}form{display:grid;gap:14px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;margin-block-end:4px;font-size:14px}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#0c1828;color:inherit}input[type=email],input[type=password],input[type=datetime-local],input[name=userId],input[name=officeId]{direction:ltr;text-align:start}textarea{min-height:100px;resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.status{min-height:30px;margin-block:12px}.status.error{color:#ffb7b7}.status.success{color:#b8e6c8}.rows{display:grid;gap:12px}.row{border:1px solid var(--line);border-radius:10px;padding:16px;overflow-wrap:anywhere}.row strong{display:block}.row p{margin:5px 0}.row .actions{margin-block-start:12px}.row form{margin-block-start:12px}.login{max-width:480px;margin:48px auto;padding-inline:20px}.office-label{font-weight:bold;color:var(--gold)}.compact{font-size:13px}.pill{border:1px solid var(--line);border-radius:6px;padding:2px 8px;display:inline-block}.loading{opacity:.65}.wide{grid-column:1/-1}[hidden]{display:none!important}footer{color:var(--muted);font-size:12px;margin-block-start:30px}@media(max-width:760px){header{padding:14px 20px}.shell{grid-template-columns:1fr;padding:20px;gap:20px}aside{position:static}nav{flex-direction:row;overflow-x:auto;padding-block:5px}nav button{white-space:nowrap}.fields{grid-template-columns:1fr}.panel{padding:18px}h1{font-size:25px}.brand span{display:none}.header-actions button{padding-inline:10px}.login{margin-block-start:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

h1,h2,.brand{font-family:'Montserrat Arabic','IBM Plex Arabic',Tahoma,sans-serif}
.marketing{max-width:1000px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem);line-height:1.9}.marketing h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.4}.marketing .intro{font-size:1.25rem;max-width:46rem}.marketing section{border-block:1px solid #344052;padding-block:1.4rem;margin-block:2rem}header nav{display:flex;gap:1rem;flex-wrap:wrap}a{color:inherit}.marketing .primary{display:inline-block;padding:.7rem 1rem;border-radius:.5rem;text-decoration:none}footer.marketing{border-top:1px solid #344052;font-size:.85rem}
/* Workflow extensions preserve the established navy, gold and Arabic type roles. */
.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,auto);gap:12px;align-items:end;margin-block:18px}.list-toolbar>.muted{grid-column:1/-1}.search-controls{min-width:0}.search-controls .actions{flex-wrap:nowrap}.search-controls input{flex:1;min-width:0}.pagination{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-block:14px}.record-meta{display:flex;flex-wrap:wrap;gap:8px;margin-block:8px}.record-notes{white-space:pre-wrap}.record-editor>button{margin-block-start:14px}.linked-record{padding:12px;border:1px solid var(--line);border-radius:8px}.linked-record strong{display:block}.linked-record p{margin-block:4px}.parent-picker{display:grid;gap:8px;border-block:1px solid var(--line);padding-block:12px}.parent-picker .pagination{margin-block:0}.parent-picker .status{margin-block:0}.assignment-options{border:1px solid var(--line);border-radius:8px;min-width:0;padding:12px}.checkbox-option{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;overflow-wrap:anywhere}.checkbox-option input{width:20px;min-height:20px;flex:0 0 20px}.record-editor .status:empty{min-height:0;margin:0}input[type=date]{direction:ltr;text-align:start}button,input,select,textarea{touch-action:manipulation}button:disabled{cursor:default}.record-editor h2{overflow-wrap:anywhere}@media(max-width:760px){.list-toolbar{grid-template-columns:1fr}.pagination{gap:8px}.pagination button{padding-inline:12px}.search-controls .actions{flex-wrap:wrap}.search-controls input{flex-basis:100%}.parent-picker .search-controls input{flex-basis:100%}}

.finance-lines{width:100%;border-collapse:collapse;display:block;overflow:auto;margin-block:1rem}.finance-lines th,.finance-lines td{text-align:start;padding:.6rem;border-bottom:1px solid #dbe4e1;white-space:normal;min-width:6rem}.finance-review{display:flex;align-items:center;gap:.75rem}.finance-review input{width:auto}.finance-section{margin-block:1rem}
@media print{body.finance-printing aside,body.finance-printing header,body.finance-printing .finance-section:not(.invoice-print-target),body.finance-printing main>h1,body.finance-printing .invoice-print-target form,body.finance-printing .finance-no-print{display:none!important}body.finance-printing .shell{display:block}body.finance-printing .invoice-print-target{border:0;box-shadow:none;color:#000;background:#fff}body.finance-printing .finance-lines{display:table;overflow:visible}}