.reimbursement-save-details{border-radius:var(--radius-control);background:var(--background);cursor:pointer;align-items:flex-start;gap:10px;margin-top:17px;padding:13px 14px;display:flex}.brand{background:0 0;min-height:96px;padding:8px 4px}.al-maqasid-brand{flex-direction:column;align-items:flex-start;gap:8px;display:inline-flex}.al-maqasid-wordmark{width:220px;max-width:100%;height:auto;display:block}.al-maqasid-tagline{white-space:nowrap;color:var(--primary);font:400 9px/1.5 var(--font-ui);letter-spacing:.035em;text-transform:uppercase;margin-left:0}.al-maqasid-product-name{color:var(--muted);font:400 11px/1.4 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;margin-left:0}.auth-brand .al-maqasid-wordmark{width:240px}.auth-brand .al-maqasid-product-name{margin-left:0}.al-maqasid-brand.is-compact{flex-direction:row;align-items:center;gap:10px}.al-maqasid-brand.is-compact .al-maqasid-mark{width:44px;height:44px}.al-maqasid-brand.is-compact .al-maqasid-product-name{letter-spacing:.09em;color:var(--primary);margin-left:0;font-size:12px}.reimbursement-save-details input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:1px 0 0}.reimbursement-notification-settings{gap:16px;display:grid}.reimbursement-notification-toggle{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:12px;grid-template-columns:18px 38px minmax(0,1fr);align-items:start;gap:12px;padding:15px;display:grid}.reimbursement-notification-toggle:has(input:checked){border-color:color-mix(in srgb, var(--success-foreground) 58%, var(--border));background:var(--success-surface)}.reimbursement-notification-toggle input{width:18px;height:18px;accent-color:var(--primary);margin-top:10px}.reimbursement-notification-toggle>span:last-child,.reimbursement-notification-email{flex-direction:column;min-width:0;display:flex}.reimbursement-notification-toggle strong,.reimbursement-notification-email>span{color:var(--foreground);font-size:12px;font-weight:500}.reimbursement-notification-toggle small,.reimbursement-notification-email small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.reimbursement-notification-email{gap:6px}.reimbursement-notification-email input,.reimbursement-notification-email textarea{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--foreground);border-radius:10px;padding:0 12px}.reimbursement-notification-email textarea{resize:vertical;font:inherit;padding:12px}.reimbursement-save-details>span{flex-direction:column;min-width:0;display:flex}.reimbursement-save-details strong{color:var(--foreground);font-size:11px}.reimbursement-save-details small{max-width:68ch;color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45}@media (max-width:600px){:is(.page-header:has(>.button),.receipt-module-header){flex-direction:column;align-items:stretch;width:100%}.page-header>.button,.receipt-module-header>.button{text-align:center;white-space:normal;justify-content:center;width:100%;min-height:48px;padding-inline:16px;line-height:1.25}.reimbursements-page .page-header{gap:15px}}.reimbursement-form-compact .reimbursement-form-section{padding:18px 22px}.reimbursement-form-compact .reimbursement-section-heading{align-items:center;margin-bottom:13px}.reimbursement-form-compact .reimbursement-section-heading>span{border-radius:9px;width:32px;height:32px}.reimbursement-form-compact .reimbursement-section-heading h2{font-size:16px}.reimbursement-form-compact .reimbursement-form-grid{gap:12px 14px}.reimbursement-form-compact .reimbursement-choice-fieldset{margin-bottom:13px}.reimbursement-form-compact .reimbursement-choice-grid label,.reimbursement-form-compact .reimbursement-payment-grid label{min-height:58px;padding:10px 11px}.reimbursement-form-compact .reimbursement-save-details{margin-top:12px;padding-block:10px}.reimbursement-documents-section{border-bottom:0}.reimbursement-document-picker{align-items:center;gap:12px;display:flex}.reimbursement-document-picker .button{min-height:42px;position:relative}.reimbursement-document-picker input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reimbursement-document-picker label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--ring) 58%, transparent);outline-offset:2px}.reimbursement-document-picker small{color:var(--muted);font-size:11px}.reimbursement-selected-files{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.reimbursement-selected-files li{background:var(--background);min-height:46px;color:var(--primary);border-radius:10px;grid-template-columns:22px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:5px 6px 5px 10px;display:grid}.reimbursement-selected-files li>span{flex-direction:column;min-width:0;display:flex}.reimbursement-selected-files strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reimbursement-selected-files small{color:var(--muted);margin-top:1px;font-size:11px}.reimbursement-selected-files button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.reimbursement-selected-files button:hover{background:var(--border);color:var(--danger-foreground)}.reimbursement-form-message{margin:14px 22px 0}.reimbursement-form>.reimbursement-document-reminder{border-bottom:1px solid var(--border);background:var(--warning-surface);margin:0;padding:16px 22px;font-size:12px;line-height:1.6}.reimbursement-submit-footer{border-top:1px solid var(--border);justify-content:flex-end}.reimbursement-submit-footer>small{max-width:48ch;color:var(--muted);margin-right:auto;font-size:11px;line-height:1.4}@media (max-width:600px){.reimbursement-form-compact .reimbursement-form-section{padding:16px 14px}.reimbursement-form-compact .reimbursement-section-heading{margin-bottom:11px}.reimbursement-form-compact .reimbursement-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.reimbursement-form-compact .reimbursement-payment-grid label{flex-direction:column;gap:5px;min-height:72px;padding:9px 8px}.reimbursement-form-compact .reimbursement-payment-grid input{margin-top:0}.reimbursement-form-compact .reimbursement-payment-grid small{font-size:11px}.reimbursement-document-picker{flex-direction:column;align-items:stretch;gap:6px}.reimbursement-document-picker .button{width:100%;min-height:48px}.reimbursement-submit-footer{margin-top:0;padding:11px 14px}.reimbursement-submit-footer>small{display:none}.reimbursement-submit-footer .button{min-height:48px}.reimbursement-form-message{margin-inline:14px}.reimbursement-form>.reimbursement-document-reminder{padding-inline:14px}}h1,h2,h3,h4,[data-slot=card-title]{font-family:var(--font-heading);color:var(--foreground);text-wrap:balance}h1,h1[class],.page-header h1,.dashboard-welcome h1,.request-detail-header h1,.receipt-module-header h1,.directory-profile h1,.auth-copy h1{letter-spacing:-.015em;font-size:32px;font-weight:500;line-height:1.18}h2,h2[class],[data-slot=card-title],.section-heading h2,.content-heading h2,.directory-department-heading h2,.directory-profile h2,.directory-form h2,.reimbursement-form-compact .reimbursement-section-heading h2{letter-spacing:0;font-size:22px;font-style:italic;font-weight:400;line-height:1.3}h3,h3[class],.directory-card-body h3{letter-spacing:0;font-size:21px;font-weight:500;line-height:1.3}:is(h1,h2,h3).font-mono{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:16px;font-style:normal;font-weight:500}p{font-family:var(--font-body);line-height:1.65}:where(.page-header,.dashboard-welcome,.auth-copy,.detail-block,.directory-profile-stories,.tt-guide) p{font-size:15px}.page-header p,.dashboard-welcome p{max-width:72ch;margin-top:8px;font-size:16px}button,input,select,textarea,label,legend,table,[data-slot=badge],.status-badge,.department-badge,.active-status,.inactive-status{font-family:var(--font-ui)}input,select,textarea{caret-color:var(--primary);accent-color:var(--primary)}:is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea),.receipt-field input,.receipt-field select,.receipt-field textarea,.directory-form-field input,.directory-form-field select,.directory-form-field textarea{font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}[data-slot=button]{min-width:44px;min-height:44px}[data-slot=card-title] h2{font-size:inherit}:where(th,td,time,.detail-facts strong,.receipt-review-summary,.stat-card strong){font-variant-numeric:lining-nums tabular-nums}th,[data-slot=table-head],.request-table-head,.sidebar-label{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400}:where(.status-badge,.department-badge,.active-status,.inactive-status,.integration-status){font-size:12px;font-weight:500}:where(.text-button,.section-link,.directory-back,.directory-profile-link){text-underline-offset:4px}:where(.text-button,.section-link,.directory-back,.directory-profile-link):hover{text-decoration:underline}:where(button,.button):disabled{cursor:not-allowed;opacity:.5}:where(.button,[data-slot=button]):active:not(:disabled){translate:0 1px}.receipt-launch-copy>strong{font-family:var(--font-heading);font-size:23px;font-weight:500}.receipt-launch-copy>span{font-size:13px}.receipt-launch-cta{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400}.module-card strong,.quick-action strong{font-size:15px;font-weight:500}.module-card small,.dashboard-workspace-tools small{font-size:12px;line-height:1.5}.dashboard-workspace-launch strong{font-family:var(--font-heading);font-size:25px;font-weight:500}.dashboard-workspace-tools strong{font-size:14px}.module-icon,.receipt-launch .receipt-launch-icon{border-radius:var(--radius-control);background:var(--success-surface);color:var(--primary)}.directory-person-card{border:1px solid var(--border);box-shadow:none}.directory-profile-link{color:var(--primary)}.auth-copy p{font-size:16px}.auth-note{font-size:12px;line-height:1.5}.auth-copy{margin-top:36px}.auth-button{white-space:normal}.skip-link{z-index:300;border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--surface);color:var(--primary);padding:12px 18px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (max-width:820px){.app-content{padding:28px 16px 40px}.top-bar{gap:10px;padding-inline:16px}.app-shell{padding-bottom:0}.page-header,.dashboard-welcome{gap:16px}h1,h1[class],.page-header h1,.dashboard-welcome h1,.request-detail-header h1,.receipt-module-header h1,.directory-profile h1,.auth-copy h1{font-size:28px}.user-context{gap:8px}.user-context-copy{display:none}}@media (max-width:600px){.auth-shell{padding:24px 16px}.auth-card{padding:28px 24px}.page-header{flex-direction:column;align-items:stretch}.page-header>.button,.page-header>[data-slot=button]{width:100%}.receipt-launch{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px}.receipt-launch .receipt-launch-icon{width:42px;height:42px}.receipt-launch-cta{grid-column:2;justify-content:flex-start;min-height:32px;padding:0}.dashboard-workspace-launch{grid-template-columns:40px minmax(0,1fr) 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar-label{font-family:var(--font-ui)}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea){min-height:44px}.receipt-field :is(input,select,textarea),.directory-form-field :is(input,select,textarea){border-color:var(--input)}.receipt-field [aria-invalid=true],.directory-form-field [aria-invalid=true]{border-color:var(--danger-foreground)}.theme-control{border-radius:var(--radius-control);width:36px;min-width:44px;height:36px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.theme-control:hover{color:var(--primary);background:var(--surface-muted)}.theme-global{z-index:40;position:fixed;top:12px;right:16px}body:has(.app-shell)>.theme-global{display:none}:root[data-theme=dark] .al-maqasid-brand{background:0 0}:root[data-theme=dark] .al-maqasid-tagline{color:var(--muted)}:root[data-theme=dark] .button-primary:hover:not(:disabled){color:var(--primary-foreground)}:root[data-theme=dark] input::file-selector-button{color:var(--foreground);background:var(--surface-muted)}:root[data-theme=dark] .workspace-intro{background:var(--success-surface);color:var(--foreground)}:root[data-theme=dark] .workspace-intro p{color:var(--muted)}@media (max-width:600px){.top-bar{gap:8px}.theme-global{top:8px;right:8px}.auth-shell{padding-top:80px}}.sidebar-category{margin-top:8px;display:block}.sidebar-category>summary{border-radius:var(--radius-control);min-height:44px;color:var(--muted);font:500 11px/1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.sidebar-category>summary::-webkit-details-marker{display:none}.sidebar-category>summary:hover{color:var(--primary);background:var(--surface-muted)}.sidebar-category>summary svg{transition:transform var(--motion-base) var(--ease-arrive)}.sidebar-category[open]>summary svg{transform:rotate(180deg)}.sidebar-category-items{gap:4px;padding-left:8px;display:grid}:root{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A5D59' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=dark]{--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FAF8F4' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select:not([multiple]){appearance:none;background-image:var(--select-chevron);background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:40px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) select:not([multiple]){background-position:12px}@media (forced-colors:active){select:not([multiple]){appearance:auto;background-image:none}}.mobile-menu-trigger,.mobile-menu{display:none}.mobile-menu-button{border-radius:var(--radius-control);width:44px;height:44px;color:var(--foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.mobile-menu-button:hover{background:var(--surface-muted);color:var(--primary)}.mobile-menu-trigger{display:none}@media (max-width:820px){.mobile-menu-trigger{display:inline-grid}.top-bar>.pwa-app-button,.top-bar>.theme-control,.top-bar>.user-context{display:none}.top-bar{gap:10px;padding-inline:12px}.mobile-menu{border:0;border-right:1px solid var(--border);background:var(--surface);width:min(360px,92vw);max-width:none;height:100dvh;max-height:none;color:var(--foreground);margin:0;padding:0;position:fixed;inset:0 auto 0 0}.mobile-menu[open]{display:flex}.mobile-menu::backdrop{background:color-mix(in srgb, var(--layl) 58%, transparent)}.mobile-menu-panel{flex-direction:column;width:100%;min-height:0;display:flex}.mobile-menu-header{min-height:76px;padding:max(12px, env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-menu-links{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 12px 20px;overflow-y:auto}.mobile-menu-links>.sidebar-link{margin-bottom:4px}.mobile-menu-footer{padding:16px 16px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--border);flex:none;gap:12px;display:grid}.mobile-menu-account{align-items:center;gap:10px;display:flex}.mobile-menu-account>span:last-child{min-width:0;display:grid}.mobile-menu-account strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.mobile-menu-account small{color:var(--muted);font-size:12px}.mobile-menu-utilities{align-items:center;gap:8px;display:flex}.mobile-menu-utilities .theme-control{margin-left:auto}.mobile-menu-utilities :is(.pwa-app-button,.sign-out-button){min-height:44px}body:has(.app-shell) :is(.pwa-install-panel,.pwa-update-toast){bottom:calc(16px + env(safe-area-inset-bottom))}.mobile-menu[open]{animation:mobile-menu-arrive var(--motion-panel) var(--ease-arrive)}}@keyframes mobile-menu-arrive{0%{opacity:.7;translate:-12px}to{opacity:1;translate:0}}@media (max-width:820px){.receipt-form-actions{bottom:env(safe-area-inset-bottom)}}
:root{--motion-fast:.12s;--motion-base:.18s;--motion-panel:.24s;--ease-arrive:cubic-bezier(.16, 1, .3, 1)}:is(.app-shell,.auth-shell,body) :where(button,.button,[data-slot=button],.sidebar-link,.mobile-nav>a,input,select,textarea,.check-control,.member-type-control,.directory-person-card,.reimbursement-choice-grid label,.reimbursement-payment-grid label,.default-access-option,.qbo-delivery-option){transition:color var(--motion-fast), background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast) var(--ease-arrive), translate var(--motion-fast) var(--ease-arrive)}.navigation-label{transition:opacity var(--motion-fast);position:relative}.navigation-label[data-pending]{opacity:.65}.navigation-label[data-pending]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;animation:.6s ease-in-out .15s infinite alternate navigation-pending;position:absolute;top:.45em;right:-9px}@media (hover:hover){:where(.module-card[href],.quick-action[href],.dashboard-workspace-tools>a,.admin-destinations>a,.directory-person-card):hover{border-color:var(--primary);background:var(--success-surface)}:where(.module-card[href],.quick-action[href],.dashboard-workspace-tools>a,.directory-person-card) svg:last-child{transition:translate var(--motion-base) var(--ease-arrive)}:where(.module-card[href],.quick-action[href],.dashboard-workspace-tools>a,.directory-person-card):hover svg:last-child{translate:3px}}:where(.button,[data-slot=button],.sidebar-link,.mobile-nav>a):active:not(:disabled){transform:scale(.985)}:where(.request-row,.finance-receipt-table tr,[data-slot=table-row],.integration-activity-row){transition:background-color var(--motion-fast)}:where(details[open])>:not(summary){animation:disclosure-open var(--motion-base) var(--ease-arrive)}:where(dialog[open],[role=dialog][aria-modal=true]){animation:panel-arrive var(--motion-panel) var(--ease-arrive)}dialog[open]::backdrop{animation:backdrop-arrive var(--motion-base) ease-out}:where(.error-state,.form-message:not(:empty),.integration-notice,.directory-success,.reimbursement-form-error,[role=alert]){animation:feedback-arrive var(--motion-base) ease-out}:where(.receipt-success-stage,.reimbursement-success,.directory-import-result){animation:feedback-arrive var(--motion-panel) ease-out}.receipt-success-stage>svg path{stroke-dasharray:80;animation:success-stroke .4s var(--ease-arrive)}.receipt-item-progress>span{transition:width var(--motion-panel) var(--ease-arrive)}:where(.receipt-stage-link,[role=tab],.tt-months button){transition:border-color var(--motion-base), color var(--motion-fast), background-color var(--motion-fast)}@keyframes navigation-pending{to{opacity:.25}}@keyframes disclosure-open{0%{opacity:.5;clip-path:inset(0 0 8%)}to{opacity:1;clip-path:inset(0)}}@keyframes panel-arrive{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@keyframes feedback-arrive{0%{opacity:.5}to{opacity:1}}@keyframes success-stroke{0%{stroke-dashoffset:80px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.navigation-label[data-pending]:after{opacity:1}:where(.button,[data-slot=button],.sidebar-link,.mobile-nav>a):active:not(:disabled){transform:translate(0,0)}:where(.module-card[href],.quick-action[href],.dashboard-workspace-tools>a,.directory-person-card):hover svg:last-child{translate:none}}
