@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-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;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-orange-400:#ff8b1a;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-gray-50:#f9fafb;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-700:#364153;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--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);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--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(--font-ibm-plex-sans-arabic),"IBM Plex Sans Arabic",sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-700:lab(27.1134% -.956401 -12.3224)}}}@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}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.-mt-12{margin-top:calc(var(--spacing)*-12)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.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-12{margin-right:calc(var(--spacing)*-12)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:calc(var(--spacing)*1)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-full{height:100%}.h-screen{height:100vh}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[180px\]{max-width:180px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-2{--tw-translate-x:calc(var(--spacing)*2);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}.resize-none{resize:none}.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}.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-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}: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-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[35px\]{border-radius:35px}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--danger\)\]{border-color:var(--danger)}.border-\[var\(--primary\)\],.border-\[var\(--primary\)\]\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--primary\)\]\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.border-\[var\(--sadaqah\)\]{border-color:var(--sadaqah)}.border-\[var\(--success\)\]\/10{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--success\)\]\/10{border-color:color-mix(in oklab,var(--success)10%,transparent)}}.border-\[var\(--success\)\]\/30{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--success\)\]\/30{border-color:color-mix(in oklab,var(--success)30%,transparent)}}.border-\[var\(--warning\)\],.border-\[var\(--warning\)\]\/30{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--warning\)\]\/30{border-color:color-mix(in oklab,var(--warning)30%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200)60%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--background-secondary\)\]{background-color:var(--background-secondary)}.bg-\[var\(--brand\)\]{background-color:var(--brand)}.bg-\[var\(--danger\)\]{background-color:var(--danger)}.bg-\[var\(--primary\)\],.bg-\[var\(--primary\)\]\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary\)\]\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-\[var\(--primary\)\]\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary\)\]\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-\[var\(--sadaqah\)\]\/5{background-color:var(--sadaqah)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--sadaqah\)\]\/5{background-color:color-mix(in oklab,var(--sadaqah)5%,transparent)}}.bg-\[var\(--success\)\]\/5{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--success\)\]\/5{background-color:color-mix(in oklab,var(--success)5%,transparent)}}.bg-\[var\(--success\)\]\/10{background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--success\)\]\/10{background-color:color-mix(in oklab,var(--success)10%,transparent)}}.bg-\[var\(--warning\)\]\/5{background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--warning\)\]\/5{background-color:color-mix(in oklab,var(--warning)5%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/80{background-color:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/80{background-color:color-mix(in oklab,var(--color-slate-50)80%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--savings\)\]{--tw-gradient-from:var(--savings);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.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)}.p-16{padding:calc(var(--spacing)*16)}.px-1{padding-inline:calc(var(--spacing)*1)}.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-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-\[var\(--danger\)\],.text-\[var\(--danger\)\]\/40{color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--danger\)\]\/40{color:color-mix(in oklab,var(--danger)40%,transparent)}}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--foreground-muted\)\]{color:var(--foreground-muted)}.text-\[var\(--info\)\]{color:var(--info)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--sadaqah\)\]{color:var(--sadaqah)}.text-\[var\(--savings\)\]{color:var(--savings)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-gray-700{color:var(--color-gray-700)}.text-red-500{color:var(--color-red-500)}.text-slate-300{color:var(--color-slate-300)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.accent-\[var\(--primary\)\]{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.shadow-primary\/20{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-\[var\(--primary\)\]\/10{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--primary\)\]\/10{--tw-ring-color:color-mix(in oklab,var(--primary)10%,transparent)}}.ring-\[var\(--sadaqah\)\]\/10{--tw-ring-color:var(--sadaqah)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--sadaqah\)\]\/10{--tw-ring-color:color-mix(in oklab,var(--sadaqah)10%,transparent)}}.ring-\[var\(--warning\)\]\/10{--tw-ring-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--warning\)\]\/10{--tw-ring-color:color-mix(in oklab,var(--warning)10%,transparent)}}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[var\(--primary\)\]:is(:where(.group):hover *){color:var(--primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-\[var\(--foreground-muted\)\]:hover{border-color:var(--foreground-muted)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:border-\[var\(--sadaqah\)\]\/30:hover{border-color:var(--sadaqah)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--sadaqah\)\]\/30:hover{border-color:color-mix(in oklab,var(--sadaqah)30%,transparent)}}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-\[var\(--card\)\]:hover{background-color:var(--card)}.hover\:bg-\[var\(--danger\)\]:hover,.hover\:bg-\[var\(--danger\)\]\/10:hover{background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--danger\)\]\/10:hover{background-color:color-mix(in oklab,var(--danger)10%,transparent)}}.hover\:bg-\[var\(--primary\)\]\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--primary\)\]\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.hover\:text-\[var\(--danger\)\]:hover{color:var(--danger)}.hover\:text-\[var\(--primary\)\]:hover{color:var(--primary)}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-primary\/5:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/5:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)5%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:ring-2:focus{--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\:ring-primary\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-primary\/20:focus{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.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\:p-10{padding:calc(var(--spacing)*10)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--primary:#2f8067;--primary-strong:#256b57;--primary-ink:#fff;--brand:#063f41;--brand-deep:#032f31;--brand-soft:#dfe9e2;--background:#f5f6f2;--background-secondary:#ecefea;--card:#fff;--card-hover:#f7faf5;--border:#dce2db;--border-strong:#939d94;--foreground:#102d2e;--foreground-muted:#687674;--success:#16845b;--warning:#c98200;--danger:#cf3d32;--info:#256b78;--sadaqah:#188661;--savings:#b77700;--topbar-height:0px;--routebar-height:62px;--shadow:none;--content-max:85vw;--content-gap:14px;--panel-padding:16px;--control-height:38px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px}.dark{--background:#071f20;--background-secondary:#0a292b;--card:#0d3234;--card-hover:#123b3d;--border:#315052;--border-strong:#607779;--foreground:#f2f0e7;--foreground-muted:#a9b7b4;--brand-soft:#173b3c}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;box-shadow:none!important;text-shadow:none!important}html{scroll-behavior:smooth;direction:rtl;font-size:14px}body{font-family:var(--font-ibm-plex-sans-arabic),"IBM Plex Sans Arabic",sans-serif;background-color:var(--background);color:var(--foreground);min-height:100vh;margin:0;font-size:13px;line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary)75%,white)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}::selection{background:var(--primary);color:var(--primary-ink)}::-webkit-scrollbar{width:0;height:0;display:none}[class*=drop-shadow]{filter:none!important}button,input,select,textarea,.app-topbar-brand,.app-route-link,.topbar-button,.icon-button,.topbar-dropdown,.dropdown-action,.notification-item,.notification-icon,.card,.glass-card,.stat-card,.app-panel,.badge,.modal-panel,.media-viewer-panel,.state-panel,.skeleton,.finance-modal-panel,.finance-modal-icon,.finance-modal-close,.finance-form-section,.finance-calculation,.finance-upload-zone,.finance-upload-preview,.finance-choice,.report-toolbar,.report-filter-panel,.report-panel,.report-metric,.report-period-tabs,.report-category-list,.report-category-item,.dashboard-balance-card,.dashboard-metric-card,.dashboard-panel,.dashboard-list,.dashboard-list-row,.dashboard-row-icon,.dashboard-status{border-radius:var(--radius-md)!important}.dashboard-metric-icon,.report-metric-icon,.asset-summary-icon{border-radius:var(--radius-md)}.topbar-user,.assets-toolbar,.asset-summary-card,.asset-card,.asset-card-icon,.assets-filter-tabs,.assets-filter-tabs button,.asset-form-note{border-radius:var(--radius-md)!important}.finance-modal-panel,.modal-panel,.media-viewer-panel,.state-panel,.dashboard-balance-card,.dashboard-panel,.report-panel{border-radius:var(--radius-lg)!important}.user-avatar,.notification-count,.badge,.dashboard-live-label>span,.report-category-swatch{border-radius:var(--radius-pill)!important}.app-shell{min-height:100vh}.app-shell[data-dashboard=true],.dashboard-page{--primary:#b7f000;--primary-strong:#95c900;--primary-ink:#173000}.topbar-heading-group{align-items:center;gap:10px;min-width:0;display:flex}.app-topbar-brand{background:0 0;border:0;flex:none;align-self:center;width:88px;height:34px;display:block;position:relative;overflow:hidden;border-radius:0!important}.app-topbar-brand img{object-fit:contain;width:158px;max-width:none;height:158px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-brand-logo{width:160px;height:58px;margin-inline:auto;position:relative;overflow:hidden}.auth-brand-logo img{object-fit:contain;width:300px;max-width:none;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-49%)}.app-topbar{z-index:60;height:var(--topbar-height);background:var(--card);grid-template-columns:minmax(180px,1fr) auto minmax(260px,1fr);align-items:center;gap:18px;padding:7px 20px;display:grid;position:fixed;inset-block-start:0;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.app-topbar{background:color-mix(in srgb,var(--card)97%,transparent)}}.app-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.app-routebar{z-index:55;height:var(--routebar-height);border-bottom:1px solid var(--border);background:#fff;align-items:center;display:flex;position:fixed;inset-block-start:var(--topbar-height);inset-inline:0}.app-navbar{z-index:60;width:min(var(--content-max),calc(100% - 24px));height:var(--routebar-height);inset-block-start:16px;inset-inline:auto;background:#fff;border:0;left:50%;transform:translate(-50%);border-radius:var(--radius-md)!important}.app-navbar-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;height:100%;margin-inline:auto;padding-inline:12px;display:grid}.app-navbar .app-routebar-inner{width:100%;min-width:0;margin:0}.navbar-actions{align-items:center;gap:6px;height:34px;display:flex}.app-navbar .topbar-button:not(.primary),.app-navbar .icon-button,.user-menu-trigger{color:#102d2e;background:#fff;border-color:#e1e5df}.user-menu-trigger{cursor:pointer;vertical-align:middle;border:1px solid #e1e5df;justify-content:center;align-self:center;align-items:center;gap:2px;width:50px;height:34px;padding:0 1px;line-height:0;display:inline-flex;border-radius:var(--radius-md)!important}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:var(--brand);background:#f5f6f2}@supports (color:color-mix(in lab, red, red)){.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--brand)28%,#e1e5df)}}.user-menu-trigger .user-avatar{width:30px;height:30px;border-radius:var(--radius-sm)!important}.user-menu-trigger>svg{align-self:center}.account-dropdown{width:270px}.account-dropdown-summary{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px;display:flex}.account-dropdown-summary .user-copy strong,.account-dropdown-summary .user-copy span{max-width:190px}.mobile-navigation{display:none}.account-menu-list{background:var(--card);padding:6px}.account-menu-action{cursor:pointer;width:100%;min-height:48px;color:var(--foreground);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.account-menu-action:hover{background:var(--card-hover)}.account-menu-action>svg{color:var(--foreground-muted);flex:none}.account-menu-action span,.account-menu-action strong,.account-menu-action small{display:block}.account-menu-action strong{font-size:10px}.account-menu-action small{color:var(--foreground-muted);margin-top:2px;font-size:8px}.account-menu-action.danger,.account-menu-action.danger>svg{color:var(--danger)}.app-routebar-inner{width:min(var(--content-max),calc(100% - 24px));justify-content:center;align-items:center;gap:5px;height:100%;margin-inline:auto;display:flex;overflow-x:auto}.app-route-link{min-width:max-content;height:30px;color:var(--foreground-muted);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.app-route-link:hover{background:var(--brand-soft);border-color:var(--border);color:var(--brand)}.app-route-link[data-active=true]{background:var(--brand);border-color:var(--brand);color:#fff}.topbar-title{min-width:0}.topbar-title small{color:var(--foreground-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.topbar-title h1{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(13px,1.8vw,17px);font-weight:900;overflow:hidden}.topbar-actions,.topbar-user,.topbar-profile{align-items:center;gap:8px;display:flex}.topbar-user{direction:rtl;justify-content:flex-end;justify-self:end;min-width:0}.topbar-profile{min-width:0}.topbar-logout{flex:none}.user-avatar{background:var(--brand);width:32px;height:32px;color:var(--primary);flex:none;place-items:center;font-size:12px;font-weight:900;display:grid;overflow:hidden}.user-avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.user-copy{text-align:start;min-width:0}.user-copy strong,.user-copy span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.user-copy strong{font-size:10px}.user-copy span{color:var(--foreground-muted);font-size:8px}.topbar-button,.icon-button{cursor:pointer;background:var(--card);border:1px solid var(--border);min-width:34px;height:34px;color:var(--foreground);justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:800;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.topbar-button:hover,.icon-button:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.topbar-button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.topbar-button.primary:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.notification-count{background:var(--danger);border:2px solid var(--card);color:#fff;place-items:center;min-width:19px;height:19px;padding-inline:4px;font-size:9px;font-weight:900;display:grid;position:absolute;inset-block-start:-7px;inset-inline-end:-7px}.topbar-popover-wrap{align-items:center;height:34px;display:flex;position:relative}.topbar-dropdown{z-index:90;background:var(--card);border:1px solid var(--border-strong);min-width:230px;box-shadow:none;position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;overflow:hidden}.notifications-dropdown{width:min(390px,100vw - 24px);max-height:min(610px,100vh - 110px);overflow-y:auto}.dropdown-header{z-index:2;background:var(--brand);border-bottom:1px solid var(--border);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;inset-block-start:0}.dropdown-header strong{font-size:12px}.dropdown-header button{cursor:pointer;color:var(--primary);background:0 0;border:0;font-size:9px;font-weight:800}.dropdown-action{background:var(--card);border:0;border-bottom:1px solid var(--border);width:100%;color:var(--foreground);text-align:start;cursor:pointer;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.dropdown-action:hover{background:var(--card-hover)}.dropdown-action small{color:var(--foreground-muted);font-size:9px}.notification-item{background:var(--card);border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:12px;display:grid;border-radius:0!important}.notification-item[data-unread=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.notification-item[data-unread=true]{background:color-mix(in srgb,var(--primary)3%,var(--card))}}.notification-item[data-unread=true]{border-inline-start:4px solid var(--primary-strong)}.notification-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);place-items:center;display:grid}.notification-copy{min-width:0}.notification-copy strong,.notification-copy p,.notification-copy time{display:block}.notification-copy strong{font-size:10px}.notification-copy p{color:var(--foreground-muted);margin:3px 0;font-size:9px;line-height:1.6}.notification-copy time{color:var(--foreground-muted);font-size:8px}.notification-actions{align-items:flex-start;gap:3px;display:flex}.notification-actions button{cursor:pointer;width:26px;height:26px;color:var(--foreground-muted);background:0 0;border:1px solid #0000;place-items:center;display:grid}.notification-actions button:hover{background:var(--background-secondary);border-color:var(--border);color:var(--foreground)}.app-content{min-height:100vh;padding:calc(var(--topbar-height) + var(--routebar-height) + 58px)20px 28px;margin-inline-start:0}.app-content-inner{width:min(var(--content-max),100%);margin-inline:auto}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.card,.glass-card,.stat-card,.app-panel{background:var(--card);border:1px solid var(--border);box-shadow:none}.glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card,.app-panel{padding:16px}.stat-card{min-height:104px;padding:14px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--primary);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.stat-card .stat-label{color:var(--foreground-muted);font-size:11px;font-weight:700}.stat-card .stat-value{color:var(--foreground);font-size:clamp(16px,1.8vw,24px);font-weight:900}.btn{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 14px;font-size:11px;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.52}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-secondary{background:var(--card);border-color:var(--border-strong);color:var(--foreground)}.btn-secondary:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:var(--control-height);background:var(--card);border:1px solid var(--border-strong);color:var(--foreground);padding:8px 11px;font-size:11px;transition:border-color .15s,background-color .15s}textarea{resize:vertical;min-height:110px}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--brand);border-inline-start-width:4px;border-inline-start-color:var(--primary);background:#fff;outline:0}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--foreground-muted)}@supports (color:color-mix(in lab, red, red)){.input::placeholder,input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--foreground-muted)75%,transparent)}}.transaction-search-input{padding-inline:11px 36px!important}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--brand)}.badge{border:1px solid;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.badge-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in srgb,var(--success)10%,transparent)}}.badge-success{color:var(--success)}.badge-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{background:color-mix(in srgb,var(--warning)10%,transparent)}}.badge-warning{color:var(--warning)}.badge-danger{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.badge-danger{background:color-mix(in srgb,var(--danger)10%,transparent)}}.badge-danger{color:var(--danger)}.badge-info{background:var(--info)}@supports (color:color-mix(in lab, red, red)){.badge-info{background:color-mix(in srgb,var(--info)10%,transparent)}}.badge-info{color:var(--info)}.gradient-text{color:var(--brand);-webkit-text-fill-color:currentColor;background:0 0}.modal-backdrop,.media-viewer-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebefead6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebefead6}.modal-panel{background:var(--card);border:1px solid var(--border-strong);width:min(560px,100%);max-height:calc(100vh - 36px);box-shadow:none;overflow:auto}.media-viewer-panel{width:min(1180px,100%);height:min(820px,100vh - 36px);box-shadow:none;background:#0a2425;border:1px solid #ffffff38;flex-direction:column;display:flex;overflow:hidden}.media-viewer-header{background:var(--brand);color:#fff;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:10px 14px;display:flex}.media-viewer-body{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.media-viewer-body img{object-fit:contain;max-width:100%;max-height:100%;display:block}.media-viewer-body iframe{background:#fff;border:0;width:100%;height:100%}.state-panel{background:var(--card);border:1px dashed var(--border-strong);text-align:center;place-items:center;min-height:240px;padding:36px 24px;display:grid}.app-content-inner>.state-panel:not([data-compact=true]){min-height:calc(100dvh - var(--topbar-height) - var(--routebar-height) - 86px)}.state-panel[data-compact=true]{min-height:144px}.session-state-shell{min-height:100dvh;padding:24px;display:grid}.session-state-shell>.state-panel{width:min(var(--content-max),100%);min-height:calc(100dvh - 48px);margin-inline:auto}.state-icon{background:var(--brand);border-radius:var(--radius-md);color:#fff;place-items:center;width:54px;height:54px;margin:0 auto 14px;display:grid}.state-panel h2,.state-panel p{margin:0}.state-panel h2{font-size:15px;font-weight:900}.state-panel p{max-width:430px;color:var(--foreground-muted);margin-top:7px;font-size:11px;line-height:1.7}.state-loader{animation:.9s linear infinite spin}.skeleton{background:var(--background-secondary);border:1px solid var(--border);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff9e,#0000);animation:1.25s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-sonner-toaster]{--width:min(390px,calc(100vw - 24px))}[data-sonner-toast]{background:var(--brand)!important;border:1px solid #fff3!important;border-inline-start:5px solid var(--primary)!important;min-height:62px!important;box-shadow:none!important;color:#fff!important;direction:rtl!important;padding:13px 15px!important}[data-sonner-toast][data-type=error]{border-inline-start-color:var(--danger)!important}[data-sonner-toast][data-type=success]{border-inline-start-color:var(--primary)!important}[data-sonner-toast] [data-title]{font-size:11px!important;font-weight:800!important}[data-sonner-toast] [data-icon]{color:var(--primary)!important}.finance-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebefead6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dark .modal-backdrop,.dark .media-viewer-backdrop,.dark .finance-modal-backdrop,.dark .app-modal-backdrop{background:#071f20b3}.finance-modal-panel{background:var(--card);border:1px solid var(--border-strong);border-block-start:1px solid var(--brand);flex-direction:column;width:min(640px,100%);max-height:min(780px,100vh - 40px);display:flex;overflow:hidden}.finance-modal-panel[data-kind=income]{border-block-start-color:var(--success)}.finance-modal-panel[data-kind=expense]{border-block-start-color:#2f8067}.finance-modal-panel[data-kind=sadaqah]{border-block-start-color:var(--sadaqah)}.finance-modal-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:11px 14px;display:flex}.finance-modal-heading{align-items:center;gap:12px;min-width:0;display:flex}.finance-modal-icon,.finance-modal-close{border:1px solid var(--border);flex:none;place-items:center;width:36px;height:36px;display:grid}.finance-modal-icon{background:var(--brand-soft);color:var(--brand)}.finance-modal-panel[data-kind=income] .finance-modal-icon{color:var(--success)}.finance-modal-panel[data-kind=expense] .finance-modal-icon{color:#2f8067}.finance-modal-panel[data-kind=sadaqah] .finance-modal-icon{color:var(--sadaqah)}.finance-modal-close{cursor:pointer;color:var(--foreground-muted);background:0 0}.finance-modal-close:hover{background:var(--background-secondary);border-color:var(--brand);color:var(--brand)}.finance-modal-heading span,.finance-modal-heading h2,.finance-modal-heading p{margin:0}.finance-modal-heading>div>span{color:var(--foreground-muted);letter-spacing:.08em;font-size:9px;font-weight:800;display:block}.finance-modal-heading h2{margin-top:2px;font-size:15px;font-weight:900}.finance-modal-heading p{color:var(--foreground-muted);margin-top:3px;font-size:9px;line-height:1.55}.finance-modal-body{overscroll-behavior:contain;min-height:0;padding:14px;overflow:auto}.finance-modal-body .state-panel{border:0;min-height:300px}.finance-entry-form{gap:12px;display:grid}.finance-entry-form>div,.finance-form-grid>div{min-width:0}.finance-entry-form label{color:var(--foreground);align-items:center;gap:7px;margin:0 0 5px;padding:0;font-size:10px;font-weight:800;display:flex}.finance-entry-form .input,.finance-entry-form input:not([type=checkbox]):not([type=radio]),.finance-entry-form select,.finance-entry-form textarea{min-height:var(--control-height);padding:8px 10px;font-size:11px}.finance-entry-form textarea.input{min-height:64px!important}.finance-form-grid{gap:10px;display:grid}.finance-form-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-form-grid-amount{grid-template-columns:minmax(0,1.4fr) minmax(150px,1fr)}.finance-amount-input{font-weight:800;font-size:13px!important}.finance-field-error{color:var(--danger);margin:4px 0 0;font-size:9px}.finance-field-hint{color:var(--foreground-muted);margin:4px 0 0;font-size:9px;line-height:1.5}.finance-percent-field{position:relative}.finance-percent-field input{padding-inline-end:30px!important}.finance-percent-field span{color:var(--foreground-muted);pointer-events:none;font-size:10px;font-weight:800;position:absolute;inset-block-start:50%;inset-inline-end:11px;transform:translateY(-50%)}.finance-deduction-control{grid-template-columns:82px minmax(0,1fr);gap:6px;display:grid}.finance-deduction-value{min-width:0;position:relative}.finance-deduction-value input{padding-inline-end:42px!important}.finance-deduction-value span{max-width:34px;color:var(--foreground-muted);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:9px;font-weight:800;position:absolute;inset-block-start:50%;inset-inline-end:10px;overflow:hidden;transform:translateY(-50%)}.finance-calculation-error{background:var(--danger);margin:10px 0 0;padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.finance-calculation-error{background:color-mix(in srgb,var(--danger)8%,transparent)}}.finance-calculation-error{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.finance-calculation-error{border:1px solid color-mix(in srgb,var(--danger)16%,transparent)}}.finance-calculation-error{border-radius:var(--radius-sm);color:var(--danger);font-size:9px;font-weight:700}.finance-form-section,.finance-calculation{background:var(--background);border:1px solid var(--border);padding:11px}.finance-upload-zone{width:100%;min-height:var(--control-height);cursor:pointer;background:var(--background);border:1px dashed var(--border-strong);color:var(--foreground-muted);text-align:start;justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.finance-upload-zone:hover{border-color:var(--brand);background:var(--brand-soft)}.finance-upload-preview{width:100%;height:var(--control-height);background:var(--background);border:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.finance-upload-preview img{object-fit:cover;width:calc(100% - 38px);height:100%}.finance-upload-preview button{cursor:pointer;background:var(--danger);color:#fff;border:0;place-items:center;width:38px;height:100%;display:grid}.finance-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.finance-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.finance-choice{cursor:pointer;background:var(--card);border:1px solid var(--border);text-align:center;min-width:0;min-height:56px;padding:6px;transition:border-color .15s,background-color .15s,color .15s}.finance-choice:hover,.finance-choice-new:hover{background:var(--brand-soft);border-color:var(--brand)}.finance-choice-new{background:var(--background);border-style:dashed}.finance-inline-create{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:10px;display:grid}.finance-calculation h3{margin:0}.finance-form-submit{width:100%;min-height:40px;margin-top:0;padding:8px 16px;font-size:11px}.assets-page{gap:var(--content-gap);padding-bottom:18px;display:grid}.assets-toolbar{min-height:78px;padding:13px var(--panel-padding);background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;display:flex}.assets-toolbar span,.assets-toolbar h2,.assets-toolbar p{margin:0}.assets-toolbar span,.assets-list-header span{color:var(--foreground-muted);letter-spacing:.08em;font-size:8px;font-weight:900;display:block}.assets-toolbar h2{margin-top:2px;font-size:16px;font-weight:900}.assets-toolbar p{color:var(--foreground-muted);margin-top:3px;font-size:9px}.assets-summary-grid{gap:var(--content-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.asset-summary-card{--metric-accent:var(--brand);background:var(--card);border:1px solid var(--border);border-block-start:1px solid var(--metric-accent);align-items:flex-start;gap:10px;min-width:0;min-height:100px;padding:14px;display:flex}.asset-summary-card[data-tone=success]{--metric-accent:var(--success)}.asset-summary-card[data-tone=danger]{--metric-accent:#2f8067}.asset-summary-card[data-tone=warning]{--metric-accent:#6d9149}.asset-summary-icon{background:var(--metric-accent);flex:none;place-items:center;width:27px;height:27px;display:grid}@supports (color:color-mix(in lab, red, red)){.asset-summary-icon{background:color-mix(in srgb,var(--metric-accent)11%,transparent)}}.asset-summary-icon{border:1px solid var(--metric-accent)}@supports (color:color-mix(in lab, red, red)){.asset-summary-icon{border:1px solid color-mix(in srgb,var(--metric-accent)12%,transparent)}}.asset-summary-icon{border-radius:var(--radius-md);color:var(--metric-accent)}.asset-summary-card>div{min-width:0}.asset-summary-card span,.asset-summary-card strong,.asset-summary-card small{display:block}.asset-summary-card>div>span{color:var(--foreground-muted);font-size:9px;font-weight:800}.asset-summary-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(14px,1.3vw,18px);font-weight:900;overflow:hidden}.asset-summary-card small{color:var(--foreground-muted);margin-top:4px;font-size:8px}.assets-list-section{gap:12px;display:grid}.assets-list-header{justify-content:space-between;align-items:center;gap:16px;padding-inline:2px;display:flex}.assets-list-header h3{margin:2px 0 0;font-size:13px;font-weight:900}.assets-filter-tabs{background:var(--card);border:1px solid var(--border);gap:4px;padding:3px;display:inline-flex}.assets-filter-tabs button{cursor:pointer;min-height:29px;color:var(--foreground-muted);background:0 0;border:1px solid #0000;padding:5px 12px;font-size:9px;font-weight:800}.assets-filter-tabs button:hover,.assets-filter-tabs button[data-active=true]{background:var(--brand);border-color:var(--brand);color:#fff}.assets-grid{gap:var(--content-gap);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));display:grid}.asset-card{background:var(--card);border:1px solid var(--border);border-block-start:1px solid var(--brand);gap:12px;min-width:0;padding:15px;display:grid}.asset-card[data-status=sold]{border-block-start-color:var(--success)}.asset-card-header{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;display:grid}.asset-card-icon{background:var(--brand);place-items:center;width:27px;height:27px;display:grid}@supports (color:color-mix(in lab, red, red)){.asset-card-icon{background:color-mix(in srgb,var(--brand)11%,transparent)}}.asset-card-icon{border:1px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.asset-card-icon{border:1px solid color-mix(in srgb,var(--brand)12%,transparent)}}.asset-card-icon{color:var(--brand)}.assets-page .asset-summary-icon svg,.assets-page .asset-card-icon svg,.assets-page .finance-modal-icon svg{transform:translateY(1px)}.assets-page .badge-warning{color:#55773a;background:#6d91491a;border-color:#6d91492e}.asset-card-header>div{min-width:0}.asset-card-header h4,.asset-card-header p{margin:0}.asset-card-header h4{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.asset-card-header p{color:var(--foreground-muted);margin-top:3px;font-size:8px}.asset-money-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.asset-money-grid>div{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:9px}.asset-money-grid span,.asset-money-grid strong{display:block}.asset-money-grid span{color:var(--foreground-muted);font-size:8px}.asset-money-grid strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.asset-money-grid [data-tone=success] strong{color:var(--success)}.asset-notes,.asset-sale-line{color:var(--foreground-muted);margin:0;font-size:9px;line-height:1.65}.asset-sale-line{color:var(--success);align-items:center;gap:6px;display:flex}.asset-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:11px;display:flex}.asset-card-footer>span{color:var(--success);align-items:center;gap:5px;font-size:8px;font-weight:800;display:inline-flex}.asset-card-footer>div{align-items:center;gap:6px;display:flex}.asset-card-footer .btn{min-height:34px;padding:6px 10px;font-size:9px}.asset-delete-button:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.asset-delete-button:hover{background:color-mix(in srgb,var(--danger)10%,var(--card))}}.asset-delete-button:hover{border-color:var(--danger);color:var(--danger)}.asset-modal-panel{border-block-start-color:var(--brand);width:min(610px,100%)}.asset-sale-modal{border-block-start-color:var(--success);width:min(520px,100%)}.asset-form-note{background:var(--success);align-items:center;gap:7px;padding:9px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.asset-form-note{background:color-mix(in srgb,var(--success)8%,var(--card))}}.asset-form-note{border:1px solid var(--success)}@supports (color:color-mix(in lab, red, red)){.asset-form-note{border:1px solid color-mix(in srgb,var(--success)35%,var(--border))}}.asset-form-note{color:var(--success);font-size:9px;font-weight:800}.asset-modal-actions{gap:8px;display:flex}.asset-modal-actions .btn:first-child{flex:1}.page-toolbar-count{background:var(--brand);justify-content:center;align-items:center;min-height:32px;padding:6px 11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.page-toolbar-count{background:color-mix(in srgb,var(--brand)7%,var(--card))}}.page-toolbar-count{border:1px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.page-toolbar-count{border:1px solid color-mix(in srgb,var(--brand)14%,var(--border))}}.page-toolbar-count{border-radius:var(--radius-md);color:var(--brand);white-space:nowrap;font-size:9px;font-weight:900}.page-list-header-with-tools{align-items:flex-end}.page-list-tools{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.page-list-tools .transaction-search{width:min(230px,32vw)}.transaction-asset-card,.savings-asset-card{cursor:pointer}.transaction-asset-card,.recurring-asset-card,.savings-asset-card{--page-card-accent:var(--brand);border-block-start-color:var(--page-card-accent)}.transaction-asset-card[data-transaction-type=expense]{--page-card-accent:#2f8067}.transaction-asset-card[data-transaction-type=sadaqah]{--page-card-accent:#4f8d6f}.transaction-asset-card[data-transaction-type=saving],.recurring-asset-card[data-status=ready]{--page-card-accent:#6d9149}.recurring-asset-card[data-status=overdue]{--page-card-accent:#2f8067}.recurring-asset-card[data-status=upcoming],.savings-asset-card[data-status=completed]{--page-card-accent:var(--success)}.transaction-asset-card .asset-card-icon,.recurring-asset-card .asset-card-icon,.savings-asset-card .asset-card-icon{background:var(--page-card-accent)}@supports (color:color-mix(in lab, red, red)){.transaction-asset-card .asset-card-icon,.recurring-asset-card .asset-card-icon,.savings-asset-card .asset-card-icon{background:color-mix(in srgb,var(--page-card-accent)11%,transparent)}}.transaction-asset-card .asset-card-icon,.recurring-asset-card .asset-card-icon,.savings-asset-card .asset-card-icon{border-color:var(--page-card-accent)}@supports (color:color-mix(in lab, red, red)){.transaction-asset-card .asset-card-icon,.recurring-asset-card .asset-card-icon,.savings-asset-card .asset-card-icon{border-color:color-mix(in srgb,var(--page-card-accent)12%,transparent)}}.transaction-asset-card .asset-card-icon,.recurring-asset-card .asset-card-icon,.savings-asset-card .asset-card-icon{color:var(--page-card-accent)}.transaction-asset-card .asset-money-grid,.recurring-money-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recurring-amount-line{align-items:center;gap:7px;min-width:0;margin-top:3px;display:flex}.recurring-amount-line strong{margin-top:0}.recurring-status-badge{background:var(--success);flex:none}@supports (color:color-mix(in lab, red, red)){.recurring-status-badge{background:color-mix(in srgb,var(--success)8%,transparent)}}.recurring-status-badge{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.recurring-status-badge{border-color:color-mix(in srgb,var(--success)18%,transparent)}}.recurring-status-badge{color:var(--success)}.recurring-status-badge[data-status=ready]{color:#55773a;background:#6d914917;border-color:#6d91492e}.recurring-status-badge[data-status=overdue]{color:#2f8067;background:#2f806717;border-color:#2f80672e}.savings-progress{background:var(--background);border:1px solid var(--border);border-radius:999px;height:7px;overflow:hidden}.savings-progress>span{background:var(--success);border-radius:inherit;height:100%;transition:width .22s;display:block}.members-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.members-grid,.settings-grid{gap:var(--content-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;min-width:0;display:grid}.members-grid>.state-panel{grid-column:1/-1}.member-card{min-height:94px;background:var(--card)!important;border:1px solid var(--border)!important;border-block-start:1px solid var(--brand)!important;border-radius:var(--radius-lg)!important}.member-card:hover{background:var(--card-hover)!important;border-color:var(--brand)!important}@supports (color:color-mix(in lab, red, red)){.member-card:hover{border-color:color-mix(in srgb,var(--brand)45%,var(--border))!important}}.settings-card,.settings-save-card{min-width:0;min-height:100%;border-block-start:1px solid var(--brand)!important}.settings-save-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex}.settings-save-copy{align-items:center;gap:10px;display:flex}.settings-save-copy>div{min-width:0}.settings-save-copy h3,.settings-save-copy p{margin:0}.settings-save-copy h3{font-size:13px;font-weight:900}.settings-save-copy p{color:var(--foreground-muted);margin-top:3px;font-size:9px;line-height:1.6}.dashboard-page{gap:var(--content-gap);padding-bottom:18px;display:grid}.dashboard-overview-grid{gap:var(--content-gap);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(96px,auto);display:grid}.dashboard-balance-card,.dashboard-metric-card,.dashboard-panel{background:var(--card);border:1px solid var(--border);min-width:0}.dashboard-balance-card{background:var(--brand);border-color:var(--brand);color:#fff;flex-direction:column;grid-area:span 2/span 4;min-height:210px;padding:18px;display:flex}.dashboard-balance-topline{align-items:center;gap:10px;display:flex}.dashboard-balance-icon{background:var(--primary);width:36px;height:36px;color:var(--primary-ink);place-items:center;display:grid}.dashboard-balance-topline div>span,.dashboard-balance-topline div>strong{display:block}.dashboard-balance-topline div>span{color:#b9ceca;letter-spacing:.08em;font-size:8px;font-weight:700}.dashboard-balance-topline div>strong{margin-top:1px;font-size:11px}.dashboard-balance-value{color:var(--primary);margin-top:23px;font-size:clamp(24px,2.45vw,36px);font-weight:800;line-height:1}.dashboard-balance-card>p{color:#c4d4d1;max-width:360px;margin:10px 0 18px;font-size:9px;line-height:1.7}.dashboard-balance-footer{border-top:1px solid #ffffff2b;justify-content:space-between;align-items:flex-end;gap:12px;min-height:45px;margin-top:auto;padding-top:12px;display:flex}.dashboard-balance-footer div span,.dashboard-balance-footer div strong{display:block}.dashboard-balance-footer div span{color:#b9ceca;font-size:8px}.dashboard-balance-footer div strong{margin-top:2px;font-size:11px}.dashboard-live-label{color:#d8e4e1;align-items:center;gap:5px;font-size:8px;display:inline-flex}.dashboard-live-label>span{background:var(--primary);width:6px;height:6px}.dashboard-metric-card{border-block-start:3px solid var(--brand);flex-direction:column;justify-content:center;min-height:96px;padding:13px;display:flex}.dashboard-metric-card[data-size=wide]{grid-column:span 4}.dashboard-metric-card[data-size=compact]{grid-column:span 2}.dashboard-metric-card[data-tone=success]{border-block-start-color:var(--success)}.dashboard-metric-card[data-tone=danger]{border-block-start-color:var(--danger)}.dashboard-metric-card[data-tone=sadaqah]{border-block-start-color:var(--sadaqah)}.dashboard-metric-card[data-tone=savings]{border-block-start-color:var(--savings)}.dashboard-metric-card[data-tone=warning]{border-block-start-color:var(--warning)}.dashboard-metric-card[data-tone=asset]{border-block-start-color:var(--info)}.dashboard-metric-head{color:var(--foreground-muted);align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.dashboard-metric-icon{background:var(--brand-soft);width:27px;height:27px;color:var(--brand);flex:none;place-items:center;display:grid}.dashboard-metric-card[data-tone=success] .dashboard-metric-icon{color:var(--success)}.dashboard-metric-card[data-tone=danger] .dashboard-metric-icon{color:var(--danger)}.dashboard-metric-card[data-tone=sadaqah] .dashboard-metric-icon{color:var(--sadaqah)}.dashboard-metric-card[data-tone=savings] .dashboard-metric-icon{color:var(--savings)}.dashboard-metric-card[data-tone=warning] .dashboard-metric-icon{color:var(--warning)}.dashboard-metric-card[data-tone=asset] .dashboard-metric-icon{color:var(--info)}.dashboard-metric-card>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:clamp(14px,1.45vw,19px);font-weight:800;line-height:1.1;overflow:hidden}.dashboard-metric-card>small{color:var(--foreground-muted);margin-top:4px;font-size:8px}.dashboard-sections-grid{gap:var(--content-gap);grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);display:grid}.dashboard-panel{padding:var(--panel-padding)}.dashboard-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;min-height:48px;margin-bottom:10px;padding-bottom:10px;display:flex}.dashboard-panel-header div>span{color:var(--foreground-muted);letter-spacing:.08em;font-size:8px;font-weight:800;display:block}.dashboard-panel-header h2{align-items:center;gap:6px;margin:3px 0 0;font-size:12px;font-weight:800;display:flex}.dashboard-panel-header button{cursor:pointer;color:var(--brand);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:8px;font-weight:800;display:inline-flex}.dashboard-list{background:0 0;border:0;gap:8px;display:grid;overflow:visible}.dashboard-list-row{background:var(--card);border:1px solid var(--border);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:9px 11px;display:grid}.dashboard-list-row:hover{background:var(--card-hover)}.dashboard-row-icon{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);place-items:center;display:grid}.dashboard-list-row[data-tone=income] .dashboard-row-icon,.dashboard-list-row[data-tone=income] .dashboard-row-value{color:var(--success)}.dashboard-list-row[data-tone=expense] .dashboard-row-icon{color:var(--danger)}.dashboard-list-row[data-tone=sadaqah] .dashboard-row-icon{color:var(--sadaqah)}.dashboard-list-row[data-tone=saving] .dashboard-row-icon{color:var(--savings)}.dashboard-row-copy{min-width:0}.dashboard-row-copy strong,.dashboard-row-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-row-copy strong{font-size:10px}.dashboard-row-copy span{color:var(--foreground-muted);margin-top:3px;font-size:8px}.dashboard-row-value{white-space:nowrap;font-size:10px}.dashboard-status{background:var(--background-secondary);border:1px solid var(--border);color:var(--foreground-muted);padding:4px 7px;font-size:8px;font-weight:800}.dashboard-panel-empty{min-height:225px;color:var(--foreground-muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.dashboard-panel-empty strong{color:var(--foreground);font-size:11px}.dashboard-panel-empty span{font-size:9px}.dashboard-panel-empty .btn{margin-top:5px}.dashboard-page{--dashboard-surface:#fff;--dashboard-gap:10px;gap:var(--dashboard-gap)}.dark .dashboard-page{--dashboard-surface:var(--card)}.dashboard-hero{justify-content:space-between;align-items:center;gap:var(--dashboard-gap);min-height:36px;padding:0 2px;display:flex}.dashboard-hero h2{letter-spacing:-.02em;margin:0;font-size:clamp(17px,2vw,22px);font-weight:700}.dashboard-hero-actions{flex:none;align-items:center;gap:7px;display:flex}.dashboard-hero-actions .btn{gap:6px;min-height:35px;padding-inline:12px;font-size:9px}.dashboard-summary-section{display:block}.dashboard-section-heading{justify-content:space-between;align-items:center;gap:var(--dashboard-gap);min-height:28px;padding-inline:2px;display:flex}.dashboard-section-heading h3{margin:0;font-size:12px;font-weight:800}.dashboard-overview-grid{gap:var(--dashboard-gap);grid-auto-rows:minmax(118px,auto);padding-block-start:0}.dashboard-balance-card,.dashboard-metric-card{--metric-accent:var(--brand);background:var(--dashboard-surface);border-color:var(--border);position:relative}.dashboard-balance-card{background:var(--brand);border-color:var(--brand);color:#fff;min-height:221px;padding:18px}.dashboard-balance-icon{background:var(--primary);color:var(--primary-ink)}.dashboard-balance-topline div>span{color:#b9ceca}.dashboard-balance-value{color:var(--primary);letter-spacing:-.04em;font-weight:700}.dashboard-balance-card>p{color:#c4d4d1}.dashboard-balance-footer{border-top-color:#ffffff2b}.dashboard-balance-footer div span{color:#b9ceca}.dashboard-live-label{border-radius:var(--radius-pill);color:#e5f7aa;background:#b7f0001f;padding:5px 8px;font-weight:700}.dashboard-live-label>span{background:var(--primary)}.dashboard-metric-card{border-block-start-width:1px;grid-template-columns:minmax(0,1fr);align-content:space-between;row-gap:13px;min-height:112px;padding:14px;display:grid}.dashboard-metric-card[data-tone=success]{--metric-accent:var(--success)}.dashboard-metric-card[data-tone=danger]{--metric-accent:#2f8067;border-block-start-color:#2f8067}.dashboard-metric-card[data-tone=sadaqah]{--metric-accent:var(--sadaqah)}.dashboard-metric-card[data-tone=savings]{--metric-accent:var(--savings)}.dashboard-metric-card[data-tone=warning]{--metric-accent:#6d9149;border-block-start-color:#6d9149}.dashboard-metric-card[data-tone=asset]{--metric-accent:var(--info)}.dashboard-metric-head{color:var(--foreground)}.dashboard-metric-bottom{align-content:end;justify-items:start;gap:4px;min-width:0;display:grid}.dashboard-metric-icon{background:var(--metric-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-metric-icon{background:color-mix(in srgb,var(--metric-accent)11%,transparent)}}.dashboard-metric-icon{border:1px solid var(--metric-accent)}@supports (color:color-mix(in lab, red, red)){.dashboard-metric-icon{border:1px solid color-mix(in srgb,var(--metric-accent)12%,transparent)}}.dashboard-metric-icon{color:var(--metric-accent)!important}.dashboard-metric-bottom>strong{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin:0;padding-block:1px 3px;font-size:clamp(14px,1.45vw,19px);font-weight:700;line-height:1.35;overflow:visible}.dashboard-metric-bottom>small{background:var(--metric-accent);flex:none;justify-self:start;width:max-content;max-width:100%;margin-top:0;padding:3px 6px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dashboard-metric-bottom>small{background:color-mix(in srgb,var(--metric-accent)9%,transparent)}}.dashboard-metric-bottom>small{border-radius:var(--radius-pill);color:var(--metric-accent);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:700;line-height:1.35}.app-page-minimal{min-width:0;min-height:calc(100dvh - var(--topbar-height) - var(--routebar-height) - 86px);flex-direction:column;display:flex}.app-page-minimal>.state-panel[data-fill=true]{flex:auto}.app-page-minimal>.minimal-table:has(>.state-panel[data-fill=true]){flex:auto}.minimal-table>.state-panel[data-fill=true]{border:0;min-height:100%}.minimal-surface-card{background:var(--card)!important;border-color:var(--border)!important;border-radius:var(--radius-lg)!important}.minimal-table{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr);min-width:0;padding-inline:14px;gap:0!important;display:grid!important}.minimal-table-row{min-width:0;margin:0;border:0!important;border-block-end:1px solid var(--border)!important;background:0 0!important;border-radius:0!important}.minimal-table-row:last-child{border-block-end:0!important}.minimal-table-row:hover{background:var(--card-hover)!important}.transaction-table-row>div:first-child,.recurring-row-main,.recurring-row-main>div:last-child,.recurring-row-actions,.recurring-row-buttons{min-width:0}.recurring-amount-status{white-space:nowrap}.dashboard-sections-grid{gap:var(--dashboard-gap)}.dashboard-panel{background:var(--dashboard-surface);border-color:var(--border);padding:0 15px 7px}.dashboard-page .dashboard-panel-header{border-bottom:0;align-items:center;min-height:46px;margin-bottom:0;padding:12px 0}.dashboard-panel-header h2{margin:0;font-size:13px;font-weight:700}.dashboard-panel-header h2 svg{color:var(--foreground-muted)}.dashboard-panel-header button{background:var(--brand);padding:6px 9px}@supports (color:color-mix(in lab, red, red)){.dashboard-panel-header button{background:color-mix(in srgb,var(--brand)7%,transparent)}}.dashboard-panel-header button{border:1px solid var(--brand)}@supports (color:color-mix(in lab, red, red)){.dashboard-panel-header button{border:1px solid color-mix(in srgb,var(--brand)12%,transparent)}}.dashboard-panel-header button{font-size:8px;border-radius:var(--radius-pill)!important}.dashboard-list{gap:0}.dashboard-list-row{border:0;border-bottom:1px solid var(--border);background:0 0;min-height:60px;padding:10px 0;transition:background-color .16s,border-color .16s;border-radius:0!important}.dashboard-list-row:last-child{border-bottom:0}.dashboard-list-row:hover{border-bottom-color:var(--brand);background:0 0}@supports (color:color-mix(in lab, red, red)){.dashboard-list-row:hover{border-bottom-color:color-mix(in srgb,var(--brand)24%,var(--border))}}.dashboard-row-icon{background:var(--brand);width:31px;height:31px}@supports (color:color-mix(in lab, red, red)){.dashboard-row-icon{background:color-mix(in srgb,var(--brand)8%,transparent)}}.dashboard-row-icon{color:var(--brand)}.dashboard-list-row[data-tone=income] .dashboard-row-icon{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.dashboard-list-row[data-tone=income] .dashboard-row-icon{background:color-mix(in srgb,var(--success)10%,transparent)}}.dashboard-list-row[data-tone=expense] .dashboard-row-icon{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dashboard-list-row[data-tone=expense] .dashboard-row-icon{background:color-mix(in srgb,var(--danger)10%,transparent)}}.dashboard-list-row[data-tone=sadaqah] .dashboard-row-icon{background:var(--sadaqah)}@supports (color:color-mix(in lab, red, red)){.dashboard-list-row[data-tone=sadaqah] .dashboard-row-icon{background:color-mix(in srgb,var(--sadaqah)10%,transparent)}}.dashboard-list-row[data-tone=saving] .dashboard-row-icon{background:var(--savings)}@supports (color:color-mix(in lab, red, red)){.dashboard-list-row[data-tone=saving] .dashboard-row-icon{background:color-mix(in srgb,var(--savings)10%,transparent)}}.dashboard-row-copy>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.dashboard-row-meta{min-width:0;color:var(--foreground-muted);align-items:center;gap:7px;margin-top:4px;font-size:8px;display:flex}.dashboard-row-meta>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-type-badge{background:var(--brand);flex:none;align-items:center;width:max-content;padding:3px 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.dashboard-type-badge{background:color-mix(in srgb,var(--brand)8%,transparent)}}.dashboard-type-badge{color:var(--brand);border-radius:var(--radius-pill);font-size:7px;font-weight:800}.dashboard-type-badge[data-tone=income]{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.dashboard-type-badge[data-tone=income]{background:color-mix(in srgb,var(--success)10%,transparent)}}.dashboard-type-badge[data-tone=income]{color:var(--success)}.dashboard-type-badge[data-tone=expense]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dashboard-type-badge[data-tone=expense]{background:color-mix(in srgb,var(--danger)10%,transparent)}}.dashboard-type-badge[data-tone=expense]{color:var(--danger)}.dashboard-type-badge[data-tone=sadaqah]{background:var(--sadaqah)}@supports (color:color-mix(in lab, red, red)){.dashboard-type-badge[data-tone=sadaqah]{background:color-mix(in srgb,var(--sadaqah)10%,transparent)}}.dashboard-type-badge[data-tone=sadaqah]{color:var(--sadaqah)}.dashboard-type-badge[data-tone=saving]{background:var(--savings)}@supports (color:color-mix(in lab, red, red)){.dashboard-type-badge[data-tone=saving]{background:color-mix(in srgb,var(--savings)10%,transparent)}}.dashboard-type-badge[data-tone=saving]{color:var(--savings)}.dashboard-row-value{color:var(--foreground);font-weight:800}.dashboard-status{background:var(--brand)}@supports (color:color-mix(in lab, red, red)){.dashboard-status{background:color-mix(in srgb,var(--brand)8%,transparent)}}.dashboard-status{color:var(--brand);border-color:#0000;border-radius:var(--radius-pill)!important}.dashboard-status[data-status=ready]{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dashboard-status[data-status=ready]{background:color-mix(in srgb,var(--warning)10%,transparent)}}.dashboard-status[data-status=ready]{color:var(--warning);border-color:#0000}.dashboard-status[data-status=overdue]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dashboard-status[data-status=overdue]{background:color-mix(in srgb,var(--danger)10%,transparent)}}.dashboard-status[data-status=overdue]{color:var(--danger);border-color:#0000}.reports-page{gap:var(--content-gap);padding-bottom:18px;display:grid}.report-toolbar,.report-filter-panel,.report-panel,.report-metric{background:var(--card);border:1px solid var(--border)}.report-toolbar{min-height:76px;padding:14px var(--panel-padding);justify-content:space-between;align-items:center;gap:20px;display:flex}.report-intro span,.report-intro h2,.report-intro p{margin:0}.report-intro>span,.report-panel-header span{color:var(--foreground-muted);letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.report-intro h2{margin-top:2px;font-size:16px;font-weight:900}.report-intro p{color:var(--foreground-muted);margin-top:3px;font-size:10px}.report-export{flex:none;min-width:124px}.report-filter-panel{padding:14px var(--panel-padding);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.report-period-tabs{background:0 0;border:0;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;padding:0;display:grid}.report-period-tabs button{cursor:pointer;background:var(--card);border:1px solid var(--border);min-height:36px;color:var(--foreground-muted);padding:7px 12px;font-size:10px;font-weight:800}.report-period-tabs button:hover,.report-period-tabs button[data-active=true]{background:var(--brand);border-color:var(--brand);color:#fff}.members-page,.member-card,.member-identity,.member-copy,.member-name,.member-email{min-width:0}.member-card{gap:14px;width:100%}.member-identity{flex:auto}.member-copy{overflow:hidden}.member-name>span,.member-email>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.member-name>span{display:block}.member-email>span{display:inline-block}.member-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;min-width:0}.report-date-range{grid-template-columns:repeat(2,minmax(168px,1fr));gap:10px;display:grid}.report-date-field{gap:5px;display:grid}.report-date-field>span:first-child{color:var(--foreground-muted);font-size:9px;font-weight:800}.report-date-input{display:block;position:relative}.report-date-input>svg{z-index:1;color:var(--foreground-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:11px;transform:translateY(-50%)}.report-date-input input{min-height:38px;padding-inline-start:34px;font-size:10px;font-weight:700}.report-metrics-grid{gap:var(--content-gap);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.report-metric{--metric-accent:var(--brand);border-block-start:1px solid var(--metric-accent);align-items:flex-start;gap:11px;min-width:0;min-height:112px;padding:15px;display:flex}.report-metric-icon{background:var(--metric-accent);flex:none;place-items:center;width:27px;height:27px;display:grid}@supports (color:color-mix(in lab, red, red)){.report-metric-icon{background:color-mix(in srgb,var(--metric-accent)11%,transparent)}}.report-metric-icon{border:1px solid var(--metric-accent)}@supports (color:color-mix(in lab, red, red)){.report-metric-icon{border:1px solid color-mix(in srgb,var(--metric-accent)12%,transparent)}}.report-metric-icon{color:var(--metric-accent)}.report-metric[data-tone=success]{--metric-accent:var(--success)}.report-metric[data-tone=danger]{--metric-accent:#2f8067}.report-metric[data-tone=sadaqah]{--metric-accent:#4d8c70}.report-metric[data-tone=savings]{--metric-accent:#6d9149}.report-metric[data-tone=asset]{--metric-accent:var(--info)}.report-metric>div{min-width:0}.report-metric-label,.report-metric strong,.report-metric small{display:block}.report-metric-label{color:var(--foreground-muted);font-size:9px;font-weight:800}.report-metric strong{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:clamp(14px,1.35vw,19px);font-weight:900;overflow:hidden}.report-metric small{color:var(--foreground-muted);margin-top:5px;font-size:8px;line-height:1.5}.report-charts-grid{gap:var(--content-gap);grid-template-columns:minmax(0,2fr) minmax(320px,1fr);display:grid}.report-panel{min-width:0;padding:var(--panel-padding)}.report-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;min-height:44px;margin-bottom:12px;padding-bottom:12px;display:flex}.report-panel-header h3{margin:3px 0 0;font-size:13px;font-weight:900}.report-panel-header>svg{color:var(--brand)}.report-chart{width:100%;height:286px}.report-category-grid{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:24px;display:grid}.report-category-chart{height:250px}.report-category-list{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.report-category-item{background:var(--card);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:72px;padding:12px;display:flex}.report-category-item>div{min-width:0}.report-category-item>div:first-child{grid-template-columns:9px minmax(0,1fr);gap:3px 7px;display:grid}.report-category-item>div:last-child{text-align:end}.report-category-swatch{grid-row:1/span 2;width:9px;height:9px;margin-top:3px}.report-category-item strong,.report-category-item small{display:block}.report-category-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.report-category-item small{color:var(--foreground-muted);margin-top:2px;font-size:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-22px)translateY(12px)}to{opacity:1;transform:translate(0)translateY(0)}}.animate-fadeIn{animation:.22s ease-out both fadeIn}.animate-slideIn{animation:.24s ease-out both slideIn}@media (max-width:1050px){.app-topbar{grid-template-columns:minmax(140px,1fr) auto minmax(190px,1fr);gap:10px;padding-inline:12px}.user-copy span{display:none}.report-filter-panel{flex-direction:column;align-items:stretch}.report-period-tabs,.report-date-range{width:100%}.report-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-charts-grid,.dashboard-sections-grid{grid-template-columns:1fr}.assets-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-grid{grid-template-columns:1fr}.members-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.members-grid,.settings-grid{grid-template-columns:1fr}}@media (max-width:760px){:root{--topbar-height:0px;--routebar-height:62px;--content-max:calc(100vw - 24px)}.app-navbar-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;width:100%;padding-inline:8px}.app-navbar{inset-block-start:12px}.navbar-actions{gap:4px}.navbar-actions>.topbar-popover-wrap:first-child{display:none}.app-topbar{grid-template-columns:1fr auto;grid-template-areas:"title user""actions actions";align-content:center;padding:10px 12px;inset-inline:0}.topbar-title{grid-area:title}.topbar-actions{grid-area:actions;justify-content:center;width:100%;min-width:0}.topbar-user{grid-area:user}.user-copy{display:block}.user-copy strong,.user-copy span{max-width:72px;display:block}.topbar-user{gap:5px}.app-topbar-brand{width:64px;height:32px}.app-topbar-brand img{width:126px;height:126px}.topbar-heading-group{gap:7px}.app-routebar-inner{justify-content:flex-start;gap:6px;width:100%;padding-inline:12px}.app-navbar .app-routebar-inner{display:none}.mobile-navigation{justify-content:center;min-width:0;display:flex;position:relative}.mobile-nav-trigger{cursor:pointer;border-radius:var(--radius-md);min-width:82px;height:34px;color:var(--brand);background:#fff;border:1px solid #e1e5df;justify-content:center;align-items:center;gap:5px;padding-inline:9px;font-size:9px;font-weight:800;display:inline-flex}.mobile-nav-dropdown{inset:calc(var(--routebar-height) + 20px)12px auto;z-index:100;max-height:calc(100dvh - var(--routebar-height) - 36px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);gap:14px;padding:13px;display:grid;position:fixed;overflow-y:auto}.mobile-nav-section{gap:8px;min-width:0;display:grid}.mobile-nav-section+.mobile-nav-section{border-block-start:1px solid var(--border);padding-block-start:12px}.mobile-nav-label{color:var(--foreground-muted);font-size:8px;font-weight:800}.mobile-route-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mobile-route-link{background:var(--background);border-radius:var(--radius-md);min-width:0;min-height:42px;color:var(--foreground);border:1px solid #0000;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.mobile-route-link[data-active=true]{background:var(--brand);border-color:var(--brand);color:#fff}.app-route-link{height:30px;padding-inline:10px;font-size:8px}.app-content{padding:calc(var(--topbar-height) + var(--routebar-height) + 48px)12px 28px;margin-inline-start:0}.app-content-inner>.state-panel:not([data-compact=true]),.app-page-minimal{min-height:calc(100dvh - var(--topbar-height) - var(--routebar-height) - 76px)}.app-content-inner{width:100%}.topbar-button span.optional-label{display:none}.navbar-actions .topbar-dropdown{inset:calc(var(--routebar-height) + 20px)12px auto;width:auto;min-width:0;position:fixed}.user-menu-trigger{justify-content:center;gap:2px;width:50px;height:34px;padding:0 1px}.user-menu-trigger>svg{flex:none;display:block}.members-page-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.members-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-list-header-with-tools,.page-list-tools{flex-direction:column;align-items:stretch;width:100%}.page-list-tools .transaction-search{width:100%}.member-card{flex-direction:column;align-items:stretch;gap:12px}.member-actions{border-block-start:1px solid var(--border);justify-content:flex-start;gap:8px;width:100%;padding-block-start:10px}.minimal-table{padding-inline:10px}.recurring-table-row{flex-direction:column;gap:12px;align-items:stretch!important}.recurring-row-actions{border-block-start:1px solid var(--border);justify-content:space-between;gap:8px;width:100%;padding-block-start:10px}.recurring-row-buttons{flex-wrap:wrap;justify-content:flex-end}.bento-grid{grid-template-columns:1fr}.finance-modal-backdrop{place-items:end stretch;padding:0}.finance-modal-panel{border-block-end:0;border-inline:0;width:100%;height:100dvh;max-height:100dvh}.finance-modal-header{min-height:72px;padding:10px 12px}.finance-modal-heading p{display:none}.finance-modal-body{padding:12px}.dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-balance-card{grid-area:auto/1/auto/-1;min-height:188px}.dashboard-metric-card[data-size=wide],.dashboard-metric-card[data-size=compact]{grid-column:span 1}.dashboard-sections-grid{grid-template-columns:1fr;gap:10px}.dashboard-balance-value{font-size:27px}.finance-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-inline-create{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-inline-create input{grid-column:1/-1}.report-toolbar{align-items:flex-start;padding:13px 14px}.report-intro p{display:none}.report-export{min-width:auto;padding-inline:11px}.report-filter-panel,.report-panel{padding:14px}.report-period-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.report-period-tabs button{padding-inline:5px}.report-date-range{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-metric{min-height:104px;padding:12px}.report-metric[data-tone=brand]{grid-column:1/-1}.report-metric-icon{width:27px;height:27px}.report-chart{height:250px}.report-category-grid{grid-template-columns:1fr;gap:14px}.report-category-chart{height:220px}.report-category-list{grid-template-columns:1fr}.assets-toolbar{min-height:70px;padding:11px 12px}.assets-toolbar p{display:none}.assets-summary-grid{gap:10px}.asset-summary-card{min-height:92px;padding:11px}.assets-list-header{flex-direction:column;align-items:flex-start}.assets-filter-tabs{width:100%}.assets-filter-tabs button{flex:1}.asset-card{padding:12px}.asset-card-header{grid-template-columns:27px minmax(0,1fr)}.asset-card-header>.badge{grid-column:2;width:max-content}.asset-money-grid,.transaction-asset-card .asset-money-grid,.recurring-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recurring-amount-cell{grid-column:1/-1}.asset-card-footer{flex-direction:column;align-items:flex-start}.asset-card-footer>div{width:100%}.asset-card-footer .btn{flex:1}.asset-modal-panel,.asset-sale-modal{width:100%}.asset-modal-panel .finance-form-grid-pair,.asset-sale-modal .finance-form-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card,.settings-save-card{padding:18px!important}.dashboard-page{gap:var(--dashboard-gap)}.dashboard-hero{align-items:stretch;gap:var(--dashboard-gap);flex-direction:column;min-height:0}.dashboard-hero h2{font-size:22px}.dashboard-hero-actions{flex-wrap:wrap;width:100%}.dashboard-hero-actions .btn{flex:1 1 0;min-width:94px}.dashboard-section-heading{align-items:center}.dashboard-overview-grid{gap:var(--dashboard-gap)}.dashboard-balance-card{min-height:198px}.dashboard-metric-card{min-height:124px}.dashboard-metric-card[data-tone=warning]{grid-column:span 1}.dashboard-metric-bottom>strong{font-size:15px}.dashboard-panel{padding:0 13px 6px}.dashboard-panel-header{gap:9px}.dashboard-panel-header button{flex:none}.dashboard-list-row{grid-template-columns:31px minmax(0,1fr) auto}}@media (max-width:520px){.finance-form-utility-row{grid-template-columns:1fr}}@media (max-width:390px){.dashboard-hero-actions .btn{min-width:calc(50% - 4px)}.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-balance-card,.dashboard-metric-card[data-size=wide],.dashboard-metric-card[data-size=compact],.dashboard-metric-card[data-tone=warning]{grid-column:1/-1}.dashboard-metric-card{min-height:118px}.dashboard-row-meta{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}