@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/Rubik-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/Rubik-Italic-VariableFont_wght.ttf) format("truetype")}:root{color-scheme:light;supported-color-schemes:light;--brand-yellow: #ffea4e;--brand-ink: #090b2d;--brand-blue: #232eb2;--brand-blue-hover: #1b2496;--brand-lavender: #9ea5ff;--brand-cream: #fff4a3;--brand-olive: #d1c77f;--gradient-primary: linear-gradient(45deg, var(--brand-cream) 0%, var(--brand-cream) 70%, var(--brand-lavender) 100%);--gradient-brand-glow: radial-gradient(ellipse at center, rgba(255, 244, 163, .96) 0%, rgba(158, 165, 255, .68) 48%, rgba(158, 165, 255, 0) 74%);--neutral-0: #ffffff;--neutral-50: #f7f8fc;--neutral-100: #f0f2f8;--neutral-200: #e8eaf3;--neutral-300: #d5d8e4;--neutral-400: #b9bdcc;--neutral-500: #858aa0;--neutral-600: #5e637a;--neutral-700: #3c4155;--color-success-surface: #e6f4f0;--color-success-border: #9ad4c5;--color-success-text: #147d64;--color-warning-surface: #fff8e6;--color-warning-border: #f5d88c;--color-warning-text: #9a6700;--color-danger-surface: #fdf2f2;--color-danger-border: #f8b4b4;--color-danger-text: #b42318;--color-info-surface: #eef0fd;--color-info-border: #c6cbfa;--color-info-text: var(--brand-blue);--semantic-success: var(--color-success-text);--semantic-warning: var(--color-warning-text);--semantic-danger: var(--color-danger-text);--semantic-info: var(--color-info-text);--color-text-primary: var(--brand-ink);--color-text-secondary: var(--neutral-600);--color-text-muted: var(--neutral-500);--color-text-inverse: var(--neutral-0);--color-interactive: var(--brand-blue);--color-interactive-hover: var(--brand-blue-hover);--color-interactive-focus: var(--brand-blue);--color-canvas: var(--neutral-0);--color-canvas-subtle: var(--neutral-50);--color-surface-elevated: var(--neutral-0);--color-surface-warm: var(--brand-cream);--color-surface-cool: var(--color-info-surface);--color-surface-dark: var(--brand-ink);--color-border-subtle: var(--neutral-200);--color-border-strong: var(--neutral-500);--color-border-focus: var(--brand-blue);--color-scrim: rgba(9, 11, 45, .64);--bank-jawali: #0284c7;--bank-cash: #16a34a;--bank-kuraimi: #ea580c;--bank-card: #4f46e5;--bank-accent-light: #38bdf8;--bank-card-hover-border: #38bdf8;--bank-card-hover-bg: #f0f9ff;--bank-card-selected-border: #0284c7;--bank-card-selected-bg: #e0f2fe;--surface-overlay-subtle: rgba(255, 255, 255, .08);--surface-overlay-medium: rgba(255, 255, 255, .12);--surface-overlay-strong: rgba(255, 255, 255, .2);--font-family-base: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-display: clamp(2.5rem, 5vw, 4.375rem);--font-size-h1: clamp(2rem, 4vw, 3rem);--font-size-h2: clamp(1.75rem, 3vw, 2.5rem);--font-size-h3: 1.5rem;--font-size-body-large: 1.125rem;--font-size-body: 1rem;--font-size-label: .875rem;--font-size-caption: .75rem;--line-height-display: 1.18;--line-height-heading: 1.3;--line-height-body: 1.65;--line-height-control: 1.45;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--control-height-sm: 2.75rem;--control-height-md: 3rem;--control-height-lg: 3.5rem;--control-min-touch: 2.75rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-control: .75rem;--radius-card: 1rem;--radius-banner: 1.5rem;--radius-pill: 9999px;--shadow-1: 0 1px 2px rgba(9, 11, 45, .05), 0 3px 10px rgba(9, 11, 45, .04);--shadow-2: 0 8px 24px rgba(9, 11, 45, .09), 0 2px 6px rgba(9, 11, 45, .05);--shadow-3: 0 18px 48px rgba(9, 11, 45, .16), 0 6px 16px rgba(9, 11, 45, .08);--container-buyer: 35rem;--container-public: 75rem;--container-dashboard: 90rem;--duration-press: .13s;--duration-general: .2s;--duration-modal: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{direction:rtl;text-align:right;scroll-behavior:smooth;scroll-padding-top:6rem}html,body{margin:0;min-width:20rem;min-height:100%;overflow-x:clip;font-family:var(--font-family-base);font-size:1rem;line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-canvas-subtle);-webkit-tap-highlight-color:transparent}body{min-height:100dvh}button,input,select,textarea{font:inherit}img,svg{max-width:100%}a{color:var(--color-interactive);text-decoration:none;transition:color var(--duration-general) var(--ease-standard)}a:hover{color:var(--color-interactive-hover)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}h1,h2,h3,h4,p{margin-block:0}h1,h2,h3,h4{color:var(--color-text-primary);line-height:var(--line-height-heading)}ul,ol{margin-block:0}.tabular-nums{font-variant-numeric:tabular-nums}.ltr-context{direction:ltr;unicode-bidi:embed;text-align:left}.brand-gradient-glow{position:relative;isolation:isolate;overflow:hidden}.brand-gradient-glow:before{content:"";position:absolute;z-index:0;inset-inline-end:-26%;inset-block-end:-58%;width:72%;aspect-ratio:1.5;background:var(--gradient-brand-glow);filter:blur(18px);opacity:.72;pointer-events:none}.brand-gradient-glow>*{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{min-height:100dvh}.container,.dashboard-container,.buyer-container{width:min(100% - 2rem,var(--container-public));margin-inline:auto}.dashboard-container{max-width:var(--container-dashboard)}.buyer-container{max-width:var(--container-buyer)}.skip-link{position:fixed;z-index:1000;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--brand-ink);color:var(--color-text-inverse);transform:translateY(-180%)}.skip-link:focus{color:var(--color-text-inverse);transform:translateY(0)}.surface-panel,.panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface-elevated);box-shadow:var(--shadow-1)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-title{font-size:var(--font-size-h2);font-weight:750}.page-subtitle,.text-secondary,.text-muted{color:var(--color-text-secondary)}.page-actions,.action-buttons,.actions-row,.form-actions,.modal-actions,.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.action-link,.button-link{min-height:var(--control-height-md);padding-inline:var(--space-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);color:var(--brand-ink);background:var(--gradient-primary);box-shadow:var(--shadow-1);font-weight:650;line-height:var(--line-height-control);transition:box-shadow var(--duration-general) var(--ease-standard),transform var(--duration-press) var(--ease-standard)}.action-link:hover,.button-link:hover{color:var(--brand-ink);box-shadow:var(--shadow-2)}.action-link:active,.button-link:active{transform:translateY(1px)}.action-link.secondary,.button-link.secondary{color:var(--brand-blue);border-color:var(--brand-blue);background:transparent;box-shadow:none}.action-link.neutral,.button-link.neutral{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--neutral-0);box-shadow:none}.icon-button{width:var(--control-min-touch);height:var(--control-min-touch);padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--brand-blue);background:var(--neutral-0);cursor:pointer}.card-hoverable{transition:transform var(--duration-general) var(--ease-standard),box-shadow var(--duration-general) var(--ease-standard),border-color var(--duration-general) var(--ease-standard)}.card-hoverable:hover{border-color:var(--color-info-border);box-shadow:var(--shadow-2);transform:translateY(-2px)}.empty-state{min-height:14rem;display:grid;place-items:center;padding:var(--space-8);text-align:center}.empty-content{max-width:34rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-icon{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:var(--radius-card);color:var(--brand-blue);background:var(--color-info-surface)}.table-responsive,.overflow-x-auto{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.table-responsive:focus-visible,.overflow-x-auto:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:2px}table{font-variant-numeric:tabular-nums}.data-table,.w-full.text-right.border-collapse{width:100%;border-collapse:collapse;text-align:start}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.data-table th{color:var(--color-text-secondary);background:var(--neutral-50);font-size:var(--font-size-caption);font-weight:700}.form-label,.field-label{display:block;margin-bottom:var(--space-1);color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:650}.form-select,.form-textarea,.custom-input,.custom-select{width:100%;min-height:var(--control-height-md);padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-primary);background:var(--neutral-0)}.form-textarea{min-height:7rem;padding-block:var(--space-3);resize:vertical}.form-error,.text-danger{color:var(--color-danger-text)}.text-success{color:var(--color-success-text)}.text-warning{color:var(--color-warning-text)}.text-primary{color:var(--brand-blue)}.text-gold{color:var(--color-warning-text)}.text-ink{color:var(--brand-ink)}.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}.flex{display:flex}.grid{display:grid}.block{display:block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grid-cols-1{grid-template-columns:minmax(0,1fr)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1\.5{gap:.375rem}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.space-y-1>*+*{margin-block-start:var(--space-1)}.space-y-2>*+*{margin-block-start:var(--space-2)}.space-y-6>*+*{margin-block-start:var(--space-6)}.space-x-1>*+*{margin-inline-start:var(--space-1)}.w-full{width:100%}.w-5{width:1.25rem}.h-5{height:1.25rem}.h-11{height:var(--control-min-touch)}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-inline:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:650}.font-bold{font-weight:700}.font-black{font-weight:850}.text-xs{font-size:var(--font-size-caption)}.text-sm{font-size:var(--font-size-label)}.text-base{font-size:var(--font-size-body)}.text-2xl{font-size:var(--font-size-h3)}.text-center{text-align:center}.text-right{text-align:right}.text-gray-400{color:var(--neutral-500)}.text-gray-500,.text-gray-600{color:var(--color-text-secondary)}.text-gray-700,.text-gray-800{color:var(--color-text-primary)}.text-green-600,.text-green-800{color:var(--color-success-text)}.text-red-600,.text-red-800{color:var(--color-danger-text)}.bg-white{background:var(--neutral-0)}.bg-gray-50{background:var(--neutral-50)}.bg-green-50{background:var(--color-success-surface)}.bg-red-50{background:var(--color-danger-surface)}.border{border:1px solid var(--color-border-subtle)}.border-t{border-top:1px solid var(--color-border-subtle)}.border-b{border-bottom:1px solid var(--color-border-subtle)}.border-gray-100,.border-gray-200,.border-gray-300{border-color:var(--color-border-subtle)}.border-green-200{border-color:var(--color-success-border)}.border-red-200{border-color:var(--color-danger-border)}.border-collapse{border-collapse:collapse}.rounded-lg{border-radius:var(--radius-control)}.rounded-xl{border-radius:var(--radius-card)}.shadow-sm{box-shadow:var(--shadow-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.py-3{padding-block:var(--space-3)}.py-3\.5{padding-block:.875rem}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.py-10{padding-block:var(--space-10)}.py-12{padding-block:var(--space-12)}.py-14{padding-block:var(--space-14)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:var(--space-2)}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-10{margin-bottom:var(--space-10)}.mr-1{margin-inline-end:var(--space-1)}.mr-2{margin-inline-end:var(--space-2)}.ml-1{margin-inline-start:var(--space-1)}.ml-2,.ml-4{margin-inline-start:var(--space-2)}.last\:border-0:last-child{border:0}.last\:pb-0:last-child{padding-bottom:0}.divide-y>*+*{border-top:1px solid var(--color-border-subtle)}.hover\:underline:hover{text-decoration:underline}.hover\:bg-gray-50:hover{background:var(--neutral-50)}.transition-colors{transition:color var(--duration-general) var(--ease-standard),background-color var(--duration-general) var(--ease-standard)}.accent-\[\#232EB2\],.accent-brand{accent-color:var(--brand-blue)}.text-\[\#232EB2\]{color:var(--brand-blue)}.text-\[\#090B2D\]{color:var(--brand-ink)}@media(min-width:48rem){.container,.dashboard-container,.buyer-container{width:min(100% - 3rem,var(--container-public))}.dashboard-container{max-width:var(--container-dashboard)}.buyer-container{max-width:var(--container-buyer)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media(max-width:47.99rem){.grid-cols-2,.grid-cols-3{grid-template-columns:minmax(0,1fr)}.page-header,.dashboard-top-bar,.header-actions{align-items:stretch;flex-direction:column}.page-actions>*,.action-buttons>*,.actions-row>*{flex:1 1 auto}}@media(forced-colors:active){.action-link,.button-link,.brand-gradient-glow{forced-color-adjust:auto}}