:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #475569;--color-border: #e2e8f0;--color-primary: #0b2d4a;--color-accent: #c9a227;--color-surface-hover: #f1f5f9;--color-input-bg: #ffffff;--color-focus: var(--color-accent);--color-focus-soft: rgba(201, 162, 39, .25);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 12px rgba(0,0,0,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--font-ar: "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-en: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--numerals: "ar";--calendar: "gregorian"}:root[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #475569;--color-border: #e2e8f0;--color-primary: #0b2d4a;--color-accent: #c9a227;--color-surface-hover: #f1f5f9;--color-input-bg: #ffffff;--color-focus: var(--color-accent);--color-focus-soft: rgba(201, 162, 39, .25)}:root[data-theme=dim]{--color-bg: #081324;--color-surface: #0c1d33;--color-text: #eaf0f8;--color-muted: #c0cad8;--color-border: rgba(234, 240, 248, .2);--color-primary: #0b2d4a;--color-accent: #d2ad43;--color-surface-hover: #112a45;--color-input-bg: #0c1d33;--color-focus: var(--color-accent);--color-focus-soft: rgba(210, 173, 67, .26);--radius: 12px;--radius-sm: 8px;--shadow: 0 6px 18px rgba(0, 0, 0, .22);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .18)}:root[data-theme=dark]{--color-bg: #050b14;--color-surface: #0a1627;--color-text: #eef3f9;--color-muted: #aab7c8;--color-border: rgba(238, 243, 249, .14);--color-primary: #0b2d4a;--color-accent: #e0c05a;--color-surface-hover: #0e2035;--color-input-bg: #0a1627;--color-focus: var(--color-accent);--color-focus-soft: rgba(224, 192, 90, .28)}@media print{.no-print{display:none!important}.print-only{display:block!important}body{font-size:12pt;margin:0;padding:0;direction:rtl}@page{margin:2cm;size:A4}table{page-break-inside:avoid}h1,h2,h3{font-size:16pt}.print-container{padding:0!important;margin:0!important;max-width:100%!important}}*{box-sizing:border-box}html[data-theme],html[data-theme] body{background-color:var(--color-bg)!important;color:var(--color-text)!important}html[data-theme] .bg-gray-50,html[data-theme] .bg-slate-50,html[data-theme] .bg-gray-100,html[data-theme] .bg-slate-100{background-color:var(--color-bg)!important}html[data-theme] .bg-white{background-color:var(--color-surface)!important}html[data-theme] #root,html[data-theme] main{background-color:transparent!important}html[data-theme] .text-gray-900,html[data-theme] .text-gray-700{color:var(--color-text)!important}html[data-theme] .text-gray-600,html[data-theme] .text-gray-500,html[data-theme] .text-gray-400{color:var(--color-muted)!important}html[data-theme] .border-gray-100,html[data-theme] .border-gray-200,html[data-theme] .border-slate-200{border-color:var(--color-border)!important}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.hamburger-btn{color:var(--color-text)!important;border:1px solid var(--color-border)!important;background:var(--color-surface)!important;opacity:1!important}.hamburger-btn:hover{background:var(--color-bg)!important}.hamburger-btn svg{stroke:currentColor!important;fill:none!important;opacity:1!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:3px}@supports (padding: env(safe-area-inset-top)){header,.app-header{padding-top:env(safe-area-inset-top)}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-width:768px){#root input[type=text],#root input[type=search],#root input[type=email],#root input[type=number],#root input[type=tel],#root input[type=password],#root select,#root textarea{font-size:16px!important}}#root button:active,#root a:active,#root [role=button]:active{opacity:.9}@media(max-width:768px){#root button{min-height:48px}#root aside nav button{min-height:48px;padding-top:12px;padding-bottom:12px}#root table td button{min-height:48px;min-width:48px;padding:12px}#root header h2{font-size:clamp(.95rem,2.5vw,1.125rem)!important}.value-proposition .main-value{font-size:clamp(1.15rem,4vw,1.8rem)!important}#root .text-center.mb-12.mt-8 h1{font-size:clamp(1.25rem,5vw,1.875rem)!important}}@media print{#root button{min-height:auto}#root table td button{min-height:auto;min-width:auto;padding:.25rem}}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;background:var(--color-muted)}::-webkit-scrollbar-thumb:active{background:var(--color-text)}}@media print{body{padding-left:0!important;padding-right:0!important;padding-top:0!important}#root .print-container{padding-left:0;padding-right:0}}@media(prefers-reduced-motion:no-preference){.filters-panel.flex{animation:batch6-fadeIn .2s ease}@keyframes batch6-fadeIn{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root .print-container>div{padding:1.25rem 1rem}@media(min-width:768px){#root .print-container>div{padding:2rem 1.5rem}}#root .print-container>div>div:first-child{margin-bottom:1.5rem}#root .print-container .grid{gap:.875rem}#root .print-container .mb-4{margin-bottom:1.25rem}#root .print-container .mb-6{margin-bottom:1.75rem}#root .print-container .mb-8{margin-bottom:2rem}#root .bg-white.rounded-xl{border-radius:.875rem;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;transition:box-shadow .2s ease,border-color .2s ease}#root .bg-white.rounded-xl:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d}#root .bg-white.rounded-xl.border-gray-100{border-color:var(--color-border)}#root table{border-collapse:collapse}#root table thead tr{background:var(--color-bg)!important;border-bottom:1px solid var(--color-border)}#root table thead th{padding:.75rem 1rem!important;font-weight:600;color:var(--color-muted)}#root table tbody tr{transition:background .15s ease}#root table tbody tr:nth-child(2n){background:var(--color-surface)}#root table tbody tr:hover{background:var(--color-bg)!important}#root table tbody td{padding:.75rem 1rem!important}#root input[type=text],#root input[type=number],#root input[type=date],#root input[type=email],#root input[type=tel],#root select,#root textarea{min-height:2.5rem;padding:.5rem .75rem!important;border-radius:.5rem;transition:border-color .2s,box-shadow .2s}#root input:focus,#root select:focus,#root textarea:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-soft)}#root .mb-3 label{font-weight:500;color:var(--color-text);margin-bottom:.25rem}#root [role=dialog]>.border-b{padding:1.25rem!important}#root [role=dialog] .border-b+*{padding:1.25rem!important}#root button{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}#root .flex.gap-2 button,#root .flex.gap-3 button{min-height:2.25rem}#root button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}#root aside nav button{min-height:2.5rem}#root aside nav svg{width:1.25rem;height:1.25rem;flex-shrink:0}#root header h2{letter-spacing:-.01em}.value-proposition{text-align:center;margin:2rem auto;max-width:800px;padding:0 1rem}.value-proposition .main-value{font-size:1.8rem;font-weight:700;color:var(--ff-primary);line-height:1.4;margin-bottom:1rem}.value-proposition .sub-value{font-size:1.1rem;font-weight:400;color:var(--ff-muted);line-height:1.6;margin-bottom:2rem}@media(max-width:768px){.value-proposition .main-value{font-size:1.4rem}.value-proposition .sub-value{font-size:1rem}}.welcome-banner{background:var(--color-primary);color:var(--color-surface);padding:1.5rem;border-radius:var(--qa-radius);margin:1rem 0 2rem;box-shadow:var(--qa-shadow-md)}.welcome-banner .banner-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.welcome-banner .banner-text strong{font-size:1.1rem;display:block;margin-bottom:.5rem}.welcome-banner .banner-text p{font-size:.95rem;line-height:1.6;opacity:.95;margin:0}.welcome-banner .banner-close{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background .2s;flex-shrink:0}.welcome-banner .banner-close:hover{background:#ffffff4d}.empty-state{text-align:center;padding:4rem 2rem;background:var(--ff-surface);border-radius:12px;border:2px dashed var(--ff-border);margin:1rem 0}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h3{font-size:1.4rem;color:var(--ff-text);margin-bottom:.5rem;font-weight:600}.empty-state p{color:var(--ff-muted);font-size:1rem;margin-bottom:1.5rem;line-height:1.6}.empty-state .empty-cta{background:var(--ff-primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.empty-state .empty-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:var(--ff-primary-600)}:root{--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 12px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.2)}#root h1,.app-shell h1{font-family:var(--qa-font-arabic);font-size:var(--qa-font-size-h1);font-weight:var(--qa-font-weight-h1-h2);line-height:var(--qa-line-height-h1);margin:0 0 .5em}#root h2,.app-shell h2{font-family:var(--qa-font-arabic);font-size:var(--qa-font-size-h2);font-weight:var(--qa-font-weight-h1-h2);line-height:var(--qa-line-height-h2);margin:0 0 .5em}#root h3,.app-shell h3{font-family:var(--qa-font-arabic);font-size:var(--qa-font-size-h3);font-weight:var(--qa-font-weight-h3);line-height:var(--qa-line-height-h3);margin:0 0 .4em}.app-shell,.app-shell main{font-size:var(--qa-font-size-body);font-weight:var(--qa-font-weight-body);line-height:var(--qa-line-height-body)}.app-shell .text-xl.font-bold,.app-shell .stat-number,.app-shell .total-amount,.app-shell .balance{font-family:var(--qa-font-arabic);font-size:2rem;font-weight:600;line-height:1.2}.app-shell .label,.app-shell .caption{font-family:var(--qa-font-arabic);font-size:var(--qa-font-size-caption);font-weight:var(--qa-font-weight-caption);line-height:var(--qa-line-height-caption);color:var(--ff-muted)}.app-shell .text-xs.font-medium{font-family:var(--qa-font-arabic);font-size:var(--qa-font-size-caption);font-weight:500}.app-shell .section{padding:2rem;margin-bottom:2rem;border-radius:12px}.app-shell .card{padding:1.5rem;margin-bottom:1rem;border-radius:10px}.app-shell .content-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.app-shell .content-wrapper{padding:0 2rem}}.app-shell .card,.app-shell .section,.app-shell [role=dialog]{box-shadow:var(--shadow-sm)}.app-shell .card:hover{box-shadow:var(--shadow-md)}*:focus{outline:3px solid var(--ff-primary);outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--ff-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ff-primary);outline-offset:2px}.text-critical{color:var(--ff-text);background:var(--ff-surface)}[data-theme=dark] .text-critical{color:var(--color-surface);background:#000}[dir=rtl]{text-align:right}[dir=rtl] .icon-before{margin-right:0;margin-left:.5rem}[dir=rtl] .icon-after{margin-left:0;margin-right:.5rem}
