@import "https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--radius-sm:calc(var(--radius) - 4px);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--app-font);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1,h2,h3,h4,h5,h6,strong,b{font-weight:800}button,label,th{font-weight:700}button,input,select,textarea{font-family:var(--app-font)}h1{letter-spacing:-.7px;font-size:30px;font-weight:800;line-height:1.5}h2{font-size:16px;font-weight:700}p{margin:0}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-50{z-index:50}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-64{height:calc(var(--spacing) * 64)}.h-full{height:100%}.max-h-\[90dvh\]{max-height:90dvh}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-\[calc\(100\%_-_32px\)\]{width:calc(100% - 32px)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:hsl(var(--border))}.border-warning\/40{border-color:hsl(var(--warning))}@supports (color:color-mix(in lab, red, red)){.border-warning\/40{border-color:color-mix(in oklab, hsl(var(--warning)) 40%, transparent)}}.bg-accent{background-color:hsl(var(--accent))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-foreground\/35{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/35{background-color:color-mix(in oklab, hsl(var(--foreground)) 35%, transparent)}}.bg-muted,.bg-muted\/40{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, hsl(var(--muted)) 40%, transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary,.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, hsl(var(--primary)) 10%, transparent)}}.bg-primary\/40{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.bg-primary\/40{background-color:color-mix(in oklab, hsl(var(--primary)) 40%, transparent)}}.bg-secondary{background-color:hsl(var(--secondary))}.bg-success{background-color:hsl(var(--success))}.bg-transparent{background-color:#0000}.bg-warning\/10{background-color:hsl(var(--warning))}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, hsl(var(--warning)) 10%, transparent)}}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-16{padding-block:calc(var(--spacing) * 16)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-border{color:hsl(var(--border))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-success{color:hsl(var(--success))}.text-task-done{color:hsl(var(--task-done))}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-12{padding:calc(var(--spacing) * 12)}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.xl\:grid-cols-\[1\.65fr_1fr\]{grid-template-columns:1.65fr 1fr}}@media print{.print\:block{display:block}.print\:hidden{display:none}}}:root{--app-font:"Almarai", Tahoma, sans-serif;--task-done:215 80% 38%;--task-done-foreground:0 0% 100%;--background:220 20% 97%;--foreground:222 19% 16%;--card:0 0% 100%;--card-foreground:222 19% 16%;--popover:0 0% 100%;--popover-foreground:222 19% 16%;--primary:19.8238 100% 55.4902%;--primary-foreground:222 27% 10%;--secondary:28 60% 96%;--secondary-foreground:24 45% 25%;--muted:220 16% 95%;--muted-foreground:220 9% 44%;--accent:23 100% 95%;--accent-foreground:20 85% 32%;--destructive:0 68% 43%;--destructive-foreground:0 0% 100%;--success:152 58% 32%;--success-foreground:0 0% 100%;--warning:38 92% 44%;--warning-foreground:222 19% 16%;--info:195 66% 34%;--info-foreground:0 0% 100%;--border:220 15% 89%;--input:220 13% 84%;--ring:20 100% 45%;--radius:.625rem;--shadow-sm:0 2px 4px hsl(var(--foreground) / .025);--shadow-md:0 4px 12px hsl(var(--foreground) / .08);--shadow-lg:0 12px 32px hsl(var(--foreground) / .14);--transition-fast:.15s ease;--transition:.2s ease;--transition-smooth:.3s ease;--report:0 0% 100%;--report-foreground:222 19% 16%}.dark{--task-done:215 85% 72%;--task-done-foreground:215 60% 12%;--background:222 16% 10%;--foreground:220 15% 94%;--card:222 15% 14%;--card-foreground:220 15% 94%;--popover:222 15% 15%;--popover-foreground:220 15% 94%;--primary:19.8238 100% 55.4902%;--primary-foreground:222 27% 10%;--secondary:24 23% 19%;--secondary-foreground:26 45% 86%;--muted:222 14% 19%;--muted-foreground:220 10% 68%;--accent:24 36% 20%;--accent-foreground:24 100% 75%;--destructive:0 68% 47%;--destructive-foreground:0 0% 100%;--success:152 50% 59%;--success-foreground:152 58% 9%;--warning:38 92% 57%;--warning-foreground:222 19% 16%;--info:195 66% 65%;--info-foreground:195 50% 9%;--border:220 12% 26%;--input:220 12% 32%;--ring:20 100% 60%;--report:0 0% 100%;--report-foreground:222 19% 16%}html,body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--app-font);margin:0;font-size:16px;font-weight:400;line-height:1.6}*{box-sizing:border-box}button,input,select,textarea{font:inherit}#root,.report-sheet,.target-table,.employee-roster-table,.employee-profile-table{font-family:var(--app-font)}.nav-item,.field-label{font-weight:700}.target-grand-total{border:3px solid hsl(var(--primary));border-radius:var(--radius);background:hsl(var(--primary) / .08);color:hsl(var(--report-foreground));text-align:center;break-inside:avoid;margin-top:24px;padding:24px;font-size:24px;font-weight:800;line-height:1.8}.cash-visit-sheet .cash-visit-meta{border:1px solid hsl(var(--report-foreground) / .2);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:16px;padding:12px 16px;font-weight:700;display:flex}.cash-visit-sheet .data-table{table-layout:fixed;border-collapse:collapse}.cash-visit-sheet .data-table th,.cash-visit-sheet .data-table td{border:1px solid hsl(var(--report-foreground) / .2);padding:12px}.cash-visit-sheet .data-table tbody td:first-child{font-weight:700}.cash-visit-totals{break-inside:avoid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.cash-visit-total{border:2px solid hsl(var(--primary));background:hsl(var(--primary) / .06);color:hsl(var(--report-foreground));border-radius:var(--radius);text-align:center;padding:16px;font-size:20px;font-weight:800}@media print{.cash-custody-page>:not(#report-area),.target-reports-page>:not(#report-area){display:none}#report-area .target-grand-total{font-size:28px}#report-area .cash-visit-sheet .cash-visit-meta{break-inside:avoid;break-after:avoid}#report-area .cash-visit-sheet{break-inside:avoid;break-before:page;break-after:page}#report-area .cash-visit-sheet:first-child{break-before:auto}#report-area .cash-summary-sheet{break-before:page;break-inside:avoid;break-after:auto}#report-area .cash-visit-sheet .data-table th,#report-area .cash-visit-sheet .data-table td{padding:8px}#report-area .cash-visit-sheet .cash-visit-totals{margin-top:16px}#report-area .cash-visit-sheet:last-child{break-after:auto}#report-area .cash-visit-sheet .report-heading{break-after:avoid}#report-area .cash-visit-sheet thead{display:table-header-group}#report-area .cash-visit-sheet .data-table{font-size:16px}#report-area .cash-visit-sheet .data-table th{font-size:18px;font-weight:800}#report-area .cash-visit-sheet .data-table td{font-size:16px}}button,a,input,select{transition:all var(--transition-fast)}button,a{touch-action:manipulation}a{text-decoration:none}button{cursor:pointer}input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}input[type=checkbox]{accent-color:hsl(var(--primary));width:16px;height:16px}.mobile-menu-button{border:1px solid hsl(var(--border));background:hsl(var(--accent));min-width:48px;min-height:48px;color:hsl(var(--accent-foreground));transition:transform var(--transition-fast), background var(--transition-fast);flex-shrink:0;padding:12px}.mobile-menu-button:active{transform:scale(.94)}.mobile-menu-button[aria-expanded=true]{transform:rotate(90deg)}.visit-note{border:1px solid hsl(var(--report-foreground) / .18);border-inline-start:4px solid hsl(var(--primary));border-radius:var(--radius);background:hsl(var(--report));color:hsl(var(--report-foreground));margin-top:24px;padding:0}.visit-note-title{background:hsl(var(--primary) / .1);color:hsl(var(--report-foreground));border-bottom:1px solid hsl(var(--report-foreground) / .12);overflow-wrap:anywhere;margin:0;padding:8px 12px;font-size:14px;font-weight:800;line-height:1.6}.visit-note-text{color:hsl(var(--report-foreground));overflow-wrap:anywhere;margin:0;padding:12px;font-size:12px;line-height:1.8}.visit-note-closing{border:2px solid hsl(var(--info))}.visit-note-closing .visit-note-title{background:hsl(var(--info) / .12);color:hsl(var(--report-foreground));border-bottom-color:hsl(var(--info) / .3)}.visit-note-closing .visit-note-text{background:hsl(var(--info) / .04);color:hsl(var(--report-foreground))}.visit-note-editor{border:1px solid hsl(var(--border));border-inline-start:4px solid hsl(var(--primary));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground));padding:16px}.visit-note-editor .field-label{color:hsl(var(--card-foreground))}.visit-closing-editor{border:2px solid hsl(var(--info) / .5);border-radius:var(--radius);background:hsl(var(--info) / .06);color:hsl(var(--card-foreground));padding:20px}.visit-closing-editor .field-label{color:hsl(var(--card-foreground))}.visit-note-editor textarea,.visit-closing-editor textarea{font-size:12px;line-height:1.8}.visit-note-editor .field-label,.visit-closing-editor .field-label{font-size:12px}.visit-note-editor textarea:focus-visible,.visit-closing-editor textarea:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.operations-sheet .data-table{white-space:normal}.operations-sheet .data-table th{background:hsl(var(--report));color:hsl(var(--report-foreground))}.operations-sheet .data-table td{overflow-wrap:anywhere}.cash-report .data-table th{background:hsl(var(--primary) / .12);color:hsl(var(--report-foreground));border-bottom:2px solid hsl(var(--primary));font-size:16px;font-weight:700}.cash-report .data-table td{font-variant-numeric:tabular-nums;padding:12px 16px}.cash-report .data-table tbody tr:nth-child(2n){background:hsl(var(--report-foreground) / .035)}.cash-report .report-end{border:2px solid hsl(var(--primary));border-radius:var(--radius);gap:16px;margin-bottom:24px;padding:16px}.cash-report .report-heading{border-bottom-width:4px}.employee-branch-reports{gap:24px;display:grid}.employee-roster-table{table-layout:fixed;border-collapse:collapse;text-align:center;width:100%;color:hsl(var(--report-foreground));font-size:12px;line-height:1.5}.employee-roster-table th,.employee-roster-table td{border:1px solid hsl(var(--report-foreground) / .2);overflow-wrap:anywhere;vertical-align:middle;font-variant-numeric:tabular-nums;padding:8px 4px}.employee-roster-table thead th{background:hsl(var(--primary) / .14);color:hsl(var(--report-foreground));border-bottom:2px solid hsl(var(--primary));font-weight:700}.employee-roster-table tbody th{text-align:right;font-weight:700}.employee-roster-table tbody tr:nth-child(2n){background:hsl(var(--report-foreground) / .04)}.employee-roster-footer{border:1px solid hsl(var(--report-foreground) / .2);border-inline-start:4px solid hsl(var(--primary));background:hsl(var(--primary) / .06);color:hsl(var(--report-foreground));flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}@media print{#report-area .employee-branch-reports{display:block}#report-area .employee-branch-sheet{break-inside:avoid;break-after:page}#report-area .employee-branch-sheet:last-child{break-after:auto}#report-area .employee-branch-sheet .report-heading{break-inside:avoid;break-after:avoid;margin-bottom:12px;padding-bottom:12px}#report-area .employee-roster-table thead{display:table-header-group}#report-area .employee-roster-table tr{break-inside:avoid}#report-area .employee-roster-table th,#report-area .employee-roster-table td{padding:4px}#report-area .employee-roster-footer{break-inside:avoid;break-before:avoid}}.employee-profile-sheet{max-width:800px;margin-inline:auto}.employee-profile-name{border-inline-start:4px solid hsl(var(--primary));background:hsl(var(--primary) / .08);color:hsl(var(--report-foreground));margin-bottom:16px;padding:12px 16px}.employee-profile-table{border-collapse:collapse;table-layout:fixed;text-align:right;width:100%;color:hsl(var(--report-foreground));font-size:16px}.employee-profile-table th,.employee-profile-table td{border:1px solid hsl(var(--report-foreground) / .2);overflow-wrap:anywhere;vertical-align:top;padding:12px 16px}.employee-profile-table th:first-child{width:34%}.employee-profile-table thead th{background:hsl(var(--primary) / .14);color:hsl(var(--report-foreground));border-bottom:2px solid hsl(var(--primary));font-weight:700}.employee-profile-table tbody th{background:hsl(var(--report-foreground) / .04);font-weight:600}.employee-profile-table td{font-variant-numeric:tabular-nums}.employee-profile-table td>div{text-align:right}.employee-profile-footer{border-top:2px solid hsl(var(--primary));margin-top:16px;padding-top:12px}@media print{#report-area .employee-profile-sheet{break-inside:auto;max-width:none}#report-area .employee-profile-table{font-size:15px}#report-area .employee-profile-table th,#report-area .employee-profile-table td{padding:8px 12px}#report-area .employee-profile-table tr{break-inside:avoid}#report-area .employee-profile-table thead{display:table-header-group}#report-area .operations-sheet,#report-area .visit-note{break-inside:auto}#report-area .visit-note-title{break-after:avoid;padding:8px 12px;font-size:14px;font-weight:800}#report-area .visit-note-text{orphans:3;widows:3;padding:12px;font-size:12px;font-weight:400;line-height:1.8}#report-area .visit-note-closing{border-width:2px;margin-top:24px}#report-area .cash-report .data-table th{font-size:16px}#report-area .cash-report .data-table td{font-size:14px}#report-area .cash-report .report-end{break-inside:avoid;font-size:20px}#report-area .no-print{display:none}#report-area .operations-sheet .overflow-x-auto{overflow:visible}#report-area .operations-sheet .data-table{font-size:12px}#report-area .operations-sheet .data-table tr{break-inside:avoid}}.task-row{border-radius:var(--radius);border:1px solid hsl(var(--destructive) / .3);border-inline-start:4px solid hsl(var(--destructive));background:hsl(var(--destructive) / .08);color:hsl(var(--destructive));align-items:center;gap:12px;padding:16px;display:flex}.task-row-done{border-color:hsl(var(--task-done) / .3);border-inline-start-color:hsl(var(--task-done));background:hsl(var(--task-done) / .08);color:hsl(var(--task-done))}.task-row input[type=checkbox]{accent-color:hsl(var(--task-done));flex-shrink:0;width:24px;height:24px}.task-row svg{flex-shrink:0}.app-shell{min-height:100vh}.desktop-sidebar{display:none}@media screen{.app-card{min-width:0;box-shadow:var(--shadow-sm)}.main-content{width:100%}.page-heading{border-bottom:1px solid hsl(var(--border));padding-bottom:16px}.page-heading>div{min-width:0;max-width:100%}.section-heading{flex-wrap:wrap}.field{border-radius:var(--radius)}.field:not(:disabled):hover{border-color:hsl(var(--ring) / .5)}.field:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}textarea.field{resize:vertical}.search-field:focus-within{outline:2px solid hsl(var(--ring));outline-offset:2px}.nav-item{min-height:48px}.nav-item svg,.brand-icon{flex-shrink:0}.nav-item span,.desktop-sidebar>div:first-child{overflow-wrap:anywhere}.topbar{height:auto;min-height:76px;padding-block:12px}.topbar>div{min-width:0}.topbar>div:first-child{flex:1}.topbar>div:first-child>span:last-child{overflow-wrap:anywhere}.topbar>div:last-child{flex-shrink:0}.app-dialog{overscroll-behavior:contain;scrollbar-gutter:stable}.app-dialog .field-label{min-width:0}.data-table th{font-weight:700}.target-scroll,.overflow-x-auto,#report-area{overscroll-behavior-inline:contain}.visit-reports-page .visit-note{margin-top:16px}.visit-reports-page .visit-note-editor,.visit-reports-page .visit-closing-editor{padding:16px}}@media screen and (width<=639px){.main-content{padding:20px 12px}.topbar{flex-wrap:wrap;gap:8px;padding-inline:12px}.topbar>div:first-child{gap:8px}.topbar>div:first-child>span:first-of-type,.topbar>div:first-child>span:nth-of-type(2){display:none}.page-heading{align-items:stretch;gap:12px}.page-heading>div:last-child{flex-wrap:wrap}.section-heading,.stat-card{padding:16px}.data-table th,.data-table td{padding:12px 16px}.visit-reports-page .report-sheet{padding:16px}.visit-reports-page .visit-note-editor,.visit-reports-page .visit-closing-editor{padding:12px}.cash-visit-totals{grid-template-columns:1fr}.toast{overflow-wrap:anywhere;bottom:16px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){button,a,input,select,.mobile-menu-button{transition:none}.primary-link:hover,.secondary-link:hover,.quick-link:hover{transform:none}}.workspace{min-width:0}.topbar{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:76px;padding:12px 20px;display:flex}.main-content{max-width:1560px;margin:auto;padding:28px 20px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-heading p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:14px}.eyebrow{color:hsl(var(--muted-foreground));margin-bottom:4px;font-size:11px;font-weight:500}.primary-link,.secondary-link{border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.primary-link:hover,.secondary-link:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.secondary-link{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border))}.brand-icon{border-radius:calc(var(--radius) + 2px);background:hsl(var(--primary));width:44px;height:44px;color:hsl(var(--primary-foreground));place-items:center;display:grid}.nav-item{border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));border-right:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.nav-item:hover{background:hsl(var(--muted))}.nav-active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));border-right-color:hsl(var(--primary))}.sidebar-bottom{margin-top:auto;padding:24px 20px}.avatar{background:hsl(var(--secondary));width:36px;height:36px;color:hsl(var(--secondary-foreground));border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:grid}.field-label{color:hsl(var(--muted-foreground));flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.field{border:1px solid hsl(var(--input));background:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:calc(var(--radius) - 2px);min-width:0;max-width:100%;min-height:40px;padding:8px 12px;font-size:14px}.field:disabled{opacity:.6;background:hsl(var(--muted))}.stat-card{padding:20px 24px}.stat-card .stat-icon{border-radius:var(--radius);background:hsl(var(--muted));width:36px;height:36px;color:hsl(var(--muted-foreground));place-items:center;display:grid}.stat-featured{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));position:relative;overflow:hidden}.stat-featured:after{content:"";border:24px solid hsl(var(--primary-foreground) / .055);pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-48px;left:-24px}.stat-featured .stat-icon{background:hsl(var(--primary-foreground) / .08);color:hsl(var(--primary-foreground))}.section-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.section-heading p{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px}.branch-glyph{background:hsl(var(--accent));width:36px;height:36px;color:hsl(var(--accent-foreground));border-radius:var(--radius);flex-shrink:0;place-items:center;display:grid}.branch-glyph.big{width:48px;height:48px}.quick-link{border:1px solid hsl(var(--border));border-radius:var(--radius);align-items:center;gap:12px;padding:12px;display:flex}.quick-link:hover{background:hsl(var(--muted));transform:translate(-2px)}.data-table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%;font-size:14px}.data-table th{background:hsl(var(--muted) / .65);color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));padding:12px 24px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid hsl(var(--border));padding:16px 24px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:hsl(var(--muted) / .4)}.badge-success,.badge-muted{background:hsl(var(--success) / .09);color:hsl(var(--success));border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.badge-success:before{content:"";background:hsl(var(--success));border-radius:50%;width:5px;height:5px}.badge-muted{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.search-field{border:1px solid hsl(var(--input));background:hsl(var(--card));border-radius:calc(var(--radius) - 2px);color:hsl(var(--muted-foreground));align-items:center;gap:8px;width:100%;max-width:340px;padding:8px 12px;display:flex}.search-field input{color:hsl(var(--foreground));background:0 0;border:0;outline:none;width:100%;font-size:14px}.target-scroll{max-height:70vh;overflow:auto}.target-table{border-collapse:separate;border-spacing:0;text-align:center;width:100%;font-size:14px}.target-table th,.target-table td{border-bottom:1px solid hsl(var(--border));border-left:1px solid hsl(var(--border));min-width:80px;padding:8px}.target-table thead th{background:hsl(var(--muted));z-index:2;color:hsl(var(--muted-foreground));font-weight:500;position:sticky;top:0}.target-table .sticky-name{text-align:right;background:hsl(var(--card));z-index:3;white-space:nowrap;min-width:172px;padding:12px 16px;position:sticky;right:0}.target-table thead .sticky-name{z-index:5;background:hsl(var(--muted))}.target-table small{color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px;font-weight:400;display:block}.target-table tfoot td,.target-table tfoot th{background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:600}.target-table .total-col{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.target-cell{text-align:center;width:66px;min-height:36px;color:hsl(var(--foreground));background:0 0;border:1px solid #0000;border-radius:4px}.target-cell:not([readonly]):hover{border-color:hsl(var(--input))}.target-cell:not([readonly]):focus{border-color:hsl(var(--primary));background:hsl(var(--card));outline:none}.cell-error{border-color:hsl(var(--destructive))}.report-sheet{background:hsl(var(--report));color:hsl(var(--report-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:24px}.report-heading{border-bottom:2px solid hsl(var(--primary));justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:20px;display:flex}.report-sheet .target-table{font-size:12px}.report-sheet .target-table th,.report-sheet .target-table td{min-width:0;padding:8px 4px}.report-sheet .target-table .sticky-name{background:hsl(var(--report));min-width:120px;color:hsl(var(--report-foreground));position:static}.report-sheet .target-table thead th{background:hsl(var(--muted));position:static}.report-end{border-top:2px solid hsl(var(--primary));flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:20px;padding-top:12px;font-size:18px;font-weight:700;display:flex}.sheet-total{border-top:2px solid hsl(var(--primary));flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:16px 24px;font-size:20px;font-weight:700;display:flex}.date-input-group{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;width:100%;min-width:0;display:grid}.date-calendar-select{width:auto;min-width:80px}.date-input-group.date-input-locked>.date-input-control{grid-column:1/-1}.date-input-hint{grid-column:1/-1;line-height:1.6}.money{white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex-direction:row;align-items:center;gap:4px;display:inline-flex}.riyal-symbol{object-fit:contain;flex-shrink:0;width:.9em;height:1em;display:inline-block}.dark .riyal-symbol{filter:invert()}.dark .report-sheet .riyal-symbol,.dark .stat-featured .riyal-symbol{filter:none}.currency-fallback{font-size:.8em}.target-cell{font-variant-numeric:tabular-nums;direction:ltr}.report-compact{min-width:1200px}.report-compact .target-table{table-layout:fixed}.report-compact .target-table .sticky-name{white-space:normal;width:120px;min-width:0}.report-compact .target-table .total-col{width:88px}.report-compact .target-table th,.report-compact .target-table td{overflow-wrap:anywhere;padding:4px 0}.report-compact .target-table thead th,.report-compact .target-table thead th .text-xs{font-size:10px}.report-compact .target-table td{font-size:11px}.report-compact .target-table .money{gap:2px}.report-compact .target-table .riyal-symbol{width:8px;height:10px}.report-compact .target-table tfoot td{font-weight:700}#report-area{overflow-x:auto}.demo-note{border:1px dashed hsl(var(--border));border-radius:var(--radius);color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:8px 16px;font-size:12px;display:flex}.app-footer{color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));justify-content:space-between;gap:12px;padding:16px 32px;font-size:12px;display:flex}.toast{z-index:70;border:1px solid hsl(var(--border));background:hsl(var(--popover));max-width:520px;color:hsl(var(--popover-foreground));border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:12px;margin:auto;padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:24px;left:24px;right:24px}.toast span{flex:1}genmb-image{max-width:120px;display:block}@media (width>=1024px){.desktop-sidebar{background:hsl(var(--card));border-left:1px solid hsl(var(--border));z-index:30;flex-direction:column;width:250px;height:100vh;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.workspace{margin-right:250px}.main-content{padding:28px 32px}.topbar{padding:12px 32px}}@media (width<=639px){.main-content{padding:20px 12px}.topbar{flex-wrap:wrap;gap:8px;padding:12px}.section-heading,.stat-card{padding:16px}.data-table th,.data-table td{padding:12px 16px}.toast{bottom:16px;left:12px;right:12px}.page-heading h1{font-size:24px}.report-sheet{overflow-x:auto}.report-heading{flex-direction:column;align-items:start}.app-footer,.demo-note{flex-direction:column}.field-label{flex:1}.field{width:100%}.report-sheet .target-table{min-width:700px}}@media print{body{background:hsl(var(--report));color:hsl(var(--report-foreground))}:root,.dark{--background:var(--report);--foreground:var(--report-foreground);--card:var(--report);--card-foreground:var(--report-foreground);--muted:220 16% 95%;--muted-foreground:220 9% 44%;--secondary:28 60% 96%;--secondary-foreground:24 45% 25%;--accent:23 100% 95%;--accent-foreground:20 85% 32%;--border:220 15% 89%}:is(body:has(#report-area)>:not(#report-area):not(:has(#report-area)),body :has(#report-area)>:not(#report-area):not(:has(#report-area))){display:none}.app-shell,.workspace,.main-content{width:100%;max-width:none;min-height:0;margin:0;padding:0;display:block;position:static}#report-area{display:block}#report-area,#report-area *{box-shadow:none;text-shadow:none}#report-area .report-sheet{break-inside:auto;break-before:auto;break-after:auto}#report-area .report-sheet+.report-sheet{break-before:page}#report-area .employee-branch-sheet{break-inside:auto;break-after:auto}#report-area .employee-branch-sheet+.employee-branch-sheet{break-before:page}#report-area{font-family:var(--app-font);width:100%;margin:0;padding:0;position:static;overflow:visible}.report-sheet{break-inside:avoid;break-after:page;border:0;border-radius:0;min-width:0;margin:0;padding:0;overflow:visible}.report-sheet:last-child{break-after:auto}.report-sheet .target-table{width:100%;min-width:0}.report-heading{flex-direction:row}#report-area .target-table th,#report-area .target-table td{font-size:12px}#report-area .report-compact .target-table th,#report-area .report-compact .target-table td{font-size:11px}#report-area .report-sheet{margin-top:0}#report-area .riyal-symbol{filter:none}#report-area .report-sheet{color:hsl(var(--report-foreground));background:hsl(var(--report))}#report-area .target-table th{position:static}#report-area .target-table .sticky-name{background:hsl(var(--report))}.toast{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.payroll-summary{border:2px solid hsl(var(--primary));border-radius:var(--radius);background:hsl(var(--primary) / .06);color:hsl(var(--foreground));break-inside:avoid;margin-top:24px;padding:16px}.payroll-summary-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:16px;font-size:16px;display:flex}.payroll-summary-heading>span{font-size:12px}.payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.payroll-summary-grid>div{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--card));min-width:0;color:hsl(var(--card-foreground));padding:12px;font-size:12px}.payroll-summary-grid strong{margin-top:8px;font-size:18px;display:block;overflow-x:auto}.payroll-summary-grid>.payroll-summary-net{border-color:hsl(var(--primary));background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.payroll-report-sheet .payroll-summary{color:hsl(var(--report-foreground))}.payroll-report-sheet .payroll-summary-grid>div{background:hsl(var(--report));color:hsl(var(--report-foreground))}.payroll-report-sheet .payroll-summary-grid>.payroll-summary-net{background:hsl(var(--primary) / .12);color:hsl(var(--report-foreground))}@media screen{.payroll-report-area .payroll-report-sheet{width:var(--payroll-page-width,273mm);min-width:var(--payroll-page-width,273mm);border:0;max-width:none;padding:0;overflow:visible}.payroll-report-area .report-heading{flex-direction:row;align-items:center}.payroll-report-area .payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-report-area .payroll-summary-grid strong{font-size:18px;overflow:visible}.payroll-report-area .payroll-report-table{width:100%;min-width:0}.payroll-report-area .overflow-x-auto{overflow:visible}.payroll-report-area .money{white-space:normal;flex-wrap:wrap;max-width:100%}.payroll-report-area .money>span{overflow-wrap:anywhere;min-width:0;max-width:100%}}.payroll-report-run{margin-top:24px}.payroll-report-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:960px;color:hsl(var(--report-foreground));font-size:12px}.payroll-report-table th,.payroll-report-table td{border:1px solid hsl(var(--report-foreground) / .2);vertical-align:middle;overflow-wrap:anywhere;padding:8px}.payroll-report-table thead th,.payroll-report-table tfoot{background:hsl(var(--primary) / .12);color:hsl(var(--report-foreground));font-weight:800}.payroll-report-table tbody tr:nth-child(2n){background:hsl(var(--report-foreground) / .035)}@media screen and (width<=767px){.payroll-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-summary-grid strong{font-size:16px}}@media screen and (width<=359px){.payroll-summary-grid{grid-template-columns:minmax(0,1fr)}}@media print{#report-area.payroll-report-area{width:100%;max-width:100%;overflow:visible}#report-area .payroll-report-sheet{width:100%;min-width:0;max-width:100%;overflow:visible}#report-area.payroll-report-area .payroll-report-run,#report-area.payroll-report-area .overflow-x-auto{width:100%;min-width:0;max-width:100%;max-height:none;overflow:visible}#report-area .payroll-report-table{table-layout:fixed;width:100%;min-width:0;max-width:100%;font-size:12px}#report-area.payroll-report-area .payroll-report-table th,#report-area.payroll-report-area .payroll-report-table td{white-space:normal;overflow-wrap:anywhere;position:static;overflow:visible}#report-area.payroll-report-area .payroll-report-table td.whitespace-pre-wrap{white-space:pre-wrap}#report-area.payroll-report-area .money{white-space:normal;flex-wrap:wrap;max-width:100%}#report-area.payroll-report-area .money>span{overflow-wrap:anywhere;min-width:0;max-width:100%}#report-area .payroll-report-run>h3{break-after:avoid}#report-area.payroll-report-area .payroll-report-run,#report-area.payroll-report-area .overflow-x-auto{break-inside:auto;break-after:auto}#report-area.payroll-report-area .payroll-report-table tfoot{break-inside:avoid;break-after:auto}#report-area.payroll-report-area .payroll-summary{break-inside:avoid;page-break-inside:avoid;break-before:auto;page-break-before:auto;break-after:auto;margin-top:24px}#report-area .payroll-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#report-area .payroll-summary-grid strong{overflow:visible}}.cash-report-preview{overflow-x:auto}.cash-report-preview .report-sheet{border:1px solid hsl(var(--border));border-radius:var(--radius);width:273mm;min-width:273mm;max-width:273mm;padding:24px;overflow:visible}.cash-report-preview .report-heading{flex-direction:row;align-items:center;margin-bottom:16px;padding-bottom:20px}.cash-report-preview .cash-visit-totals{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.cash-report-preview .data-table{table-layout:fixed;white-space:normal;font-size:14px}.cash-report-preview .data-table th{padding:12px;font-size:16px;font-weight:700}.cash-report-preview .data-table td{padding:12px 16px;font-size:14px}.cash-report-preview .data-table th,.cash-report-preview .data-table td{overflow-wrap:anywhere}.date-input-control{gap:4px;min-width:0;display:flex}.date-input-control>input{width:100%;min-width:0}.date-open-button{border:1px solid hsl(var(--input));border-radius:var(--radius);background:hsl(var(--card));width:40px;min-height:40px;color:hsl(var(--card-foreground));flex-shrink:0;place-items:center;display:grid}.date-picker-panel{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--popover));width:100%;min-width:0;color:hsl(var(--popover-foreground));grid-column:1/-1;gap:12px;padding:12px;display:grid}.date-picker-toolbar{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.date-picker-toolbar>select{flex:1;width:72px}.date-picker-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.date-day{border:1px solid hsl(var(--border));border-radius:var(--radius-sm);background:hsl(var(--card));min-width:0;min-height:36px;color:hsl(var(--card-foreground));place-items:center;padding:4px;font-size:12px;display:grid}.date-day:hover:not(:disabled){background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.date-day-selected{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));font-weight:800}.date-day:disabled{opacity:.4;cursor:not-allowed}@media screen{.app-shell{min-height:100dvh}.workspace,.main-content,.main-content>*,.app-dialog{min-width:0}.main-content{container:workspace/inline-size}.main-content :where(.grid)>*,.app-dialog :where(.grid)>*,.main-content :where(.flex)>div,.app-dialog :where(.flex)>div{min-width:0}.app-shell svg,.app-dialog svg{flex-shrink:0}.app-button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.7}.app-button>svg{flex-shrink:0}.primary-link,.secondary-link{text-align:center;max-width:100%;min-height:44px;line-height:1.7}.primary-link svg,.secondary-link svg,.quick-link svg{flex-shrink:0}.app-card{min-width:0}.main-content :where(h1,h2,h3,h4),.app-dialog :where(h1,h2,h3,h4),.main-content :where(p,strong),.app-dialog :where(p,strong),.quick-link,.sidebar-brand,.field-label,.sync-toolbar{overflow-wrap:anywhere}.page-heading{align-items:flex-start;gap:20px}.page-heading>div:first-child{flex:360px}.page-heading>div:last-child:not(:first-child){flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.section-heading>div{flex:220px}.section-heading{align-items:flex-start;gap:12px 20px}.field-label{gap:8px;min-width:0;max-width:100%;line-height:1.7}.field-label>.field,.field-label>div>select.field{width:100%}.field{min-height:44px;line-height:1.6}select.field{padding-inline-end:28px}.main-content .flex>.field-label,.app-dialog .flex>.field-label{flex:240px}.main-content .flex>.field-label:has(.date-input-group){flex-basis:280px}.period-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:16px;display:grid}.main-content .grid:has(>.field-label){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:16px;display:grid}.app-dialog .grid:has(>.field-label){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:16px;display:grid}.period-fields>p{grid-column:1/-1}.period-fields .field-label{flex:none}.period-fields .relative>svg{pointer-events:none;top:14px}.search-field{min-width:0;min-height:44px}.search-field input{min-width:0}.main-content :where(.overflow-x-auto,.target-scroll),#report-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:hsl(var(--input)) transparent;min-width:0;max-width:100%}.main-content .overflow-x-auto:not(:is(#report-area,#report-area *))>.data-table{min-width:max-content}.target-scroll{isolation:isolate;border-radius:0 0 var(--radius) var(--radius)}.target-scroll .target-table .sticky-name{white-space:normal;overflow-wrap:anywhere;width:184px;min-width:184px;max-width:184px;box-shadow:-4px 0 8px hsl(var(--foreground) / .04)}.target-scroll .target-table th:not(.sticky-name),.target-scroll .target-table td{white-space:nowrap}.target-cell{min-height:44px}.stat-heading>span{overflow-wrap:anywhere;min-width:0}.stat-icon{flex-shrink:0}.stat-card{flex-direction:column;display:flex}.stat-card>.text-3xl{max-width:100%;font-size:clamp(24px,2.5vw,30px);overflow-x:auto}.branch-performance-row>div:first-child{flex:200px}.branch-performance-row>div:last-child{max-width:100%;overflow-x:auto}.branch-card-actions>a{flex:120px}.quick-link{align-items:flex-start;min-width:0}.quick-link>svg{align-self:center}.sidebar-brand>div:last-child{flex:1;min-width:0}.nav-item{align-items:center;gap:8px;padding-inline:12px}.nav-item>span:first-of-type{flex:1;min-width:0;line-height:1.8}.nav-item>span:last-child:not(:first-of-type){flex:none}.topbar-title{flex:240px;min-width:0}.topbar-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;min-width:0}.sync-toolbar{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--card-foreground));padding:12px 16px}.sync-toolbar>span{min-width:0}.sync-toolbar>span[role=alert]{flex-basis:100%}.save-status{overflow-wrap:anywhere;align-items:flex-start;line-height:1.8}.save-status svg{margin-top:4px}.app-dialog{max-height:calc(100dvh - 32px);scroll-padding-block:24px}.app-dialog fieldset{min-inline-size:0}.app-dialog legend{overflow-wrap:anywhere;max-width:100%}.app-dialog>h2{overflow-wrap:anywhere;padding-inline-end:44px;line-height:1.7}.empty-state{overflow-wrap:anywhere}.task-row{align-items:flex-start;gap:12px}.task-row>input,.task-row>svg{margin-top:4px}.task-row>div{overflow-wrap:anywhere}.toast>svg,.toast>button{flex-shrink:0}.toast>span{overflow-wrap:anywhere;min-width:0}.date-input-group{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:8px;container:date-field/inline-size}.date-input-group .date-calendar-select{width:100%;min-width:0}.date-input-control{align-items:stretch;gap:8px}.date-input-control>input{font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;padding-inline:8px}.date-open-button{width:44px;min-height:44px}.date-open-button:focus-visible,.date-day:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.date-picker-panel{gap:12px}.date-picker-toolbar:first-child{grid-template-columns:36px minmax(0,1.4fr) minmax(0,1fr) 36px;gap:4px;display:grid}.date-picker-toolbar>select{width:100%;min-width:0;padding-inline:8px 20px}.date-picker-days{gap:4px}.date-day{min-height:40px}.date-weekday{min-width:0;padding-block:4px}.date-weekday-short{display:none}.date-picker-toolbar:last-child{flex-wrap:wrap;gap:8px;display:flex}.date-picker-toolbar:last-child>button{flex:60px}.date-input-hint{overflow-wrap:anywhere;min-width:0}@container date-field (width<=319px){.date-input-control,.date-input-group .date-calendar-select{grid-column:1/-1}.date-weekday-full{display:none}.date-weekday-short{display:inline}.date-picker-toolbar:first-child{grid-template-columns:36px minmax(0,1fr) 36px}.date-picker-toolbar:first-child>select:first-of-type{grid-area:1/2}.date-picker-toolbar:first-child>select:nth-of-type(2){grid-area:2/1/auto/-1}.date-picker-toolbar:first-child>button:last-child{grid-area:1/3}}@container workspace (width<=639px){.page-heading>div:first-child{flex-basis:100%}.page-heading>div:last-child:not(:first-child){width:100%}.page-heading>div:last-child:not(:first-child)>.app-button{flex:140px}.page-heading>.app-button,.page-heading>.primary-link,.page-heading>.secondary-link{width:100%}.app-card:is(.p-5,.p-6){padding:16px}}}@media screen and (width<=1023px){.topbar{flex-wrap:wrap}.topbar-actions{gap:8px}.main-content{padding:24px}}@media screen and (width<=639px){.main-content{padding:20px 12px}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;display:grid}.topbar>.topbar-title{gap:8px}.topbar>.topbar-actions{flex-shrink:1;gap:8px}.topbar:has(.topbar-actions .secondary-link){grid-template-columns:minmax(0,1fr)}.topbar:has(.topbar-actions .secondary-link) .topbar-actions{justify-content:space-between}.topbar-actions .secondary-link{padding:8px 12px;font-size:12px}.app-button{min-height:44px}.main-content .flex.flex-wrap>.field-label,.main-content .flex.flex-wrap>input.field{flex-basis:100%}.search-field{max-width:none}.task-row{gap:8px;padding:12px}.target-scroll .target-table .sticky-name{width:144px;min-width:144px;max-width:144px;padding:12px}.app-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:16px}.app-dialog .sidebar-brand{padding:16px 8px 24px}.app-dialog .sidebar-bottom{padding:20px 8px}.app-footer{gap:8px;padding:16px 12px}.branch-card-actions .app-button{padding-inline:12px}}@media screen and (width<=359px){.topbar{grid-template-columns:minmax(0,1fr)}.topbar>.topbar-actions{justify-content:flex-end}.main-content [data-genmb-id^=daily-tasks]>.grid{grid-template-columns:minmax(0,1fr)}.main-content [data-genmb-id^=daily-tasks]>.grid>.app-card{padding:16px}}@media print{html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:0}#report-area table{break-inside:auto}#report-area thead{display:table-header-group}#report-area tfoot{display:table-row-group}#report-area tr{break-inside:avoid}#report-area .report-sheet{break-before:auto;break-after:auto;break-inside:auto}#report-area .report-sheet+.report-sheet{break-before:page}#report-area .report-sheet:last-child{break-after:auto}#report-area .employee-branch-reports{display:block}#report-area .employee-branch-sheet{break-after:auto;break-inside:auto}#report-area .employee-branch-sheet+.employee-branch-sheet{break-before:page}#report-area .overflow-x-auto,#report-area .target-scroll{max-height:none;overflow:visible}#report-area .report-heading{break-inside:avoid;break-after:avoid}#report-area .cash-visit-totals,#report-area .employee-roster-footer,#report-area .report-end{break-inside:avoid}#report-area.cash-report-preview .report-sheet{border:1px solid hsl(var(--border));border-radius:var(--radius);width:273mm;min-width:273mm;max-width:273mm;padding:24px}#report-area.cash-report-preview .report-heading{flex-direction:row;align-items:center;margin-bottom:16px;padding-bottom:20px}#report-area.cash-report-preview .cash-visit-totals{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}#report-area.cash-report-preview .data-table{font-size:14px}#report-area.cash-report-preview .data-table th{padding:12px;font-size:16px}#report-area.cash-report-preview .data-table td{padding:12px 16px;font-size:14px}#report-area .no-print{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}