@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-800:#193cb8;--color-blue-900:#1c398e;--color-blue-950:#162456;--color-gray-400:#99a1af;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-xl:0 9px 7px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-blue-50:lab(96.492% -1.14647 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-500:lab(54.1736% 13.3368 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-800:lab(30.2514% 27.7854 -70.2699);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-blue-950:lab(15.6723% 8.86233 -32.2945);--color-gray-400:lab(65.9269% -.832707 -8.17474)}}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-9{top:calc(var(--spacing) * 9)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-5{bottom:calc(var(--spacing) * 5)}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-5{left:calc(var(--spacing) * 5)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[170\]{z-index:170}.z-\[180\]{z-index:180}.z-\[190\]{z-index:190}.z-\[210\]{z-index:210}.z-\[220\]{z-index:220}.z-\[300\]{z-index:300}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing) * 2)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-44{height:calc(var(--spacing) * 44)}.h-80{height:calc(var(--spacing) * 80)}.h-\[58vh\]{height:58vh}.h-\[calc\(100vh-1rem\)\]{height:calc(100vh - 1rem)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-\[calc\(100vh-1rem\)\]{max-height:calc(100vh - 1rem)}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-\[390px\]{min-height:390px}.min-h-\[430px\]{min-height:430px}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[310px\]{width:310px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-\[70px\]{min-width:70px}.min-w-\[90px\]{min-width:90px}.min-w-\[124px\]{min-width:124px}.min-w-\[132px\]{min-width:132px}.min-w-\[150px\]{min-width:150px}.min-w-\[680px\]{min-width:680px}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;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)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-5{--tw-translate-y:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scrollbar-thin{scrollbar-width:thin}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.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)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-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)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-light\)\]{background-color:var(--primary-light)}.bg-\[var\(--surface\)\],.bg-\[var\(--surface\)\]\/95{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--surface\)\]\/95{background-color:color-mix(in oklab, var(--surface) 95%, transparent)}}.bg-\[var\(--surface-secondary\)\]{background-color:var(--surface-secondary)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, 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\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-transparent{background-color:#0000}.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)}}.fill-\[var\(--primary\)\]{fill:var(--primary)}.fill-blue-500{fill:var(--color-blue-500)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.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-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.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-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-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-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-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--primary-text\)\]{color:var(--primary-text)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--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-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-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-blue-500\/10{--tw-ring-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.ring-blue-500\/10{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.blur{--tw-blur:blur(8px);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,)}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));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,)}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[350ms\]{--tw-duration:.35s;transition-duration:.35s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.file\:ml-3::file-selector-button{margin-left:calc(var(--spacing) * 3)}.file\:rounded-lg::file-selector-button{border-radius:var(--radius-lg)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-\[var\(--primary-light\)\]::file-selector-button{background-color:var(--primary-light)}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.file\:py-2::file-selector-button{padding-block:calc(var(--spacing) * 2)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.placeholder\:text-\[var\(--muted\)\]::placeholder{color:var(--muted)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\[var\(--primary-light\)\]:hover{background-color:var(--primary-light)}.hover\:bg-\[var\(--surface-secondary\)\]:hover{background-color:var(--surface-secondary)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-blue-500\/10:hover{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/10:hover{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.hover\:bg-blue-500\/50:hover{background-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/50:hover{background-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--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)}.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)}}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.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-4:focus{--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)}.focus\:ring-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,transparent\)\]:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,transparent\)\]:focus{--tw-ring-color:color-mix(in srgb,var(--primary) 14%,transparent)}}.focus\:ring-\[var\(--primary-light\)\]:focus{--tw-ring-color:var(--primary-light)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-75:disabled{opacity:.75}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:m-3{margin:calc(var(--spacing) * 3)}.md\:h-\[calc\(100vh-1\.5rem\)\]{height:calc(100vh - 1.5rem)}.md\:max-h-\[calc\(100vh-1\.5rem\)\]{max-height:calc(100vh - 1.5rem)}.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\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[220px_1fr_auto\]{grid-template-columns:220px 1fr auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:mr-\[310px\]{margin-right:310px}.lg\:hidden{display:none}.lg\:w-full{width:100%}.lg\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:justify-between{justify-content:space-between}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:pt-0{padding-top:0}}@media (min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.2fr_\.8fr\]{grid-template-columns:1.2fr .8fr}.xl\:grid-cols-\[1\.4fr_\.6fr\]{grid-template-columns:1.4fr .6fr}}@media (prefers-color-scheme:dark){.dark\:border-blue-900{border-color:var(--color-blue-900)}.dark\:bg-blue-950\/40{background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/40{background-color:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.dark\:text-blue-300{color:var(--color-blue-300)}@media (hover:hover){.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}}}}:root{--text:var(--foreground);--bg:var(--background);--surface-2:var(--surface-secondary);--surface-3:var(--surface-tertiary,var(--surface-secondary));--primary-soft:var(--primary-light,var(--surface-secondary));--primary-strong:var(--primary-hover,var(--primary));--border-strong:var(--border);--shadow:0 16px 42px #0f172a14;--shadow-soft:0 8px 24px #0f172a0f}.framework-control-showcase{color:var(--foreground)}.finance-app{background:var(--bg);direction:rtl;width:min(1680px,100%);min-height:100vh;margin:0 auto;display:flex}.finance-main{flex:1;min-width:0;padding:20px 24px 36px}.finance-topbar{border:1px solid var(--border);height:72px;box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:0 18px 0 10px;display:flex}.topbar-search{color:#a2a6ad;background:#f6f7f8;border-radius:12px;align-items:center;gap:8px;width:min(420px,45vw);height:40px;padding:0 13px;display:flex}.topbar-search input{width:100%;color:var(--text);background:0 0;border:0}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-icon{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:#6f747b;border-radius:11px;width:38px;height:38px;position:relative}.topbar-icon.has-dot:after{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:7px;right:7px}.profile-chip{border-radius:12px;align-items:center;gap:9px;padding:4px 7px;display:flex}.profile-chip .avatar{width:35px;height:35px;color:var(--primary);background:#ffe8df;border-radius:50%;place-items:center;font-weight:800;display:grid}.profile-chip strong,.profile-chip small{white-space:nowrap;display:block}.profile-chip strong{font-size:11px}.profile-chip small{color:var(--muted);direction:ltr;margin-top:1px;font-size:9px}.app-shell{width:100%}.base-view{min-width:0;position:relative}.base-view-header{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;padding:22px 24px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.08em;text-align:right;direction:ltr;margin:0 0 5px;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,30px)}.base-view-subtitle{max-width:800px;color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.8}.base-view-actions,.dialog-actions,.grid-pagination,.demo-actions,.form-action-row{flex-wrap:wrap;gap:9px;display:flex}.base-view-body{gap:18px;display:grid}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:38px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--surface);box-shadow:0 7px 16px var(--primary)}@supports (color:color-mix(in lab, red, red)){.button-primary{box-shadow:0 7px 16px color-mix(in srgb, var(--primary) calc(.18 * 100%), transparent)}}.button-primary:hover:not(:disabled){background:var(--primary-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--foreground-soft,var(--foreground))}.button-secondary:hover:not(:disabled){background:var(--primary-light,var(--surface-secondary));border-color:#ffc6b2}.button-danger{color:var(--danger);background:#eff6ff;border-color:#bfdbfe}.view-locker{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#555;background:#ffffffc2;border-radius:18px;place-content:center;justify-items:center;gap:12px;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.loader{border:3px solid #f1d8cf;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.finance-stat-card{border:1px solid var(--border);background:var(--surface);min-height:108px;box-shadow:var(--shadow-soft);border-radius:17px;align-items:center;gap:13px;padding:18px;display:flex}.stat-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:13px;flex:0 0 44px;place-items:center;font-size:19px;font-weight:800;display:grid}.finance-stat-card span,.finance-stat-card strong,.finance-stat-card small{display:block}.finance-stat-card span{color:var(--muted);font-size:10px}.finance-stat-card strong{letter-spacing:-.03em;margin-top:5px;font-size:21px}.finance-stat-card small{color:#a4a8ae;margin-top:4px;font-size:9px}.dashboard-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:18px;padding:20px;scroll-margin-top:18px}.card-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.card-heading h2{letter-spacing:-.025em;margin:3px 0 0;font-size:18px}.card-heading p{max-width:600px;color:var(--muted);margin:0;font-size:11px;line-height:1.75}.section-kicker{color:var(--primary);letter-spacing:.04em;direction:ltr;font-size:9px;font-weight:700}.feature-strip{display:none}.demo-section+.demo-section{margin-top:0}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.section-heading h2{margin:4px 0 0;font-size:18px}.section-heading p{color:var(--muted);margin:0;font-size:11px}.grid-demo-actions,.modal-demo-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:13px;display:flex}.topbar-leading{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.topbar-leading .topbar-search{flex:0 420px}.responsive-menu{--menu-expanded-width:264px;--menu-collapsed-width:76px;width:var(--menu-expanded-width);min-width:var(--menu-expanded-width);border-left:1px solid var(--border);z-index:80;background:#fffffffa;flex-direction:column;height:100dvh;transition:width .2s,min-width .2s,transform .24s,box-shadow .24s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:-1px 0 #fffc}.responsive-menu.is-collapsed{width:var(--menu-collapsed-width);min-width:var(--menu-collapsed-width)}.responsive-menu-head{border-bottom:1px solid var(--border);background:#fffffffa;align-items:center;gap:10px;min-height:78px;padding:14px 14px 12px;display:flex}.responsive-menu-brand{flex:1;min-width:0;overflow:hidden}.responsive-menu-brand .brand-mark{padding:0}.responsive-menu-mobile-close{display:none}.responsive-menu-nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;min-height:0;padding:16px 12px 18px;overflow:hidden auto}.responsive-menu-nav:hover{scrollbar-color:#d6dae0 transparent}.responsive-menu-nav::-webkit-scrollbar{width:8px}.responsive-menu-nav::-webkit-scrollbar-track{background:0 0}.responsive-menu-nav::-webkit-scrollbar-thumb{background:padding-box padding-box;border:2px solid #0000;border-radius:999px}.responsive-menu-nav:hover::-webkit-scrollbar-thumb{background-color:#d6dae0}.responsive-menu-nav::-webkit-scrollbar-thumb:hover{background-color:#bfc5cd}.responsive-menu-section+.responsive-menu-section{margin-top:20px}.responsive-menu-section-label{min-height:20px;color:var(--muted);letter-spacing:.02em;white-space:nowrap;padding:0 12px 7px;font-size:9px;font-weight:700}.responsive-menu-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.responsive-menu-list[data-depth="1"]{border-right:1px solid #eceef2;margin:5px 16px 4px 0;padding:3px 9px 3px 0}.responsive-menu-list[data-depth="2"]{margin-right:10px}.responsive-menu-item{min-width:0}.responsive-menu-link{width:100%;min-height:44px;color:var(--foreground-soft,var(--foreground));cursor:pointer;text-align:right;font:inherit;background:0 0;border:0;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:7px 11px;font-size:12px;font-weight:500;transition:color .15s,background .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.responsive-menu-link:before{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:9px;bottom:9px;right:0}.responsive-menu-link:hover:not(.is-disabled){background:var(--surface-secondary);color:var(--foreground)}.responsive-menu-link:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.responsive-menu-link:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) calc(.34 * 100%), transparent)}}.responsive-menu-link:focus-visible{outline-offset:1px}.responsive-menu-link.is-active{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#fff2ec}@supports (color:color-mix(in lab, red, red)){.responsive-menu-link.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) calc(.08 * 100%), transparent)}}.responsive-menu-link.is-active{font-weight:700}.responsive-menu-link.is-active:before{background:var(--primary)}.responsive-menu-link.is-branch-active:not(.is-active){color:var(--foreground);background:var(--surface-secondary);font-weight:650}.responsive-menu-link.is-disabled{opacity:.4;cursor:not-allowed}.responsive-menu-icon{color:#858b94;border-radius:9px;place-items:center;width:28px;height:28px;font-size:16px;line-height:0;transition:color .15s,background .15s;display:grid}.responsive-menu-icon svg{width:18px;height:18px}.responsive-menu-link:hover:not(.is-disabled) .responsive-menu-icon{color:var(--foreground-soft,var(--foreground))}.responsive-menu-link.is-active .responsive-menu-icon{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.responsive-menu-link.is-active .responsive-menu-icon{background:color-mix(in srgb, var(--primary) calc(.09 * 100%), transparent)}}.responsive-menu-link.is-branch-active .responsive-menu-icon{color:var(--foreground-soft,var(--foreground))}.responsive-menu-dot{opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px}.responsive-menu-copy{gap:2px;min-width:0;display:grid}.responsive-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.responsive-menu-description{text-overflow:ellipsis;white-space:nowrap;color:#a2a7ae;min-width:0;font-size:9px;font-weight:400;overflow:hidden}.responsive-menu-link.is-active .responsive-menu-description{color:#2563eb}.responsive-menu-badge{color:#737982;background:#f0f2f4;border-radius:999px;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.2;display:inline-flex}.responsive-menu-link.is-active .responsive-menu-badge{color:var(--primary);background:#ffe1d5}.responsive-menu-chevron{width:18px;height:18px;color:var(--muted);place-items:center;line-height:0;display:grid}.responsive-menu-chevron svg{width:14px;height:14px;transition:transform .18s}[dir=rtl] .responsive-menu-chevron svg{transform:rotate(180deg)}[dir=rtl] .responsive-menu-chevron svg.is-open,[dir=ltr] .responsive-menu-chevron svg.is-open{transform:rotate(90deg)}.responsive-menu-children[hidden]{display:none}.responsive-menu-footer{border-top:1px solid var(--surface-secondary);background:var(--surface);flex:none;padding:8px 12px 10px}.responsive-menu-user-card{background:var(--surface-secondary);border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.responsive-menu-user-card .avatar{width:36px;height:36px;color:var(--primary);background:#ffe8df;border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.responsive-menu-user-card strong,.responsive-menu-user-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.responsive-menu-user-card strong{font-size:10px}.responsive-menu-user-card small{color:#9ba0a8;margin-top:2px;font-size:8px}.responsive-menu-collapse{border:0;border-top:1px solid var(--border);background:var(--surface);color:#8a9098;cursor:pointer;min-height:46px;font:inherit;flex:none;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.responsive-menu-collapse:hover{background:var(--surface-secondary);color:var(--primary)}.responsive-menu-collapse svg{width:17px;height:17px}.responsive-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:74;background:#14192057;border:0;padding:0;transition:opacity .2s;display:none;position:fixed;inset:0}.responsive-menu-trigger{border:1px solid var(--border);background:var(--surface);color:#5f656d;cursor:pointer;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;line-height:0;display:none;box-shadow:0 4px 12px #1e232a0a}.responsive-menu-trigger:hover{background:var(--primary-light,var(--surface-secondary));color:var(--primary);border-color:#ffd8c9}.responsive-menu-trigger svg,.responsive-menu-mobile-close svg{width:20px;height:20px}.responsive-menu.is-collapsed .responsive-menu-head{justify-content:center;padding-inline:9px}.responsive-menu.is-collapsed .brand-mark>div,.responsive-menu.is-collapsed .responsive-menu-copy,.responsive-menu.is-collapsed .responsive-menu-badge,.responsive-menu.is-collapsed .responsive-menu-chevron,.responsive-menu.is-collapsed .responsive-menu-section-label,.responsive-menu.is-collapsed .responsive-menu-footer,.responsive-menu.is-collapsed .responsive-menu-collapse span{display:none}.responsive-menu.is-collapsed .responsive-menu-nav{padding-inline:9px}.responsive-menu.is-collapsed .responsive-menu-section+.responsive-menu-section{border-top:1px solid var(--surface-secondary);margin-top:8px;padding-top:8px}.responsive-menu.is-collapsed .responsive-menu-link{grid-template-columns:1fr;justify-items:center;min-height:46px;padding:7px}.responsive-menu.is-collapsed .responsive-menu-link:before{top:12px;bottom:12px;right:0}.responsive-menu.is-collapsed .responsive-menu-icon{width:31px;height:31px}.responsive-menu.is-collapsed .responsive-menu-list[data-depth="1"]{display:none}.responsive-menu.is-collapsed .responsive-menu-brand .brand-mark{justify-content:center}.responsive-menu.is-collapsed .responsive-menu-brand .brand-symbol{width:38px;height:38px;margin:0}.responsive-menu-flyout{z-index:1900;border:1px solid var(--border);background:#fffffffc;border-radius:16px;animation:.14s ease-out responsive-menu-flyout-in;overflow:hidden;box-shadow:0 20px 55px #1b202729,0 4px 14px #1b20270f}.responsive-menu-flyout-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 14px 11px;display:flex}.responsive-menu-flyout-icon{width:32px;height:32px;color:var(--primary);background:#fff2ec;border-radius:10px;place-items:center;line-height:0;display:grid}.responsive-menu-flyout-icon svg{width:18px;height:18px}.responsive-menu-flyout-head strong{font-size:11px;display:block}.responsive-menu-flyout-head small{color:#9aa0a8;margin-top:2px;font-size:8px;display:block}.responsive-menu-flyout-body{max-height:inherit;scrollbar-width:thin;scrollbar-color:var(--border-strong,var(--border)) transparent;padding:8px;overflow:auto}.responsive-menu-flyout .responsive-menu-link{min-height:42px}.responsive-menu-flyout .responsive-menu-list[data-depth="1"]{margin-right:13px}@keyframes responsive-menu-flyout-in{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.responsive-menu-trigger{display:inline-flex}.responsive-menu{border-left:1px solid var(--border);z-index:75;width:min(88vw,336px);min-width:min(88vw,336px);height:100dvh;position:fixed;top:0;right:0;transform:translate(104%);box-shadow:-24px 0 60px #191e2629}.responsive-menu.is-collapsed{width:min(88vw,336px);min-width:min(88vw,336px)}.responsive-menu.is-mobile-open{transform:translate(0)}.responsive-menu-backdrop{display:block}.responsive-menu-backdrop.is-open{opacity:1;pointer-events:auto}.responsive-menu-mobile-close{border:1px solid var(--border);background:var(--surface);color:#656b74;cursor:pointer;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;line-height:0;display:inline-flex}.responsive-menu-mobile-close:hover{background:var(--primary-light,var(--surface-secondary));color:var(--primary)}.responsive-menu-collapse{display:none}.responsive-menu.is-collapsed .brand-mark>div{display:block}.responsive-menu.is-collapsed .responsive-menu-copy{display:grid}.responsive-menu.is-collapsed .responsive-menu-badge{display:inline-flex}.responsive-menu.is-collapsed .responsive-menu-chevron{display:grid}.responsive-menu.is-collapsed .responsive-menu-section-label,.responsive-menu.is-collapsed .responsive-menu-footer{display:block}.responsive-menu.is-collapsed .responsive-menu-nav{padding:16px 12px 18px}.responsive-menu.is-collapsed .responsive-menu-section+.responsive-menu-section{border-top:0;margin-top:20px;padding-top:0}.responsive-menu.is-collapsed .responsive-menu-link{justify-items:initial;grid-template-columns:28px minmax(0,1fr) auto auto;padding:7px 11px}.responsive-menu.is-collapsed .responsive-menu-list[data-depth="1"]{display:grid}.responsive-menu.is-collapsed .responsive-menu-brand .brand-mark{justify-content:flex-start}.responsive-menu.is-collapsed .responsive-menu-brand .brand-symbol{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.responsive-menu,.responsive-menu-backdrop,.responsive-menu-link,.responsive-menu-chevron svg,.responsive-menu-flyout{transition:none!important;animation:none!important}}.responsive-menu-nav{scroll-behavior:smooth;scrollbar-gutter:stable}.responsive-menu-link.is-active:after{content:"";background:var(--primary);width:5px;height:5px;box-shadow:0 0 0 4px var(--primary);border-radius:50%;position:absolute;top:50%;right:7px}@supports (color:color-mix(in lab, red, red)){.responsive-menu-link.is-active:after{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) calc(.11 * 100%), transparent)}}.responsive-menu-link.is-active:after{transform:translateY(-50%)}.responsive-menu-link.is-active .responsive-menu-icon{transform:translate(-1px)}.responsive-menu.is-collapsed .responsive-menu-link.is-active:after{right:5px}@media (max-width:900px){.responsive-menu-link.is-active:after{right:7px}}.tab-view{--tab-view-border:var(--border);--tab-view-muted:var(--muted);--tab-view-active:var(--primary,var(--primary));min-width:0;min-height:var(--tab-view-min-height,420px);border:1px solid var(--tab-view-border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 35px #1c222a0e}.tab-view-header{background:linear-gradient(180deg, var(--surface-secondary) 0%, var(--surface-secondary) 100%);direction:ltr;border-bottom:1px solid #eceef1;flex:none;grid-template-columns:34px minmax(0,1fr) 34px auto;align-items:stretch;gap:4px;min-height:48px;padding:5px 6px;display:grid;position:relative}.tab-view-strip{overscroll-behavior-inline:contain;scrollbar-width:none;direction:ltr;min-width:0;overflow:auto hidden}.tab-view-strip::-webkit-scrollbar{display:none}.tab-view-strip-inner{direction:ltr;flex-direction:row-reverse;justify-content:flex-start;align-items:stretch;gap:4px;width:max-content;min-width:100%;min-height:38px;display:flex}.tab-view-tab-shell{min-width:126px;max-width:250px;height:38px;color:var(--foreground-soft,var(--foreground));background:0 0;border:1px solid #0000;border-radius:10px;flex:none;align-items:stretch;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:flex;position:relative;overflow:hidden}.tab-view-tab-shell:hover{background:var(--surface);color:var(--foreground);border-color:#e6e9ed}.tab-view-tab-shell.is-active{background:var(--surface);color:var(--primary);box-shadow:0 3px 10px #1f252d0d, inset 0 -2px 0 var(--tab-view-active);border-color:#bfdbfe}.tab-view-tab-shell.is-busy{cursor:progress}.tab-view-tab{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:right;direction:rtl;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0 10px;font-size:10.5px;font-weight:600;display:flex}.tab-view-tab:disabled{opacity:.46;cursor:not-allowed}.tab-view-tab:focus-visible,.tab-view-tab-close:focus-visible,.tab-view-scroll-button:focus-visible,.tab-view-more-button:focus-visible,.tab-view-actions-menu button:focus-visible{outline:2px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.tab-view-tab:focus-visible,.tab-view-tab-close:focus-visible,.tab-view-scroll-button:focus-visible,.tab-view-more-button:focus-visible,.tab-view-actions-menu button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) calc(.38 * 100%), transparent)}}.tab-view-tab:focus-visible,.tab-view-tab-close:focus-visible,.tab-view-scroll-button:focus-visible,.tab-view-more-button:focus-visible,.tab-view-actions-menu button:focus-visible{outline-offset:-2px}.tab-view-tab-icon{width:18px;height:18px;color:var(--muted);flex:0 0 18px;place-items:center;line-height:0;display:grid}.tab-view-tab-icon svg{width:16px;height:16px}.is-active .tab-view-tab-icon{color:var(--tab-view-active)}.tab-view-tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab-view-tab-badge{color:#727880;background:#eef0f3;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;padding-inline:5px;font-size:8px;font-weight:800;display:inline-flex}.is-active .tab-view-tab-badge{color:#1d4ed8;background:#eff6ff}.tab-view-tab-dirty{background:#3b82f6;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 2px #f59e0b1f}.tab-view-tab-spinner{border:2px solid var(--border);border-top-color:var(--tab-view-active);border-radius:50%;flex:0 0 13px;width:13px;height:13px;animation:.7s linear infinite tab-view-spin}.tab-view-tab-close{color:#a1a6ad;cursor:pointer;background:0 0;border:0;flex:0 0 28px;place-items:center;width:28px;padding:0;line-height:0;display:grid}.tab-view-tab-close:hover{color:#1d4ed8;background:#eff6ff}.tab-view-tab-close svg{width:14px;height:14px}.tab-view-scroll-button,.tab-view-more-button{width:34px;min-width:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-self:stretch;place-items:center;padding:0;line-height:0;display:grid}.tab-view-scroll-button:hover:not(:disabled),.tab-view-more-button:hover{background:var(--surface);color:var(--tab-view-active);box-shadow:inset 0 0 0 1px #e8eaee}.tab-view-scroll-button:disabled{opacity:.26;cursor:default}.tab-view-scroll-button svg,.tab-view-more-button svg{width:18px;height:18px}.tab-view-actions{direction:rtl;display:flex;position:relative}.tab-view-actions-menu{z-index:700;border:1px solid var(--border);direction:rtl;background:#fffffffc;border-radius:12px;width:190px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 18px 45px #191f2629,0 4px 12px #191f260f}.tab-view-actions-menu button{color:#5c626a;cursor:pointer;text-align:right;width:100%;min-height:36px;font:inherit;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:10px}.tab-view-actions-menu button:hover:not(:disabled){background:var(--primary-light,var(--surface-secondary));color:#1d4ed8}.tab-view-actions-menu button:disabled{opacity:.38;cursor:not-allowed}.tab-view-content{background:var(--surface);flex:auto;min-height:0;position:relative;overflow:hidden}.tab-view-panel{width:100%;height:100%;min-height:var(--tab-view-min-height,420px);color:var(--text);text-align:right;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong,var(--border)) transparent;direction:rtl;font-family:inherit;overflow:auto}.tab-view-panel[hidden]{display:none!important}.tab-view-panel::-webkit-scrollbar{width:8px;height:8px}.tab-view-panel::-webkit-scrollbar-track{background:0 0}.tab-view-panel::-webkit-scrollbar-thumb{background:var(--border-strong,var(--border));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.tab-view-panel::-webkit-scrollbar-thumb:hover{background-color:#bcc2ca}.tab-view-empty{min-height:var(--tab-view-min-height,420px);color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:36px;display:grid}.tab-view-empty-icon{background:var(--primary-light,var(--surface-secondary));width:52px;height:52px;color:var(--tab-view-active);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.tab-view-empty-icon svg{width:27px;height:27px}.tab-view-empty strong{color:#40454c;font-size:13px}.tab-view-empty p{max-width:430px;margin:0;font-size:10px;line-height:1.9}.tab-demo-view{background:var(--surface-secondary);min-height:100%;padding:20px}.tab-demo-view-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.tab-demo-view-header h3{margin:3px 0 0;font-size:16px}.tab-demo-view-header p{color:var(--muted);margin:6px 0 0;font-size:10px}.tab-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tab-demo-tile{background:var(--surface);border:1px solid #e8eaed;border-radius:13px;min-height:92px;padding:14px}.tab-demo-tile span{color:var(--muted);font-size:9px;display:block}.tab-demo-tile strong{color:#353a40;margin-top:7px;font-size:18px;display:block}.tab-demo-form-grid{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid;box-shadow:0 6px 20px #1f252d09}.tab-demo-field{align-content:start;gap:7px;min-width:0;display:grid}.tab-demo-field-wide{grid-column:1/-1}.tab-demo-field>span{color:var(--foreground-soft,var(--foreground));font-size:10px;font-weight:700}.tab-demo-field>small{color:var(--muted);font-size:9px;line-height:1.65}.tab-demo-field>input,.tab-demo-field>select,.tab-demo-field>textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:0 11px;transition:border-color .15s,box-shadow .15s,background .15s}.tab-demo-field>textarea{resize:vertical;min-height:88px;padding-block:9px}.tab-demo-field>input:hover,.tab-demo-field>select:hover,.tab-demo-field>textarea:hover{border-color:#d9dde2}.tab-demo-field>input:focus,.tab-demo-field>select:focus,.tab-demo-field>textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.tab-demo-field>input:focus,.tab-demo-field>select:focus,.tab-demo-field>textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) calc(.09 * 100%), transparent)}}.tab-demo-field>input:focus,.tab-demo-field>select:focus,.tab-demo-field>textarea:focus{background:var(--surface)}.tab-demo-field>input:read-only{background:var(--surface-secondary);color:#767b82}.tab-view-panel .mbfk-number-box,.tab-view-panel .mbfk-currency-box,.tab-view-panel .mbfk-date-entry,.tab-view-panel .mbfk-date-picker,.tab-view-panel .lookup-control{width:100%;min-width:0}.tab-demo-counter{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.tab-demo-counter strong{text-align:center;min-width:48px}.tab-view-demo-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tab-view-demo-note{color:var(--muted);margin:10px 0 0;font-size:9.5px;line-height:1.8}@keyframes tab-view-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.tab-view{border-radius:13px}.tab-view-header{grid-template-columns:30px minmax(0,1fr) 30px auto;padding-inline:4px}.tab-view-scroll-button,.tab-view-more-button{width:30px;min-width:30px}.tab-view-tab-shell{min-width:116px;max-width:190px}.tab-view-tab{padding-inline:8px;font-size:10px}.tab-demo-grid,.tab-demo-form-grid{grid-template-columns:1fr}.tab-demo-field-wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.tab-view-tab-shell,.tab-view-tab-spinner{transition:none}.tab-view-tab-spinner{animation-duration:1.6s}}.multi-step-view{--multi-step-accent:var(--primary,#2563eb);--multi-step-accent-soft:var(--primary-light,var(--surface-secondary));--multi-step-border:var(--border,var(--border));--multi-step-muted:var(--muted,#858b94);--multi-step-min-height:360px;min-width:0;min-height:var(--multi-step-min-height);border:1px solid var(--multi-step-border);background:var(--surface);color:var(--text,#2d3238);direction:rtl;border-radius:16px;display:grid;overflow:hidden}.multi-step-horizontal{grid-template-rows:auto minmax(0,1fr)}.multi-step-vertical{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.multi-step-rail{background:linear-gradient(180deg, var(--surface-secondary), var(--surface-secondary));min-width:0}.multi-step-horizontal .multi-step-rail{border-bottom:1px solid var(--multi-step-border)}.multi-step-vertical .multi-step-rail{border-left:1px solid var(--multi-step-border)}.multi-step-list{min-width:max-content;margin:0;padding:14px 16px;list-style:none}.multi-step-horizontal .multi-step-list{scrollbar-width:thin;scrollbar-color:transparent transparent;align-items:flex-start;display:flex;overflow:auto hidden}.multi-step-horizontal .multi-step-list:hover{scrollbar-color:var(--border-strong,var(--border)) transparent}.multi-step-horizontal .multi-step-list::-webkit-scrollbar{height:6px}.multi-step-horizontal .multi-step-list::-webkit-scrollbar-track{background:0 0}.multi-step-horizontal .multi-step-list::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.multi-step-horizontal .multi-step-list:hover::-webkit-scrollbar-thumb{background:var(--border-strong,var(--border))}.multi-step-vertical .multi-step-list{gap:2px;min-width:0;padding:14px 12px;display:grid}.multi-step-item{min-width:0;position:relative}.multi-step-horizontal .multi-step-item{flex:1 0 180px;align-items:flex-start;display:flex}.multi-step-vertical .multi-step-item{grid-template-columns:1fr;display:grid}.multi-step-trigger{z-index:2;color:#6f757d;min-width:0;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:7px 8px;transition:background .16s,color .16s,transform .16s;display:flex;position:relative}.multi-step-horizontal .multi-step-trigger{flex:0 auto}.multi-step-vertical .multi-step-trigger{width:100%}.multi-step-trigger:hover:not(:disabled){background:var(--surface);color:#33383f}.multi-step-trigger:focus-visible{outline-offset:2px;outline:2px solid #2563eb3d}.multi-step-trigger:disabled{cursor:default}.multi-step-marker{border:1px solid var(--border-strong,var(--border));background:var(--surface);color:#868c94;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;transition:all .18s;display:grid}.multi-step-marker svg{width:16px;height:16px}.multi-step-labels{gap:3px;min-width:0;display:grid}.multi-step-labels strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800;overflow:hidden}.multi-step-labels small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;line-height:1.5;overflow:hidden}.multi-step-item.is-current .multi-step-trigger{color:#1d4ed8}.multi-step-item.is-current .multi-step-marker{background:var(--multi-step-accent);color:var(--surface);border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1a}.multi-step-item.is-completed .multi-step-trigger{color:#2563eb}.multi-step-item.is-completed .multi-step-marker{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.multi-step-item.is-error .multi-step-trigger{color:#2563eb}.multi-step-item.is-error .multi-step-marker{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.multi-step-item.is-disabled{opacity:.42}.multi-step-connector{z-index:1;background:var(--border-strong,var(--border));display:block;position:relative}.multi-step-horizontal .multi-step-connector{flex:58px;min-width:26px;height:1px;margin:23px 5px 0}.multi-step-vertical .multi-step-connector{width:1px;height:18px;margin:-1px 23px -1px 0}.multi-step-item.is-completed .multi-step-connector{background:#bfdbfe}.multi-step-stage{background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.multi-step-stage-head{border-bottom:1px solid var(--border);flex:none;grid-template-columns:minmax(0,1fr) minmax(120px,220px);align-items:center;gap:18px;padding:17px 20px 14px;display:grid}.multi-step-stage-head>div:first-child{min-width:0}.multi-step-stage-head span{color:var(--muted);font-size:8.5px;font-weight:700}.multi-step-stage-head h3{color:var(--foreground);margin:3px 0 0;font-size:15px}.multi-step-stage-head p{color:var(--muted);margin:5px 0 0;font-size:9.5px;line-height:1.75}.multi-step-progress{background:var(--border);direction:rtl;border-radius:999px;height:5px;overflow:hidden}.multi-step-progress>span{border-radius:inherit;background:linear-gradient(90deg, #60a5fa, var(--multi-step-accent));height:100%;transition:width .24s;display:block}.multi-step-panels{scrollbar-width:thin;scrollbar-color:var(--border-strong,var(--border)) transparent;flex:auto;min-height:0;overflow:auto}.multi-step-panels::-webkit-scrollbar{width:8px;height:8px}.multi-step-panels::-webkit-scrollbar-thumb{background:var(--border-strong,var(--border));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.multi-step-panel{min-height:100%;padding:20px;animation:.2s both multi-step-panel-in}.multi-step-panel[hidden]{display:none!important}.multi-step-error{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex:none;align-items:center;gap:8px;margin:0 20px 12px;padding:9px 11px;font-size:9.5px;display:flex}.multi-step-error svg{flex:0 0 16px;width:16px;height:16px}.multi-step-footer{background:var(--surface-secondary);border-top:1px solid #eceef1;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:11px 18px;display:flex}.multi-step-footer-primary,.multi-step-footer-secondary{align-items:center;gap:8px;display:flex}.multi-step-footer .button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.multi-step-footer .button svg{width:15px;height:15px}.multi-step-arrow-next{transform:rotate(180deg)}.multi-step-arrow-back{transform:none}.multi-step-view.is-busy .multi-step-stage{cursor:progress}.multi-step-empty{min-height:160px;color:var(--multi-step-muted);place-items:center}.multi-step-demo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;display:grid}.multi-step-demo-field{gap:7px;min-width:0;display:grid}.multi-step-demo-field-wide{grid-column:1/-1}.multi-step-demo-field>span{color:var(--foreground-soft,var(--foreground));font-size:10px;font-weight:700}.multi-step-demo-field>input,.multi-step-demo-field>textarea,.multi-step-demo-field>select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:0 11px}.multi-step-demo-field>textarea{resize:vertical;min-height:90px;padding-block:10px}.multi-step-demo-field>input:focus,.multi-step-demo-field>textarea:focus,.multi-step-demo-field>select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.multi-step-demo-review{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.multi-step-demo-review>div{border:1px solid var(--border);background:var(--surface-secondary);border-radius:11px;padding:12px}.multi-step-demo-review span{color:var(--muted);font-size:8.5px;display:block}.multi-step-demo-review strong{color:#3c4147;margin-top:5px;font-size:11px;display:block}.multi-step-demo-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.multi-step-demo-toolbar .segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.multi-step-demo-toolbar .segmented-control button{border:0;border-inline-start:1px solid var(--border);color:#747a82;min-height:36px;font:inherit;cursor:pointer;background:0 0;padding:0 12px;font-size:9.5px}.multi-step-demo-toolbar .segmented-control button:first-child{border-inline-start:0}.multi-step-demo-toolbar .segmented-control button.is-active{color:#1d4ed8;background:#eff6ff;font-weight:800}@keyframes multi-step-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.multi-step-vertical{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.multi-step-vertical .multi-step-rail{border-left:0;border-bottom:1px solid var(--multi-step-border)}.multi-step-vertical .multi-step-list{align-items:flex-start;min-width:max-content;padding:12px 14px;display:flex;overflow-x:auto}.multi-step-vertical .multi-step-item{flex:1 0 170px;display:flex}.multi-step-vertical .multi-step-trigger{width:auto}.multi-step-vertical .multi-step-connector{flex:50px;width:auto;min-width:24px;height:1px;margin:23px 4px 0}}@media (max-width:640px){.multi-step-list{padding:10px 11px}.multi-step-horizontal .multi-step-item,.multi-step-vertical .multi-step-item{flex-basis:145px}.multi-step-marker{flex-basis:28px;width:28px;height:28px}.multi-step-labels small{display:none}.multi-step-stage-head{grid-template-columns:1fr;gap:10px;padding:14px}.multi-step-panel{padding:14px}.multi-step-error{margin-inline:14px}.multi-step-footer{flex-direction:column-reverse;align-items:stretch;padding:10px 14px}.multi-step-footer-primary,.multi-step-footer-secondary{width:100%}.multi-step-footer-primary .button{flex:1}.multi-step-footer-secondary .button{width:100%}.multi-step-demo-fields,.multi-step-demo-review{grid-template-columns:1fr}.multi-step-demo-field-wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.multi-step-panel{animation:none!important}.multi-step-progress>span,.multi-step-marker,.multi-step-trigger{transition:none!important}}.data-grid-shell{text-align:right;border:1px solid var(--border);background:var(--surface);direction:rtl;border-radius:15px;width:100%;min-width:0;overflow:hidden;box-shadow:0 4px 14px #22272f09}.grid-toolbar,.grid-footer{background:var(--surface);min-height:50px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:9px 13px;display:flex}.grid-toolbar{border-bottom:1px solid var(--border)}.grid-footer{border-top:1px solid var(--border)}.grid-toolbar strong{color:var(--text);font-size:12px}.grid-toolbar-note{font-size:9px;line-height:1.7}.data-grid-scroller{overscroll-behavior:contain;background:var(--surface);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;direction:ltr;width:100%;min-width:0;max-height:560px;position:relative;overflow:auto}.data-grid{table-layout:fixed;border-collapse:separate;border-spacing:0;direction:rtl;width:auto;min-width:100%;font-size:11px}.data-grid th,.data-grid td{box-sizing:border-box;border-left:1px solid var(--border);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:0;position:relative;overflow:hidden}.data-grid th:last-child,.data-grid td:last-child{border-left:0}.data-grid thead th{z-index:8;background:var(--surface-secondary);height:44px;color:var(--foreground-soft,var(--foreground));font-weight:700;position:sticky;top:0}.data-grid thead tr.filter-row th{z-index:7;background:var(--surface);height:43px;box-shadow:0 1px 0 var(--border);top:44px}.grid-header-button{width:100%;height:44px;color:inherit;text-align:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-weight:700;display:flex}.grid-header-button.is-sortable{cursor:pointer}.grid-header-button.is-sortable:hover{background:var(--primary-soft);color:var(--primary)}.sort-indicator{color:var(--primary);align-items:center;gap:4px;display:inline-flex}.sort-indicator small{width:16px;height:16px;color:var(--primary);background:#dbeafe;border-radius:50%;place-items:center;font-size:8px;display:inline-grid}.column-resizer{z-index:15;cursor:col-resize;touch-action:none;width:7px;position:absolute;top:0;bottom:0;left:-3px}.column-resizer:after{content:"";background:0 0;width:1px;position:absolute;top:8px;bottom:8px;left:3px}.column-resizer:hover:after,body.grid-resizing .column-resizer:after{background:var(--primary)}.filter-row input{border:1px solid var(--border);background:var(--surface-secondary);width:calc(100% - 12px);height:31px;color:var(--text);text-align:right;direction:rtl;border-radius:8px;margin:6px;padding:0 9px;font-family:inherit}.filter-row input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.filter-row input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) calc(.08 * 100%), transparent)}}.filter-placeholder{height:43px;display:block}.data-grid tbody tr{background:var(--surface);transition:background .12s}.data-grid tbody tr:nth-child(2n){background:var(--surface-secondary)}.data-grid tbody tr:hover{background:var(--primary-light,var(--surface-secondary))}.data-grid tbody tr.is-selected{background:var(--primary-light,var(--surface-secondary));box-shadow:inset -3px 0 var(--primary)}.data-grid td{height:46px;color:var(--foreground-soft,var(--foreground));padding:0 12px}.data-grid tbody tr:last-child td{border-bottom:0}.grid-empty{text-align:center!important;height:150px!important;color:var(--muted)!important}.grid-pagination .button{min-height:32px;padding:5px 10px;font-size:10px}.status{border:1px solid var(--border);border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.status-active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.status-pending{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.status-disabled{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.data-grid-shell.data-grid-fill{height:100%;min-height:0;box-shadow:none;border-bottom:0;border-left:0;border-right:0;border-radius:0;flex-direction:column;flex:auto;display:flex}.data-grid-shell.data-grid-fill .grid-toolbar,.data-grid-shell.data-grid-fill .grid-footer{flex:none}.data-grid-shell.data-grid-fill .data-grid-scroller{flex:auto;min-height:0;max-height:none}.data-grid-skeleton-fill{flex:auto;height:100%;min-height:0}.data-grid-skeleton-fill>.mbfk-grid-skeleton{height:100%;min-height:0}.inline-data-grid-shell{text-align:right;border:1px solid var(--border);background:var(--surface);direction:rtl;border-radius:15px;outline:none;width:100%;min-width:0;overflow:hidden;box-shadow:0 4px 14px #22272f09}.inline-grid-toolbar{border-bottom:1px solid var(--border);background:var(--surface);min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:8px 11px 8px 13px;display:flex}.inline-grid-summary,.inline-grid-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-grid-summary strong{color:var(--text);font-size:12px}.inline-grid-shortcuts{color:var(--muted);margin-right:3px;font-size:9px}.inline-dirty-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:700}.inline-grid-actions .button{min-height:32px;padding:5px 10px;font-size:10px}.inline-data-grid-scroller{overscroll-behavior:contain;background:var(--surface);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;direction:ltr;width:100%;min-width:0;max-height:520px;position:relative;overflow:auto}.inline-data-grid{table-layout:fixed;border-collapse:separate;border-spacing:0;direction:rtl;width:auto;min-width:100%;font-size:10px}.inline-data-grid th,.inline-data-grid td{box-sizing:border-box;border-left:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:0;position:relative}.inline-data-grid th:last-child,.inline-data-grid td:last-child{border-left:0}.inline-data-grid thead th{z-index:8;background:var(--surface-secondary);height:44px;color:var(--foreground-soft,var(--foreground));text-align:right;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.inline-grid-header-label{text-overflow:ellipsis;align-items:center;gap:5px;height:44px;padding:0 11px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.inline-grid-header-label b{color:var(--danger)}.inline-data-grid tbody tr{background:var(--surface)}.inline-data-grid tbody tr:nth-child(2n){background:var(--surface-secondary)}.inline-data-grid tbody tr:hover,.inline-data-grid tbody tr:focus-within{background:#eff6ff}.inline-data-grid td{height:48px;color:var(--foreground-soft,var(--foreground))}.inline-data-grid tbody tr:last-child td{border-bottom:0}.inline-static-cell{text-overflow:ellipsis;color:#656a71;background:#f8f9fa73;align-items:center;min-height:47px;padding:0 10px;display:flex;overflow:hidden}.inline-row-number-column,.inline-row-number-cell{width:52px;min-width:52px;max-width:52px;text-align:center!important}.inline-row-number-cell{background:var(--surface-secondary);font-weight:700;color:#999da4!important}.inline-delete-column,.inline-delete-cell{width:62px;min-width:62px;max-width:62px;text-align:center!important}.inline-delete-button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;place-items:center;width:28px;height:28px;margin:9px auto;font-size:17px;line-height:1;display:inline-grid}.inline-delete-button:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.inline-delete-button:disabled{opacity:.4;cursor:not-allowed}.inline-checkbox-wrap{min-height:47px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:9px;display:flex}.inline-checkbox-wrap input{width:15px;height:15px;accent-color:var(--primary)}.inline-data-grid td>input:not([type=checkbox]),.inline-data-grid td>select,.inline-data-grid td .mbfk-number-box,.inline-data-grid td .mbfk-date-entry>input,.inline-data-grid td .lookup-control>input,.inline-data-grid td .mbfk-date-picker-input-row input{width:100%;height:47px;min-height:47px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0 10px}.inline-data-grid td>input:not([type=checkbox]):focus,.inline-data-grid td>select:focus,.inline-data-grid td .mbfk-number-box:focus,.inline-data-grid td .mbfk-date-entry>input:focus,.inline-data-grid td .lookup-control>input:focus{z-index:2;background:var(--primary-light,var(--surface-secondary));box-shadow:inset 0 0 0 2px var(--primary);position:relative}.inline-data-grid td .mbfk-currency-box,.inline-data-grid td .mbfk-date-entry,.inline-data-grid td .mbfk-date-picker,.inline-data-grid td .lookup,.inline-data-grid td .lookup-control{width:100%;min-width:0}.inline-data-grid td .mbfk-currency-box .mbfk-number-box{padding-left:55px}.inline-data-grid td .mbfk-currency-suffix{background:0 0;font-size:8px;left:8px}.inline-data-grid td .lookup-control>input{padding-left:29px;padding-right:31px}.inline-data-grid td .lookup-clear{width:22px;height:22px;right:6px}.inline-data-grid td .lookup-arrow{width:28px;left:5px}.inline-data-grid td .mbfk-date-picker-toggle{border-radius:7px;width:30px;height:30px;left:6px}.inline-data-grid td .mbfk-date-picker-input-row .mbfk-date-entry>input{padding-left:39px}.inline-data-grid select{appearance:auto}.inline-data-grid input.is-invalid,.inline-data-grid select.is-invalid,.inline-data-grid .mbfk-date-entry.is-invalid>input,.inline-data-grid .mbfk-currency-box.is-invalid .mbfk-number-box,.inline-data-grid .lookup.is-invalid .lookup-control>input{background:#eff6ff!important;box-shadow:inset 0 0 0 1px #93c5fd!important}.inline-data-grid td .mbfk-date-entry-error-icon{width:16px;height:16px;font-size:10px;right:7px}.inline-cell-has-error{padding-bottom:14px!important}.inline-cell-error{text-overflow:ellipsis;color:#1d4ed8;pointer-events:none;font-size:7px;line-height:1.2;position:absolute;bottom:2px;left:7px;right:7px;overflow:hidden}.data-grid-scroller::-webkit-scrollbar{width:10px;height:10px}.inline-data-grid-scroller::-webkit-scrollbar{width:10px;height:10px}.data-grid-scroller::-webkit-scrollbar-track{background:var(--surface-secondary)}.inline-data-grid-scroller::-webkit-scrollbar-track{background:var(--surface-secondary)}.data-grid-scroller::-webkit-scrollbar-thumb{border:2px solid var(--surface-secondary);background:#cfd3d8;border-radius:999px}.inline-data-grid-scroller::-webkit-scrollbar-thumb{border:2px solid var(--surface-secondary);background:#cfd3d8;border-radius:999px}.data-grid-scroller::-webkit-scrollbar-thumb:hover{background:#b8bdc4}.inline-data-grid-scroller::-webkit-scrollbar-thumb:hover{background:#b8bdc4}.data-grid-scroller,.inline-data-grid-scroller{scrollbar-color:#cfd3d8 var(--surface-secondary);scrollbar-width:auto}body.grid-resizing,body.grid-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.grid-toolbar-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.grid-header-button:disabled{opacity:1;cursor:default}.data-grid-scroller,.inline-data-grid-scroller{position:relative}.grid-loading-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-height:90px;color:var(--muted);background:#ffffffb8;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.grid-action-spinner{border:2px solid;border-left-color:#0000;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite spin;display:inline-block}.inline-delete-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.grid-actions-header{background:var(--surface-secondary)!important}.grid-actions-cell{text-align:center!important;padding:0 8px!important}.grid-icon-actions{direction:rtl;justify-content:center;align-items:center;gap:5px;min-height:42px;display:flex}.grid-icon-button{border:1px solid var(--border);background:var(--surface);color:#767b83;cursor:pointer;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;line-height:0;transition:all .14s;display:inline-flex}.grid-icon-button svg{width:15px;height:15px;display:block}.grid-action-button{border:1px solid var(--border);background:var(--surface);color:#767b83;cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:116px;min-height:32px;padding:6px 10px;font-size:11px;font-weight:800;line-height:1.2;transition:all .14s;display:inline-flex}.grid-action-button svg{flex:none;width:15px;height:15px;display:block}.grid-action-button:hover:not(:disabled){background:var(--primary-light,var(--surface-secondary));color:var(--primary);box-shadow:0 5px 12px var(--primary);border-color:#93c5fd;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.grid-action-button:hover:not(:disabled){box-shadow:0 5px 12px color-mix(in srgb, var(--primary) calc(.1 * 100%), transparent)}}.grid-action-button:disabled{opacity:.35;cursor:not-allowed}.grid-icon-button:hover:not(:disabled){background:var(--primary-light,var(--surface-secondary));color:var(--primary);box-shadow:0 5px 12px var(--primary);border-color:#93c5fd;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.grid-icon-button:hover:not(:disabled){box-shadow:0 5px 12px color-mix(in srgb, var(--primary) calc(.1 * 100%), transparent)}}.grid-icon-button:disabled{opacity:.35;cursor:not-allowed}.grid-icon-primary{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.grid-icon-danger{color:var(--danger);background:#eff6ff;border-color:#bfdbfe}.grid-icon-success{color:var(--success);background:#eff6ff;border-color:#bfdbfe}.grid-chart-cell{padding-top:4px!important;padding-bottom:4px!important}.grid-mini-chart,.grid-mini-sparkline{width:116px;max-width:100%;height:32px;margin:0 auto;display:block;overflow:visible}.grid-mini-chart rect{fill:#3b82f6}.grid-mini-chart rect:nth-child(3n+1){fill:var(--primary)}.grid-mini-chart rect.is-negative{fill:#1d4ed8}.grid-mini-sparkline polyline{stroke:var(--primary);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.grid-progress-cell{direction:rtl;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:8px;min-width:120px;display:grid}.grid-progress-track{background:#eff1f3;border-radius:999px;height:7px;overflow:hidden}.grid-progress-track span{border-radius:inherit;background:linear-gradient(90deg, #60a5fa, var(--primary));height:100%;display:block}.grid-progress-cell strong{min-width:35px;color:var(--foreground-soft,var(--foreground));text-align:left;font-size:10px}.entity-workspace{grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);align-items:stretch;gap:16px;display:grid}.entity-form-panel{border:1px solid var(--border);background:var(--surface-secondary);border-radius:15px;min-width:0;padding:16px}.model-data-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.model-field{align-content:start;gap:7px;min-width:0;display:grid}.model-field-span-2,.model-field-span-3,.model-field-span-4{grid-column:span 2}.model-field-label{color:var(--foreground-soft,var(--foreground));font-size:10px;font-weight:700}.model-field-label b{color:var(--primary);margin-right:3px}.model-field>input,.model-field>select,.model-field>textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:0 11px;transition:border-color .15s,box-shadow .15s}.model-field>textarea{resize:vertical;min-height:84px;padding-top:10px}.model-field>input:focus,.model-field>select:focus,.model-field>textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.model-field>input:focus,.model-field>select:focus,.model-field>textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) calc(.09 * 100%), transparent)}}.model-field small{color:var(--muted);font-size:9px;line-height:1.6}.model-field .model-field-error{color:var(--danger)}.model-field.has-error>input,.model-field.has-error>select,.model-field.has-error>textarea{border-color:#93c5fd}.model-checkbox{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.model-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.form-action-row{justify-content:flex-start;margin-top:16px}.entity-json-panel{color:#f4f4f5;background:#26282d;border-radius:15px;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.json-panel-head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:48px;padding:0 15px;display:flex}.json-panel-head span{font-size:11px;font-weight:700}.json-panel-head small{background:var(--primary);border-radius:999px;padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.json-panel-head small{background:color-mix(in srgb, var(--primary) calc(.18 * 100%), transparent)}}.json-panel-head small{color:#2563eb;font-size:8px}.entity-json-panel pre{text-align:left;color:#bfdbfe;white-space:pre-wrap;word-break:break-word;direction:ltr;min-height:100%;max-height:480px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.65;overflow:auto}.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:10px;padding:0 11px;transition:border-color .15s,box-shadow .15s,background .15s}.mbfk-number-box:focus,.mbfk-date-entry>input:focus,.lookup-control>input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.mbfk-number-box:focus,.mbfk-date-entry>input:focus,.lookup-control>input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) calc(.09 * 100%), transparent)}}.mbfk-number-box{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}.mbfk-currency-box{width:100%;position:relative}.mbfk-currency-box .mbfk-number-box{padding-left:62px}.mbfk-currency-suffix{border-right:1px solid var(--border);color:#93979e;pointer-events:none;padding-right:8px;font-size:9px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.mbfk-date-entry{width:100%;position:relative}.mbfk-date-entry>input{text-align:center;letter-spacing:.04em;font-variant-numeric:tabular-nums;direction:ltr}.mbfk-date-entry.is-invalid>input,.mbfk-date-entry>input.is-invalid,.mbfk-number-box.is-invalid,.mbfk-currency-box.is-invalid .mbfk-number-box{background:#eff6ff;border-color:#93c5fd}.mbfk-date-entry.is-invalid>input{background:#eff6ff;border-color:#3b82f6;padding-right:34px;box-shadow:inset 0 0 0 1px #d35f6714}.mbfk-date-entry-error-icon{width:18px;height:18px;color:var(--surface);pointer-events:none;z-index:3;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.mbfk-control-error{color:var(--danger);margin-top:5px;font-size:9px;display:block}.control-demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.control-demo-field,.lookup-demo-field{border:1px solid var(--border);background:var(--surface-secondary);border-radius:14px;align-content:start;gap:7px;min-width:0;padding:14px;display:grid}.control-demo-field>span,.lookup-demo-field>span{color:var(--foreground-soft,var(--foreground));font-size:10px;font-weight:700}.control-demo-field>small{color:var(--muted);font-size:9px;line-height:1.6}.mbfk-upload{--upload-accent:var(--primary);--upload-accent-soft:var(--primary-soft);width:100%;min-width:0}.mbfk-upload-dropzone{border:1.5px dashed var(--border-strong,var(--border));background:linear-gradient(180deg, var(--surface), var(--surface-secondary));border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:156px;padding:22px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.mbfk-upload-dropzone.is-dragging{border-color:var(--upload-accent);background:var(--primary-light,var(--surface-secondary));box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.mbfk-upload-dropzone.is-dragging{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) calc(.08 * 100%), transparent)}}.mbfk-upload-dropzone.is-dragging{transform:translateY(-1px)}.mbfk-upload-dropzone.is-disabled{opacity:.55;cursor:not-allowed}.mbfk-upload-drop-icon{background:var(--upload-accent-soft);width:56px;height:56px;color:var(--upload-accent);border-radius:16px;place-items:center;display:grid}.mbfk-upload-drop-icon svg{width:28px;height:28px}.mbfk-upload-drop-copy{color:#858a92;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.mbfk-upload-drop-copy strong{color:#444850;width:100%;font-size:12px}.mbfk-upload-drop-copy small{width:100%;color:var(--muted);margin-top:3px;font-size:9px;line-height:1.7}.mbfk-upload-browse{min-height:32px;color:var(--upload-accent);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:5px 10px;font-weight:800}.mbfk-upload-browse:hover:not(:disabled){background:var(--upload-accent-soft)}.mbfk-upload-browse:disabled{cursor:not-allowed}.mbfk-upload-validation,.mbfk-upload-validation-list{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:10px 0 0;padding:9px 11px;font-size:9px;line-height:1.7}.mbfk-upload-validation-list p{margin:0}.mbfk-upload-validation-list p+p{margin-top:3px}.mbfk-upload-validation-list small{color:#2563eb;margin-top:4px;display:block}.mbfk-upload-file-list{gap:9px;margin-top:12px;display:grid}.mbfk-upload-file{border:1px solid var(--border);background:var(--surface);border-radius:13px;min-width:0;padding:12px 13px;transition:border-color .15s,background .15s,box-shadow .15s}.mbfk-upload-file.is-uploading,.mbfk-upload-file.is-success,.mbfk-upload-file.is-error{background:#f8fbff;border-color:#bfdbfe}.mbfk-upload-file.is-canceled{background:var(--surface-secondary);opacity:.78}.mbfk-upload-file-main{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.mbfk-upload-file-icon{background:var(--surface-secondary);color:#7e848d;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.mbfk-upload-file-icon svg{width:20px;height:20px}.mbfk-upload-file-copy{min-width:0}.mbfk-upload-file-copy strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;font-size:10px;display:block;overflow:hidden}.mbfk-upload-file-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:8px;display:flex}.mbfk-upload-status{align-items:center;gap:4px;display:inline-flex}.mbfk-upload-status:before{content:"";background:#b2b6bd;border-radius:50%;width:5px;height:5px}.mbfk-upload-status.is-uploading:before{background:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.mbfk-upload-status.is-uploading:before{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) calc(.12 * 100%), transparent)}}.mbfk-upload-status.is-success{color:#2563eb}.mbfk-upload-status.is-success:before{background:var(--success)}.mbfk-upload-status.is-error{color:var(--danger)}.mbfk-upload-status.is-error:before{background:var(--danger)}.mbfk-upload-file-actions{align-items:center;gap:4px;display:flex}.mbfk-upload-icon-button{border:1px solid var(--border);background:var(--surface);color:#777c84;cursor:pointer;border-radius:9px;place-items:center;width:31px;height:31px;transition:border-color .14s,background .14s,color .14s,transform .14s;display:grid}.mbfk-upload-icon-button svg{width:16px;height:16px}.mbfk-upload-icon-button:hover{background:var(--primary-light,var(--surface-secondary));color:var(--primary);border-color:#93c5fd;transform:translateY(-1px)}.mbfk-upload-icon-button.is-danger:hover{color:var(--danger);background:#fff6f6;border-color:#93c5fd}.mbfk-upload-progress-row{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:10px;margin-top:10px;display:grid}.mbfk-upload-progress-track{background:var(--border);direction:ltr;border-radius:999px;height:6px;overflow:hidden}.mbfk-upload-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #60a5fa);width:0;height:100%;transition:width .18s;display:block}.mbfk-upload-file.is-success .mbfk-upload-progress-track>span{background:var(--success)}.mbfk-upload-file.is-error .mbfk-upload-progress-track>span{background:var(--danger)}.mbfk-upload-percent{color:#777c84;font-variant-numeric:tabular-nums;text-align:left;font-size:8px}.mbfk-upload-byte-progress{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;direction:ltr;margin-top:5px;font-size:8px}.mbfk-upload-error{color:var(--danger);margin:7px 0 0;font-size:8px;line-height:1.65}.mbfk-upload-summary{border:1px solid var(--border);background:var(--surface-secondary);border-radius:13px;margin-top:13px;padding:13px 14px}.mbfk-upload-summary-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mbfk-upload-summary-head strong{color:#484c53;font-size:10px;display:block}.mbfk-upload-summary-head span{color:var(--muted);margin-top:3px;font-size:8px;display:block}.mbfk-upload-summary-head b{color:var(--primary);font-variant-numeric:tabular-nums;font-size:13px}.mbfk-upload-progress-track.is-overall{height:7px;margin-top:10px}.mbfk-upload-summary-meta{color:#92979f;flex-wrap:wrap;align-items:center;gap:12px;margin-top:7px;font-size:8px;display:flex}.mbfk-upload-summary-meta .is-error{color:var(--danger)}.mbfk-upload-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.mbfk-upload-toolbar .button{min-height:34px;padding:6px 11px;font-size:9px}.upload-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.upload-demo-panel{border:1px solid var(--border);background:var(--surface-secondary);border-radius:15px;min-width:0;padding:15px}.upload-demo-panel-head{margin-bottom:11px}.upload-demo-panel-head strong{color:#4e535a;font-size:11px;display:block}.upload-demo-panel-head span{color:#979ca4;margin-top:3px;font-size:9px;line-height:1.7;display:block}@media (max-width:920px){.upload-demo-grid{grid-template-columns:1fr}}@media (max-width:560px){.mbfk-upload-dropzone{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:140px;padding:18px 14px}.mbfk-upload-drop-copy{justify-content:center}.mbfk-upload-drop-copy strong,.mbfk-upload-drop-copy small{text-align:center}.mbfk-upload-file-main{grid-template-columns:34px minmax(0,1fr)}.mbfk-upload-file-actions{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.mbfk-upload-dropzone,.mbfk-upload-icon-button,.mbfk-upload-progress-track>span{transition:none}}.lookup{direction:rtl;width:100%;min-width:0;position:relative}.lookup-control{width:100%;position:relative}.lookup-control>input{text-align:right;direction:rtl;padding-left:32px;padding-right:34px}.lookup-arrow{width:30px;color:var(--muted);pointer-events:none;justify-content:center;align-items:center;line-height:0;display:flex;position:absolute;top:0;bottom:0;left:6px}.lookup-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.lookup-clear{color:#959aa1;cursor:pointer;z-index:2;background:#f3f4f5;border:0;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lookup-clear svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:13px;height:13px;display:block}.lookup-clear:hover{color:var(--primary);background:#eff6ff}.lookup.is-invalid .lookup-control>input{background:#eff6ff;border-color:#93c5fd}.lookup-menu{z-index:100000;border:1px solid var(--border);background:var(--surface);direction:rtl;border-radius:12px;max-height:260px;padding:5px;overflow:auto;box-shadow:0 20px 50px #272a3026}.lookup-menu.lookup-menu-portal{overscroll-behavior:contain;isolation:isolate;margin:0;position:fixed;overflow:hidden auto}.lookup-menu button{color:#4d5158;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:38px;padding:7px 9px;display:flex}.lookup-menu button:hover,.lookup-menu button.is-active{background:var(--primary-soft);color:#1d4ed8}.lookup-menu button[aria-selected=true]{box-shadow:inset -2px 0 var(--primary)}.lookup-state{color:var(--muted);text-align:center;padding:14px 10px;font-size:10px}.lookup-error{color:var(--danger)}.lookup-spinner{vertical-align:-2px;border:2px solid #dbeafe;border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;margin-left:6px;animation:.7s linear infinite spin;display:inline-block}.lookup-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.mbfk-date-picker{direction:rtl;width:100%;position:relative}.mbfk-date-picker-input-row{width:100%;position:relative}.mbfk-date-picker-input-row .mbfk-date-entry>input{padding-left:40px}.mbfk-date-picker-toggle{background:var(--primary-soft);width:30px;height:30px;color:var(--primary);cursor:pointer;z-index:3;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.mbfk-date-picker-toggle svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.mbfk-date-picker-toggle:hover:not(:disabled){background:#dbeafe}.mbfk-date-picker-toggle:disabled{opacity:.45;cursor:not-allowed}.mbfk-calendar{z-index:100;border:1px solid var(--border);background:var(--surface);direction:rtl;border-radius:14px;width:316px;padding:10px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 45px #23282f24}.mbfk-calendar.mbfk-calendar-portal{z-index:200000;overscroll-behavior:contain;isolation:isolate;margin:0;position:fixed;right:auto;overflow:auto}.mbfk-calendar-header{grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;margin-bottom:8px;display:grid}.mbfk-calendar-header>button{background:var(--surface-secondary);width:32px;height:32px;color:var(--foreground-soft,var(--foreground));cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:0;display:flex}.mbfk-calendar-nav-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.mbfk-calendar-header>button:hover{background:var(--primary-soft);color:var(--primary)}.mbfk-calendar-heading-selectors{justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.mbfk-calendar-heading-button{color:#3f444b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;min-width:72px;height:32px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700}.mbfk-calendar-heading-button:hover,.mbfk-calendar-heading-button.is-active{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.mbfk-calendar-weekdays,.mbfk-calendar-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mbfk-calendar-weekdays span{height:26px;color:var(--muted);place-items:center;font-size:9px;display:grid}.mbfk-calendar-weekdays span.is-friday{color:#2563eb}.mbfk-calendar-days button,.mbfk-calendar-empty{height:31px}.mbfk-calendar-days button{color:var(--foreground-soft,var(--foreground));cursor:pointer;background:0 0;border:0;border-radius:8px;font-family:inherit;font-size:10px}.mbfk-calendar-days button:hover{background:var(--primary-soft);color:var(--primary)}.mbfk-calendar-days button.is-friday:not(.is-selected){color:#1d4ed8}.mbfk-calendar-days button.is-today{color:var(--primary);box-shadow:inset 0 0 0 1px #93c5fd}.mbfk-calendar-days button.is-selected{background:var(--primary);color:var(--surface);box-shadow:none;font-weight:700}.mbfk-calendar-selection-panel{min-height:210px;padding:3px 0}.mbfk-calendar-selection-caption,.mbfk-calendar-year-range{color:#8b9097;justify-content:center;align-items:center;gap:6px;min-height:28px;margin-bottom:7px;font-size:9px;font-weight:500;display:flex}.mbfk-calendar-month-grid,.mbfk-calendar-year-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mbfk-calendar-month-grid button,.mbfk-calendar-year-grid button{border:1px solid var(--border);min-height:42px;color:var(--foreground-soft,var(--foreground));cursor:pointer;background:#fafbfb;border-radius:9px;padding:5px;font-family:inherit;font-size:10px;transition:background .15s,border-color .15s,color .15s,transform .15s}.mbfk-calendar-month-grid button:hover,.mbfk-calendar-year-grid button:hover{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe;transform:translateY(-1px)}.mbfk-calendar-month-grid button.is-current,.mbfk-calendar-year-grid button.is-current{color:var(--primary);border-color:#93c5fd}.mbfk-calendar-month-grid button.is-selected,.mbfk-calendar-year-grid button.is-selected{border-color:var(--primary);background:var(--primary);color:var(--surface);font-weight:700}.mbfk-calendar-footer{border-top:1px solid var(--border);grid-template-columns:repeat(4,auto);justify-content:space-between;gap:5px;margin-top:8px;padding-top:8px;display:grid}.mbfk-calendar-footer button{background:var(--surface-secondary);color:#777b82;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:6px 7px;font-family:inherit;font-size:8px}.mbfk-calendar-footer button:hover{background:var(--primary-soft);color:var(--primary)}.inline-data-grid td .mbfk-date-picker{min-height:45px}.mbfk-date-picker.is-invalid .mbfk-date-entry>input{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 0 0 0 1px #d847520a}.dialog-backdrop{z-index:200000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20222757;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:52px 1fr;gap:15px;width:min(500px,100%);padding:20px;animation:.18s ease-out dialog-in;display:grid;box-shadow:0 25px 70px #1e21272b}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px)scale(.985)}}.dialog-icon{background:var(--primary-soft);width:46px;height:46px;color:var(--primary);border-radius:13px;place-items:center;font-size:20px;font-weight:800;display:grid}.dialog-warning .dialog-icon{color:var(--warning);background:#eff6ff}.dialog-danger .dialog-icon{color:var(--danger);background:#eff6ff}.dialog-content h2{margin:3px 0 7px;font-size:17px}.dialog-content p{color:var(--muted);white-space:pre-wrap;margin:0 0 20px;font-size:11px;line-height:1.8}.dialog-actions{justify-content:flex-start}.mbfk-messagebox-backdrop{z-index:250000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16191f6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mbfk-messagebox{border:1px solid var(--border);background:var(--surface);width:min(100%,560px);max-height:min(720px,100dvh - 32px);color:var(--text);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;animation:.18s ease-out mbfk-messagebox-in;display:grid;overflow:hidden;box-shadow:0 28px 90px #181c2438}.mbfk-messagebox-sm{width:min(100%,420px)}.mbfk-messagebox-md{width:min(100%,560px)}.mbfk-messagebox-lg{width:min(100%,760px)}@keyframes mbfk-messagebox-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.mbfk-messagebox-header{border-bottom:1px solid var(--border);grid-template-columns:52px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:18px 20px 14px;display:grid}.mbfk-messagebox-icon{color:#3779d6;background:#eef5ff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.mbfk-messagebox-icon svg{width:25px;height:25px}.mbfk-messagebox-success .mbfk-messagebox-icon,.mbfk-messagebox-warning .mbfk-messagebox-icon{color:#2563eb;background:#eff6ff}.mbfk-messagebox-error .mbfk-messagebox-icon{color:var(--danger);background:#eff6ff}.mbfk-messagebox-question .mbfk-messagebox-icon{color:var(--primary);background:var(--primary-soft)}.mbfk-messagebox-heading{min-width:0}.mbfk-messagebox-heading h2{margin:0;font-size:16px;font-weight:700;line-height:1.65}.mbfk-messagebox-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.mbfk-messagebox-close:hover:not(:disabled){background:var(--surface-secondary);color:var(--text)}.mbfk-messagebox-close:disabled{opacity:.45;cursor:default}.mbfk-messagebox-close svg{width:18px;height:18px}.mbfk-messagebox-body{scrollbar-width:thin;scrollbar-color:#d8dade transparent;min-height:0;padding:18px 20px;overflow:auto}.mbfk-messagebox-message{color:#4f5561;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2}.mbfk-messagebox-prompt{gap:7px;margin-top:16px;display:grid}.mbfk-messagebox-prompt>span{color:var(--foreground-soft,var(--foreground));font-size:11px;font-weight:600}.mbfk-messagebox-prompt input{border:1px solid var(--border);background:var(--surface);width:100%;height:42px;color:var(--text);font:inherit;border-radius:11px;outline:none;padding:0 12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.mbfk-messagebox-prompt input:focus{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.mbfk-messagebox-prompt input:focus{border-color:color-mix(in srgb, var(--primary) 55%, white)}}.mbfk-messagebox-prompt input:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.mbfk-messagebox-prompt input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}}.mbfk-messagebox-prompt input[aria-invalid=true]{border-color:var(--danger)}.mbfk-messagebox-checkbox{color:var(--foreground-soft,var(--foreground));cursor:pointer;align-items:center;gap:8px;margin-top:16px;font-size:11px;display:inline-flex}.mbfk-messagebox-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.mbfk-messagebox-inline-error{color:#b42332;background:#fff5f6;border:1px solid #ffd4d8;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:10.5px;line-height:1.8}.mbfk-messagebox-details-wrap{border:1px solid var(--border);background:var(--surface-secondary);border-radius:12px;margin-top:16px;overflow:hidden}.mbfk-messagebox-details-toggle{width:100%;height:38px;color:var(--foreground-soft,var(--foreground));font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:10.5px;display:flex}.mbfk-messagebox-details-toggle:hover{background:#f4f5f7}.mbfk-messagebox-details-toggle svg{width:16px;height:16px;transition:transform .15s}.mbfk-messagebox-details-toggle svg.is-open{transform:rotate(180deg)}.mbfk-messagebox-details{border-top:1px solid var(--border);background:var(--surface)}.mbfk-messagebox-details-actions{justify-content:flex-end;padding:7px 9px 0;display:flex}.mbfk-messagebox-details-actions button{color:#5f6570;font:inherit;cursor:pointer;background:#f0f2f5;border:0;border-radius:7px;padding:5px 9px;font-size:9.5px}.mbfk-messagebox-details pre{text-align:left;color:#434953;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;margin:0;padding:10px 12px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;line-height:1.7;overflow:auto}.mbfk-messagebox-actions{border-top:1px solid var(--border);background:var(--surface-secondary);flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:13px 20px 16px;display:flex}.mbfk-messagebox-actions .button{justify-content:center;align-items:center;gap:8px;min-width:92px;min-height:38px;display:inline-flex}.mbfk-messagebox-button-spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite mbfk-messagebox-spin}@keyframes mbfk-messagebox-spin{to{transform:rotate(360deg)}}@media (max-width:560px){.mbfk-messagebox-backdrop{padding:12px}.mbfk-messagebox{border-radius:16px;max-height:calc(100dvh - 24px)}.mbfk-messagebox-header{grid-template-columns:44px minmax(0,1fr) 32px;gap:10px;padding:15px 14px 12px}.mbfk-messagebox-icon{border-radius:12px;width:40px;height:40px}.mbfk-messagebox-body{padding:15px 14px}.mbfk-messagebox-actions{padding:12px 14px 14px}.mbfk-messagebox-actions .button{flex:120px}}@media (prefers-reduced-motion:reduce){.mbfk-messagebox{animation:none}.mbfk-messagebox-button-spinner{animation-duration:1.2s}}.mbfk-modal-backdrop{z-index:90000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e21276b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.mbfk-modal{background:var(--surface);transform-origin:50%;will-change:transform, opacity, filter;border:1px solid #ffffffa6;border-radius:20px;flex-direction:column;width:min(100%,960px);min-width:0;min-height:0;max-height:calc(100dvh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #16191f3b}.mbfk-modal-motion{animation-duration:var(--mbfk-modal-duration,.22s);animation-timing-function:var(--mbfk-modal-easing,cubic-bezier(.22,1,.36,1));animation-fill-mode:both}.mbfk-modal-backdrop-animated{animation-duration:var(--mbfk-modal-duration,.22s);animation-timing-function:ease;animation-fill-mode:both}.mbfk-modal-backdrop-animated.mbfk-modal-state-enter{animation-name:mbfk-modal-backdrop-in}.mbfk-modal-backdrop-animated.mbfk-modal-state-exit{animation-name:mbfk-modal-backdrop-out}.mbfk-modal-animation-none{animation:none!important}.mbfk-modal-animation-fade.mbfk-modal-state-enter{animation-name:mbfk-modal-fade-in}.mbfk-modal-animation-fade.mbfk-modal-state-exit{animation-name:mbfk-modal-fade-out}.mbfk-modal-animation-scale.mbfk-modal-state-enter{animation-name:mbfk-modal-scale-in}.mbfk-modal-animation-scale.mbfk-modal-state-exit{animation-name:mbfk-modal-scale-out}.mbfk-modal-animation-zoom.mbfk-modal-state-enter{animation-name:mbfk-modal-zoom-in}.mbfk-modal-animation-zoom.mbfk-modal-state-exit{animation-name:mbfk-modal-zoom-out}.mbfk-modal-animation-slide-up.mbfk-modal-state-enter{animation-name:mbfk-modal-slide-up-in}.mbfk-modal-animation-slide-up.mbfk-modal-state-exit{animation-name:mbfk-modal-slide-up-out}.mbfk-modal-animation-slide-down.mbfk-modal-state-enter{animation-name:mbfk-modal-slide-down-in}.mbfk-modal-animation-slide-down.mbfk-modal-state-exit{animation-name:mbfk-modal-slide-down-out}.mbfk-modal-animation-slide-start.mbfk-modal-state-enter{--mbfk-modal-slide-x:-56px;animation-name:mbfk-modal-slide-x-in}.mbfk-modal-animation-slide-start.mbfk-modal-state-exit{--mbfk-modal-slide-x:-56px;animation-name:mbfk-modal-slide-x-out}.mbfk-modal-animation-slide-end.mbfk-modal-state-enter{--mbfk-modal-slide-x:56px;animation-name:mbfk-modal-slide-x-in}.mbfk-modal-animation-slide-end.mbfk-modal-state-exit{--mbfk-modal-slide-x:56px;animation-name:mbfk-modal-slide-x-out}[dir=rtl] .mbfk-modal-animation-slide-start{--mbfk-modal-slide-x:56px}[dir=rtl] .mbfk-modal-animation-slide-end{--mbfk-modal-slide-x:-56px}.mbfk-modal-animation-drop{transform-origin:top}.mbfk-modal-animation-drop.mbfk-modal-state-enter{animation-name:mbfk-modal-drop-in}.mbfk-modal-animation-drop.mbfk-modal-state-exit{animation-name:mbfk-modal-drop-out}.mbfk-modal-animation-flip-x{transform-origin:50%}.mbfk-modal-animation-flip-x.mbfk-modal-state-enter{animation-name:mbfk-modal-flip-x-in}.mbfk-modal-animation-flip-x.mbfk-modal-state-exit{animation-name:mbfk-modal-flip-x-out}.mbfk-modal-animation-flip-y{transform-origin:50%}.mbfk-modal-animation-flip-y.mbfk-modal-state-enter{animation-name:mbfk-modal-flip-y-in}.mbfk-modal-animation-flip-y.mbfk-modal-state-exit{animation-name:mbfk-modal-flip-y-out}.mbfk-modal-animation-rotate.mbfk-modal-state-enter{animation-name:mbfk-modal-rotate-in}.mbfk-modal-animation-rotate.mbfk-modal-state-exit{animation-name:mbfk-modal-rotate-out}.mbfk-modal-animation-bounce.mbfk-modal-state-enter{animation-name:mbfk-modal-bounce-in}.mbfk-modal-animation-bounce.mbfk-modal-state-exit{animation-name:mbfk-modal-bounce-out}.mbfk-modal-animation-swing{transform-origin:top}.mbfk-modal-animation-swing.mbfk-modal-state-enter{animation-name:mbfk-modal-swing-in}.mbfk-modal-animation-swing.mbfk-modal-state-exit{animation-name:mbfk-modal-swing-out}.mbfk-modal-animation-blur.mbfk-modal-state-enter{animation-name:mbfk-modal-blur-in}.mbfk-modal-animation-blur.mbfk-modal-state-exit{animation-name:mbfk-modal-blur-out}@keyframes mbfk-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mbfk-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes mbfk-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mbfk-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mbfk-modal-scale-in{0%{opacity:0;transform:scale(.955)}to{opacity:1;transform:scale(1)}}@keyframes mbfk-modal-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.965)}}@keyframes mbfk-modal-zoom-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes mbfk-modal-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.84)}}@keyframes mbfk-modal-slide-up-in{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}@keyframes mbfk-modal-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(34px)}}@keyframes mbfk-modal-slide-down-in{0%{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:translateY(0)}}@keyframes mbfk-modal-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}@keyframes mbfk-modal-slide-x-in{0%{opacity:0;transform:translateX(var(--mbfk-modal-slide-x,56px))}to{opacity:1;transform:translate(0)}}@keyframes mbfk-modal-slide-x-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(var(--mbfk-modal-slide-x,56px))}}@keyframes mbfk-modal-drop-in{0%{opacity:0;transform:translateY(-78px)scale(.97)}72%{opacity:1;transform:translateY(6px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mbfk-modal-drop-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-58px)scale(.975)}}@keyframes mbfk-modal-flip-x-in{0%{opacity:0;transform:perspective(900px)rotateX(-18deg)scale(.97)}to{opacity:1;transform:perspective(900px)rotateX(0)scale(1)}}@keyframes mbfk-modal-flip-x-out{0%{opacity:1;transform:perspective(900px)rotateX(0)scale(1)}to{opacity:0;transform:perspective(900px)rotateX(16deg)scale(.97)}}@keyframes mbfk-modal-flip-y-in{0%{opacity:0;transform:perspective(900px)rotateY(-20deg)scale(.97)}to{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}}@keyframes mbfk-modal-flip-y-out{0%{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}to{opacity:0;transform:perspective(900px)rotateY(18deg)scale(.97)}}@keyframes mbfk-modal-rotate-in{0%{opacity:0;transform:rotate(-4deg)scale(.94)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes mbfk-modal-rotate-out{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(3deg)scale(.95)}}@keyframes mbfk-modal-bounce-in{0%{opacity:0;transform:scale(.82)}58%{opacity:1;transform:scale(1.035)}78%{transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes mbfk-modal-bounce-out{0%{opacity:1;transform:scale(1)}24%{transform:scale(1.02)}to{opacity:0;transform:scale(.84)}}@keyframes mbfk-modal-swing-in{0%{opacity:0;transform:perspective(950px)rotateX(-20deg)translateY(-14px)}to{opacity:1;transform:perspective(950px)rotateX(0)translateY(0)}}@keyframes mbfk-modal-swing-out{0%{opacity:1;transform:perspective(950px)rotateX(0)translateY(0)}to{opacity:0;transform:perspective(950px)rotateX(16deg)translateY(-10px)}}@keyframes mbfk-modal-blur-in{0%{opacity:0;filter:blur(14px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes mbfk-modal-blur-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.mbfk-modal-motion,.mbfk-modal-backdrop-animated{animation-duration:1ms!important;animation-iteration-count:1!important}}.mbfk-modal-sm{width:min(100%,480px);max-height:min(560px,100dvh - 32px)}.mbfk-modal-md{width:min(100%,720px);max-height:min(680px,100dvh - 32px)}.mbfk-modal-lg{width:min(100%,960px);max-height:min(820px,100dvh - 32px)}.mbfk-modal-xl{width:min(100%,1280px);max-height:min(920px,100dvh - 32px)}.mbfk-modal-full{width:100%;max-width:none;height:calc(100dvh - 32px);max-height:none}.mbfk-modal-header{z-index:2;border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:16px 20px;display:flex;position:relative}.mbfk-modal-header h2{letter-spacing:-.025em;margin:0;font-size:18px}.mbfk-modal-header p{max-width:760px;color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.7}.mbfk-modal-close{border:1px solid var(--border);background:var(--surface-secondary);color:#858a91;cursor:pointer;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;line-height:0;display:flex}.mbfk-modal-close svg{width:16px;height:16px;display:block}.mbfk-modal-close:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:#ffcbb9}.mbfk-modal-body{background:var(--surface-secondary);overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;padding:20px;overflow:auto}.mbfk-modal:not(.mbfk-modal-full) .mbfk-modal-body{flex-basis:auto}.mbfk-modal-body>.model-data-entry{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:18px}.mbfk-modal-body>.inline-data-grid-shell{background:var(--surface)}.mbfk-modal-footer{z-index:2;border-top:1px solid var(--border);background:var(--surface);flex:none;justify-content:flex-start;align-items:center;gap:9px;min-height:66px;padding:12px 20px;display:flex;position:relative}.mbfk-modal-busy{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--foreground-soft,var(--foreground));background:#ffffffb8;place-content:center;justify-items:center;gap:10px;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.mbfk-modal-spinner{border:3px solid #f2ded6;border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}.modal-feature-card{background:linear-gradient(180deg, var(--surface), #fffaf8)}.modal-size-demo-content{gap:12px;min-height:160px;display:grid}.modal-size-demo-content p{color:var(--muted);margin:0;line-height:1.9}.modal-size-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.modal-size-specs span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;padding:9px 10px;font-size:11px}.modal-motion-demo{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:10px;margin:14px 0 12px;padding:12px;display:grid}.modal-motion-demo label{gap:6px;min-width:0;display:grid}.modal-motion-demo label>span{color:var(--muted);font-size:10px;font-weight:700}.modal-motion-demo select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:38px;color:var(--text);font:inherit;border-radius:10px;outline:none;padding:0 10px}.modal-motion-demo select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f2612e17}.mbfk-modal.mbfk-modal-state-exit{pointer-events:none}@media (max-width:760px){.modal-motion-demo{grid-template-columns:1fr}.modal-motion-demo .button{width:100%}}.mbfk-skeleton{vertical-align:middle;color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:#eceef1;max-width:100%;display:inline-block;position:relative;overflow:hidden}.mbfk-skeleton-text{flex-direction:column;width:100%;display:flex}.mbfk-skeleton-circle{flex:none}.mbfk-skeleton-wave:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 28%,#ffffffb8 50%,#fff3 72%,#0000 100%);animation:1.45s ease-in-out infinite mbfk-skeleton-wave;position:absolute;inset:0;transform:translate(110%)}.mbfk-skeleton-pulse{animation:1.35s ease-in-out infinite alternate mbfk-skeleton-pulse}.mbfk-skeleton-none{animation:none}@keyframes mbfk-skeleton-wave{0%{transform:translate(110%)}to{transform:translate(-110%)}}@keyframes mbfk-skeleton-pulse{0%{opacity:.56}to{opacity:1}}.mbfk-skeleton-boundary{width:100%;min-width:0}.mbfk-card-skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;width:100%;display:grid}.mbfk-card-skeleton{border:1px solid var(--border);background:var(--surface);border-radius:15px;align-items:center;gap:13px;min-width:0;min-height:102px;padding:15px;display:flex;box-shadow:0 4px 14px #22272f06}.mbfk-card-skeleton-content{flex:1;gap:9px;min-width:0;display:grid}.mbfk-form-skeleton{border:1px solid var(--border);background:var(--surface-secondary);border-radius:15px;width:100%;min-width:0;padding:16px}.mbfk-form-skeleton-grid{grid-template-columns:repeat(var(--skeleton-form-columns,2), minmax(0, 1fr));gap:14px 16px;display:grid}.mbfk-form-skeleton-field{align-content:start;gap:7px;min-width:0;display:grid}.mbfk-form-skeleton-actions{align-items:center;gap:8px;margin-top:16px;display:flex}.mbfk-grid-skeleton{border:1px solid var(--border);background:var(--surface);border-radius:15px;width:100%;min-width:0;overflow:hidden;box-shadow:0 4px 14px #22272f09}.mbfk-grid-skeleton-toolbar,.mbfk-grid-skeleton-footer{background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-height:50px;padding:9px 13px;display:flex}.mbfk-grid-skeleton-toolbar{border-bottom:1px solid var(--border)}.mbfk-grid-skeleton-footer{border-top:1px solid var(--border)}.mbfk-grid-skeleton-toolbar-end,.mbfk-grid-skeleton-pager{align-items:center;gap:8px;display:flex}.mbfk-grid-skeleton-scroller{background:var(--surface);direction:ltr;width:100%;min-width:0;overflow:hidden}.mbfk-grid-skeleton-table{direction:rtl;min-width:760px;display:grid}.mbfk-grid-skeleton-head,.mbfk-grid-skeleton-filter,.mbfk-grid-skeleton-cell{border-left:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;min-width:0;padding:0 12px;display:flex}.mbfk-grid-skeleton-head{background:var(--surface-secondary);height:44px}.mbfk-grid-skeleton-filter{background:var(--surface);height:43px}.mbfk-grid-skeleton-cell{background:var(--surface);height:46px}.mbfk-grid-skeleton-cell:nth-child(2n){background:var(--surface-secondary)}.mbfk-grid-skeleton-actions{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}@media (prefers-reduced-motion:reduce){.mbfk-skeleton-wave:after,.mbfk-skeleton-pulse{animation:none!important}}@media (max-width:720px){.mbfk-form-skeleton-grid{grid-template-columns:1fr}.mbfk-grid-skeleton-toolbar-end>.mbfk-skeleton:first-child,.mbfk-grid-skeleton-pager .mbfk-skeleton:first-child,.mbfk-grid-skeleton-pager .mbfk-skeleton:nth-child(4){display:none}}.skeleton-demo-heading{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.skeleton-demo-heading p{margin:0}.skeleton-demo-stack{gap:16px;display:grid}.skeleton-demo-two-column{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:stretch;gap:16px;display:grid}.skeleton-custom-demo{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:58px minmax(0,1fr);align-content:center;gap:14px;min-width:0;padding:18px;display:grid}.skeleton-custom-demo>div{align-content:center;gap:12px;display:grid}.skeleton-loaded-preview{text-align:center;border:1px dashed var(--border);background:var(--surface-secondary);min-height:130px;color:var(--muted);border-radius:15px;place-content:center;justify-items:center;gap:7px;display:grid}.skeleton-loaded-preview strong{color:var(--text);font-size:13px}.skeleton-loaded-preview span{max-width:620px;font-size:10px;line-height:1.8}@media (max-width:900px){.skeleton-demo-two-column{grid-template-columns:1fr}}.notification-viewport{z-index:2147482500;pointer-events:none;direction:rtl;flex-direction:column;gap:10px;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);padding:0;display:flex;position:fixed}.notification-position-top-start{top:16px;inset-inline-start:16px}.notification-position-top-center{top:16px;left:50%;transform:translate(-50%)}.notification-position-top-end{top:16px;inset-inline-end:16px}.notification-position-bottom-start{bottom:16px;inset-inline-start:16px}.notification-position-bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.notification-position-bottom-end{bottom:16px;inset-inline-end:16px}.notification-toast{--notification-accent:#4a7ccf;--notification-accent-soft:#eef4ff;border:1px solid var(--border);border-inline-start:4px solid var(--notification-accent);min-height:72px;color:var(--text);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 32px;align-items:start;gap:10px;padding:14px 14px 15px;animation:.2s ease-out both notification-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #23283029}.notification-success{--notification-accent:var(--success);--notification-accent-soft:#eff6ff}.notification-error{--notification-accent:var(--danger);--notification-accent-soft:#eff6ff}.notification-warning{--notification-accent:var(--warning);--notification-accent-soft:#eff6ff}.notification-info{--notification-accent:#4a7ccf;--notification-accent-soft:#eef4ff}.notification-loading{--notification-accent:var(--primary);--notification-accent-soft:var(--primary-soft)}.notification-kind-icon{background:var(--notification-accent-soft);width:36px;height:36px;color:var(--notification-accent);border-radius:11px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.notification-kind-icon svg{width:20px;height:20px}.notification-copy{min-width:0;padding-top:1px}.notification-copy strong{color:#292c31;margin:0 0 3px;font-size:13px;font-weight:700;display:block}.notification-message{color:#686e77;overflow-wrap:anywhere;font-size:12.5px;line-height:1.75}.notification-message p{margin:0}.notification-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;margin:-3px -2px 0 0;padding:0;line-height:0;transition:background .15s,color .15s;display:inline-flex}.notification-close:hover{background:var(--surface-3);color:#575c64}.notification-close svg{width:17px;height:17px}.notification-action{border:1px solid var(--notification-accent);margin-top:9px;padding:5px 10px}@supports (color:color-mix(in lab, red, red)){.notification-action{border:1px solid color-mix(in srgb, var(--notification-accent) 28%, transparent)}}.notification-action{background:var(--notification-accent-soft);color:var(--notification-accent);cursor:pointer;border-radius:8px;font-size:11.5px;font-weight:700}.notification-action:disabled{opacity:.6;cursor:wait}.notification-progress{transform-origin:100%;background:var(--notification-accent);opacity:.72;width:100%;height:2px;animation:notification-progress var(--notification-duration) linear forwards;position:absolute;bottom:0;right:0}.notification-progress.is-paused{animation-play-state:paused}.notification-spinner{border:2px solid var(--notification-accent);width:18px;height:18px}@supports (color:color-mix(in lab, red, red)){.notification-spinner{border:2px solid color-mix(in srgb, var(--notification-accent) 25%, transparent)}}.notification-spinner{border-top-color:var(--notification-accent);border-radius:50%;animation:.75s linear infinite notification-spin}@keyframes notification-enter{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes notification-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.notification-viewport{width:calc(100vw - 24px);inset-inline:12px auto!important;left:auto!important;transform:none!important}.notification-position-top-start,.notification-position-top-center,.notification-position-top-end{top:12px}.notification-position-bottom-start,.notification-position-bottom-center,.notification-position-bottom-end{bottom:12px}}@media (prefers-reduced-motion:reduce){.notification-toast{animation:none}.notification-progress{animation:none;display:none}.notification-spinner{animation-duration:1.5s!important}}.notification-demo-grid{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:1180px){.stats-grid,.control-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-workspace{grid-template-columns:1fr}.entity-json-panel pre{min-height:250px}}@media (max-width:900px){.finance-app{display:block}.finance-main{padding:12px}.finance-topbar{height:auto;min-height:64px}.profile-chip div{display:none}.base-view-header,.card-heading,.grid-toolbar,.grid-footer,.inline-grid-toolbar{flex-direction:column;align-items:flex-start}.lookup-demo-grid{grid-template-columns:1fr}.inline-grid-shortcuts{display:none}}@media (max-width:620px){.finance-topbar{flex-direction:column;align-items:stretch;padding:10px}.topbar-leading{width:100%}.topbar-search{flex:1;width:100%;max-width:none}.topbar-actions{justify-content:flex-end}.base-view-header{padding:18px}.stats-grid,.control-demo-grid,.model-data-entry{grid-template-columns:1fr}.model-field-span-2,.model-field-span-3,.model-field-span-4{grid-column:span 1}.dashboard-card{padding:14px}.dialog-card{grid-template-columns:1fr}.mbfk-modal{border-radius:15px}.mbfk-modal-header,.mbfk-modal-body,.mbfk-modal-footer{padding-left:13px;padding-right:13px}}@media (max-width:900px){.grid-toolbar-end{justify-content:space-between;width:100%}.inline-grid-actions{justify-content:flex-start;width:100%}}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-Thin.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:PelakFA;src:url(/fonts/PelakFA-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}html,body{font-family:PelakFA,Arial,sans-serif}:root{--background:#f4f7fb;--surface:#fff;--surface-secondary:#f8fafc;--foreground:#172033;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-text:#fff;--primary-muted-text:#1d4ed8;--danger:#2563eb;--warning:#2563eb;--success:#2563eb}html[data-theme=dark]{--background:#0b1120;--surface:#111827;--surface-secondary:#182235;--foreground:#f1f5f9;--muted:#94a3b8;--border:#263247;--primary-light:#172554}html[data-accent=blue],html:not([data-accent]){--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-muted-text:#1d4ed8;--danger:#2563eb;--warning:#2563eb;--success:#2563eb}html[data-theme=dark][data-accent=blue],html[data-theme=dark]{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#172554;--primary-muted-text:#93c5fd;--danger:#60a5fa;--warning:#60a5fa;--success:#60a5fa}html{background:var(--background);direction:rtl}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;transition:background-color .25s,color .25s}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}.erp-grid{--ag-background-color:var(--surface);--ag-header-background-color:var(--surface-secondary);--ag-foreground-color:var(--foreground);--ag-border-color:var(--border);--ag-row-hover-color:var(--primary-light);--ag-selected-row-background-color:var(--primary-light);--ag-header-foreground-color:var(--foreground);--ag-font-family:inherit;--ag-font-size:14px}.erp-grid .ag-header{border-bottom:1px solid var(--border)}.erp-grid .ag-header-cell{font-weight:700}.erp-grid .ag-row{transition:background-color .2s}.erp-grid .ag-cell{align-items:center;display:flex}.erp-grid .ag-paging-panel{border-top:1px solid var(--border);color:var(--muted)}@keyframes dialog-enter{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.95)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes overlay-exit{0%{opacity:1}to{opacity:0}}.dialog-enter{animation:.3s cubic-bezier(.16,1,.3,1) forwards dialog-enter}.dialog-exit{animation:.25s ease-in forwards dialog-exit}.dialog-overlay-enter{animation:.3s ease-out forwards overlay-enter}.dialog-overlay-exit{animation:.25s ease-in forwards overlay-exit}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-content-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-overlay{animation:.18s ease-out dialog-overlay-in}.dialog-content{animation:.22s ease-out dialog-content-in}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#2563eb!important}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc62621f}.validation-message,.field-error{color:#2563eb;margin-top:.375rem;font-size:.75rem;font-weight:500;line-height:1.6;display:block}:where(.model-field>input,.model-field>select,.model-field>textarea,.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input,.mbfk-messagebox-prompt input){background:#fff;border:1px solid #dbe4f0;border-radius:12px;outline:none;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:0 1px 2px #0f172a06}:where(.model-field>input,.model-field>select,.model-field>textarea,.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input,.mbfk-messagebox-prompt input):hover:not(:disabled){border-color:#bfcee2}:where(.model-field>input,.model-field>select,.model-field>textarea,.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input,.mbfk-messagebox-prompt input):focus,:where(.model-field>input,.model-field>select,.model-field>textarea,.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input,.mbfk-messagebox-prompt input):focus-visible{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0f172a08}:where(.model-field>input,.model-field>select,.model-field>textarea,.mbfk-number-box,.mbfk-date-entry>input,.lookup-control>input,.mbfk-date-picker-input-row input):disabled{color:#94a3b8;box-shadow:none;background:#f8fafc;border-color:#e5eaf1}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}