/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-400:oklch(75% .183 55.934);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-600:oklch(60% .118 184.704);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--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-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--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)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-3{inset:calc(var(--spacing) * -3)}.-inset-6{inset:calc(var(--spacing) * -6)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-20{top:calc(var(--spacing) * 20)}.top-\[27px\]{top:27px}.-right-3{right:calc(var(--spacing) * -3)}.-right-5{right:calc(var(--spacing) * -5)}.-right-40{right:calc(var(--spacing) * -40)}.right-0{right:calc(var(--spacing) * 0)}.right-1\/4{right:25%}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-\[22\%\]{right:22%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\/4{bottom:25%}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-20{bottom:calc(var(--spacing) * 20)}.-left-5{left:calc(var(--spacing) * -5)}.-left-40{left:calc(var(--spacing) * -40)}.left-1\/4{left:25%}.left-\[22\%\]{left:22%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.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)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-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-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.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-28{height:calc(var(--spacing) * 28)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[420px\]{height:420px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[82vw\]{width:82vw}.w-\[420px\]{width:420px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[320px\]{max-width:320px}.max-w-\[480px\]{max-width:480px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[3px\]{gap:3px}:where(.space-y-0\.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)))}: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-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * 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-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-\[2px\]{border-top-left-radius:2px;border-top-right-radius:2px}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/25{border-color:#f99c0040}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/25{border-color:color-mix(in oklab, var(--color-amber-500) 25%, transparent)}}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400\/20{border-color:#54a2ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-400\/20{border-color:color-mix(in oklab, var(--color-blue-400) 20%, transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-400\/20{border-color:#00d29433}@supports (color:color-mix(in lab, red, red)){.border-emerald-400\/20{border-color:color-mix(in oklab, var(--color-emerald-400) 20%, transparent)}}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-100\/80{border-color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.border-slate-100\/80{border-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/70{border-color:#e2e8f0b3}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/70{border-color:color-mix(in oklab, var(--color-slate-200) 70%, transparent)}}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/50{border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/50{border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-500\/20{border-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.border-violet-500\/20{border-color:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-white\/\[0\.07\]{border-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.07\]{border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.border-white\/\[0\.10\]{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.10\]{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-t-blue-400{border-top-color:var(--color-blue-400)}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, 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-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-400\/20{background-color:#54a2ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-400\/20{background-color:color-mix(in oklab, var(--color-blue-400) 20%, transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/\[0\.12\]{background-color:#155dfc1f}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/\[0\.12\]{background-color:color-mix(in oklab, var(--color-blue-600) 12%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500\/60{background-color:#00c75899}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/60{background-color:color-mix(in oklab, var(--color-green-500) 60%, transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-400\/15{background-color:#7d87ff26}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/15{background-color:color-mix(in oklab, var(--color-indigo-400) 15%, transparent)}}.bg-indigo-400\/20{background-color:#7d87ff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/20{background-color:color-mix(in oklab, var(--color-indigo-400) 20%, transparent)}}.bg-indigo-600\/\[0\.10\]{background-color:#4f39f61a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/\[0\.10\]{background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.bg-orange-400{background-color:var(--color-orange-400)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/60{background-color:#fb2c3699}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/60{background-color:color-mix(in oklab, var(--color-red-500) 60%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-500\/15{background-color:#62748e26}@supports (color:color-mix(in lab, red, red)){.bg-slate-500\/15{background-color:color-mix(in oklab, var(--color-slate-500) 15%, transparent)}}.bg-slate-700\/50{background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.bg-slate-700\/50{background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/50{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/60{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.bg-slate-800\/70{background-color:#1d293db3}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/70{background-color:color-mix(in oklab, var(--color-slate-800) 70%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/95{background-color:#0f172bf2}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/95{background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/15{background-color:color-mix(in oklab, var(--color-violet-500) 15%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/3{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/4{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/4{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500\/60{background-color:#edb20099}@supports (color:color-mix(in lab, red, red)){.bg-yellow-500\/60{background-color:color-mix(in oklab, var(--color-yellow-500) 60%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50\/60{--tw-gradient-from:#eff6ff99}@supports (color:color-mix(in lab, red, red)){.from-blue-50\/60{--tw-gradient-from:color-mix(in oklab, var(--color-blue-50) 60%, transparent)}}.from-blue-50\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-100\/60{--tw-gradient-from:#dbeafe99}@supports (color:color-mix(in lab, red, red)){.from-blue-100\/60{--tw-gradient-from:color-mix(in oklab, var(--color-blue-100) 60%, transparent)}}.from-blue-100\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-200{--tw-gradient-from:var(--color-blue-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600\/20{--tw-gradient-from:#155dfc33}@supports (color:color-mix(in lab, red, red)){.from-blue-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.from-blue-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600\/30{--tw-gradient-from:#155dfc4d}@supports (color:color-mix(in lab, red, red)){.from-blue-600\/30{--tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 30%, transparent)}}.from-blue-600\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-950\/50{--tw-gradient-from:#16245680}@supports (color:color-mix(in lab, red, red)){.from-blue-950\/50{--tw-gradient-from:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.from-blue-950\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600\/30{--tw-gradient-from:#7f22fe4d}@supports (color:color-mix(in lab, red, red)){.from-violet-600\/30{--tw-gradient-from:color-mix(in oklab, var(--color-violet-600) 30%, transparent)}}.from-violet-600\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-blue-300\/40{--tw-gradient-via:#90c5ff66}@supports (color:color-mix(in lab, red, red)){.via-blue-300\/40{--tw-gradient-via:color-mix(in oklab, var(--color-blue-300) 40%, transparent)}}.via-blue-300\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-400{--tw-gradient-via:var(--color-blue-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500{--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500\/40{--tw-gradient-via:#3080ff66}@supports (color:color-mix(in lab, red, red)){.via-blue-500\/40{--tw-gradient-via:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.via-blue-500\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-700{--tw-gradient-via:var(--color-blue-700);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-50{--tw-gradient-via:var(--color-slate-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-200\/60{--tw-gradient-via:#e2e8f099}@supports (color:color-mix(in lab, red, red)){.via-slate-200\/60{--tw-gradient-via:color-mix(in oklab, var(--color-slate-200) 60%, transparent)}}.via-slate-200\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-slate-950{--tw-gradient-via:var(--color-slate-950);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-200{--tw-gradient-to:var(--color-blue-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50\/40{--tw-gradient-to:#eef2ff66}@supports (color:color-mix(in lab, red, red)){.to-indigo-50\/40{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-50) 40%, transparent)}}.to-indigo-50\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600\/10{--tw-gradient-to:#4f39f61a}@supports (color:color-mix(in lab, red, red)){.to-indigo-600\/10{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.to-indigo-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700{--tw-gradient-to:var(--color-indigo-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-700\/20{--tw-gradient-to:#432dd733}@supports (color:color-mix(in lab, red, red)){.to-indigo-700\/20{--tw-gradient-to:color-mix(in oklab, var(--color-indigo-700) 20%, transparent)}}.to-indigo-700\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-800{--tw-gradient-to:var(--color-indigo-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-50\/80{--tw-gradient-to:#f8fafccc}@supports (color:color-mix(in lab, red, red)){.to-slate-50\/80{--tw-gradient-to:color-mix(in oklab, var(--color-slate-50) 80%, transparent)}}.to-slate-50\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-950{--tw-gradient-to:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-700\/20{--tw-gradient-to:#7008e733}@supports (color:color-mix(in lab, red, red)){.to-violet-700\/20{--tw-gradient-to:color-mix(in oklab, var(--color-violet-700) 20%, transparent)}}.to-violet-700\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-amber-400{fill:var(--color-amber-400)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-blue-400\/70{color:#54a2ffb3}@supports (color:color-mix(in lab, red, red)){.text-blue-400\/70{color:color-mix(in oklab, var(--color-blue-400) 70%, transparent)}}.text-blue-400\/80{color:#54a2ffcc}@supports (color:color-mix(in lab, red, red)){.text-blue-400\/80{color:color-mix(in oklab, var(--color-blue-400) 80%, transparent)}}.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-emerald-400{color:var(--color-emerald-400)}.text-emerald-600{color:var(--color-emerald-600)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-400{color:var(--color-orange-400)}.text-purple-700{color:var(--color-purple-700)}.text-red-400{color:var(--color-red-400)}.text-red-700{color:var(--color-red-700)}.text-rose-700{color:var(--color-rose-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-violet-400{color:var(--color-violet-400)}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.accent-blue-600{accent-color:var(--color-blue-600)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-\[0\.06\]{opacity:.06}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-50{--tw-shadow-color:oklch(97% .014 254.604)}@supports (color:color-mix(in lab, red, red)){.shadow-blue-50{--tw-shadow-color:color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/20{--tw-shadow-color:#155dfc33}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/25{--tw-shadow-color:#155dfc40}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/30{--tw-shadow-color:#155dfc4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/25{--tw-shadow-color:#00976740}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-600\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200\/80{--tw-shadow-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.shadow-slate-200\/80{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-200) 80%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/5{--tw-shadow-color:#0f172b0d}@supports (color:color-mix(in lab, red, red)){.shadow-slate-900\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-900\/10{--tw-shadow-color:#0f172b1a}@supports (color:color-mix(in lab, red, red)){.shadow-slate-900\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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-\[2px\]{--tw-backdrop-blur:blur(2px);-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,)}.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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-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-shadow{transition-property:box-shadow;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.\[members\:create-login\]{members:create-login}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-blue-500\/18:is(:where(.group):hover *){background-color:#3080ff2e}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-blue-500\/18:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-blue-500) 18%, transparent)}}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-blue-700:is(:where(.group):hover *){color:var(--color-blue-700)}.group-hover\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\:shadow-blue-600\/50:is(:where(.group):hover *){--tw-shadow-color:#155dfc80}@supports (color:color-mix(in lab, red, red)){.group-hover\:shadow-blue-600\/50:is(:where(.group):hover *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 50%, transparent) var(--tw-shadow-alpha), transparent)}}}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:border-blue-100:hover{border-color:var(--color-blue-100)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-blue-400\/50:hover{border-color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-blue-400\/50:hover{border-color:color-mix(in oklab, var(--color-blue-400) 50%, transparent)}}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:border-slate-400:hover{border-color:var(--color-slate-400)}.hover\:border-slate-600:hover{border-color:var(--color-slate-600)}.hover\:border-white\/50:hover{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-100\/80:hover{background-color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-100\/80:hover{background-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/4:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/4:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-slate-300:hover{color:var(--color-slate-300)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:shadow-2xl:hover{--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)}.hover\:shadow-lg:hover{--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)}.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-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-blue-50:hover{--tw-shadow-color:oklch(97% .014 254.604)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-blue-50:hover{--tw-shadow-color:color-mix(in oklab, var(--color-blue-50) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-blue-50\/60:hover{--tw-shadow-color:#eff6ff99}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-blue-50\/60:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-50) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-blue-50\/70:hover{--tw-shadow-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-blue-50\/70:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-50) 70%, transparent) var(--tw-shadow-alpha), transparent)}}.hover\:shadow-blue-700\/25:hover{--tw-shadow-color:#1447e640}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-blue-700\/25:hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-700) 25%, transparent) var(--tw-shadow-alpha), transparent)}}}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-slate-900:focus-visible{--tw-ring-offset-color:var(--color-slate-900)}.focus-visible\:ring-offset-white:focus-visible{--tw-ring-offset-color:var(--color-white)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:mt-9{margin-top:calc(var(--spacing) * 9)}.sm\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.sm\:mb-9{margin-bottom:calc(var(--spacing) * 9)}.sm\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.sm\:mb-11{margin-bottom:calc(var(--spacing) * 11)}.sm\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.sm\:mb-14{margin-bottom:calc(var(--spacing) * 14)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-10{height:calc(var(--spacing) * 10)}.sm\:w-4{width:calc(var(--spacing) * 4)}.sm\:w-10{width:calc(var(--spacing) * 10)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:leading-\[1\.07\]{--tw-leading:1.07;line-height:1.07}}@media (width>=48rem){.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:w-10{width:calc(var(--spacing) * 10)}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:gap-0{gap:calc(var(--spacing) * 0)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:text-center{text-align:center}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (width>=64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-\[460px\]{width:460px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:justify-center{justify-content:center}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=80rem){.xl\:w-\[500px\]{width:500px}}:where(.dark\:divide-slate-700\/50:where(.dark,.dark *)>:not(:last-child)){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-slate-700\/50:where(.dark,.dark *)>:not(:last-child)){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-amber-800\/50:where(.dark,.dark *){border-color:#953d0080}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-amber-800) 50%, transparent)}}.dark\:border-blue-400\/15:where(.dark,.dark *){border-color:#54a2ff26}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-400\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-400) 15%, transparent)}}.dark\:border-blue-400\/20:where(.dark,.dark *){border-color:#54a2ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-400\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-400) 20%, transparent)}}.dark\:border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)}.dark\:border-blue-500\/20:where(.dark,.dark *){border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.dark\:border-blue-500\/30:where(.dark,.dark *){border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.dark\:border-blue-500\/30:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.dark\:border-emerald-400\/15:where(.dark,.dark *){border-color:#00d29426}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-400\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-emerald-400) 15%, transparent)}}.dark\:border-green-800\/50:where(.dark,.dark *){border-color:#01663080}@supports (color:color-mix(in lab, red, red)){.dark\:border-green-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-green-800) 50%, transparent)}}.dark\:border-indigo-500\/20:where(.dark,.dark *){border-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-indigo-500\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.dark\:border-red-800\/50:where(.dark,.dark *){border-color:#9f071280}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-800\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-red-800) 50%, transparent)}}.dark\:border-slate-600:where(.dark,.dark *){border-color:var(--color-slate-600)}.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/50:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:border-slate-700\/60:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:border-slate-800:where(.dark,.dark *){border-color:var(--color-slate-800)}.dark\:border-slate-950:where(.dark,.dark *){border-color:var(--color-slate-950)}.dark\:border-violet-400\/15:where(.dark,.dark *){border-color:#a685ff26}@supports (color:color-mix(in lab, red, red)){.dark\:border-violet-400\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-violet-400) 15%, transparent)}}.dark\:border-violet-500\/20:where(.dark,.dark *){border-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-violet-500\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.dark\:border-white\/5:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border-white\/8:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/8:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/15:where(.dark,.dark *){border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/15:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:border-white\/\[0\.05\]:where(.dark,.dark *){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.05\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border-white\/\[0\.06\]:where(.dark,.dark *){border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.06\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:border-white\/\[0\.07\]:where(.dark,.dark *){border-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.07\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.dark\:border-white\/\[0\.08\]:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.08\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/\[0\.09\]:where(.dark,.dark *){border-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.09\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 9%, transparent)}}.dark\:border-white\/\[0\.10\]:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[0\.10\]:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-\[\#060d1f\]:where(.dark,.dark *){background-color:#060d1f}.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:#7b330633}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 20%, transparent)}}.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:#7b33064d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}}.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:#7b330666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-amber-900) 40%, transparent)}}.dark\:bg-black\/50:where(.dark,.dark *){background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.dark\:bg-blue-400\/10:where(.dark,.dark *){background-color:#54a2ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-400\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-400) 10%, transparent)}}.dark\:bg-blue-500\/10:where(.dark,.dark *){background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.dark\:bg-blue-600\/12:where(.dark,.dark *){background-color:#155dfc1f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-600\/12:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-600) 12%, transparent)}}.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:#1c398e4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}}.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:#1c398e66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.dark\:bg-emerald-400\/10:where(.dark,.dark *){background-color:#00d2941a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-400\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-400) 10%, transparent)}}.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-green-900) 20%, transparent)}}.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:#0d542b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-green-900) 30%, transparent)}}.dark\:bg-green-900\/40:where(.dark,.dark *){background-color:#0d542b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-green-900) 40%, transparent)}}.dark\:bg-indigo-500\/10:where(.dark,.dark *){background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.dark\:bg-indigo-600\/12:where(.dark,.dark *){background-color:#4f39f61f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-600\/12:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-600) 12%, transparent)}}.dark\:bg-purple-900\/30:where(.dark,.dark *){background-color:#59168b4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-purple-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-purple-900) 30%, transparent)}}.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-900) 20%, transparent)}}.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:#82181a4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-900) 30%, transparent)}}.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:#8b08364d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-900\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-rose-900) 30%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:#31415880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-700\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}}.dark\:bg-slate-800:where(.dark,.dark *){background-color:var(--color-slate-800)}.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:bg-slate-900:where(.dark,.dark *){background-color:var(--color-slate-900)}.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.dark\:bg-slate-900\/90:where(.dark,.dark *){background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.dark\:bg-slate-950:where(.dark,.dark *){background-color:var(--color-slate-950)}.dark\:bg-slate-950\/90:where(.dark,.dark *){background-color:#020618e6}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-950\/90:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-950) 90%, transparent)}}.dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.dark\:bg-violet-400\/10:where(.dark,.dark *){background-color:#a685ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-400\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-400) 10%, transparent)}}.dark\:bg-violet-500\/10:where(.dark,.dark *){background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-500\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.dark\:bg-white\/3:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.03\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:bg-white\/\[0\.05\]:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.05\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[0\.06\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:from-blue-400:where(.dark,.dark *){--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-500\/30:where(.dark,.dark *){--tw-gradient-from:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.dark\:from-blue-500\/30:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.dark\:from-blue-500\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-blue-950\/50:where(.dark,.dark *){--tw-gradient-from:#16245680}@supports (color:color-mix(in lab, red, red)){.dark\:from-blue-950\/50:where(.dark,.dark *){--tw-gradient-from:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.dark\:from-blue-950\/50:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-900:where(.dark,.dark *){--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-950:where(.dark,.dark *){--tw-gradient-from:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:via-blue-300:where(.dark,.dark *){--tw-gradient-via:var(--color-blue-300);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-blue-400:where(.dark,.dark *){--tw-gradient-via:var(--color-blue-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-blue-500\/40:where(.dark,.dark *){--tw-gradient-via:#3080ff66}@supports (color:color-mix(in lab, red, red)){.dark\:via-blue-500\/40:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.dark\:via-blue-500\/40:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-slate-600\/60:where(.dark,.dark *){--tw-gradient-via:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:via-slate-600\/60:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:via-slate-600\/60:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-slate-700\/60:where(.dark,.dark *){--tw-gradient-via:#31415899}@supports (color:color-mix(in lab, red, red)){.dark\:via-slate-700\/60:where(.dark,.dark *){--tw-gradient-via:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}}.dark\:via-slate-700\/60:where(.dark,.dark *){--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-slate-950:where(.dark,.dark *){--tw-gradient-via:var(--color-slate-950);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-blue-500\/30:where(.dark,.dark *){--tw-gradient-to:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.dark\:to-blue-500\/30:where(.dark,.dark *){--tw-gradient-to:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.dark\:to-blue-500\/30:where(.dark,.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-cyan-300:where(.dark,.dark *){--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-950:where(.dark,.dark *){--tw-gradient-to:var(--color-slate-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-blue-400\/70:where(.dark,.dark *){color:#54a2ffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-blue-400\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-blue-400) 70%, transparent)}}.dark\:text-blue-400\/80:where(.dark,.dark *){color:#54a2ffcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-blue-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-blue-400) 80%, transparent)}}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-green-300:where(.dark,.dark *){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white\/75:where(.dark,.dark *){color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/75:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.dark\:placeholder-slate-500:where(.dark,.dark *)::placeholder{color:var(--color-slate-500)}.dark\:opacity-0:where(.dark,.dark *){opacity:0}.dark\:opacity-100:where(.dark,.dark *){opacity:1}.dark\:opacity-\[0\.025\]:where(.dark,.dark *){opacity:.025}.dark\:shadow-2xl:where(.dark,.dark *){--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)}.dark\:shadow-none:where(.dark,.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:shadow-black\/40:where(.dark,.dark *){--tw-shadow-color:#0006}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-black\/40:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-black\/60:where(.dark,.dark *){--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-black\/60:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-blue-900\/20:where(.dark,.dark *){--tw-shadow-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-blue-900\/20:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent)}}@media (hover:hover){.dark\:group-hover\:text-blue-400:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-400)}.dark\:group-hover\:text-white:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-white)}.dark\:hover\:border-blue-400\/50:where(.dark,.dark *):hover{border-color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-blue-400\/50:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-blue-400) 50%, transparent)}}.dark\:hover\:border-blue-500\/30:where(.dark,.dark *):hover{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-blue-500\/30:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.dark\:hover\:border-slate-500:where(.dark,.dark *):hover{border-color:var(--color-slate-500)}.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:#7b330680}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-amber-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-amber-900) 50%, transparent)}}.dark\:hover\:bg-blue-500\/10:where(.dark,.dark *):hover{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-500\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.dark\:hover\:bg-blue-500\/\[0\.08\]:where(.dark,.dark *):hover{background-color:#3080ff14}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-500\/\[0\.08\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-500) 8%, transparent)}}.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 20%, transparent)}}.dark\:hover\:bg-blue-900\/50:where(.dark,.dark *):hover{background-color:#1c398e80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-blue-900) 50%, transparent)}}.dark\:hover\:bg-green-900\/50:where(.dark,.dark *):hover{background-color:#0d542b80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-green-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-green-900) 50%, transparent)}}.dark\:hover\:bg-red-900\/50:where(.dark,.dark *):hover{background-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-900\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-red-900) 50%, transparent)}}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-700:where(.dark,.dark *):hover{background-color:var(--color-slate-700)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-slate-800\/50:where(.dark,.dark *):hover{background-color:#1d293d80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-800\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-slate-800) 50%, transparent)}}.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:hover\:bg-white\/\[0\.06\]:where(.dark,.dark *):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.06\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:hover\:bg-white\/\[0\.09\]:where(.dark,.dark *):hover{background-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/\[0\.09\]:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 9%, transparent)}}.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}.dark\:hover\:text-slate-200:where(.dark,.dark *):hover{color:var(--color-slate-200)}.dark\:hover\:text-slate-300:where(.dark,.dark *):hover{color:var(--color-slate-300)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:shadow-blue-900\/20:where(.dark,.dark *):hover{--tw-shadow-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:shadow-blue-900\/20:where(.dark,.dark *):hover{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-900) 20%, transparent) var(--tw-shadow-alpha), transparent)}}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#0f172a;--muted:#64748b;--app-bg:#f4f6f9;--card-bg:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--input-bg:#fff;--input-border:#e2e8f0;color:var(--text-main);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0f4ff;--muted:#64748b;--app-bg:#070c18;--card-bg:#0e1525;--card-border:#ffffff14;--text-main:#f0f4ff;--text-muted:#64748b;--input-bg:#ffffff0f;--input-border:#ffffff1f}*{box-sizing:border-box;letter-spacing:0}html,body{background-color:var(--app-bg);width:100%;max-width:100%;min-height:100%;color:var(--text-main);margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}button,input,select,textarea,img,table{max-width:100%}button,input,select,textarea{font:inherit}input,textarea,select{background-color:var(--input-bg);color:var(--text-main);border:1px solid var(--input-border)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.35}to{opacity:1}}:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-soft:#eff6ff;--success:#16a34a;--success-soft:#f0fdf4;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--border:#e2e8f0;--shadow:0 8px 20px #0f172a0a;--shadow-lg:0 16px 40px #0f172a14}*,:before,:after{box-sizing:border-box}@media (width<=768px){input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{font-size:16px!important;transform:none!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}html,body,#root{min-height:100%}html,body{width:100%;overflow-x:hidden}body{background:var(--bg);margin:0}#root{background:var(--bg);min-height:100dvh}.app-shell{background:var(--bg);width:100%;min-width:0;max-width:100%;min-height:100dvh;color:var(--text)}img,svg,video,canvas,button,input,select,textarea{max-width:100%}.mobile-topbar{z-index:200;border-bottom:1px solid var(--border);background:var(--background,var(--bg));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:10px;min-height:72px;padding:12px 14px;display:flex;position:sticky;top:0}.mobile-dashboard-header{min-height:72px}.mobile-greeting-block{display:none}.mobile-greeting-header{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.mobile-greeting-header h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:clamp(1rem,4vw,1.45rem);font-weight:800;line-height:1.1;overflow:hidden}.mobile-greeting-header h2>span:first-child{min-width:0}.greeting-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;max-width:100%;display:flex}.greeting-title>span:first-child{min-width:0;max-width:100%}.greeting-emoji{flex:none;line-height:1}.mobile-topbar>div{min-width:0}.topbar-actions,.mobile-topbar-actions,.user-actions{align-items:center;gap:8px;display:flex}.topbar-actions,.mobile-topbar-actions{flex:none;justify-content:flex-end;min-width:0}.mobile-topbar strong{max-width:none;color:var(--text);text-overflow:clip;white-space:normal;font-weight:800;line-height:1.2;display:block;overflow:visible}.mobile-header-title{flex:auto;min-width:0}.mobile-header-title .eyebrow{margin-bottom:2px}.mobile-header-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-topbar .hamburger-button{flex-shrink:0}.mobile-icon-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0f2;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;min-height:40px;padding:0;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-grid;position:relative;box-shadow:0 8px 18px #0f172a14}.mobile-icon-button:hover{color:var(--primary);background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1c}.mobile-icon-button:active{background:#f1f5f9;transform:scale(.96);box-shadow:0 5px 12px #0f172a1a}.mobile-icon-button svg{fill:none;stroke:currentColor;width:20px;height:20px}.hamburger-button,.primary-button,.secondary-button,.danger-button{max-width:100%;min-height:36px;font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.hamburger-button,.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.hamburger-button:hover,.primary-button:hover{background:#1d4ed8;border-color:#1d4ed8}.hamburger-button:active,.primary-button:active{background:#1e40af;transform:scale(.98)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{border:1px solid var(--border);color:#334155;background:#fff}.secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}.secondary-button:active{background:#f1f5f9;transform:scale(.98)}.danger-button{color:var(--danger);background:#fff;border:1px solid #fecaca}.danger-button:hover{background:var(--danger-soft)}.danger-button:active{background:#fee2e2;transform:scale(.98)}.sidebar{border-right:1px solid var(--border);height:100dvh;color:var(--text);background:#f8fafc;flex-direction:column;justify-content:space-between;display:none;overflow:clip}.sidebar.open{z-index:1000;border-right:1px solid var(--border);border-radius:0;width:min(85vw,320px);max-width:320px;height:100dvh;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 44px #0f172a29}.sidebar-overlay{z-index:999;cursor:pointer;background:#00000073;border:0;position:fixed;inset:0}.sidebar-top{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 16px 12px;display:flex;overflow-y:auto}.sidebar-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sidebar-heading>div{min-width:0}.sidebar h1{color:var(--text);margin:5px 0 6px;font-size:16px;font-weight:800;line-height:1.2}.sidebar-close{border:1px solid var(--border);color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:7px 10px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.sidebar-close:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.sidebar-close:active{background:#f1f5f9;transform:scale(.98)}.nav-list,.user-panel,.month-control,.settings-stack,.member-login-form,.member-list{gap:8px;display:grid}.nav-list button{color:#334155;text-align:left;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 11px;font-size:14px;font-weight:600;transition:background .13s,color .13s,border-color .13s;display:flex}.nav-list button.active,.nav-list button:hover{border-left-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.nav-list button:active{background:#dbeafe}.month-control{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:12px}.month-control button,.user-panel button{border:1px solid var(--border);color:#334155;min-height:36px;font:inherit;cursor:pointer;background:#fff;border-radius:8px;font-size:13px;font-weight:700}.month-control button:hover,.user-panel button:hover{border-color:var(--primary);color:var(--primary)}.user-panel{border-top:1px solid var(--border);background:#f8fafc;flex-shrink:0;padding:12px 18px 14px}.user-panel strong{color:var(--text);font-size:14px;display:block}.user-panel span{color:var(--muted);text-transform:capitalize;font-size:13px;display:block}.notification-wrap{position:relative}.notification-bell{border:1px solid var(--border);color:#334155;cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;min-height:36px;display:inline-grid;position:relative}.notification-bell:hover{border-color:var(--primary);color:var(--primary)}.notification-bell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px}.notification-bell.mobile-icon-button{color:#0f172a;border-radius:12px;width:40px;height:40px;min-height:40px}.notification-bell.mobile-icon-button:hover{color:var(--primary);background:#f8fafc;border-color:#cbd5e1}.notification-bell strong{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:999px;min-width:18px;padding:1px 4px;font-size:10px;font-weight:900;line-height:1.2;position:absolute;top:-7px;right:-7px}.notification-menu{z-index:60;border:1px solid var(--border);transform-origin:100% 0;background:#fff;border-radius:10px;width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);max-height:430px;animation:.16s ease-out notification-pop;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a2e}.mobile-topbar .notification-menu{top:calc(100% + 8px);bottom:auto}.notification-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.notification-menu-header button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.notification-list{max-height:360px;overflow-y:auto}.notification-item{width:100%;min-width:0;color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;gap:4px;padding:11px 12px;transition:background .15s,transform .15s;display:grid}.notification-item.unread{background:var(--primary-soft)}.notification-item:hover{background:#f8fafc}@keyframes notification-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-item span{min-width:0;color:var(--text);overflow-wrap:anywhere;text-transform:none;font-size:13px;font-weight:850;line-height:1.3}.notification-item p{color:#475569;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px;line-height:1.45}.notification-item small,.notification-empty{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.notification-empty{text-align:center;padding:18px 12px}.workspace{background:var(--bg);width:100%;min-width:0;max-width:100%;padding:12px}.workspace>section{width:100%;max-width:1440px;margin:0 auto}.workspace-header{z-index:200;width:100%;max-width:1440px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #e2e8f0e6;border-radius:12px;gap:10px;margin:0 auto 16px;padding:11px 12px;display:grid;position:sticky;top:0}.workspace-title{min-width:0}.greeting-header{align-items:center;min-height:44px;display:flex}.workspace-title h2{color:var(--text);margin:1px 0 3px;font-size:24px;font-weight:900;line-height:1.15}.workspace-controls{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.member-page-header-title .dashboard-title{margin-bottom:8px}.working-month-control{flex:none;align-items:center;gap:0;min-width:0;display:flex;position:relative}.mobile-working-month{display:none}.working-month-pill{width:44px;height:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;flex:0 0 44px;place-items:center;padding:0;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-grid;box-shadow:0 10px 24px #0f172a0a}.working-month-pill:hover,.working-month-pill:focus{background:#f8fafc;border-color:#bfdbfe;outline:none;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.working-month-pill:active{transform:scale(.98)}.working-month-pill>svg:first-child{color:#3b82f6;width:19px;height:19px}.dashboard-header .notification-bell,.dashboard-header .working-month-pill{border-color:#dbe3ef;border-radius:999px;width:44px;height:44px;min-height:44px;box-shadow:0 10px 24px #0f172a0a}.working-month-popover{z-index:85;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(292px,100vw - 24px);animation:.16s ease-out working-month-pop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a29}.working-month-current{border-bottom:1px solid #eef2f7;gap:4px;padding:14px 14px 12px;display:grid}.working-month-current span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.working-month-current strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:900;line-height:1.2;overflow:hidden}.working-month-popover-header{border-bottom:1px solid #eef2f7;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:12px 12px 10px;display:grid}.working-month-popover-header strong{color:#0f172a;text-align:center;font-size:15px;font-weight:900}.working-month-year-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;place-items:center;width:34px;height:34px;transition:border-color .15s,background .15s,color .15s;display:inline-grid}.working-month-year-button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.working-month-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.working-month-option{color:#334155;min-width:0;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.working-month-option:hover{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.working-month-option.selected{color:#fff;background:#2563eb;border-color:#bfdbfe;box-shadow:0 10px 22px #2563eb2e}@keyframes working-month-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.section-header{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}section{min-width:0}.section-header h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:800;line-height:1.2}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.muted{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.dashboard-page{gap:14px;animation:.18s ease-out view-appear;display:grid}@keyframes view-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.metric-grid,.two-column,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.metric-grid,.member-metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.payment-filters{margin-bottom:14px}.metric-card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:10px}.metric-card{min-height:108px;padding:14px}.metric-card span{color:var(--muted);font-size:12px;font-weight:700;display:block}.metric-card strong{overflow-wrap:anywhere;color:var(--text);margin-top:10px;font-size:22px;font-weight:900;line-height:1.15;display:block}.metric-card.collected,.metric-card.paid{border-left:3px solid var(--success)}.metric-card.outstanding,.metric-card.late{border-left:3px solid var(--danger)}.metric-card.partial{border-left:3px solid var(--warning)}.metric-card.pending{border-left:3px solid var(--primary)}.dashboard-chart-grid{grid-template-columns:1fr;gap:14px;margin:0;display:grid}.chart-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px;overflow:visible}.chart-card .panel-header{margin-bottom:8px}.chart-card h2{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:850}.chart-frame{width:100%;min-width:0;height:auto}.chart-empty{min-height:220px;color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;font-size:13px;font-weight:750;display:grid}.chart-legend{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:4px;display:flex}.chart-legend span{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.chart-legend i{border-radius:999px;width:10px;height:10px;display:inline-block}.summary-strip,.member-actions,.form-actions,.table-actions,.export-actions{flex-wrap:wrap;gap:8px;display:flex}.export-actions{margin-bottom:14px}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:100%}.summary-strip{margin-top:12px}.summary-strip span{border:1px solid var(--border);color:#475569;overflow-wrap:anywhere;background:#fff;border-radius:999px;max-width:100%;padding:6px 10px;font-size:12px;font-weight:650}.payment-summary-card{box-shadow:var(--shadow);background:#fff;border:1px solid #bfdbfe;border-radius:10px;gap:12px;margin:4px 0 16px;padding:14px;display:grid}.payment-summary-main{gap:4px;min-width:0;display:grid}.payment-summary-label,.payment-summary-main>span:last-child,.payment-summary-breakdown span{color:var(--muted);font-size:12px;font-weight:800}.payment-summary-label{color:var(--text);font-size:15px;line-height:1.25}.payment-summary-main strong{color:var(--primary);overflow-wrap:anywhere;font-size:clamp(28px,5vw,42px);font-weight:900;line-height:1.05}.payment-summary-breakdown{grid-template-columns:1fr;gap:10px;display:grid}.payment-summary-breakdown div{border:1px solid var(--border);background:#f8fafc;border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.payment-summary-breakdown strong{color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:850;line-height:1.15}.monthly-report-page{gap:14px;width:100%;min-width:0;max-width:100%;display:grid}.report-paper{border:1px solid var(--border);width:100%;min-width:0;max-width:1200px;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;margin:0 auto;padding:16px}.report-heading{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding-bottom:14px;display:grid}.report-heading h2{color:var(--text);margin:0 0 5px;font-size:22px;font-weight:900;line-height:1.2}.report-subtitle{color:#334155;margin:0 0 4px;font-size:14px;font-weight:750}.report-actions{justify-content:flex-end;align-items:center;margin-bottom:0}.report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.report-summary-card{border:1px solid var(--border);border-top:3px solid var(--primary);background:#fff;border-radius:8px;min-width:0;min-height:78px;padding:9px 10px}.report-summary-card span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.report-summary-card strong{color:var(--text);overflow-wrap:anywhere;margin-top:7px;font-size:18px;font-weight:900;line-height:1.1;display:block}.report-summary-card.paid{border-left-color:var(--success)}.report-summary-card.partial{border-left-color:var(--warning)}.report-summary-card.outstanding{border-left-color:var(--danger)}.report-table-wrap{overflow-x:auto}.monthly-report-table{min-width:980px;font-size:12px}.monthly-report-table th{color:#475569;background:#f8fafc;font-weight:800}.monthly-report-table td,.monthly-report-table th{vertical-align:middle;padding:8px 10px}.monthly-report-table tbody tr:nth-child(2n) td{background:#fbfdff}.monthly-report-table tfoot th{color:var(--text);background:#f8fafc;border-top:1px solid #cbd5e1;font-weight:850}.member-name-cell{min-width:170px;font-weight:700}.amount-cell{text-align:right;white-space:nowrap}.count-cell{text-align:center}.reference-cell{white-space:normal;max-width:210px}.reference-cell span,.reference-cell small{overflow-wrap:anywhere;display:block}.reference-cell small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.3}.report-card-list{width:100%;min-width:0;display:none}.report-member-card{border:1px solid var(--border);background:#fff;border-radius:10px;gap:10px;width:100%;min-width:0;padding:12px;display:grid}.report-member-card-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.report-member-card-head strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:14px}.report-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.report-member-grid span{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;gap:3px;padding:8px;font-size:11px;font-weight:750;display:grid}.report-member-grid strong{color:var(--text);overflow-wrap:anywhere;font-size:13px}.report-member-rows{gap:0;min-width:0;display:grid}.report-member-rows>div{border-top:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) minmax(92px,auto);align-items:center;gap:12px;min-width:0;padding:7px 0;display:grid}.report-member-rows>div:first-child{border-top:0;padding-top:0}.report-member-rows>div:last-child{padding-bottom:0}.report-member-rows span{min-width:0;color:var(--muted);font-size:12px;font-weight:750;line-height:1.25}.report-member-rows strong{min-width:0;color:var(--text);text-align:right;font-size:12px;font-weight:850;line-height:1.25}.report-member-reference strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel{min-width:0;max-width:100%;padding:12px;overflow-x:auto}.panel h2{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:800}.panel-header{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.panel-header>*{min-width:0}.panel-header>select{width:100%}.reminder-toolbar{gap:10px;display:grid}.members-layout,.members-main{align-items:start;gap:14px;min-width:0;display:grid}.members-main{min-width:0}.member-add-form{background:#fff;align-self:start;padding:24px;box-shadow:0 4px 24px #0f172a14}.member-add-form h2{margin-bottom:2px}.members-main .member-history-panel,.members-main .member-login-form{margin-top:0}.member-history-panel,.member-login-form{margin-top:16px}.member-list{border-bottom:1px solid var(--border);margin-top:14px;padding-bottom:14px}.member-list.compact{border-bottom:0;margin-top:0;padding-bottom:0}.member-list-count{margin:10px 0}.special-events-page{background:#f6f8fc;border-radius:22px;padding:18px}.special-events-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;min-width:0;display:grid}.special-events-main{gap:14px;min-width:0;display:grid}.create-event-card{background:#fff;border-color:#e2e8f0;border-radius:22px;align-self:start;height:auto;max-height:none;overflow:visible;box-shadow:0 18px 45px #0f172a12}.create-event-form{gap:18px;max-height:none;padding:22px;display:grid;overflow:visible}.event-edit-form{max-height:none;overflow:visible}.create-event-header{gap:6px;display:grid}.create-event-header h2{color:var(--text);margin:0;font-size:20px;font-weight:900;line-height:1.2}.create-event-header p{color:#64748b;margin:0;font-size:13px;font-weight:650;line-height:1.45}.create-event-grid{grid-template-columns:1fr 1fr;gap:14px;min-width:0;display:grid}.create-event-field{gap:8px;min-width:0;display:grid}.create-event-field.full,.create-event-form .notice{grid-column:1/-1}.create-event-field span{color:#475569;font-size:12px;font-weight:750}.create-event-field input,.create-event-field select,.create-event-field .date-picker-trigger,.create-event-field .cs-trigger{background:#fbfdff;border-color:#dbe3ef;border-radius:12px;height:48px;min-height:0;padding:0 14px}.create-event-field .date-picker-trigger{font-size:14px}.create-event-field .date-picker,.member-edit-form .date-picker{width:100%;position:relative}.create-event-field textarea{resize:vertical;background:#fbfdff;border-color:#dbe3ef;border-radius:12px;min-height:120px;padding:14px}.create-event-actions{justify-content:flex-end;display:flex}.create-event-actions button{border-radius:12px;width:auto;min-height:48px;padding:0 22px;box-shadow:0 10px 22px #2563eb2e}.event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;min-width:0;display:grid}.events-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.event-card,.member-row{border:1px solid var(--border);background:#fff;border-radius:10px;gap:10px;padding:12px;display:grid}.special-events-page .panel{background:#fff;border-color:#e2e8f0;border-radius:20px;box-shadow:0 14px 36px #0f172a0e}.special-events-page .panel-header{margin-bottom:14px}.special-events-page .event-card{background:#fff;border-color:#e2e8f0;border-radius:18px;gap:14px;padding:16px;box-shadow:0 10px 26px #0f172a0b}.member-list.compact .member-row{padding:10px 12px}.event-card p{margin:0}.events-grid .event-card{align-content:start;min-width:0;height:auto}.event-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.event-card-title{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-size:16px;font-weight:900;line-height:1.25}.event-card-subtitle{color:#64748b;flex-wrap:wrap;gap:8px 12px;font-size:12px;font-weight:750;display:flex}.event-card-description{color:#475569;font-size:13px;line-height:1.55}.event-chip-row{flex-wrap:wrap;gap:8px;display:flex}.event-chip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 8px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.event-chip strong{color:#1e293b;font-weight:900}.event-actions{flex-wrap:wrap;gap:8px;display:flex}.event-actions button{min-width:0;min-height:40px;font:inherit;cursor:pointer;border-radius:10px;flex:104px;padding:8px 12px;font-size:12px;font-weight:850;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.event-action-primary{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 8px 18px #2563eb29}.event-action-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.event-action-secondary{color:#334155;background:#fff;border:1px solid #dbe3ef}.event-action-secondary:hover{color:#1d4ed8;background:#f8fbff;border-color:#bfdbfe}.event-action-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.event-action-danger:hover{background:#fff7f7;border-color:#fca5a5}.event-actions button:disabled{cursor:not-allowed;opacity:.55}.archived-events-panel{margin-top:14px}.archived-events-header{align-items:center}.archived-events-header .secondary-button{width:auto}.archived-event-grid{padding-top:14px}.special-events-page .archived-event-card{opacity:.82;background:#f8fafc}.special-events-page .archived-event-card:hover,.special-events-page .archived-event-card:focus-within{opacity:1}.event-history-note{border-left:3px solid #cbd5e1;padding-left:10px;font-size:12px;line-height:1.45}.member-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.member-title-row strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:800}.member-row span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.selected-member-card{border:1px solid var(--border);color:#475569;background:#f8fafc;border-radius:10px;gap:8px;padding:12px;font-size:13px;display:grid}.selected-member-card strong{color:var(--text);font-size:15px;display:block}.member-login-form .primary-button{justify-self:stretch}.form-grid h2,.form-grid .full,.form-grid .primary-button,.form-grid .notice,.member-edit-form h2,.member-edit-form .form-actions{grid-column:1/-1}.field{color:#334155;gap:4px;min-width:0;font-size:13px;font-weight:650;display:grid}.field span{color:#475569;font-size:12px;font-weight:700}input,select,textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 10px;font-size:14px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}select:hover{border-color:#93c5fd}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.password-input-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.password-input-wrap input{min-width:0}.password-input-wrap button{border:1px solid var(--border);color:#334155;cursor:pointer;min-height:44px;font:inherit;background:#fff;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.form-grid>.primary-button{justify-self:stretch;width:100%;margin-top:4px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;max-width:none;font-size:13px}.member-history-panel{border-radius:12px}.member-history-panel table{min-width:820px}.member-add-btn{justify-content:center;justify-self:stretch;align-items:center;gap:8px;width:100%;display:inline-flex}.member-add-btn:hover:not(:disabled){filter:brightness(.92)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.65s linear infinite btn-spin;display:inline-block}.field--error input,.field--error select,.field--error textarea{background:#fff5f5;border-color:#ef4444}.field--error input:focus,.field--error select:focus,.field--error textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.field--valid input,.field--valid select,.field--valid textarea{background:#f0fdf4;border-color:#16a34a}.field--valid input:focus,.field--valid select:focus,.field--valid textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.field-error-msg{color:#dc2626;margin-top:2px;font-size:11px;font-weight:700}.reminder-phone-toggle{padding-top:2px}.checkbox-label{cursor:pointer;color:#334155;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;min-height:unset;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.members-list-heading-row{align-items:center;gap:12px;display:flex}.members-toggle-btn{flex-shrink:0;min-height:30px;padding:0 12px;font-size:12px}.selected-member-header{align-items:center;gap:14px;display:flex}.member-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:inline-flex}.member-edit-btn{flex-shrink:0;margin-left:auto}.not-provided{color:#94a3b8;font-size:13px;font-style:italic}.payment-total-cell{text-align:right;border-top:2px solid #e2e8f0;font-size:13px}.login-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:650;line-height:1.5}.pw-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.pw-strength-bar{flex:1;gap:4px;display:flex}.pw-strength-segment{background:#e2e8f0;border-radius:999px;flex:1;height:4px;transition:background .2s}.pw-strength-segment.pw-level-1{background:#ef4444}.pw-strength-segment.pw-level-2{background:#f59e0b}.pw-strength-segment.pw-level-3{background:#16a34a}.pw-strength-label{white-space:nowrap;font-size:11px;font-weight:800}.pw-strength-label.pw-level-1{color:#dc2626}.pw-strength-label.pw-level-2{color:#d97706}.pw-strength-label.pw-level-3{color:#16a34a}.success-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#16a34a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.success-button:hover:not(:disabled){background:#15803d}.success-button:active:not(:disabled){transform:scale(.98)}.success-button:disabled{opacity:.55;cursor:not-allowed}.member-login-btn{justify-self:stretch;width:100%}.login-confirm-panel{max-width:440px}thead{display:table-header-group}tr{display:table-row}td,th{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:9px}td:last-child{border-bottom:0}th{color:#475569;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:800}tfoot th{color:var(--text);background:#f8fafc}.status{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.status.paid,.status.active{background:var(--success-soft);color:var(--success)}.status.pending,.status.unpaid{background:var(--primary-soft);color:var(--primary)}.status.partial{background:var(--warning-soft);color:#b45309}.status.late,.status.cancelled,.status.failed{background:var(--danger-soft);color:var(--danger)}.status.closed{color:#475569;background:#f1f5f9}.status.archived{color:#475569;background:#e2e8f0}.notice,.toast{border:1px solid var(--border);color:#334155;overflow-wrap:anywhere;background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:650;line-height:1.5}.notice{margin-bottom:14px}.notice.success,.toast.success{background:var(--success-soft);color:var(--success);border-color:#bbf7d0}.notice.error,.toast.error{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.notice.warning{background:var(--warning-soft);color:#b45309;border-color:#fde68a}.toast-stack{z-index:1300;gap:8px;width:calc(100vw - 24px);max-width:360px;display:grid;position:fixed;top:12px;right:12px}.loading-state{color:var(--primary);background:#fff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.loading-dot{background:var(--primary);border-radius:999px;width:8px;height:8px;animation:.9s ease-in-out infinite alternate pulse}.empty-state{min-height:120px;color:var(--muted);text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:32px 20px;font-size:13.5px;font-weight:600;display:flex}.payment-action-panel{flex-direction:column;gap:12px;margin-top:16px;display:flex}.modal-backdrop{z-index:70;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0f172a2e}.modal-panel h2{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:800}.modal-panel p{color:var(--muted);margin:0 0 18px;line-height:1.5}.modal-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-title-row h2{margin:0}.icon-button{border:1px solid var(--border);color:#334155;cursor:pointer;min-width:36px;min-height:36px;font:inherit;background:#fff;border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.icon-button:hover{border-color:var(--primary);color:var(--primary)}.modal-body{min-height:0;overflow-y:auto}.member-edit-modal{flex-direction:column;max-width:720px;max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.member-edit-modal .notice{margin:0 20px 12px}.member-edit-modal .modal-title-row,.member-edit-modal-actions{flex-shrink:0;padding:16px 20px}.member-edit-modal .modal-title-row{border-bottom:1px solid var(--border)}.member-edit-modal .modal-body{padding:16px 20px}.member-edit-modal-actions{border-top:1px solid var(--border);background:#fff}.modal-actions{gap:8px;display:grid}.auth-shell{background:var(--bg);place-items:center;min-height:100dvh;padding:16px;display:grid}.auth-loading{flex-direction:column;align-items:center;gap:18px;display:flex}.auth-loading p{color:var(--muted);letter-spacing:.01em;margin:0;font-size:14px;font-weight:600}.auth-loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.72s linear infinite spin}.login-panel{border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:14px;padding:24px;display:grid}.login-panel h1{color:var(--text);margin:0;font-size:24px;font-weight:800;line-height:1.2}.backup-list{grid-template-columns:1fr;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.backup-list li{border:1px solid var(--border);color:#475569;text-transform:capitalize;background:#f8fafc;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:650}.message-cell{white-space:normal;max-width:380px}.contact-stack{gap:3px;display:grid}.reminders-page{background:var(--bg);gap:18px;max-width:100%;display:grid;overflow-x:hidden}.reminders-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.reminders-header h1{color:var(--text);margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.1}.reminders-header p{color:var(--muted);margin:7px 0 0;font-size:.95rem}.reminder-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.reminder-summary-card{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--card);min-height:84px;box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:16px;transition:box-shadow .15s,transform .15s;display:flex}.reminder-summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.reminder-summary-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:12px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.reminder-summary-card.partial .reminder-summary-icon{background:var(--warning-soft);color:var(--warning)}.reminder-summary-card.paid .reminder-summary-icon{background:var(--success-soft);color:var(--success)}.reminder-summary-card.neutral .reminder-summary-icon{color:var(--muted);background:#f1f5f9}.reminder-summary-card.pending .reminder-summary-icon{background:var(--danger-soft);color:var(--danger)}.reminder-summary-card.pending{border-left-color:var(--danger)}.reminder-summary-card.partial{border-left-color:var(--warning)}.reminder-summary-card.paid{border-left-color:var(--success)}.reminder-summary-card.neutral{border-left-color:var(--muted)}.reminder-summary-card span:not(.reminder-summary-icon){color:var(--muted);font-size:12px;font-weight:750;display:block}.reminder-summary-card strong{color:var(--text);margin-top:3px;font-size:28px;font-weight:900;line-height:1;display:block}.reminder-controls-card,.unpaid-members-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card{border:1px solid var(--border);background:var(--card);max-width:100%;box-shadow:var(--shadow);border-radius:18px;padding:18px;overflow:hidden}.reminder-controls-grid{grid-template-columns:repeat(2,minmax(180px,1fr)) auto;align-items:end;gap:14px;display:grid}.reminder-controls-grid .field{min-width:0}.reminder-controls-grid input,.reminder-controls-grid select,.reminder-controls-grid button{min-height:44px}.reminder-search,.reminder-event-field{grid-column:span 2}.reminder-bulk-button{justify-self:end;min-width:190px}.smart-reminder-page{grid-template-columns:minmax(0,1fr)}.smart-reminder-filters{padding:18px}.filter-section-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:grid}.filter-section-title{min-width:0;color:var(--text);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.filter-reset-btn{background:var(--primary-soft);color:var(--primary);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:800;transition:background .12s,color .12s;display:inline-flex}.filter-reset-btn:hover{color:#1d4ed8;background:#dbeafe}.filter-result-count{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-self:end;align-items:center;gap:2px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.filter-result-count strong{color:#0f172a;font-size:13px;font-weight:800}.smart-reminder-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:14px;display:grid}.smart-reminder-grid .field{min-width:0}.smart-reminder-grid input,.smart-reminder-grid select{min-height:44px}.smart-reminder-grid .cs-trigger{border-radius:12px;min-height:44px}.smart-reminder-grid .cs-menu{border-radius:12px}.smart-reminder-grid .reminder-event-field,.smart-reminder-grid .reminder-search{grid-column:span 2}.smart-reminder-results{gap:14px;padding:18px;display:grid}.bulk-reminder-bar{background:var(--primary-soft);border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.select-all-row,.bulk-reminder-actions{color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.select-all-row input,.smart-reminder-select input{width:18px;height:18px;accent-color:var(--primary)}.bulk-reminder-actions .primary-button{white-space:nowrap;width:auto}.smart-reminder-list{gap:12px;display:grid}.smart-reminder-card{border-left:3px solid var(--border);box-shadow:none;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 20px;transition:box-shadow .15s,border-left-color .15s;display:grid}.smart-reminder-card:hover{border-left-color:var(--primary);box-shadow:0 4px 16px #0f172a12}.smart-reminder-select{align-self:center;display:inline-flex}.rc-member{align-items:flex-start;gap:12px;min-width:0;display:flex}.rc-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.rc-info{gap:3px;min-width:0;display:grid}.rc-primary-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.rc-title-stack{gap:2px;min-width:0;display:grid}.rc-name{color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rc-contact{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rc-tags{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.rc-finance{text-align:right}.rc-balance{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1;display:block}.rc-finance-detail{color:var(--muted);white-space:nowrap;justify-content:flex-end;gap:4px;margin-top:5px;font-size:11px;display:flex}.rc-finance-detail strong{color:var(--text);font-weight:600}.rc-actions{align-items:center;gap:6px;display:flex}.rc-preview-btn{width:auto;color:var(--muted);white-space:nowrap;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:inline-flex}.rc-preview-btn:hover{color:var(--primary);background:var(--primary-soft)}.rc-copy-btn{white-space:nowrap;width:auto;padding:7px 12px;font-size:12px}.rc-send-btn{white-space:nowrap;width:auto;padding:8px 18px;font-size:13px;font-weight:700}.reminder-type-badge,.reminder-status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.reminder-type-badge.monthly{background:var(--primary-soft);color:var(--primary);border:1px solid #bfdbfe}.reminder-type-badge.special-event{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.reminder-status-badge.unpaid{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.reminder-status-badge.partial{background:var(--warning-soft);color:#b45309;border:1px solid #fde68a}.reminder-activity-card{gap:16px;display:grid}.reminder-activity-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reminder-activity-header h2{color:var(--text);margin:0;font-size:18px;line-height:1.2}.reminder-activity-header p{margin:5px 0 0}.reminder-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reminder-activity-stat{border:1px solid var(--border);border-top:3px solid var(--primary);background:#f8fafc;border-radius:14px;gap:6px;min-height:78px;padding:14px;transition:box-shadow .15s;display:grid}.reminder-activity-stat:hover{box-shadow:var(--shadow)}.reminder-activity-stat span{color:var(--muted);font-size:12px;font-weight:800}.reminder-activity-stat strong{color:var(--text);font-size:17px;font-weight:800;line-height:1.35}.reminder-log-toggle{background:var(--primary-soft);width:auto;color:var(--primary);border-color:#bfdbfe;flex:none}.reminder-logs-panel{box-shadow:none;gap:14px;display:grid}.reminder-toolbar{grid-template-columns:minmax(150px,210px) minmax(180px,240px) minmax(130px,180px) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid;overflow-x:visible}.reminder-toolbar>.primary-button{white-space:nowrap;width:auto}.reminder-panel{overflow-x:auto}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:760px}.reminder-table,.reminder-history-table,.reminder-logs-table{border-collapse:collapse;width:100%;min-width:760px}.reminder-table th,.reminder-history-table th,.reminder-logs-table th{color:var(--muted);letter-spacing:0;text-align:left;white-space:nowrap;background:#f8fafc;font-size:12px;font-weight:800}.reminder-table td,.reminder-history-table td,.reminder-logs-table td{vertical-align:middle}.reminder-table strong{color:var(--text);display:block}.balance-due{color:var(--danger);font-weight:900}.method-badge{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.reminder-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.compact-button{white-space:nowrap;width:auto;min-height:32px;padding:6px 9px;font-size:12px}.reminder-card-list{display:none}.reminder-card,.member-reminder-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:14px;display:grid}.reminder-card-head,.reminder-card-foot{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reminder-card-head>div{gap:3px;min-width:0;display:grid}.reminder-card-head strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.reminder-card-head span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.reminder-card-head>.status{flex:none}.reminder-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reminder-amount-grid span{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:12px;gap:3px;padding:8px;font-size:11px;font-weight:750;display:grid}.reminder-amount-grid strong{color:var(--text);font-size:13px}.history-card-list .reminder-amount-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reminder-preview-modal{max-width:620px}.reminder-message-preview{border:1px solid var(--border);color:#334155;white-space:pre-wrap;background:#f8fafc;border-radius:10px;max-height:45vh;padding:14px;font-size:14px;line-height:1.65;overflow-y:auto}@media (width<=1024px){.reminder-summary-grid,.reminder-controls-grid,.smart-reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-reminder-card{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start;gap:10px 14px}.smart-reminder-select{grid-row:1/3;align-self:center}.rc-member{grid-area:1/2}.rc-finance{grid-area:1/3}.rc-actions{grid-area:2/2/auto/4;justify-content:flex-end}.reminder-bulk-button{justify-self:stretch;width:100%}}@media (width<=640px){.reminders-page{gap:14px}.reminders-header{align-items:flex-start}.reminder-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reminder-summary-card{min-height:68px;padding:12px 14px}.reminder-summary-card strong{font-size:22px}.reminder-controls-card,.unpaid-members-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel{border-radius:16px;padding:14px}.reminder-activity-header{display:grid}.reminder-log-toggle{width:100%}.reminder-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reminder-activity-stat{gap:3px;min-height:0;padding:10px}.reminder-activity-stat span{font-size:10px}.reminder-activity-stat strong{overflow-wrap:anywhere;word-break:break-word;font-size:13px}.reminder-controls-grid{grid-template-columns:1fr}.smart-reminder-filters,.smart-reminder-results{border-radius:16px;padding:14px}.smart-reminder-filters .filter-section-header{grid-template-columns:1fr;align-items:start;gap:10px}.smart-reminder-filters .filter-result-count{justify-content:center;justify-self:stretch;width:100%}.smart-reminder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.smart-reminder-grid .reminder-event-field{grid-column:span 2}.smart-reminder-grid .reminder-search{grid-column:auto}.bulk-reminder-bar{flex-direction:column;align-items:stretch;gap:10px}.bulk-reminder-actions{justify-content:space-between}.bulk-reminder-actions .primary-button{white-space:nowrap;flex:1;width:auto}.smart-reminder-card{border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:8px 10px;padding:10px 12px}.smart-reminder-list{gap:8px}.smart-reminder-select{grid-area:1/1;align-self:start;padding-top:4px}.rc-member{grid-area:1/2;gap:8px}.rc-avatar{flex-basis:32px;width:32px;height:32px;font-size:13px}.rc-primary-row{align-items:flex-start;gap:8px}.rc-name{font-size:13px;line-height:1.2}.rc-contact{font-size:11px;line-height:1.25}.rc-tags{gap:4px;margin-top:5px}.reminder-type-badge,.reminder-status-badge{white-space:normal;max-width:100%;padding:3px 7px;font-size:10px;line-height:1.15}.rc-finance{text-align:left;grid-area:2/2;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rc-balance{font-size:16px;line-height:1.1}.rc-finance-detail{justify-content:flex-start;margin-top:0;font-size:10px}.rc-actions{grid-area:3/1/auto/-1;justify-content:flex-end;gap:6px;min-width:0}.rc-preview-btn,.rc-copy-btn,.rc-send-btn{border-radius:9px;flex:none;width:auto;min-height:34px;padding:0 10px;font-size:12px;line-height:1}.rc-send-btn{padding-inline:14px}.table-responsive{display:none}.reminder-card-list{gap:10px;display:grid}.reminder-card-foot{justify-content:stretch;display:grid}.reminder-actions{flex-wrap:wrap;width:100%}.reminder-actions button{flex:100%}.reminder-amount-grid,.history-card-list .reminder-amount-grid{grid-template-columns:1fr}}.family-brand-card{border-radius:12px;gap:20px;padding:22px;display:grid;overflow-x:visible}.family-brand-header{border-bottom:1px solid var(--border);text-align:center;gap:10px;padding-bottom:18px;display:grid}.family-brand-header h2{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:30px;line-height:1.15}.family-motto{color:var(--muted);margin:0;font-size:16px;font-style:italic;font-weight:650}.family-brand-grid{gap:14px;display:grid}.family-brand-grid section{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:12px}.family-brand-grid h3{color:var(--text);margin:0 0 10px;font-size:16px;font-weight:800}.family-brand-grid p,.family-brand-grid ul{color:#475569;margin:0;font-size:13px;line-height:1.6}.family-brand-grid ul{gap:8px;padding-left:18px;display:grid}@media (width<=1024px){.sidebar:not(.open){display:none}.workspace{width:100%;max-width:100%;margin-left:0}.mobile-topbar,.mobile-working-month{display:flex}.member-add-form{position:static}}@media (width>=1024px){.create-event-card{position:sticky;top:24px}}@media (width<=900px){.special-events-layout{grid-template-columns:1fr}.create-event-card{position:static}}@media (width<=768px){.metric-grid,.member-metric-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr}.panel-header,.section-header{align-items:stretch}.member-row{grid-template-columns:1fr}.member-actions,.form-actions,.table-actions,.export-actions{flex-direction:column}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.member-list-toggle-panel .primary-button{width:100%}.event-actions{grid-template-columns:1fr 1fr;display:grid}.event-actions button,.archived-events-header .secondary-button{width:100%}.modal-backdrop{place-items:start center}}@media (width<=480px){.workspace{padding:12px}.special-events-layout{gap:14px}.create-event-form{gap:14px;padding:14px}.create-event-grid{grid-template-columns:1fr}.create-event-actions button{width:100%}.event-actions{grid-template-columns:1fr}.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill{flex-basis:38px;width:38px;height:38px;min-height:38px}.mobile-working-month,.mobile-working-month .working-month-pill{flex-basis:38px;width:38px;max-width:38px;height:38px;min-height:38px}.section-header{margin-bottom:14px}.section-header h2{font-size:20px}.panel,.metric-card,.event-card,.member-row,.selected-member-card,.family-brand-card{padding:10px}.metric-card{min-height:82px}.metric-card strong{font-size:18px}.family-brand-header{text-align:left}.family-brand-header h2{font-size:24px}.modal-backdrop{padding:10px}.modal-panel,.member-edit-modal{max-height:calc(100dvh - 20px)}.toast-stack{width:calc(100vw - 16px);top:8px;right:8px}}@media (width<=360px){.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.hamburger-button,.primary-button,.secondary-button,.danger-button{padding:8px 10px}.workspace{padding:10px}.section-header{margin-bottom:14px}.section-header h2,.login-panel h1{font-size:20px}.panel,.metric-card,.event-card,.member-row,.selected-member-card{border-radius:8px;padding:10px}.login-panel{padding:18px}.member-edit-modal .modal-title-row,.member-edit-modal .modal-body,.member-edit-modal-actions{padding-left:14px;padding-right:14px}.member-edit-modal .notice{margin-left:14px;margin-right:14px}table{min-width:560px}}@media (width>=640px){.workspace{padding:16px}.workspace-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 16px}.workspace-controls{justify-content:flex-end}.metric-grid,.member-metric-grid,.form-grid,.member-edit-form,.dashboard-filters,.payment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-summary-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);align-items:stretch}.payment-summary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>.primary-button,.member-login-form .primary-button{justify-self:start;width:auto}.member-list-toggle-panel .primary-button,.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:auto}.panel-header,.section-header{flex-direction:row;justify-content:space-between;align-items:center}.payment-action-panel{max-width:560px}.panel-header>select{width:auto;min-width:180px}.reminder-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.reminder-search,.reminder-toolbar>.primary-button{grid-column:1/-1}.member-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.report-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dashboard-chart-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch}.modal-actions{justify-content:flex-end;display:flex}.member-edit-modal .modal-body{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-list{grid-template-columns:repeat(3,minmax(0,1fr))}.family-brand-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (width>=768px){thead{display:table-header-group}tbody{display:table-row-group}tr{border:0;border-radius:0;margin:0;padding:0;display:table-row}tr:hover td{background:#f8fafc}td,th{display:table-cell}}@media (width>=1025px){.app-shell{min-height:100vh}.mobile-topbar,.member-payments-page .payments-page-header,.sidebar-close{display:none}.sidebar{width:240px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.open{border-right:1px solid var(--border);width:240px;max-width:240px;box-shadow:none}.sidebar-overlay{display:none}.workspace{width:calc(100% - 240px);max-width:calc(100% - 240px);margin-left:240px;padding:24px}.workspace-header{top:16px}.analytics-grid,.member-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}.members-layout{grid-template-columns:minmax(260px,7fr) minmax(0,13fr)}.member-add-form{position:sticky;top:28px}}@media (width>=1200px){.dashboard-chart-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}}@media (width>=1280px){.audit-filters,.payment-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.sidebar:not(.open){display:none}.mobile-topbar{display:flex}.workspace{width:100%;max-width:100%;margin-left:0}.workspace-header{top:70px}.workspace-controls>.notification-wrap{display:none}.member-add-form{position:static}}@media (width<=768px){.metric-grid,.member-metric-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters,.member-edit-modal .modal-body{grid-template-columns:1fr}.panel-header,.section-header{flex-direction:column;align-items:stretch}.workspace-controls{justify-content:flex-start;align-items:center}.working-month-control{flex:auto}.dashboard-chart-grid{grid-template-columns:1fr}.panel-header>select,.member-list-toggle-panel .primary-button{width:100%}.member-row{grid-template-columns:1fr}.member-actions,.form-actions,.table-actions,.export-actions{flex-direction:column}.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button{width:100%}.reminder-toolbar{grid-template-columns:1fr}}@media (width<=480px){.workspace{padding:12px}.workspace-header{gap:10px;margin-bottom:12px;padding:10px}.workspace-title h2{font-size:20px}.workspace-controls{flex-wrap:wrap;gap:8px}.working-month-control,.working-month-pill{flex:0 0 44px;width:44px;max-width:44px}.section-header h2{font-size:20px}.metric-card strong{font-size:18px}.modal-backdrop{padding:10px}.modal-panel,.member-edit-modal{max-height:calc(100dvh - 20px)}.smart-reminder-card{gap:8px 10px;padding:12px 14px}.rc-avatar{flex:0 0 30px;width:30px;height:30px;font-size:12px}.rc-balance{font-size:17px}.reminder-summary-card strong{font-size:18px}.reminder-summary-icon{flex:0 0 32px;width:32px;height:32px}}@media (width<=767px){.app-shell{width:100vw;max-width:100vw;overflow-x:hidden}.mobile-topbar{z-index:900;align-items:center;gap:10px;width:100%;display:flex;position:sticky;top:0}.workspace-controls>.notification-wrap{display:none}.sidebar,.sidebar:not(.open){z-index:1000;border-right:1px solid var(--border);width:min(85vw,320px);max-width:320px;height:100dvh;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:18px 0 44px #0f172a29}.sidebar.open{width:min(85vw,320px);max-width:320px;transform:translate(0)}.sidebar-top{overflow-y:visible}.sidebar-overlay{z-index:999}.workspace{width:100%;max-width:100%;margin-left:0;padding:10px 16px 16px;overflow-x:hidden}.workspace>section,.workspace-header,.panel,.metric-card,.event-card,.member-row,.selected-member-card,.report-paper{max-width:100%}.workspace-header{gap:8px;margin-bottom:10px;padding:10px;top:6px}.workspace-title h2{font-size:20px}.workspace-title .muted,.workspace-title p{line-height:1.35}.workspace-controls{justify-content:flex-start;gap:8px}.working-month-control,.working-month-pill{flex:0 0 44px;width:44px;max-width:44px}.working-month-popover{width:min(292px,100vw - 32px);left:0;right:auto}.dashboard-page,.reminders-page{gap:10px}.metric-grid,.member-metric-grid,.dashboard-chart-grid,.two-column,.members-layout,.form-grid,.member-edit-form,.dashboard-filters,.audit-filters,.payment-filters,.event-grid,.payment-summary-card,.payment-summary-breakdown,.report-summary-grid{grid-template-columns:1fr}.report-paper{padding:12px}.report-heading{grid-template-columns:1fr;gap:10px;padding-bottom:12px}.report-heading h2{font-size:20px}.report-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.report-summary-card{min-height:72px;padding:8px}.report-summary-card strong{font-size:16px}.panel{padding:12px;overflow-x:auto}.reminder-toolbar{grid-template-columns:1fr;gap:10px}.reminder-toolbar>.primary-button{width:100%}.reminder-summary-grid{gap:10px}.reminder-table,.reminder-history-table,.reminder-logs-table,.table-responsive{display:none}.reminder-card-list{gap:10px;display:grid}.reminder-card-foot{justify-content:stretch;display:grid}.reminder-actions{flex-wrap:wrap;width:100%;display:flex}.reminder-actions>button{flex:100%;width:100%}.reminder-amount-grid,.history-card-list .reminder-amount-grid{grid-template-columns:1fr}.reminder-preview-modal{width:calc(100vw - 24px)}.metric-grid,.member-metric-grid{gap:10px}.metric-card{min-height:74px;padding:12px}.metric-card strong{margin-top:6px;font-size:19px}.metric-card span{font-size:11px}.dashboard-chart-grid{gap:10px}.chart-card{padding:12px}.chart-shell{min-height:190px}.report-table-wrap,.table-wrap{max-width:100%;overflow-x:auto}.monthly-report-page .report-table-wrap{display:none}.report-card-list{gap:10px;display:grid}table{width:max-content;min-width:560px}input,select,textarea,.primary-button,.secondary-button,.danger-button,.member-actions>button,.form-actions>button,.table-actions>button,.export-actions>button,.payment-action-panel .primary-button,.payment-action-panel .secondary-button,.event-card>.primary-button,.login-panel>.primary-button,.panel>.primary-button,.reminder-toolbar>.primary-button{width:100%}.hamburger-button{width:auto}}@media print{@page{size:landscape;margin:12mm}body,.app-shell{background:#fff}.sidebar,.mobile-topbar,.report-actions,.user-panel,.month-control,.section-header{display:none!important}.workspace{width:100%!important;margin:0!important;padding:0!important}.report-paper{max-width:none;box-shadow:none;border:0;border-radius:0;padding:0}.report-heading{border-bottom-color:#d1d5db;padding-bottom:10px}.report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0}.report-summary-card{break-inside:avoid;padding:7px}.report-summary-card strong{font-size:15px}.report-table-wrap{overflow:visible}.monthly-report-table{min-width:0;font-size:9px}.monthly-report-table td,.monthly-report-table th{padding:5px 6px}.reference-cell{max-width:160px}}.password-input-wrap input{width:100%;padding-right:52px}.password-input-wrap input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb26}.password-toggle{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important}.password-toggle svg{width:26px;min-width:26px;max-width:none;height:26px;min-height:26px;display:block}.password-toggle:hover{color:var(--text)}.login-screen{background:radial-gradient(at 60% 30%,#e0eaff 0%,#f0f4ff 35%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-screen:before{background:#2563eb14;width:500px;height:500px;top:-120px;left:-100px}.login-screen:after{background:#6366f112;width:400px;height:400px;bottom:-80px;right:-60px}.login-card{z-index:1;-webkit-backdrop-filter:blur(24px);text-align:center;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:24px;width:100%;max-width:440px;padding:48px 44px 40px;position:relative;box-shadow:0 2px 4px #0f172a0a,0 12px 40px #0f172a1a,0 32px 64px #2563eb12}.login-logo{background:var(--primary);color:#fff;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 20px;display:inline-grid;box-shadow:0 6px 20px #2563eb52,0 2px 6px #2563eb2e}.login-logo svg{stroke:#fff;fill:none;width:26px;height:26px}.login-card .eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.login-card h1{color:var(--text);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(24px,3.2vw,30px);font-weight:780;line-height:1.15}.login-card .muted{color:var(--muted);margin-bottom:32px;font-size:14px;line-height:1.55}.login-card .field{text-align:left;margin-bottom:20px;display:block}.login-card .field span{color:#475569;letter-spacing:.005em;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login-field-hint{margin-top:5px;font-size:11.5px;display:block;color:#94a3b8!important;letter-spacing:0!important;font-weight:400!important}body.dark-mode .login-field-hint{color:#64748b!important}.login-card .field input{color:#0f172a;-webkit-text-fill-color:#0f172a;box-sizing:border-box;background:#ffffffeb;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:50px;padding:0 16px;font-size:15px;font-weight:450;transition:border-color .18s,box-shadow .2s,background .18s}.login-card .field input::placeholder{color:#94a3b8;-webkit-text-fill-color:#94a3b8;font-weight:400}.login-card .field input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.login-card .field input:-webkit-autofill{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.login-card .field input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.login-card .field input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #fffffff7}.password-input-wrap{width:100%;position:relative}.password-input-wrap input{padding-right:50px}.password-toggle{color:#94a3b8;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:color .18s,background .18s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important}.password-toggle:hover{color:var(--text);background:#0f172a0d!important}.login-card .primary-button{background:var(--primary);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;width:100%;height:52px;margin-top:8px;font-size:15.5px;font-weight:700;transition:transform .15s,box-shadow .2s,background .15s;box-shadow:0 4px 16px #2563eb4d,0 1px 3px #2563eb26}.login-card .primary-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 20px #2563eb61,0 2px 6px #2563eb2e}.login-card .primary-button:active{transform:translateY(0)scale(.99);box-shadow:0 2px 8px #2563eb38}.login-trust-badge{color:#94a3b8;letter-spacing:.01em;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:12px;font-weight:500;display:flex}.login-trust-badge svg{opacity:.65;flex-shrink:0}.login-create-org-row{color:#94a3b8;border-top:1px solid #e2e8f0b3;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:20px;font-size:13px;display:flex}.login-create-org-link{color:#2563eb;font-weight:600;text-decoration:none;transition:color .15s}.login-create-org-link:hover{color:#1d4ed8;text-decoration:underline}body.dark-mode .login-create-org-row{color:#64748b;border-top-color:#94a3b81f}body.dark-mode .login-create-org-link{color:#60a5fa}body.dark-mode .login-create-org-link:hover{color:#93c5fd}.login-submit-button{justify-content:center;align-items:center;gap:8px;display:flex}.login-card .primary-button:disabled{cursor:default;opacity:.88}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin}body.dark-mode .login-screen{background:radial-gradient(at 60% 30%,#0c1628 0%,#0f172a 45%,#0b1220 100%)}body.dark-mode .login-screen:before{background:#3b82f624}body.dark-mode .login-screen:after{background:#6366f11f}body.dark-mode .login-card{background:#0f172aeb;border-color:#94a3b826;box-shadow:0 2px 4px #0206172e,0 12px 40px #0206177a,0 32px 64px #3b82f61a}body.dark-mode .login-card h1{color:#f8fafc}body.dark-mode .login-card .eyebrow{color:#60a5fa}body.dark-mode .login-card .muted,body.dark-mode .login-card .field span{color:#94a3b8}body.dark-mode .login-card .field input{color:#f8fafc;-webkit-text-fill-color:#f8fafc;background:#0f172ae6;border-color:#94a3b842}body.dark-mode .login-card .field input::placeholder{color:#475569;-webkit-text-fill-color:#475569}body.dark-mode .login-card .field input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f62e}body.dark-mode .login-card .field input:-webkit-autofill{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-card .field input:-webkit-autofill:hover{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-card .field input:-webkit-autofill:focus{-webkit-text-fill-color:#f8fafc;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #0f172a}body.dark-mode .login-trust-badge,body.dark-mode .password-toggle{color:#64748b}body.dark-mode .password-toggle:hover{color:#94a3b8;background:#ffffff12!important}body.dark-mode .notice.error{color:#fca5a5;background:#ef44441f;border-color:#ef444461}@media (width<=640px){.login-screen{align-items:flex-start;padding:44px 20px 20px}.login-card{border-radius:20px;padding:36px 24px 30px}.login-card h1{font-size:25px;line-height:1.18}.notification-wrap{position:static}.notification-menu{transform-origin:100% 0;border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(430px,100dvh - 88px);position:absolute;top:calc(100% + 10px);left:auto;right:12px}.notification-menu-header{padding:12px 14px}.notification-menu-header strong{overflow-wrap:anywhere;min-width:0}.notification-list{max-height:min(360px,100dvh - 150px)}.notification-item{gap:6px;padding:13px 14px}.notification-item span{font-size:13px}.notification-item p{font-size:12px}}.dashboard-shell{background:#f1f5f9}.dashboard-sidebar{background:#f8fafc;border-right:1px solid #dbe3ef}.sidebar-brand{color:#1e40af;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800;line-height:1.2}.sidebar-subtitle{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:10.5px;font-weight:600}.dashboard-sidebar .nav-list{gap:10px;margin-top:12px}.dashboard-sidebar .nav-list button{color:#334155;border:0;border-radius:12px;align-items:center;gap:14px;min-height:50px;padding:0 18px;font-size:16px;font-weight:650;transition:background .13s,color .13s,transform .1s;display:flex}.dashboard-sidebar .nav-list button svg{color:#475569;flex:none}.dashboard-sidebar .nav-list button.active,.dashboard-sidebar .nav-list button:hover{color:#2563eb;background:#eef4ff}.dashboard-sidebar .nav-list button.active svg,.dashboard-sidebar .nav-list button:hover svg{color:#3b82f6}.dashboard-sidebar .nav-list button:active{background:#dbeafe;transform:scale(.99)}.dashboard-sidebar .user-panel{border-top:1px solid #e2e8f0;padding:18px}.dashboard-sidebar .user-actions button{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;display:inline-flex}.dashboard-main{background:#f1f5f9}.dashboard-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:0;display:flex;position:static}.dashboard-title{color:#0f172a;margin:0;font-size:clamp(26px,3vw,34px);font-weight:900;line-height:1.15}.dashboard-subtitle{color:#334155;margin:0;font-size:16px;line-height:1.45}.user-pill{color:#1e293b;background:#fff;border:1px solid #dbe3ef;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;display:inline-flex;box-shadow:0 10px 24px #0f172a0a}.user-pill span{color:#fff;background:#3b82f6;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:900;display:inline-grid;overflow:hidden}.user-pill strong{font-size:15px;font-weight:750}.profile-menu-wrapper{position:relative}.profile-menu-wrapper.compact{display:inline-flex}.profile-menu-wrapper.compact .profile-pill{border-radius:12px;width:40px;height:40px;min-height:40px;padding:4px}.profile-menu-wrapper.compact .profile-pill span{width:30px;height:30px}.profile-pill{cursor:pointer;border:1px solid #dbe3ef;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.profile-pill:hover{background:#f8fafc;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.profile-pill:active{transform:scale(.98)}.profile-dropdown{z-index:80;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(320px,100vw - 24px);animation:.16s ease-out notification-pop;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a29}.profile-dropdown-header{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.profile-dropdown-avatar{color:#fff;background:#3b82f6;border-radius:16px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:inline-grid;overflow:hidden}.profile-dropdown-name{color:#0f172a;font-size:16px;font-weight:900;line-height:1.2;display:block}.profile-dropdown-role{color:#2563eb;text-transform:uppercase;margin-top:3px;font-size:12px;font-weight:850;display:inline-block}.profile-dropdown-header p,.profile-dropdown-header small{color:#64748b;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px;line-height:1.35;display:block}.profile-dropdown-header small{font-size:12px}.profile-dropdown-divider{background:#e2e8f0;height:1px}.profile-dropdown-item{color:#1e293b;text-align:left;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:0;align-items:center;padding:0 18px;font-size:14px;font-weight:750;display:flex}.profile-dropdown-item:hover{color:#2563eb;background:#eef4ff}.profile-dropdown-item.danger{color:#dc2626}.profile-dropdown-item.danger:hover{color:#b91c1c;background:#fef2f2}.modal-overlay{z-index:1200;background:#0f172a7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(100%,440px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto;box-shadow:0 24px 70px #0f172a33}.change-password-modal{gap:14px;display:grid}.change-password-modal h2{color:#0f172a;margin:0;font-size:22px;font-weight:900;line-height:1.2}.change-password-modal .muted{margin-bottom:2px}.change-password-modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.member-dashboard-clean,.member-payments-page{gap:18px;animation:.18s ease-out view-appear;display:grid}.payments-page{gap:20px}.payments-page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.payments-page-header h2{color:#0f172a;margin:0 0 5px;font-size:clamp(26px,4vw,34px);font-weight:900;line-height:1.1}.payments-page-header p{color:#64748b;margin:0;font-size:15px;line-height:1.45}.payments-layout-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.member-quick-actions-card{margin-top:2px}.member-quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-payment-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.member-payment-card{min-width:0}.monthly-payment-card,.payment-history-card,.event-payment-card{border-radius:18px}.payment-section-anchor{scroll-margin-top:90px}.payment-section-anchor:focus{outline:none}.member-payment-card-body{gap:16px;padding:24px 28px 28px;display:grid}.member-payment-card .payment-summary-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.member-payment-card .payment-summary-breakdown>div{min-height:96px}.monthly-contribution-card .member-payment-card-body{gap:18px}.monthly-contribution-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.monthly-contribution-header div{gap:4px;min-width:0;display:grid}.monthly-contribution-header span:first-child{color:#64748b;font-size:12px;font-weight:850}.monthly-contribution-header strong{color:#0f172a;font-size:18px;font-weight:900;line-height:1.2}.payment-meta-chips,.monthly-meta-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}.payment-meta-chip,.monthly-meta-chips span{color:#1d4ed8;overflow-wrap:anywhere;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;max-width:100%;min-height:32px;padding:7px 12px;font-size:12px;font-weight:850;line-height:1.2;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.payment-meta-chip:hover{transform:translateY(-1px)}.payment-meta-chip.due{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.payment-meta-chip.paid,.payment-meta-chip.collected,.payment-meta-chip.balance{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.payment-meta-chip.outstanding{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.monthly-payment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.monthly-payment-form .primary-button{white-space:nowrap;min-height:46px}.member-payment-card .primary-button{width:fit-content;min-width:180px}.member-payment-card .event-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.member-payment-card .table-wrap{overflow-x:auto}.event-payment-card .event-card{border-radius:16px;gap:14px;padding:18px}.event-payment-card .member-title-row{justify-content:space-between}.event-meta-chips{align-items:center;margin-top:2px}.event-payment-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:2px;display:grid}.event-payment-form .primary-button{white-space:nowrap;min-height:46px}.payment-history-toggle-card{overflow:visible}.payment-history-toggle-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex}.payment-history-toggle-text{min-width:0}.payment-history-toggle-text h2{color:#1e293b;margin:0 0 5px;font-size:20px;font-weight:900;line-height:1.2}.payment-history-toggle-text p{color:#64748b;margin:0;font-size:14px;line-height:1.45}.payment-history-toggle-button{color:#2563eb;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:850;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.payment-history-toggle-button:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb14}.payment-history-toggle-button:active{transform:scale(.98)}.payment-history-content{border-top:1px solid #e2e8f0;animation:.18s ease-out payment-history-reveal}.settings-page{gap:18px;display:grid}.settings-profile-card,.settings-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 18px 38px #0f172a0b}.settings-profile-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 28px;display:grid}.settings-profile-avatar{color:#fff;background:#3b82f6;border-radius:20px;place-items:center;width:64px;height:64px;font-size:24px;font-weight:900;display:inline-grid;overflow:hidden}.account-avatar-image{object-fit:cover;width:100%;height:100%}.avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.account-avatar-initial{place-items:center;width:100%;height:100%;display:inline-grid;color:#fff!important}.settings-section-title{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.settings-profile-card h2{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:900;line-height:1.2}.settings-profile-card p,.settings-profile-card span{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.settings-profile-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.profile-upload-button{white-space:nowrap}.profile-upload-input{display:none}.account-settings-card{overflow:hidden}.account-settings-header{align-items:center}.account-settings-avatar{color:#fff;background:#3b82f6;border-radius:16px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:900;display:inline-grid;overflow:hidden}.account-settings-title{color:#1e293b;margin:0 0 4px;font-size:19px;font-weight:900;line-height:1.2}.account-settings-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.45}.account-action-list{gap:10px;padding:18px 24px 22px;display:grid}.account-action-row{min-height:72px;color:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid}.account-action-row:hover{background:#f8fbff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 12px 28px #2563eb14}.account-action-icon{color:#2563eb;background:#eff6ff;border-radius:12px;place-items:center;width:40px;height:40px;display:inline-grid}.account-action-text{gap:3px;min-width:0;display:grid}.account-action-title{color:#1e293b;font-size:14px;font-weight:900;line-height:1.3}.account-action-subtitle{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}.account-action-arrow{color:#94a3b8}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{align-content:start;gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.settings-card.form-grid{padding:22px 24px 24px}.settings-card.form-grid .settings-card-header{margin:-22px -24px 18px}.settings-card-header{border-bottom:1px solid #e2e8f0;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:20px 24px;display:grid}.settings-card-header>svg{color:#3b82f6}.settings-card-header h2{color:#1e293b;margin:0 0 4px;font-size:19px;font-weight:900;line-height:1.2}.settings-card-header p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-option{border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 24px;display:grid}.settings-option:last-child{border-bottom:0}.settings-option>svg{color:#3b82f6}.settings-option strong,.settings-option span{display:block}.settings-option strong{color:#1e293b;font-size:14px;font-weight:850}.settings-option span{color:#64748b;margin-top:3px;font-size:12px;line-height:1.4}.settings-option--select{flex-direction:column;align-items:stretch;gap:12px;display:flex}.settings-option-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.settings-option-left>svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.settings-option-control,.settings-option-control .cs-wrap{width:100%}@media (width>=600px){.settings-option--select{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.settings-option-control{flex-shrink:0;width:190px}.settings-option-control .cs-wrap{width:190px}}.settings-toggle{cursor:pointer;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:999px;outline:none;flex-shrink:0;align-items:center;width:48px;height:26px;padding:2px;transition:background .22s,border-color .22s;display:inline-flex;position:relative}.settings-toggle:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #2563eb}.settings-toggle__thumb{color:#94a3b8;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0f172a38,0 0 0 1px #0f172a0f}.settings-toggle--theme .settings-toggle__thumb{color:#f59e0b}.settings-toggle--theme.on .settings-toggle__thumb{color:#3b82f6}.settings-toggle.on{background:#2563eb;border-color:#2563eb80}.settings-toggle.on .settings-toggle__thumb{transform:translate(22px);box-shadow:0 1px 3px #0f172a2e,0 0 0 1px #ffffff1a}.settings-select{color:#1e293b;max-width:190px;min-height:38px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:7px 10px;font-size:13px;font-weight:750}.family-settings-card{grid-column:span 2;padding-bottom:18px}.family-settings-card>.muted{padding:18px 24px 4px}.family-settings-card ul{color:#475569;gap:8px;margin:10px 24px 0;padding-left:20px;font-size:14px;line-height:1.5;display:grid}.member-profile-card{margin-bottom:6px}.member-profile-fields{flex-direction:column;padding:0 24px 20px;display:flex}.member-profile-row{border-bottom:1px solid #f1f5f9;align-items:baseline;gap:12px;padding:10px 0;font-size:14px;display:flex}.member-profile-row:last-child{border-bottom:none}.member-profile-label{color:#64748b;flex:0 0 140px;font-size:13px}.member-profile-value{color:#0f172a;word-break:break-word;flex:1;font-weight:500}.production-settings-card{grid-column:1/-1;overflow:hidden}.production-settings-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:22px 24px;display:grid}.production-settings-icon{color:#2563eb;background:#eff6ff;border-radius:14px;place-items:center;width:44px;height:44px;display:inline-grid}.production-settings-title{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:900;line-height:1.2}.production-settings-subtitle{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-form-section{border-bottom:1px solid #edf2f7;gap:16px;padding:22px 24px;display:grid}.settings-form-section:last-of-type{border-bottom:0}.settings-form-section h3{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:900;line-height:1.25}.settings-form-section p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-form-field{gap:7px;min-width:0;display:grid}.settings-form-field span{color:#334155;font-size:12px;font-weight:800}.settings-form-field input{border-radius:12px;min-height:46px;padding:10px 12px}.settings-form-actions{background:#f8fafc;border-top:1px solid #edf2f7;justify-content:flex-end;padding:18px 24px;display:flex}.settings-form-actions .primary-button{width:auto;min-width:160px}.production-settings-card>.notice{margin:18px 24px 0}body.dark-mode,body.dark-mode #root,.dark-mode,.dark-mode.app-shell,.dark-mode.dashboard-shell,.dark-mode .app-shell,.dark-mode .dashboard-shell,.dark-mode .dashboard-main,.dark-mode .workspace,.dark-mode .member-dashboard-clean,.dark-mode .member-payments-page,.dark-mode .dashboard-page{color:#f8fafc;background:#0f172a}.dark-mode{min-height:100dvh}body.dark-mode .mobile-dashboard-header,body.dark-mode .mobile-topbar,.dark-mode .mobile-dashboard-header,.dark-mode .dashboard-mobile-header{background:#0f172a}body.dark-mode .sidebar,body.dark-mode .sidebar.open,.dark-mode .sidebar,.dark-mode .sidebar.open{background:#0b1220;border-right-color:#94a3b829}body.dark-mode .sidebar .sidebar-top,body.dark-mode .sidebar .sidebar-heading,body.dark-mode .sidebar .user-panel,.dark-mode .sidebar .sidebar-top,.dark-mode .sidebar .sidebar-heading,.dark-mode .sidebar .user-panel{background:#0b1220;border-color:#94a3b829}body.dark-mode .sidebar .nav-list button,.dark-mode .sidebar .nav-list button{color:#cbd5e1}body.dark-mode .sidebar .nav-list button:hover,body.dark-mode .sidebar .nav-list button.active,.dark-mode .sidebar .nav-list button:hover,.dark-mode .sidebar .nav-list button.active{color:#bfdbfe;background:#3b82f629}body.dark-mode .sidebar .sidebar-brand,.dark-mode .sidebar .sidebar-brand{color:#60a5fa}body.dark-mode .sidebar .sidebar-subtitle,.dark-mode .sidebar .sidebar-subtitle{color:#64748b}body.dark-mode .sidebar .sidebar-close,.dark-mode .sidebar .sidebar-close{color:#94a3b8;background:#0f172a;border-color:#94a3b83d}body.dark-mode .sidebar .user-panel strong,.dark-mode .sidebar .user-panel strong{color:#f8fafc}body.dark-mode .sidebar .user-panel span,.dark-mode .sidebar .user-panel span{color:#94a3b8}body.dark-mode .sidebar .user-panel button,.dark-mode .sidebar .user-panel button{color:#94a3b8;background:#0f172a;border-color:#94a3b83d}@supports (padding:env(safe-area-inset-top)){body.dark-mode,.dark-mode{background:#0f172a}}.dashboard-shell.dark-mode{--bg:#0f172a;--card:#111827;--text:#f8fafc;--muted:#94a3b8;--primary:#3b82f6;--primary-soft:#3b82f629;--success:#22c55e;--success-soft:#22c55e24;--warning-soft:#f59e0b29;--danger:#ef4444;--danger-soft:#ef444424;--border:#94a3b82e;color:#f8fafc;background:#0f172a}.dashboard-shell.dark-mode .workspace-header{background:#0b1220eb;border-color:#94a3b829;box-shadow:0 8px 20px #02061738}.dashboard-shell.dark-mode .dashboard-sidebar{background:#0b1220;border-right-color:#94a3b829;box-shadow:20px 0 50px #0206173d}.dashboard-shell.dark-mode .sidebar-top,.dashboard-shell.dark-mode .user-panel,.dashboard-shell.dark-mode .dashboard-sidebar .user-panel{background:#0b1220;border-color:#94a3b829}.dashboard-shell.dark-mode .sidebar-brand,.dashboard-shell.dark-mode .eyebrow,.dashboard-shell.dark-mode .settings-section-title{color:#60a5fa}.dashboard-shell.dark-mode .nav-list button,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button{color:#cbd5e1}.dashboard-shell.dark-mode .nav-list button:hover,.dashboard-shell.dark-mode .nav-list button.active,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button:hover,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button.active{color:#bfdbfe;background:#3b82f629}.dashboard-shell.dark-mode .nav-list button:hover svg,.dashboard-shell.dark-mode .nav-list button.active svg{color:#60a5fa}.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .panel,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .reminder-summary-card,.dashboard-shell.dark-mode .reminder-controls-card,.dashboard-shell.dark-mode .unpaid-members-card,.dashboard-shell.dark-mode .member-reminder-card,.dashboard-shell.dark-mode .reminder-history-card,.dashboard-shell.dark-mode .reminder-activity-card,.dashboard-shell.dark-mode .reminder-logs-panel,.dashboard-shell.dark-mode .smart-reminder-filters,.dashboard-shell.dark-mode .smart-reminder-results,.dashboard-shell.dark-mode .smart-reminder-card,.dashboard-shell.dark-mode .settings-profile-card,.dashboard-shell.dark-mode .stat-card,.dashboard-shell.dark-mode .event-card,.dashboard-shell.dark-mode .member-row,.dashboard-shell.dark-mode .selected-member-card,.dashboard-shell.dark-mode .report-paper,.dashboard-shell.dark-mode .report-summary-card,.dashboard-shell.dark-mode .payment-summary-card,.dashboard-shell.dark-mode .payment-summary-breakdown div,.dashboard-shell.dark-mode .quick-action-card,.dashboard-shell.dark-mode .empty-state{color:#f8fafc;background:#111827;border-color:#94a3b82e;box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode .payment-status-card{background:radial-gradient(circle at 100% 0,#3b82f62e,#0000 38%),linear-gradient(#162033 0%,#111827 100%)}.dashboard-shell.dark-mode .account-action-row{background:#0f172a4d;border-color:#94a3b829}.dashboard-shell.dark-mode h1,.dashboard-shell.dark-mode h2,.dashboard-shell.dark-mode h3,.dashboard-shell.dark-mode .dashboard-title,.dashboard-shell.dark-mode .workspace-title h2,.dashboard-shell.dark-mode .settings-card-header h2,.dashboard-shell.dark-mode .content-card-header h2,.dashboard-shell.dark-mode .panel-header h2,.dashboard-shell.dark-mode .chart-card h2,.dashboard-shell.dark-mode .stat-card strong,.dashboard-shell.dark-mode .metric-card strong,.dashboard-shell.dark-mode .preview-row strong,.dashboard-shell.dark-mode .preview-row b,.dashboard-shell.dark-mode .settings-option strong,.dashboard-shell.dark-mode .member-title-row strong,.dashboard-shell.dark-mode .user-panel strong,.dashboard-shell.dark-mode .profile-dropdown-name,.dashboard-shell.dark-mode th{color:#f8fafc}.dashboard-shell.dark-mode .reminder-summary-card.neutral .reminder-summary-icon,.dashboard-shell.dark-mode .reminder-table th,.dashboard-shell.dark-mode .reminder-history-table th,.dashboard-shell.dark-mode .reminder-logs-table th,.dashboard-shell.dark-mode .reminder-amount-grid span,.dashboard-shell.dark-mode .reminder-activity-stat,.dashboard-shell.dark-mode .bulk-reminder-bar,.dashboard-shell.dark-mode .reminder-message-preview{color:#cbd5e1;background:#0b1220}.dashboard-shell.dark-mode .rc-avatar{color:#93c5fd;background:#3b82f626}.dashboard-shell.dark-mode .rc-contact,.dashboard-shell.dark-mode .rc-finance-detail{color:#64748b}.dashboard-shell.dark-mode .stat-icon-box,.dashboard-shell.dark-mode .preview-icon{color:#60a5fa;background:#3b82f629}.dashboard-shell.dark-mode .notification-menu,.dashboard-shell.dark-mode .profile-dropdown,.dashboard-shell.dark-mode .working-month-popover,.dashboard-shell.dark-mode .modal-card,.dashboard-shell.dark-mode .modal-panel{color:#f8fafc;background:#111827;border-color:#94a3b833;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .notification-item,.dashboard-shell.dark-mode .profile-dropdown-item{color:#e2e8f0;background:0 0}.dashboard-shell.dark-mode input,.dashboard-shell.dark-mode select,.dashboard-shell.dark-mode textarea,.dashboard-shell.dark-mode .settings-select,.dashboard-shell.dark-mode .secondary-button,.dashboard-shell.dark-mode .mobile-icon-button,.dashboard-shell.dark-mode .notification-bell,.dashboard-shell.dark-mode .working-month-pill,.dashboard-shell.dark-mode .user-pill,.dashboard-shell.dark-mode .sidebar-close,.dashboard-shell.dark-mode .month-control button,.dashboard-shell.dark-mode .user-panel button{color:#f8fafc;background:#0f172a;border-color:#94a3b83d}.dashboard-shell.dark-mode input:focus,.dashboard-shell.dark-mode select:focus,.dashboard-shell.dark-mode textarea:focus,.dashboard-shell.dark-mode .settings-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}.dashboard-shell.dark-mode .working-month-year-button,.dashboard-shell.dark-mode .working-month-option{color:#cbd5e1;background:0 0;border-color:#94a3b82e}.dashboard-shell.dark-mode .working-month-option.selected{color:#fff;background:#2563eb;border-color:#60a5fab3}.dashboard-shell.dark-mode .working-month-pill:hover,.dashboard-shell.dark-mode .working-month-pill:focus{background:#3b82f624;border-color:#60a5fa8c;box-shadow:0 12px 28px #02061747}.dashboard-shell.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{color:#f8fafc;background:#111827;border-color:#94a3b83d}.dashboard-shell.dark-mode .status.paid,.dashboard-shell.dark-mode .status.active{color:#86efac;background:#22c55e29}.dashboard-shell.dark-mode .status.pending,.dashboard-shell.dark-mode .status.unpaid{color:#93c5fd;background:#3b82f629}.dashboard-shell.dark-mode .status.partial{color:#fcd34d;background:#f59e0b2e}.dashboard-shell.dark-mode .status.late,.dashboard-shell.dark-mode .status.cancelled,.dashboard-shell.dark-mode .status.failed{color:#fca5a5;background:#ef444429}.dashboard-shell.dark-mode .status.closed,.dashboard-shell.dark-mode .status.archived{color:#cbd5e1;background:#94a3b829}.dashboard-shell.dark-mode .special-events-page .panel,.dashboard-shell.dark-mode .create-event-card,.dashboard-shell.dark-mode .special-events-page .event-card{background:#111827;border-color:#94a3b833;box-shadow:0 18px 44px #0206174d}.dashboard-shell.dark-mode .modal-overlay,.dashboard-shell.dark-mode .modal-backdrop{background:#020617b8}.dashboard-shell.dark-mode .table-wrap,.dashboard-shell.dark-mode .report-table-wrap,.dashboard-shell.dark-mode .member-payment-card .table-wrap,.dashboard-shell.dark-mode .payment-history-content{background:#111827;border-color:#94a3b82e}.dashboard-shell.dark-mode td[colspan]{color:#94a3b8;background:0 0}.dashboard-shell.dark-mode .dashboard-filters,.dashboard-shell.dark-mode .audit-filters,.dashboard-shell.dark-mode .payment-filters{background:#0f172a6b;border:1px solid #94a3b829;border-radius:16px;padding:14px}.dashboard-shell.dark-mode .production-settings-card{background:#111827;border-color:#94a3b82e}.dashboard-shell.dark-mode .production-settings-header,.dashboard-shell.dark-mode .settings-form-actions{background:linear-gradient(#162033 0%,#111827 100%);border-color:#94a3b829}.dashboard-shell.dark-mode .production-settings-title,.dashboard-shell.dark-mode .settings-form-section h3{color:#f8fafc}.dashboard-shell.dark-mode .production-settings-subtitle,.dashboard-shell.dark-mode .settings-form-section p{color:#94a3b8}.dashboard-shell.dark-mode .settings-form-section{border-color:#94a3b824}.dashboard-shell.compact-view .dashboard-main{padding-top:18px;padding-bottom:24px}.dashboard-shell.compact-view .stat-card{min-height:140px;padding:18px}.dashboard-shell.compact-view .content-card-header,.dashboard-shell.compact-view .settings-card-header,.dashboard-shell.compact-view .payment-history-toggle-header{padding:16px 20px}.dashboard-shell.compact-view .member-payment-card-body,.dashboard-shell.compact-view .settings-option,.dashboard-shell.compact-view .preview-list,.dashboard-shell.compact-view .quick-actions-grid{padding:14px 20px}@keyframes payment-history-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{gap:18px}.stat-card{background:#fff;border:1px solid #dbe3ef;border-radius:14px;align-content:start;gap:8px;min-height:130px;padding:16px;display:grid;box-shadow:0 4px 16px #0f172a0f}.stat-icon-box{background:#eef4ff;border:0;border-radius:12px;place-items:center;width:40px;height:40px;padding:0;color:#3b82f6!important;display:inline-grid!important}.stat-card strong{color:#0f172a;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(18px,2.2vw,26px);font-weight:900;line-height:1.1}.stat-card>span:not(.stat-icon-box){color:#475569;font-size:13px;font-weight:700}.stat-card p{color:#059669;margin:0;font-size:12px;font-weight:650}.stat-card.outstanding p,.stat-card.pending p{color:#64748b}.metric-card.neutral,.stat-card.neutral{border-left:3px solid #3b82f6}.stat-card.outstanding,.metric-card.outstanding{border-left:3px solid var(--danger)}.stat-card.paid,.metric-card.paid,.stat-card.collected,.metric-card.collected{border-left:3px solid var(--success)}.stat-card.pending,.metric-card.pending{border-left:3px solid var(--primary)}.payment-status-card{background:radial-gradient(circle at 100% 0,#3b82f61a,#0000 34%),#fff;align-content:space-between;gap:18px;min-height:178px}.payment-status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-status-badge{color:#1d4ed8;text-transform:capitalize;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:12px;font-weight:900;display:inline-flex}.payment-status-badge.paid{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.payment-status-badge.partial{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.payment-status-badge.unpaid{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.payment-status-title{color:#0f172a;margin:0;font-size:24px;font-weight:950;line-height:1.12}.payment-status-subtitle{color:#64748b;margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.35}.payment-status-progress{background:#e2e8f0;border-radius:999px;width:100%;height:7px;overflow:hidden}.payment-status-progress span{border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;display:block}.payment-status-card.paid .payment-status-progress span{background:linear-gradient(90deg,#16a34a,#4ade80)}.payment-status-card.partial .payment-status-progress span{background:linear-gradient(90deg,#f97316,#fbbf24)}.payment-status-card.unpaid .payment-status-progress span{background:linear-gradient(90deg,#ef4444,#f97316)}.content-card,.chart-card,.panel{background:#fff;border:1px solid #dbe3ef;border-radius:18px;box-shadow:0 18px 38px #0f172a0b}.content-card,.chart-card{padding:0;overflow:hidden}.content-card-header,.chart-card .panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;margin:0;padding:22px 28px;display:flex}.content-card-header h2,.chart-card h2,.panel-header h2{color:#1e293b;margin:0 0 4px;font-size:22px;font-weight:900}.content-card-header button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;font-size:15px;font-weight:800}.chart-frame{padding:22px 24px 18px}.chart-empty{background:#f8fafc;border-radius:16px;margin:24px}.dashboard-section-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.quick-actions-card{grid-column:span 2}.quick-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:26px 30px;display:grid}.quick-action-card{color:#1e293b;min-height:118px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:16px;place-items:center;gap:12px;padding:18px;font-weight:850;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:grid}.quick-action-target{scroll-margin-top:96px}.target-highlight{scroll-margin-top:96px;animation:2.2s ease-out target-highlight-pulse;position:relative;background-color:#eff6ff!important;box-shadow:0 0 0 2px #3b82f6,0 18px 40px #2563eb2e!important}@keyframes target-highlight-pulse{0%{box-shadow:0 0 0 3px #2563eb57,0 18px 40px #2563eb2e}65%{box-shadow:0 0 0 3px #2563eb33,0 12px 28px #2563eb1a}to{box-shadow:none}}.dashboard-shell.dark-mode .target-highlight{animation-name:target-highlight-pulse-dark;background-color:#1e3a8a4d!important}@keyframes target-highlight-pulse-dark{0%{box-shadow:0 0 0 3px #60a5fa73,0 20px 44px #60a5fa2e}65%{box-shadow:0 0 0 3px #60a5fa3d,0 14px 32px #60a5fa1f}to{box-shadow:none}}.quick-action-card svg{color:#3b82f6}.quick-action-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb14}.quick-action-card:active{border-color:#60a5fa;transform:translateY(0)scale(.98);box-shadow:0 6px 16px #2563eb24}.quick-action-card:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb38,0 12px 28px #2563eb1f}.preview-list{gap:0;padding:14px 28px 22px;display:grid}.preview-row{border-bottom:1px solid #edf2f7;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.preview-row:last-child{border-bottom:0}.preview-icon{color:#3b82f6;background:#eef4ff;border-radius:14px;place-items:center;width:42px;height:42px;display:inline-grid}.preview-row strong,.preview-row b{color:#1e293b;font-size:14px}.preview-row p{color:#64748b;margin:4px 0 0;font-size:13px}.preview-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.preview-type{color:#64748b}.preview-time{color:#94a3b8}.preview-row--stacked{display:block}.preview-row-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.event-progress{align-items:center;gap:10px;margin-top:10px;padding-left:56px;display:flex}.event-progress-bar{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.event-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .4s;display:block}.event-progress-label{color:#2563eb;white-space:nowrap;font-size:11px;font-weight:700}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite skeleton-wave;box-shadow:none!important;border-color:#0000!important}.skeleton-chart{min-height:280px}.quick-action-card.qa-green{--qa-bg:#f0fdf4;--qa-color:#16a34a;--qa-border-hover:#bbf7d0}.quick-action-card.qa-blue{--qa-bg:#eff6ff;--qa-color:#2563eb;--qa-border-hover:#bfdbfe}.quick-action-card.qa-purple{--qa-bg:#f5f3ff;--qa-color:#7c3aed;--qa-border-hover:#ddd6fe}.quick-action-card.qa-orange{--qa-bg:#fff7ed;--qa-color:#ea580c;--qa-border-hover:#fed7aa}.quick-action-card.qa-green,.quick-action-card.qa-blue,.quick-action-card.qa-purple,.quick-action-card.qa-orange{background:var(--qa-bg)}.quick-action-card.qa-green svg,.quick-action-card.qa-blue svg,.quick-action-card.qa-purple svg,.quick-action-card.qa-orange svg{color:var(--qa-color)}.quick-action-card.qa-green:hover,.quick-action-card.qa-blue:hover,.quick-action-card.qa-purple:hover,.quick-action-card.qa-orange:hover{border-color:var(--qa-border-hover);background:#fff;transform:scale(1.02);box-shadow:0 8px 24px #00000012}.dashboard-shell .quick-action-card{color:#0f172a;background:#fff;border-color:#e2e8f0}.dashboard-shell .quick-action-card:hover,.dashboard-shell .quick-action-card.qa-green:hover,.dashboard-shell .quick-action-card.qa-blue:hover,.dashboard-shell .quick-action-card.qa-purple:hover,.dashboard-shell .quick-action-card.qa-orange:hover{color:#0f172a;background:#f8fafc;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb1f}.dashboard-shell.dark-mode .quick-action-card.qa-green{--qa-bg:#22c55e1f;--qa-color:#86efac}.dashboard-shell.dark-mode .quick-action-card.qa-blue{--qa-bg:#3b82f624;--qa-color:#93c5fd}.dashboard-shell.dark-mode .quick-action-card.qa-purple{--qa-bg:#7c3aed29;--qa-color:#c4b5fd}.dashboard-shell.dark-mode .quick-action-card.qa-orange{--qa-bg:#f59e0b24;--qa-color:#fdba74}.dashboard-shell.dark-mode .quick-action-card.qa-green,.dashboard-shell.dark-mode .quick-action-card.qa-blue,.dashboard-shell.dark-mode .quick-action-card.qa-purple,.dashboard-shell.dark-mode .quick-action-card.qa-orange{background:var(--qa-bg)}.dashboard-shell.dark-mode .quick-action-card:hover,.dashboard-shell.dark-mode .quick-action-card.qa-green:hover,.dashboard-shell.dark-mode .quick-action-card.qa-blue:hover,.dashboard-shell.dark-mode .quick-action-card.qa-purple:hover,.dashboard-shell.dark-mode .quick-action-card.qa-orange:hover{color:#f8fafc;background:#1e293b;border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 16px 34px #0206175c}.dashboard-shell.dark-mode .quick-action-card svg{color:var(--qa-color,#93c5fd)}.dashboard-shell .quick-action-card:focus-visible,.dashboard-shell.dark-mode .quick-action-card:focus-visible{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa47,0 14px 30px #2563eb24}.dashboard-shell .sidebar-brand,.dashboard-shell.light-mode .sidebar-brand,.dashboard-shell .dashboard-sidebar .sidebar-brand{color:#1e40af;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800}.dashboard-shell.dark-mode .sidebar-brand,.dashboard-shell.dark-mode .dashboard-sidebar .sidebar-brand{color:#60a5fa}.dashboard-shell .sidebar-subtitle,.dashboard-shell.light-mode .sidebar-subtitle,.dashboard-shell .dashboard-sidebar .sidebar-subtitle{color:#64748b}.dashboard-shell.dark-mode .sidebar-subtitle,.dashboard-shell.dark-mode .dashboard-sidebar .sidebar-subtitle{color:#94a3b8}.monthly-report-page{--report-blue:#2563eb;--report-blue-soft:#eff6ff;--report-blue-border:#bfdbfe;--report-green:#16a34a;--report-green-soft:#f0fdf4;--report-green-border:#bbf7d0;--report-orange:#d97706;--report-orange-soft:#fff7ed;--report-orange-border:#fed7aa;--report-red:#dc2626;--report-red-soft:#fef2f2;--report-red-border:#fecaca}.dashboard-shell.dark-mode .monthly-report-page{--report-blue:#93c5fd;--report-blue-soft:#3b82f61f;--report-blue-border:#60a5fa4d;--report-green:#86efac;--report-green-soft:#22c55e1f;--report-green-border:#4ade804d;--report-orange:#fdba74;--report-orange-soft:#f59e0b21;--report-orange-border:#fbbf244d;--report-red:#fca5a5;--report-red-soft:#ef444421;--report-red-border:#f8717152}.monthly-report-page .report-paper{border-radius:16px;box-shadow:0 16px 38px #0f172a14}.dashboard-shell.dark-mode .monthly-report-page .report-paper{box-shadow:0 20px 48px #02061757}.monthly-report-page .report-heading{border-bottom-color:var(--card-border,#e2e8f0)}.monthly-report-page .report-summary-grid{gap:12px}.monthly-report-page .report-summary-card{border:1px solid var(--report-card-border,var(--report-blue-border));background:var(--report-card-bg,var(--report-blue-soft));border-top:0;border-radius:14px;align-content:space-between;gap:12px;min-height:92px;padding:14px;display:grid;box-shadow:0 10px 24px #0f172a0e}.dashboard-shell.dark-mode .monthly-report-page .report-summary-card{box-shadow:0 14px 30px #02061742}.monthly-report-page .report-summary-card.expected{--report-card-bg:var(--report-blue-soft);--report-card-border:var(--report-blue-border);--report-card-accent:var(--report-blue)}.monthly-report-page .report-summary-card.paid{--report-card-bg:var(--report-green-soft);--report-card-border:var(--report-green-border);--report-card-accent:var(--report-green)}.monthly-report-page .report-summary-card.outstanding,.monthly-report-page .report-summary-card.unpaid,.monthly-report-page .report-summary-card.pending{--report-card-bg:var(--report-red-soft);--report-card-border:var(--report-red-border);--report-card-accent:var(--report-red)}.monthly-report-page .report-summary-card.partial{--report-card-bg:var(--report-orange-soft);--report-card-border:var(--report-orange-border);--report-card-accent:var(--report-orange)}.monthly-report-page .report-summary-card span{color:var(--text-muted,#64748b);letter-spacing:.04em;font-size:10.5px}.monthly-report-page .report-summary-card strong{color:var(--report-card-accent,var(--text-main,#0f172a));margin-top:0;font-size:clamp(18px,2.1vw,24px);line-height:1.08}.monthly-report-page .report-table-wrap{border-color:var(--card-border,#e2e8f0);background:var(--card-bg,#fff)}.monthly-report-page .monthly-report-table th{background:var(--table-header-bg,#f8fafc);color:var(--text-body,#334155)}.monthly-report-page .monthly-report-table td{background:var(--table-row-bg,#fff);color:var(--text-body,#334155)}.monthly-report-page .status{border:1px solid #0000;padding:4px 9px;font-weight:850}.monthly-report-page .status.paid{border-color:var(--report-green-border);background:var(--report-green-soft);color:var(--report-green)}.monthly-report-page .status.partial{border-color:var(--report-orange-border);background:var(--report-orange-soft);color:var(--report-orange)}.monthly-report-page .status.unpaid,.monthly-report-page .status.pending,.monthly-report-page .status.late{border-color:var(--report-red-border);background:var(--report-red-soft);color:var(--report-red)}.monthly-report-page .report-actions .secondary-button{background:var(--card-bg,#fff);border-radius:10px;width:auto;min-height:38px;box-shadow:0 8px 18px #0f172a0f}.monthly-report-page .report-actions .secondary-button:first-child{border-color:var(--report-green-border);color:var(--report-green)}.monthly-report-page .report-actions .secondary-button:last-child{border-color:var(--report-red-border);color:var(--report-red)}.monthly-report-page .report-actions .secondary-button:first-child:hover{background:var(--report-green-soft);border-color:var(--report-green-border);color:var(--report-green);box-shadow:0 12px 24px #16a34a1f}.monthly-report-page .report-actions .secondary-button:last-child:hover{background:var(--report-red-soft);border-color:var(--report-red-border);color:var(--report-red);box-shadow:0 12px 24px #dc26261f}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));align-items:stretch;gap:10px}.monthly-report-page .report-summary-card{border-color:color-mix(in srgb, var(--report-card-border) 72%, transparent);background:color-mix(in srgb, var(--report-card-bg) 74%, var(--card-bg,#fff));align-content:center;gap:8px;min-width:0;min-height:82px;padding:12px}.monthly-report-page .report-summary-card span{font-size:10px;line-height:1.2}.monthly-report-page .report-summary-card strong{width:100%;max-width:100%;color:var(--report-card-accent,var(--text-main,#0f172a));letter-spacing:-.01em;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(17px,1.55vw,22px);font-weight:900;line-height:1.08;display:block;overflow:visible}@media (width>=1180px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.monthly-report-page .report-summary-card strong{font-size:clamp(16px,1.25vw,21px)}}@media (width<=900px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.monthly-report-page .report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.monthly-report-page .report-summary-card{min-height:76px;padding:10px}.monthly-report-page .report-summary-card strong{font-size:clamp(16px,5vw,19px)}}@media (width<=380px){.monthly-report-page .report-summary-grid{grid-template-columns:1fr}}.dashboard-shell .msd-reset-btn{color:#b45309;background:#fffbeb;border-color:#fcd34d}.dashboard-shell .msd-reset-btn:hover{color:#92400e;background:#fef3c7;border-color:#f59e0b}.dashboard-shell .msd-reset-btn svg{color:currentColor}.dashboard-shell.dark-mode .msd-reset-btn{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b57}.dashboard-shell.dark-mode .msd-reset-btn:hover{color:#fde68a;background:#f59e0b33;border-color:#f59e0b80}.dashboard-shell .mem-add-form :where(.cs-trigger,input,select,textarea),.dashboard-shell.light-mode .mem-add-form :where(.cs-trigger,input,select,textarea){color:#0f172a;background:#fff;border-color:#cbd5e1}.dashboard-shell .mem-add-form :where(input,textarea)::placeholder,.dashboard-shell.light-mode .mem-add-form :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell .mem-add-form .cs-menu,.dashboard-shell.light-mode .mem-add-form .cs-menu{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.dashboard-shell .mem-add-form .cs-option,.dashboard-shell.light-mode .mem-add-form .cs-option{color:#0f172a;background:0 0}.dashboard-shell .mem-add-form .cs-option:hover,.dashboard-shell.light-mode .mem-add-form .cs-option:hover{color:#0f172a;background:#f1f5f9}.dashboard-shell .mem-add-form .cs-option--sel,.dashboard-shell.light-mode .mem-add-form .cs-option--sel{color:#1d4ed8;background:#eff6ff}.dashboard-shell .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron),.dashboard-shell.light-mode .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron){color:#94a3b8}.dashboard-shell .mem-add-form .cs-check,.dashboard-shell.light-mode .mem-add-form .cs-check{color:#2563eb}.dashboard-shell.dark-mode .mem-add-form :where(.cs-trigger,input,select,textarea){color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode .mem-add-form :where(input,textarea)::placeholder{color:#94a3b8}.dashboard-shell.dark-mode .mem-add-form .cs-menu{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .mem-add-form .cs-option{color:#f1f5f9;background:0 0}.dashboard-shell.dark-mode .mem-add-form .cs-option:hover{color:#f1f5f9;background:#1e293b}.dashboard-shell.dark-mode .mem-add-form .cs-option--sel{color:#93c5fd;background:#3b82f626}.dashboard-shell.dark-mode .mem-add-form :where(.cs-placeholder .cs-label,.cs-chevron){color:#94a3b8}.dashboard-shell.dark-mode .mem-add-form .cs-check{color:#93c5fd}.cs-menu{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.cs-option{color:#0f172a}.cs-option:hover{color:#0f172a;background:#f1f5f9}body.dark .cs-trigger,body.dark-mode .cs-trigger{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark .cs-trigger:hover:not(:disabled),body.dark-mode .cs-trigger:hover:not(:disabled){border-color:#60a5fa}body.dark .cs-wrap.cs-open .cs-trigger,body.dark-mode .cs-wrap.cs-open .cs-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}body.dark .cs-placeholder .cs-label,body.dark-mode .cs-placeholder .cs-label,body.dark .cs-chevron,body.dark-mode .cs-chevron{color:#64748b}body.dark .cs-menu,body.dark-mode .cs-menu{color:#f1f5f9;scrollbar-width:thin;scrollbar-color:#475569 transparent;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}body.dark .cs-option,body.dark-mode .cs-option{color:#f1f5f9}body.dark .cs-option:hover,body.dark-mode .cs-option:hover{color:#f1f5f9;background:#1e293b}body.dark .cs-option.cs-option--sel,body.dark-mode .cs-option.cs-option--sel{color:#93c5fd;background:#3b82f626}body.dark .cs-check,body.dark-mode .cs-check{color:#60a5fa}.cs-menu::-webkit-scrollbar{width:8px}.cs-menu::-webkit-scrollbar-track{background:#f1f5f9}.cs-menu::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.cs-menu::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}body.dark .cs-menu::-webkit-scrollbar-track{background:#0f172a}body.dark-mode .cs-menu::-webkit-scrollbar-track{background:#0f172a}body.dark .cs-menu::-webkit-scrollbar-thumb{background-color:#475569}body.dark-mode .cs-menu::-webkit-scrollbar-thumb{background-color:#475569}body.dark .cs-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b}body.dark-mode .cs-menu::-webkit-scrollbar-thumb:hover{background-color:#64748b}option{color:#0f172a;background-color:#fff}.dark option,.dark-mode option{color:#f8fafc;background-color:#0f172a}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.dashboard-shell input[type=number]{color:#0f172a;background:#fff;border-color:#cbd5e1}.dashboard-shell input[type=number]::placeholder{color:#64748b}.dashboard-shell input[type=number]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f63d}.dashboard-shell.dark-mode input[type=number],.dark .dashboard-shell input[type=number]{color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode input[type=number]::placeholder,.dark .dashboard-shell input[type=number]::placeholder{color:#94a3b8}.dashboard-shell.dark-mode input[type=number]:focus,.dark .dashboard-shell input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f652}.dashboard-shell .pmt-input-with-prefix[type=number]{background:#fff;border:0!important}.dashboard-shell.dark-mode .pmt-input-with-prefix[type=number],.dark .dashboard-shell .pmt-input-with-prefix[type=number]{background:#0f172a}@media (width<=767px){.dashboard-section-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:span 1}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.metric-grid.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:18px}}@media (width>=1025px){.dashboard-sidebar{width:310px}.dashboard-sidebar.open{width:310px;max-width:310px}.dashboard-main{width:calc(100% - 310px);max-width:calc(100% - 310px);margin-left:310px;padding:28px 36px 40px}.dashboard-main>section{max-width:1500px}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1024px){.dashboard-main{padding:18px}.dashboard-header{display:none}.dashboard-section-grid,.quick-actions-grid,.payments-layout-grid,.member-payment-grid,.member-payment-card .payment-summary-breakdown,.member-quick-actions-grid{grid-template-columns:1fr}.quick-actions-card{grid-column:auto}}@media (width<=767px){.mobile-topbar{gap:10px}.mobile-dashboard-header{border-bottom:1px solid var(--border);background:var(--background,var(--bg));min-height:72px;padding:12px 14px}.mobile-greeting-header{flex:1;min-width:0}.mobile-greeting-header h2{font-size:clamp(1rem,4vw,1.45rem)}.topbar-actions,.mobile-topbar-actions{flex-shrink:0;gap:8px;min-width:0}.mobile-working-month,.mobile-working-month .working-month-pill{flex:0 0 40px;width:40px;max-width:40px;height:40px;min-height:40px}.mobile-working-month .working-month-popover{width:auto;max-width:none;position:fixed;top:62px;left:10px;right:10px}.mobile-working-month .working-month-options{gap:7px;padding:10px}.dashboard-main{padding:16px}.payments-page{gap:16px}.payments-page-header{flex-direction:column;align-items:flex-start}.dashboard-grid{gap:12px}.stat-card{border-radius:16px;min-height:142px;padding:18px}.payment-status-card{gap:14px;min-height:156px}.payment-status-title{font-size:21px}.stat-icon-box{border-radius:14px;width:46px;height:46px}.stat-card strong{font-size:27px}.content-card-header,.chart-card .panel-header{align-items:flex-start;padding:18px}.content-card-header h2,.chart-card h2,.panel-header h2{font-size:18px}.chart-frame,.preview-list,.quick-actions-grid{padding:18px}.quick-action-card{min-height:92px}.member-payment-card-body{padding:18px}.member-payment-card .payment-summary-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.member-payment-card .payment-summary-breakdown>div{min-height:88px}.event-payment-card .event-card{padding:16px}.event-payment-form,.monthly-payment-form{grid-template-columns:1fr}.monthly-payment-form .primary-button,.event-payment-form .primary-button{width:100%}.payment-history-toggle-header{flex-direction:column;align-items:flex-start;padding:18px}.payment-history-toggle-button,.member-payment-card .primary-button{width:100%}.settings-profile-card,.settings-grid{grid-template-columns:1fr}.settings-profile-card{align-items:start;padding:20px}.account-settings-header,.account-action-list{padding-left:18px;padding-right:18px}.settings-profile-actions{justify-content:stretch}.settings-profile-actions>button{width:100%}.family-settings-card{grid-column:auto}.settings-option{grid-template-columns:auto minmax(0,1fr)}.settings-toggle{grid-column:2;justify-self:start}.settings-select{grid-column:2;width:100%;max-width:100%}.production-settings-header,.settings-form-section,.settings-form-actions{padding-left:18px;padding-right:18px}.settings-form-grid{grid-template-columns:1fr}.settings-form-actions{justify-content:stretch}.settings-form-actions .primary-button{width:100%}.preview-row{grid-template-columns:auto minmax(0,1fr)}.preview-row b{grid-column:2}}.dashboard-shell,.dashboard-main,.workspace,.dashboard-page,.member-dashboard-clean,.member-payments-page,.settings-page,.monthly-report-page,.content-card,.chart-card,.panel,.stat-card,.metric-card,.settings-card,.event-card,.member-row,.selected-member-card,.report-paper,.modal-card,.modal-panel,.profile-dropdown,.notification-menu{min-width:0}.dashboard-shell :where(h1,h2,h3,h4,p,span,strong,small,td,th,button,label){overflow-wrap:anywhere}:is(.table-wrap,.report-table-wrap,.member-history-panel,.panel:has(table),.content-card:has(table)){-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.notification-menu,.profile-dropdown{width:min(360px,100vw - 24px);max-width:calc(100vw - 24px)}.modal-card,.modal-panel,.member-edit-modal{width:min(720px,100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}@media (width<=1024px){.workspace,.dashboard-main{max-width:100%;overflow-x:hidden}.dashboard-section-grid,.analytics-grid,.dashboard-chart-grid,.settings-grid,.members-layout,.members-main,.payments-layout-grid,.member-payment-grid,.two-column,.form-grid,.member-edit-form,.settings-form-grid{grid-template-columns:1fr}.content-card,.chart-card,.panel,.settings-card,.event-card,.member-row,.report-paper{max-width:100%}}@media (width<=640px){.mobile-topbar{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:8px}.mobile-greeting-header{flex-basis:0}.topbar-actions,.mobile-topbar-actions{flex-shrink:0;gap:8px}.dashboard-main{padding:14px}.content-card,.chart-card,.panel,.settings-card,.stat-card,.metric-card,.event-card,.member-row,.selected-member-card,.report-paper{border-radius:16px}.content-card-header,.chart-card .panel-header,.settings-card-header,.payment-history-toggle-header,.production-settings-header{gap:12px;padding:16px}.chart-frame,.preview-list,.quick-actions-grid,.member-payment-card-body,.account-action-list,.settings-form-section,.settings-form-actions,.family-settings-card>.muted{padding:16px}.quick-actions-grid,.member-quick-actions-grid,.event-grid,.report-summary-grid,.report-member-grid,.payment-summary-breakdown{grid-template-columns:1fr}.stat-card{min-height:auto}button,input,select,textarea,.primary-button,.secondary-button,.danger-button{min-height:44px}.primary-button,.secondary-button,.danger-button,.monthly-payment-form button,.event-payment-form button,.payment-history-toggle-button,.member-payment-card .primary-button,.settings-form-actions .primary-button{width:100%}.monthly-payment-form,.event-payment-form,.payment-action-panel,.reminder-toolbar,.dashboard-filters,.audit-filters,.payment-filters{grid-template-columns:1fr}table{min-width:640px}.notification-wrap{position:static}.notification-menu,.profile-dropdown{border-radius:16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:min(430px,100dvh - 88px);left:auto;right:12px}.profile-dropdown-header{grid-template-columns:auto minmax(0,1fr)}.modal-overlay,.modal-backdrop{padding:12px}.modal-card,.modal-panel,.member-edit-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}@media (width<=480px){.mobile-topbar{gap:8px;min-height:72px;padding:10px 12px}.mobile-greeting-header h2{font-size:1rem}.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill,.mobile-working-month,.mobile-working-month .working-month-pill{flex-basis:38px;width:38px;max-width:38px;height:38px;min-height:38px}}@media (width<=380px){.mobile-icon-button,.profile-menu-wrapper.compact .profile-pill{flex-basis:38px;width:38px;height:38px;min-height:38px}.mobile-topbar{gap:8px;padding:10px 12px}.payments-page-header h2,.dashboard-title{font-size:22px}.dashboard-main{padding:12px}.content-card-header,.chart-card .panel-header,.settings-card-header,.member-payment-card-body,.chart-frame,.preview-list,.quick-actions-grid,.account-action-list{padding:14px}}@media (width<=360px){.mobile-topbar{gap:8px;padding:10px 12px}.mobile-greeting-header{flex-basis:58px;min-width:0}.mobile-greeting-header h2{font-size:1rem}.topbar-actions,.mobile-topbar-actions{gap:8px}.mobile-working-month{flex:0 0 38px;max-width:38px}.mobile-working-month .working-month-pill{justify-content:center;width:38px;max-width:38px;height:38px;min-height:38px;padding:0}}.mem-page,.mem-page *{box-sizing:border-box}.mem-page{width:100%;min-width:0}.mem-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.mem-page-title{color:var(--text,#0f172a);margin:0;font-size:22px;font-weight:700}.mem-page-count{color:#64748b;font-size:14px}.mem-layout,.mem-right{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.mem-card{overflow-wrap:break-word;word-break:normal;white-space:normal;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;min-width:0;padding:20px;box-shadow:0 2px 10px #0f172a0f}.mem-card-title{color:var(--text,#0f172a);margin:0 0 16px;font-size:16px;font-weight:700}.mem-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mem-card-head .mem-card-title{margin-bottom:0}.mem-form-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px;display:grid}.mem-col-2{grid-column:1}.mem-field{flex-direction:column;gap:5px;min-width:0;display:flex}.mem-field label{color:#374151;font-size:13px;font-weight:600}.mem-field input,.mem-field select{color:#0f172a;white-space:normal;overflow-wrap:break-word;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 12px;font-size:14px}.mem-field input:focus,.mem-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mem-field--error input,.mem-field--error select{background:#fff5f5;border-color:#ef4444}.mem-field--valid input,.mem-field--valid select{border-color:#22c55e}.mem-field-error{color:#ef4444;font-size:12px}.mem-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.mem-select{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:9px 12px;font-size:14px}.mem-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.mem-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:15px;font-weight:600;display:flex}.mem-btn-primary:hover:not(:disabled){background:#1d4ed8}.mem-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mem-btn-secondary{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.mem-btn-secondary:hover:not(:disabled){background:#f9fafb}.mem-btn-danger{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex-shrink:0;align-items:center;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.mem-btn-danger:hover:not(:disabled){background:#fff5f5}.mem-btn-success{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:11px 20px;font-size:15px;font-weight:600;display:flex}.mem-btn-success:hover:not(:disabled){background:#15803d}.mem-btn-success:disabled{opacity:.6;cursor:not-allowed}.mem-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite mem-spin;display:inline-block}@keyframes mem-spin{to{transform:rotate(360deg)}}.mem-list-filters{grid-template-columns:1fr;gap:10px;margin-bottom:12px;display:grid}.mem-list{flex-direction:column;display:flex}.mem-list-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:10px 0;display:flex}.mem-list-row:last-child{border-bottom:none}.mem-list-row-info{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.mem-list-row-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.mem-list-row-actions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.mem-member-detail{flex-direction:column;gap:0;display:flex}.mem-member-row{flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;display:flex}.mem-avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.mem-member-info{overflow-wrap:anywhere;flex:1 1 0;min-width:0}.mem-member-info strong{color:#0f172a;overflow-wrap:anywhere;font-size:15px;display:block}.mem-member-info span{color:#64748b;font-size:13px}.mem-info-rows{color:#374151;overflow-wrap:anywhere;border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;font-size:14px;display:flex}.mem-muted{color:#64748b;font-size:13px}.mem-italic{color:#94a3b8;font-size:13px;font-style:italic}.mem-empty{color:#94a3b8;margin:0;padding:8px 0;font-size:14px}.mem-notice{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.mem-notice--error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.mem-warning{color:#92400e;overflow-wrap:anywhere;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:13px}.mem-login-field{margin-bottom:12px}.mem-pw-wrap{align-items:center;min-width:0;display:flex;position:relative}.mem-pw-wrap input{padding-right:42px}.mem-pw-eye{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;padding:4px;line-height:1;display:flex;position:absolute;right:8px}.mem-strength{align-items:center;gap:8px;margin-top:8px;display:flex}.mem-strength-bar{flex:1;gap:4px;display:flex}.mem-strength-seg{background:#e2e8f0;border-radius:2px;flex:1;height:4px;transition:background .2s}.mem-strength-lv1 .mem-strength-seg--lit{background:#ef4444}.mem-strength-lv2 .mem-strength-seg--lit{background:#f59e0b}.mem-strength-lv3 .mem-strength-seg--lit{background:#22c55e}.mem-strength-label{white-space:nowrap;font-size:12px;font-weight:600}.mem-strength-lv1 .mem-strength-label{color:#ef4444}.mem-strength-lv2 .mem-strength-label{color:#f59e0b}.mem-strength-lv3 .mem-strength-label{color:#22c55e}.mem-table-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.mem-table{border-collapse:collapse;white-space:normal;overflow-wrap:anywhere;width:100%;min-width:730px;font-size:14px}.mem-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:700}.mem-table td{vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #f1f5f9;padding:10px 12px}.mem-table tbody tr:nth-child(2n) td{background:#f8fafc}.mem-table .col-month{min-width:100px}.mem-table .col-amount{min-width:90px}.mem-table .col-status{min-width:80px}.mem-table .col-date{min-width:170px}.mem-table .col-method{min-width:120px}.mem-table .col-ref{min-width:150px}.mem-table-total{text-align:right;border-top:2px solid #e2e8f0;padding:12px;font-size:14px;font-weight:700}.mem-badge{text-transform:capitalize;white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.mem-badge-paid{color:#15803d;background:#dcfce7}.mem-badge-partial{color:#b45309;background:#fef3c7}.mem-badge-unpaid,.mem-badge-overdue,.mem-badge-pending{color:#dc2626;background:#fee2e2}@media (width>=768px){.mem-layout{grid-template-columns:2fr 3fr;align-items:start;gap:20px;display:grid}.mem-form-grid{grid-template-columns:repeat(2,1fr)}.mem-col-2{grid-column:1/-1}.mem-list-filters{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.mem-layout{grid-template-columns:35fr 65fr;gap:24px}.mem-add-form{position:sticky;top:28px}}.mem-add-form{border-top:3px solid #2563eb;padding:24px;box-shadow:0 4px 12px #00000014}.mem-add-form .mem-form-grid{gap:16px}.mem-add-form .mem-field label{color:#374151;margin-bottom:4px;font-weight:500}.mem-add-form .mem-field input,.mem-add-form .mem-field select{border:1.5px solid #d1d5db;border-radius:8px;height:44px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.mem-add-form .mem-field input:focus,.mem-add-form .mem-field select:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.mem-add-form .mem-field--error input,.mem-add-form .mem-field--error select{background:#fff5f5;border-color:#ef4444}.mem-add-form .mem-field--valid input,.mem-add-form .mem-field--valid select{border-color:#22c55e}.mem-checkbox-row{white-space:nowrap;color:#374151;cursor:pointer;flex-wrap:nowrap;gap:10px;margin:8px 0;font-size:14px;font-weight:500}.mem-checkbox-input{opacity:0;pointer-events:none;border:none;margin:0;padding:0;position:absolute;width:0!important;height:0!important;min-height:0!important}.mem-checkbox-box{box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex}.mem-checkbox-row:hover .mem-checkbox-box{border-color:#2563eb}.mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#2563eb}.mem-checkbox-input:checked~.mem-checkbox-box:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:4px;height:8px;margin-top:-3px;display:block;transform:rotate(45deg)}.mem-reminder-reveal{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;transition:max-height .22s,opacity .18s;overflow:hidden}.mem-reminder-reveal:not(.mem-reminder-reveal--open){gap:0}.mem-reminder-reveal--open{opacity:1;pointer-events:auto;max-height:120px}.mem-form-divider{border:none;border-top:1px solid #e9eef5;margin:0;padding:0}.mem-field-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=479px){.mem-field-pair{grid-template-columns:1fr}.mem-checkbox-row{white-space:normal}}.cs-wrap{box-sizing:border-box;width:100%;min-width:0;position:relative}.cs-trigger{color:#111827;cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px 0 16px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.cs-trigger:hover:not(:disabled){border-color:#93c5fd}.cs-wrap.cs-open .cs-trigger{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.cs-trigger:disabled{opacity:.5;cursor:not-allowed}.cs-placeholder .cs-label{color:#9ca3af}.cs-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cs-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s}.cs-wrap.cs-open .cs-chevron{transform:rotate(180deg)}.cs-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;animation:.12s cs-pop;overflow-y:auto;box-shadow:0 8px 24px #0000001f}@keyframes cs-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cs-option{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;transition:background 80ms;display:flex}.cs-option:hover{background:#eff6ff}.cs-option--sel{color:#2563eb;background:#eff6ff;font-weight:500}.cs-option-label{flex:1;min-width:0}.cs-check{color:#2563eb;flex-shrink:0}.msd-card{overflow:hidden}.msd-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #d1d5db;border-radius:8px;width:100%;height:44px;margin-bottom:16px;padding:0 36px 0 12px;font-size:14px}.msd-select:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.msd-select:hover{border-color:#93c5fd}.msd-top{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.msd-avatar{color:#fff;box-sizing:border-box;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.msd-identity{flex:1 1 0;min-width:0;overflow:hidden}.msd-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.msd-role{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:13px;overflow:hidden}.msd-edit-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2563eb;border-radius:6px;flex-shrink:0;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}.msd-edit-btn:hover{background:#eff6ff}.msd-divider{border:none;border-top:1px solid #f3f4f6;margin:16px 0}.msd-contacts{flex-direction:column;display:flex}.msd-row{justify-content:space-between;align-items:center;min-width:0;padding:6px 0;font-size:14px;display:flex}.msd-label{color:#9ca3af;flex-shrink:0;margin-right:12px;font-size:13px;font-weight:500}.msd-value{color:#111827;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:14px}.msd-empty{color:#9ca3af;font-style:italic}.pmt-page,.pmt-page *{box-sizing:border-box}.pmt-page{flex-direction:column;gap:24px;display:flex}.pmt-form-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:12px;width:100%;padding:24px;box-shadow:0 4px 12px #00000014}.pmt-form-title{color:#111827;margin:0 0 20px;font-size:17px;font-weight:600}.pmt-form-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}@media (width>=640px){.pmt-form-grid{grid-template-columns:repeat(2,1fr)}}.pmt-field{flex-direction:column;gap:5px;min-width:0;display:flex}.pmt-field--full,.pmt-field--reference{grid-column:1/-1}.pmt-field label{color:#374151;margin-bottom:2px;font-size:14px;font-weight:500}.pmt-field input,.pmt-field textarea,.pmt-field select{color:#111827;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;width:100%;height:44px;padding:0 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.pmt-field textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px}.pmt-field input:focus,.pmt-field textarea:focus{border:2px solid #2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.pmt-field input:hover,.pmt-field textarea:hover{border-color:#93c5fd}.pmt-field--compact label{font-size:13px}.pmt-field--compact .cs-trigger,.pmt-field--compact input{height:38px;font-size:14px}.pmt-input-group{border:1.5px solid #d1d5db;border-radius:8px;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.pmt-input-group:focus-within{border:2px solid #2563eb;box-shadow:0 0 0 3px #2563eb26}.pmt-input-group:hover:not(:focus-within){border-color:#93c5fd}.pmt-input-prefix{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-right:1px solid #d1d5db;flex-shrink:0;align-items:center;padding:0 12px;font-size:14px;font-weight:500;display:flex}.pmt-input-with-prefix{background:#fff;outline:none;flex:1;min-width:0;height:42px;font-size:16px;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0 12px!important}.pmt-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.pmt-submit-btn:hover:not(:disabled){background:#1d4ed8}.pmt-submit-btn:disabled{opacity:.6;cursor:not-allowed}.pmt-records-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:24px;box-shadow:0 2px 10px #0f172a0f}.pmt-records-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.pmt-records-title{color:#111827;margin:0;font-size:18px;font-weight:700}.pmt-records-month{color:#6b7280;white-space:nowrap;padding-top:4px;font-size:13px;font-weight:500}.pmt-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.pmt-filter-grid{flex:1;grid-template-columns:1fr;gap:12px;min-width:0;display:grid}@media (width>=640px){.pmt-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.monthly-report-page{width:100%;max-width:100%;padding:0;overflow-x:hidden}.monthly-report-page .report-paper{border-radius:16px;width:100%;max-width:none;margin-left:0;margin-right:0;padding:16px;box-shadow:0 12px 30px #0f172a14}.monthly-report-page .report-heading{grid-template-columns:1fr;gap:10px;min-width:0;padding-bottom:10px;display:grid}.monthly-report-page .report-heading>div{min-width:0}.monthly-report-page .report-heading h2{font-size:20px}.monthly-report-page .report-subtitle,.monthly-report-page .muted{overflow-wrap:anywhere}.monthly-report-page .report-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.monthly-report-page .report-actions>button{white-space:nowrap;justify-content:center;width:100%;min-width:0;min-height:40px;padding:0 10px;font-size:13px}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:12px 0}.monthly-report-page .report-summary-card{border-radius:10px;width:100%;min-height:auto;padding:9px 10px}.monthly-report-page .report-summary-card span{font-size:9px;line-height:1.2}.monthly-report-page .report-summary-card strong{margin-top:5px;font-size:15px;line-height:1.15}.monthly-report-page .report-card-list{gap:10px;width:100%;display:grid}.monthly-report-page .report-member-card{border-radius:12px;gap:8px;width:100%;padding:11px 12px;box-shadow:0 8px 18px #0f172a0a}.monthly-report-page .report-member-card-head{align-items:center;gap:8px}.monthly-report-page .report-member-card-head strong{font-size:13px;line-height:1.25}.monthly-report-page .report-member-card-head .status{flex:none}.monthly-report-page .report-member-rows>div{grid-template-columns:minmax(0,1fr) minmax(86px,auto);gap:10px;padding:6px 0}.monthly-report-page .report-member-rows span{font-size:11px}.monthly-report-page .report-member-rows strong{font-size:12px}.monthly-report-page .report-member-card>.muted{color:#64748b;margin:0;font-size:11px;line-height:1.35}.monthly-report-page .report-table-wrap{display:none}}@media (width<=340px){.monthly-report-page .report-actions{grid-template-columns:1fr}.monthly-report-page .report-summary-grid{gap:7px}.monthly-report-page .report-summary-card{padding:8px}.monthly-report-page .report-summary-card strong{font-size:14px}}@media (width>=641px) and (width<=1024px){.monthly-report-page .report-paper{width:100%;max-width:960px;padding:18px}.monthly-report-page .report-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}@media (width>=1024px){.pmt-filter-grid{grid-template-columns:repeat(4,1fr)}}.pmt-clear-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-self:flex-end;padding:4px 0 8px;font-size:13px;font-weight:500;text-decoration:underline}.pmt-clear-btn:hover{color:#1d4ed8}@media (width<=639px){.pmt-filter-bar,.pmt-clear-btn{width:100%}.pmt-clear-btn{text-align:center;justify-content:center;min-height:40px;padding:8px 0}}.pmt-summary-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.pmt-summary-item{flex-direction:column;gap:2px;min-width:80px;display:flex}.pmt-summary-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.pmt-summary-value{color:#111827;font-size:18px;font-weight:700}.pmt-summary-paid{color:#16a34a}.pmt-summary-pending{color:#d97706}.pmt-desktop-only{display:none}@media (width>=768px){.pmt-desktop-only{display:block}}.pmt-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #f3f4f6;border-radius:8px;width:100%;overflow-x:auto}.pmt-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.pmt-table thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11px;font-weight:600}.pmt-table tbody td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.pmt-table tbody tr:hover td{background:#eff6ff}.pmt-row-alt td{background:#f9fafb}.pmt-col-amount{text-align:right}.pmt-amount-cell{color:#111827;font-weight:700}.pmt-member-cell{align-items:center;gap:10px;min-width:0;display:flex}.pmt-avatar{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.pmt-avatar--sm{width:24px;height:24px;font-size:10px}.pmt-type-badge{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.pmt-badge{text-transform:capitalize;white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.pmt-badge--paid{color:#16a34a;background:#dcfce7}.pmt-badge--pending{color:#d97706;background:#fef3c7}.pmt-badge--partial{color:#2563eb;background:#dbeafe}.pmt-badge--other{color:#dc2626;background:#fee2e2}.pmt-date-cell{flex-direction:column;gap:2px;display:flex}.pmt-date-line{color:#111827;font-size:13px}.pmt-time-line{color:#9ca3af;font-size:12px}.pmt-ref-cell{color:#6b7280;cursor:default;font-family:monospace;font-size:13px}.pmt-actions-col{text-align:center;width:48px}.pmt-action-wrap{display:inline-block;position:relative}.pmt-action-trigger{color:#9ca3af;cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:background .12s,color .12s}.pmt-action-trigger:hover{color:#374151;background:#f3f4f6}.pmt-action-menu{z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:150px;padding:4px;list-style:none;animation:.1s cs-pop;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.pmt-action-menu li button{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:background 80ms;display:block}.pmt-action-menu li button:hover{background:#f3f4f6}.pmt-action--danger{color:#dc2626!important}.pmt-action--danger:hover{background:#fee2e2!important}.pmt-empty-row{text-align:center;color:#9ca3af;padding:32px 16px;font-size:14px}.pmt-mobile-only{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.pmt-mobile-only{display:none}}.pmt-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.pmt-mc-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.pmt-mc-member{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pmt-mc-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.pmt-mc-amount{color:#111827;flex-shrink:0;font-size:15px;font-weight:700}.pmt-mc-badges{flex-wrap:wrap;gap:6px;display:flex}.pmt-mc-date{color:#6b7280;margin:0;font-size:12px}.pmt-mc-ref{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:monospace;font-size:12px;overflow:hidden}.pmt-pagination{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.pmt-pagination-info{color:#6b7280;font-size:13px}.pmt-pagination-btns{gap:8px;display:flex}.pmt-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.pmt-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.pmt-page-btn:disabled{opacity:.4;cursor:not-allowed}.date-picker{width:100%;min-width:0;position:relative}.date-picker-trigger{color:#111827;width:100%;height:44px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.date-picker-trigger svg{color:#2563eb;flex:none}.date-picker-trigger:hover{background:#f8fafc;border-color:#93c5fd}.date-picker--open .date-picker-trigger,.date-picker-trigger:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.date-picker-popover{background:#fff;border:1px solid #dbeafe;border-radius:14px;max-width:calc(100vw - 32px);padding:14px;animation:.12s cs-pop;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.date-picker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.date-picker-header strong{color:#0f172a;font-size:15px;font-weight:750}.date-picker-nav{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .12s,border-color .12s,transform .12s;display:grid}.date-picker-nav:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker-weekdays{margin-bottom:6px}.date-picker-weekdays span{color:#64748b;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800}.date-picker-day{aspect-ratio:1;color:#0f172a;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;font-size:13px;font-weight:650;transition:background .12s,border-color .12s,color .12s,transform .12s;display:grid}.date-picker-day:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.date-picker-day--muted{color:#cbd5e1}.date-picker-day--today{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.date-picker-day--selected,.date-picker-day--selected:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}.date-picker-day:disabled{color:#94a3b8;cursor:not-allowed;opacity:.72;background:#f8fafc}.period-picker{width:100%;min-width:0;position:relative}.period-picker-trigger{color:#111827;width:100%;height:38px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.period-picker-trigger svg{color:#2563eb;flex:none}.period-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.period-picker-trigger:hover{background:#f8fafc;border-color:#93c5fd}.period-picker--open .period-picker-trigger,.period-picker-trigger:focus-visible{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.period-picker-trigger--muted span{color:#64748b}.period-picker-popover{background:#fff;border:1px solid #dbeafe;border-radius:14px;max-width:calc(100vw - 32px);padding:14px;animation:.12s cs-pop;box-shadow:0 18px 45px #0f172a29}.period-picker-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.period-picker-header strong{color:#0f172a;font-size:15px;font-weight:750}.period-picker-nav{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;place-items:center;width:34px;height:34px;transition:background .12s,border-color .12s,transform .12s;display:grid}.period-picker-nav:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.period-picker-all{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;width:100%;min-height:34px;margin-bottom:10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.period-picker-all:hover{background:#eff6ff;border-color:#bfdbfe}.period-picker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.period-picker-month{color:#0f172a;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s,color .12s,transform .12s}.period-picker-month:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.period-picker-month--selected,.period-picker-month--selected:hover{color:#fff;background:#2563eb;border-color:#2563eb}@keyframes picker-pop-mobile{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}body.dark .date-picker-trigger,body.dark-mode .date-picker-trigger,body.dark .period-picker-trigger,body.dark-mode .period-picker-trigger{color:#f1f5f9;background:#0f172a;border-color:#334155}body.dark .date-picker-trigger svg,body.dark-mode .date-picker-trigger svg,body.dark .period-picker-trigger svg,body.dark-mode .period-picker-trigger svg{color:#60a5fa}body.dark .date-picker-trigger:hover,body.dark-mode .date-picker-trigger:hover,body.dark .period-picker-trigger:hover,body.dark-mode .period-picker-trigger:hover{background:#0f172a;border-color:#60a5fa}body.dark .date-picker--open .date-picker-trigger,body.dark-mode .date-picker--open .date-picker-trigger,body.dark .period-picker--open .period-picker-trigger,body.dark-mode .period-picker--open .period-picker-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}body.dark .period-picker-trigger--muted span,body.dark-mode .period-picker-trigger--muted span{color:#475569}body.dark .date-picker-popover,body.dark-mode .date-picker-popover,body.dark .period-picker-popover,body.dark-mode .period-picker-popover{background:#111827;border-color:#334155;box-shadow:0 24px 70px #0000008c}body.dark .date-picker-header strong,body.dark-mode .date-picker-header strong,body.dark .period-picker-header strong,body.dark-mode .period-picker-header strong{color:#f1f5f9}body.dark .date-picker-nav,body.dark-mode .date-picker-nav,body.dark .period-picker-nav,body.dark-mode .period-picker-nav{color:#60a5fa;background:#1e293b;border-color:#334155}body.dark .date-picker-nav:hover,body.dark-mode .date-picker-nav:hover,body.dark .period-picker-nav:hover,body.dark-mode .period-picker-nav:hover{background:#3b82f626;border-color:#3b82f6;transform:translateY(-1px)}body.dark .date-picker-weekdays span,body.dark-mode .date-picker-weekdays span{color:#475569}body.dark .date-picker-day,body.dark-mode .date-picker-day{color:#e2e8f0;background:0 0;border-color:#0000}body.dark .date-picker-day:hover:not(:disabled),body.dark-mode .date-picker-day:hover:not(:disabled){color:#bfdbfe;background:#3b82f626;border-color:#3b82f6;transform:translateY(-1px)}body.dark .date-picker-day--muted,body.dark-mode .date-picker-day--muted{color:#334155}body.dark .date-picker-day--today,body.dark-mode .date-picker-day--today{color:#60a5fa;background:#3b82f61f;border-color:#3b82f6}body.dark .date-picker-day--selected,body.dark-mode .date-picker-day--selected,body.dark .date-picker-day--selected:hover:not(:disabled),body.dark-mode .date-picker-day--selected:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb}body.dark .date-picker-day:disabled,body.dark-mode .date-picker-day:disabled{color:#1e293b;opacity:.6;background:#0f172a80}body.dark .period-picker-all,body.dark-mode .period-picker-all{color:#94a3b8;background:0 0;border-color:#334155}body.dark .period-picker-all:hover,body.dark-mode .period-picker-all:hover{color:#93c5fd;background:#3b82f61f;border-color:#3b82f6}body.dark .period-picker-month,body.dark-mode .period-picker-month{color:#e2e8f0;background:0 0;border-color:#334155}body.dark .period-picker-month:hover,body.dark-mode .period-picker-month:hover{color:#93c5fd;background:#3b82f61f;border-color:#3b82f6;transform:translateY(-1px)}body.dark .period-picker-month--selected,body.dark-mode .period-picker-month--selected,body.dark .period-picker-month--selected:hover,body.dark-mode .period-picker-month--selected:hover{color:#fff;background:#2563eb;border-color:#2563eb}.paystack-redirect-overlay{z-index:9999;background:#fffffff7;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.paystack-redirect-spinner{border-width:3px;width:36px;height:36px}.paystack-redirect-title{color:#111827;margin:0;font-size:17px;font-weight:600}.paystack-redirect-sub{color:#9ca3af;margin:0;font-size:13px}.msd-action-btns{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.msd-reset-btn{color:#d97706;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #d97706;border-radius:7px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.msd-reset-btn:hover{color:#b45309;background:#fef3c7;border-color:#b45309}.reset-password-modal{max-width:440px}.reset-password-warning{background:#fffbeb;border:1.5px solid #fbbf24;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 14px;display:flex}.reset-password-warning-icon{flex-shrink:0;margin-top:1px;font-size:16px}.reset-password-warning p{color:#92400e;margin:0;font-size:13.5px;line-height:1.5}.reset-password-hint{color:#6b7280;margin:-4px 0 4px;font-size:12px}.fcp-card{gap:14px}.fcp-logo{color:#d97706;background:#fff7ed;border:1.5px solid #fde68a}.fcp-hint{color:#6b7280;margin:-6px 0 2px;font-size:12px}.fcp-logout-link{color:#6b7280;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:4px;padding:0;font-size:13px;text-decoration:underline}.fcp-logout-link:hover{color:#374151}.login-forgot-row{justify-content:flex-end;margin:-6px 0 16px;display:flex}.login-forgot-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;transition:color .15s}.login-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.login-back-row{justify-content:center;margin-top:16px;display:flex}.login-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:13.5px;font-weight:500;transition:color .15s;display:inline-flex}.login-back-link:hover{color:#2563eb}.password-rules{flex-wrap:wrap;gap:6px;margin:-10px 0 14px;display:flex}.password-rule{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:500;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.password-rule svg{opacity:.4;transition:opacity .2s}.password-rule.met{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.password-rule.met svg{opacity:1}body.dark-mode .login-forgot-link{color:#60a5fa}body.dark-mode .login-forgot-link:hover{color:#93c5fd}body.dark-mode .login-back-link{color:#64748b}body.dark-mode .login-back-link:hover{color:#60a5fa}body.dark-mode .password-rule{color:#64748b;background:#0f172a99;border-color:#94a3b833}body.dark-mode .password-rule.met{color:#4ade80;background:#16a34a1f;border-color:#4ade804d}.danger-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.danger-button:hover:not(:disabled){background:#b91c1c}.danger-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-shell,body{--app-bg:#f8fafc;--card-bg:#fff;--card-bg-elevated:#fff;--card-border:#e2e8f0;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--table-header-bg:#f8fafc;--table-row-alt:#f9fafb;--table-row-hover:#eff6ff;--chart-text:#1e293b;--chart-muted:#64748b;--chart-grid:#e2e8f0;--chart-primary:#2563eb;--chart-tooltip-bg:#fff;--chart-tooltip-border:#cbd5e1;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}html.dark-mode,body.dark-mode,body.dark-mode .dashboard-shell,.dashboard-shell.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f172a;--card-bg:#111827;--card-bg-elevated:#162033;--card-border:#334155;--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--input-bg:#0f172a;--input-border:#475569;--table-header-bg:#172033;--table-row-alt:#94a3b80d;--table-row-hover:#3b82f61f;--chart-text:#e2e8f0;--chart-muted:#cbd5e1;--chart-grid:#94a3b833;--chart-primary:#60a5fa;--chart-tooltip-bg:#111827;--chart-tooltip-border:#475569;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border);background:var(--app-bg);color:var(--text-main)}body.dark-mode #root,.dashboard-shell.dark-mode,.dashboard-shell.dark-mode .workspace,.dashboard-shell.dark-mode .dashboard-main,.dashboard-shell.dark-mode .member-dashboard-clean,.dashboard-shell.dark-mode .member-payments-page,.dashboard-shell.dark-mode .special-events-page,.dashboard-shell.dark-mode .reminders-page,.dashboard-shell.dark-mode .settings-page{background:var(--app-bg);color:var(--text-main)}.dashboard-shell.dark-mode :where(.mobile-topbar,.workspace-header,.sidebar,.sidebar.open,.user-panel,.month-control,.panel,.content-card,.chart-card,.metric-card,.stat-card,.settings-card,.settings-profile-card,.production-settings-card,.payment-status-card,.payment-summary-card,.payment-history-toggle-card,.member-payment-card,.selected-member-card,.event-card,.create-event-card,.reminder-summary-card,.reminder-controls-card,.unpaid-members-card,.member-reminder-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card,.report-paper,.report-summary-card,.quick-action-card,.empty-state,.pmt-mobile-card,.mem-member-card,.date-picker-popover,.period-picker-popover,.modal-card,.modal-panel,.notification-menu,.profile-dropdown,.working-month-popover){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode :where(.stat-card,.metric-card,.chart-card,.settings-card,.content-card,.event-card,.member-payment-card,.payment-history-toggle-card,.production-settings-header,.settings-form-actions){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell.dark-mode :where(h1,h2,h3,h4,th,label,strong,.dashboard-title,.workspace-title h2,.section-header h2,.panel-header h2,.chart-card h2,.settings-card-header h2,.content-card-header h2,.account-settings-title,.account-action-title,.payment-status-title,.payment-history-toggle-text h2,.payments-page-header h2,.monthly-contribution-header strong,.event-card-title,.event-chip strong,.production-settings-title,.settings-form-section h3,.pmt-summary-value,.pmt-amount-cell,.pmt-mc-name,.pmt-mc-amount,.pmt-date-line,.mem-table-total,.date-picker-header strong,.period-picker-header strong,.working-month-current strong,.working-month-popover-header strong){color:var(--text-main)}.dashboard-shell.dark-mode :where(p,td,.muted,.dashboard-subtitle,.sidebar-subtitle,.settings-card-header p,.settings-option span,.field span,.create-event-field span,.settings-form-field span,.account-settings-subtitle,.account-action-subtitle,.payment-status-subtitle,.payment-history-toggle-text p,.payments-page-header p,.event-card-subtitle,.event-card-description,.production-settings-subtitle,.settings-form-section p,.pmt-summary-label,.pmt-date-cell,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.mem-subtitle,.mem-field-hint,.reset-password-hint,.fcp-hint,.date-picker-weekdays span,.period-picker-trigger--muted span){color:var(--text-muted)}.dashboard-shell.dark-mode :where(input,select,textarea,.settings-select,.date-picker-trigger,.period-picker-trigger,.mem-form-input,.mem-form-select,.mem-form-textarea){border-color:var(--input-border);background:var(--input-bg);color:var(--text-main)}.dashboard-shell.dark-mode :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell.dark-mode :where(input,select,textarea,.settings-select,.date-picker-trigger,.period-picker-trigger,.mem-form-input,.mem-form-select,.mem-form-textarea):focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa38}.dashboard-shell.dark-mode :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.event-action-secondary,.payment-history-toggle-button,.pmt-page-btn,.pmt-action-trigger,.mem-btn-secondary,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.working-month-year-button,.working-month-option){border-color:var(--input-border);background:var(--input-bg);color:var(--text-body)}.dashboard-shell.dark-mode :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.event-action-secondary,.payment-history-toggle-button,.pmt-page-btn,.pmt-action-trigger,.mem-btn-secondary,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.working-month-year-button,.working-month-option):hover{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.panel:has(table),.content-card:has(table)){border-color:var(--card-border);background:var(--card-bg)}.dashboard-shell.dark-mode :where(table,thead,tbody,tr,td){background:0 0}.dashboard-shell.dark-mode :where(thead,th,.pmt-table thead th,.mem-table th,.monthly-report-table th,.monthly-report-table tfoot th,.reminder-table th,.reminder-history-table th,.reminder-logs-table th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell.dark-mode :where(td,th,.pmt-table tbody td,.mem-table td,.monthly-report-table td,.reminder-table td,.reminder-history-table td,.reminder-logs-table td){color:var(--text-body);border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode :where(tbody tr:nth-child(2n) td,.pmt-row-alt td,.mem-table tbody tr:nth-child(2n) td,.monthly-report-table tbody tr:nth-child(2n) td){background:var(--table-row-alt)}.dashboard-shell.dark-mode :where(tbody tr:hover td,.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell.dark-mode :where(.chart-empty,.loading-state,.notice,.toast){border-color:var(--card-border);background:var(--card-bg-elevated);color:var(--text-body)}.dashboard-shell.dark-mode .chart-legend,.dashboard-shell.dark-mode .chart-legend span{color:var(--text-body)}.dashboard-shell.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{border-color:var(--chart-tooltip-border)!important;background:var(--chart-tooltip-bg)!important;color:var(--chart-text)!important}.dashboard-shell.dark-mode :where(.pmt-type-badge,.event-chip,.summary-strip span,.payment-summary-breakdown div){color:var(--text-body);background:#94a3b81f;border-color:#94a3b838}.dashboard-shell.dark-mode :where(.pmt-badge--paid,.mem-badge-paid,.status.paid,.status.active){color:#86efac;background:#22c55e29}.dashboard-shell.dark-mode :where(.pmt-badge--pending,.pmt-badge--partial,.mem-badge-partial,.status.partial){color:#fcd34d;background:#f59e0b2e}.dashboard-shell.dark-mode :where(.pmt-badge--other,.mem-badge-pending,.status.failed,.status.cancelled,.status.late){color:#fca5a5;background:#ef444429}.dashboard-shell.dark-mode :where(.date-picker-day,.period-picker-month,.working-month-option){color:var(--text-body)}.dashboard-shell.dark-mode :where(.date-picker-day--today,.date-picker-day:hover:not(:disabled),.period-picker-month:hover,.period-picker-month--selected,.working-month-option.selected){color:#bfdbfe;background:#3b82f62e;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.date-picker-day--selected,.date-picker-day--selected:hover:not(:disabled)){color:#fff;background:#2563eb;border-color:#60a5fa}.dashboard-shell.dark-mode :where(.modal-overlay,.modal-backdrop,.paystack-redirect-overlay){background:#020617c7}.dashboard-shell.dark-mode :where(.mem-page,.pmt-page,.backup-page){color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(.mem-card,.msd-card,.mem-add-form,.modal-panel,.member-edit-modal,.reset-password-modal,.login-confirm-panel),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-card,.pmt-records-card,.payment-summary-card,.pmt-mobile-card,.pmt-action-menu,.date-picker-popover,.period-picker-popover),.dashboard-shell.dark-mode .backup-page :where(.panel,.content-card,.settings-stack>*){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:0 18px 44px #02061747}.dashboard-shell.dark-mode .mem-page :where(.mem-card,.mem-add-form),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-card,.pmt-records-card),.dashboard-shell.dark-mode .backup-page :where(.panel,.content-card){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell.dark-mode .mem-page :where(.mem-page-title,.mem-card-title,.mem-list-row-top strong,.mem-member-info strong,.msd-name,.msd-value,.mem-table-total,.modal-panel h2),.dashboard-shell.dark-mode .pmt-page :where(.pmt-form-title,.pmt-records-title,.pmt-summary-value,.pmt-amount-cell,.pmt-member-cell span,.pmt-date-line,.pmt-mc-name,.pmt-mc-amount),.dashboard-shell.dark-mode .backup-page :where(h1,h2,h3,strong,.panel-header h2){color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(.mem-page-count,.mem-muted,.mem-italic,.mem-empty,.mem-member-info span,.mem-info-rows,.msd-role,.msd-label,.msd-empty,.modal-panel p,.field span),.dashboard-shell.dark-mode .pmt-page :where(.pmt-records-month,.pmt-summary-label,.pmt-date-cell,.pmt-time-line,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.pmt-empty-row),.dashboard-shell.dark-mode .backup-page :where(.muted,.field span,.backup-list li){color:var(--text-muted)}.dashboard-shell.dark-mode .mem-page :where(.mem-field label,.mem-add-form .mem-field label,.mem-checkbox-row),.dashboard-shell.dark-mode .pmt-page :where(.pmt-field label),.dashboard-shell.dark-mode .backup-page :where(label,.field span){color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(input,select,textarea,.mem-select,.msd-select,.cs-trigger,.field input,.field select,.field textarea),.dashboard-shell.dark-mode .pmt-page :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group,.pmt-input-with-prefix),.dashboard-shell.dark-mode .backup-page :where(input,select,textarea){border-color:var(--input-border);background-color:var(--input-bg);background:var(--input-bg);color:var(--text-main)}.dashboard-shell.dark-mode .mem-page :where(input,textarea)::placeholder,.dashboard-shell.dark-mode .pmt-page :where(input,textarea)::placeholder,.dashboard-shell.dark-mode .backup-page :where(input,textarea)::placeholder{color:#64748b}.dashboard-shell.dark-mode .mem-page :where(input,select,textarea,.mem-select,.msd-select,.cs-trigger,.field input,.field select,.field textarea):focus,.dashboard-shell.dark-mode .pmt-page :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group):focus,.dashboard-shell.dark-mode .pmt-page .pmt-input-group:focus-within,.dashboard-shell.dark-mode .backup-page :where(input,select,textarea):focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa38}.dashboard-shell.dark-mode .mem-page :where(.mem-list-row,.mem-info-rows,.msd-divider,.mem-form-divider,.modal-title-row,.modal-actions),.dashboard-shell.dark-mode .pmt-page :where(.pmt-records-header,.pmt-pagination),.dashboard-shell.dark-mode .backup-page :where(.panel-header){border-color:var(--card-border)}.dashboard-shell.dark-mode .mem-page :where(.mem-list,.mem-list-filters,.mem-table-wrap,.mem-strength-bar),.dashboard-shell.dark-mode .pmt-page :where(.pmt-filter-bar,.pmt-summary-bar,.pmt-table-wrap),.dashboard-shell.dark-mode .backup-page :where(.backup-list li,.notice.warning){border-color:var(--card-border);background:#0f172a6b}.dashboard-shell.dark-mode .mem-page :where(.mem-table,.mem-table tbody,.mem-table tr,.mem-table td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table,.pmt-table tbody,.pmt-table tr,.pmt-table td){background:0 0}.dashboard-shell.dark-mode .mem-page :where(.mem-table th),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table thead th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.mem-table td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table tbody td){color:var(--text-body);border-bottom-color:#94a3b82e}.dashboard-shell.dark-mode .mem-page :where(.mem-table tbody tr:nth-child(2n) td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-row-alt td){background:var(--table-row-alt)}.dashboard-shell.dark-mode .mem-page :where(.mem-table tbody tr:hover td),.dashboard-shell.dark-mode .pmt-page :where(.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.icon-button),.dashboard-shell.dark-mode .pmt-page :where(.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month),.dashboard-shell.dark-mode .backup-page :where(.secondary-button){border-color:var(--input-border);background:var(--input-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.icon-button):hover,.dashboard-shell.dark-mode .pmt-page :where(.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month):hover,.dashboard-shell.dark-mode .backup-page :where(.secondary-button):hover{color:#bfdbfe;background:#3b82f629;border-color:#60a5fa}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-danger,.event-action-danger),.dashboard-shell.dark-mode .pmt-page :where(.pmt-action--danger){background:#ef44441f;border-color:#f8717159;color:#fca5a5!important}.dashboard-shell.dark-mode .mem-page :where(.mem-btn-danger,.event-action-danger):hover,.dashboard-shell.dark-mode .pmt-page :where(.pmt-action--danger):hover{color:#fecaca!important;background:#ef444433!important}.dashboard-shell.dark-mode .mem-page :where(.mem-field--error input,.mem-field--error select,.mem-add-form .mem-field--error input,.mem-add-form .mem-field--error select),.dashboard-shell.dark-mode .pmt-page :where(.field--error input,.field--error select,.field--error textarea){color:var(--text-main);background:#ef44441f;border-color:#ef4444}.dashboard-shell.dark-mode .mem-page :where(.mem-field--valid input,.mem-field--valid select,.mem-add-form .mem-field--valid input,.mem-add-form .mem-field--valid select){border-color:#22c55e}.dashboard-shell.dark-mode .mem-page .mem-checkbox-box{border-color:var(--input-border);background:var(--input-bg)}.dashboard-shell.dark-mode .mem-page .mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#60a5fa}.dashboard-shell.dark-mode .mem-page .mem-strength-seg{background:#334155}.dashboard-shell.dark-mode .mem-page .mem-warning,.dashboard-shell.dark-mode .backup-page .notice.warning{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b52}.dashboard-shell.dark-mode .mem-page .mem-warning strong{color:#fde68a}.dashboard-shell.dark-mode .mem-page .mem-notice--error{color:#fca5a5;background:#ef444424;border-color:#ef444461}.dashboard-shell.dark-mode .mem-page :where(.cs-menu,.cs-option,.msd-select option),.dashboard-shell.dark-mode .pmt-page :where(.cs-menu,.cs-option,.date-picker-popover,.period-picker-popover,.date-picker-day,.period-picker-month){border-color:var(--card-border);background:var(--card-bg);color:var(--text-body)}.dashboard-shell.dark-mode .mem-page :where(.cs-option:hover,.cs-option--sel),.dashboard-shell.dark-mode .pmt-page :where(.cs-option:hover,.cs-option--sel,.date-picker-day:hover:not(:disabled),.period-picker-month:hover){color:#bfdbfe;background:#3b82f629}.dashboard-shell.dark-mode .mem-page :where(.cs-placeholder .cs-label,.cs-chevron),.dashboard-shell.dark-mode .pmt-page :where(.cs-placeholder .cs-label,.cs-chevron){color:var(--text-muted)}.dashboard-shell.dark-mode .pmt-page .pmt-input-prefix{border-right-color:var(--input-border);color:var(--text-muted);background:#172033}.dashboard-shell.dark-mode .pmt-page .pmt-input-with-prefix{background:var(--input-bg)}.dashboard-shell.dark-mode .pmt-page .pmt-type-badge{color:var(--text-body);background:#94a3b81f;border:1px solid #94a3b838}.dashboard-shell.dark-mode .pmt-page .pmt-action-menu{box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .backup-page .backup-list li{border-color:var(--card-border);color:var(--text-body);background:#0f172a6b}.dashboard-shell.dark-mode .backup-page input[type=file]::file-selector-button{border:1px solid var(--input-border);color:var(--text-body);background:#172033;border-radius:8px}.dashboard-shell,.dashboard-shell.light-mode{--app-bg:#f8fafc;--card-bg:#fff;--card-bg-elevated:#fff;--card-border:#e2e8f0;--text-main:#020617;--text-body:#334155;--text-muted:#64748b;--input-bg:#fff;--input-border:#cbd5e1;--control-bg:#fff;--control-hover:#f8fafc;--table-header-bg:#f8fafc;--table-row-bg:#fff;--table-row-alt:#f8fafc;--table-row-hover:#f1f5f9;--soft-panel-bg:#f8fafc;--shadow-card:0 8px 22px #0f172a0f;--shadow-menu:0 18px 45px #0f172a29;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}.dashboard-shell.dark-mode{--app-bg:#0f172a;--card-bg:#111827;--card-bg-elevated:#162033;--card-border:#334155;--text-main:#f8fafc;--text-body:#cbd5e1;--text-muted:#94a3b8;--input-bg:#0f172a;--input-border:#475569;--control-bg:#0f172a;--control-hover:#1e293b;--table-header-bg:#1e293b;--table-row-bg:#111827;--table-row-alt:#172033;--table-row-hover:#1e293b;--soft-panel-bg:#0f172a7a;--shadow-card:0 18px 44px #02061747;--shadow-menu:0 24px 70px #02061780;--bg:var(--app-bg);--card:var(--card-bg);--text:var(--text-main);--muted:var(--text-muted);--border:var(--card-border)}.dashboard-shell,.dashboard-shell :where(.workspace,.dashboard-main,.member-dashboard-clean,.member-payments-page,.reminders-page,.monthly-report-page,.settings-page,.special-events-page,.backup-page){background:var(--app-bg);color:var(--text-main)}.dashboard-shell :where(.mobile-topbar,.workspace-header,.sidebar,.dashboard-sidebar,.sidebar.open,.user-panel,.month-control,.content-card,.panel,.chart-card,.metric-card,.stat-card,.settings-card,.settings-profile-card,.production-settings-card,.payment-status-card,.payment-summary-card,.payment-history-toggle-card,.member-payment-card,.selected-member-card,.event-card,.create-event-card,.reminder-summary-card,.reminder-controls-card,.reminder-history-card,.reminder-activity-card,.reminder-logs-panel,.smart-reminder-filters,.smart-reminder-results,.smart-reminder-card,.member-reminder-card,.report-paper,.report-summary-card,.report-member-card,.quick-action-card,.empty-state,.mem-card,.pmt-form-card,.pmt-records-card,.pmt-mobile-card,.modal-card,.modal-panel,.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu){border-color:var(--card-border);background:var(--card-bg);color:var(--text-main);box-shadow:var(--shadow-card)}.dashboard-shell.dark-mode :where(.content-card,.panel,.chart-card,.metric-card,.stat-card,.settings-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-activity-card,.report-paper){background:linear-gradient(180deg, var(--card-bg-elevated) 0%, var(--card-bg) 100%)}.dashboard-shell :where(h1,h2,h3,h4,th,label,strong,.dashboard-title,.workspace-title h2,.mobile-topbar strong,.sidebar h1,.sidebar-brand,.user-panel strong,.panel-header h2,.content-card-header h2,.chart-card h2,.settings-card-header h2,.mem-page-title,.mem-card-title,.mem-list-row-top strong,.mem-member-info strong,.msd-name,.msd-value,.mem-table-total,.pmt-form-title,.pmt-records-title,.pmt-summary-value,.pmt-amount-cell,.pmt-member-cell span,.pmt-date-line,.pmt-mc-name,.pmt-mc-amount,.reminders-header h1,.reminder-summary-card strong,.reminder-activity-header h2,.reminder-activity-stat strong,.reminder-card-head strong,.rc-name,.report-heading h2,.report-summary-card strong,.report-member-card-head strong,.report-member-rows strong){color:var(--text-main)}.dashboard-shell :where(p,td,.muted,.dashboard-subtitle,.sidebar-subtitle,.user-panel span,.notification-item p,.notification-item small,.field span,.settings-option span,.mem-page-count,.mem-muted,.mem-italic,.mem-empty,.mem-member-info span,.msd-role,.msd-label,.msd-empty,.pmt-records-month,.pmt-summary-label,.pmt-time-line,.pmt-ref-cell,.pmt-mc-date,.pmt-mc-ref,.pmt-pagination-info,.pmt-empty-row,.reminders-header p,.reminder-summary-card span:not(.reminder-summary-icon),.reminder-activity-header p,.reminder-activity-stat span,.reminder-card-head span,.reminder-amount-grid span,.rc-contact,.rc-finance-detail,.report-subtitle,.report-summary-card span,.report-member-rows span,.backup-list li){color:var(--text-muted)}.dashboard-shell :where(.mem-field label,.mem-add-form .mem-field label,.pmt-field label,.create-event-field span,.settings-form-field span,.filter-section-title,.select-all-row,.bulk-reminder-actions span){color:var(--text-body)}.dashboard-shell :where(input,select,textarea,.settings-select,.mem-select,.msd-select,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group,.pmt-input-with-prefix){border-color:var(--input-border);background:var(--input-bg);color:var(--text-main)}.dashboard-shell :where(input,textarea)::placeholder{color:var(--text-muted)}.dashboard-shell :where(input,select,textarea,.settings-select,.mem-select,.msd-select,.cs-trigger,.date-picker-trigger,.period-picker-trigger,.pmt-input-group):focus,.dashboard-shell .pmt-input-group:focus-within,.dashboard-shell .cs-wrap.cs-open .cs-trigger{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f62e}.dashboard-shell :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.filter-reset-btn,.reminder-log-toggle,.rc-preview-btn,.rc-copy-btn,.report-actions .secondary-button,.icon-button){border-color:var(--input-border);background:var(--control-bg);color:var(--text-body)}.dashboard-shell :where(.secondary-button,.mobile-icon-button,.notification-bell,.working-month-pill,.sidebar-close,.month-control button,.user-panel button,.mem-btn-secondary,.msd-edit-btn,.msd-reset-btn,.mem-pw-eye,.pmt-page-btn,.pmt-action-trigger,.pmt-action-menu li button,.pmt-clear-btn,.date-picker-nav,.period-picker-nav,.period-picker-all,.period-picker-month,.filter-reset-btn,.reminder-log-toggle,.rc-preview-btn,.rc-copy-btn,.report-actions .secondary-button,.icon-button):hover{background:var(--control-hover);color:var(--primary);border-color:#60a5fa}.dashboard-shell :where(.primary-button,.hamburger-button,.mem-btn-primary,.mem-btn-success,.pmt-submit-btn,.rc-send-btn){color:#fff}.dashboard-shell :where(.mem-btn-danger,.event-action-danger,.danger-button){background:var(--control-bg);color:#dc2626;border-color:#fecaca}.dashboard-shell.dark-mode :where(.mem-btn-danger,.event-action-danger,.danger-button){color:#fca5a5;background:#ef44441f;border-color:#f871715c}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel){border-color:var(--card-border);background:var(--card-bg);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel){scrollbar-color:#475569 transparent}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar{width:10px;height:10px}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-track{background:#f1f5f9}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-track{background:#0f172a}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-clip:padding-box;border:3px solid #0000;border-radius:999px}.dashboard-shell :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb{background-color:#475569}.dashboard-shell.dark-mode :where(.table-wrap,.table-responsive,.report-table-wrap,.pmt-table-wrap,.mem-table-wrap,.member-payment-card .table-wrap,.payment-history-content,.member-history-panel)::-webkit-scrollbar-thumb:hover{background-color:#64748b}.dashboard-shell :where(table,thead,tbody,tr){background:0 0}.dashboard-shell :where(th,.pmt-table thead th,.mem-table th,.monthly-report-table th,.monthly-report-table tfoot th,.reminder-table th,.reminder-history-table th,.reminder-logs-table th){border-color:var(--card-border);background:var(--table-header-bg);color:var(--text-body)}.dashboard-shell :where(td,.pmt-table tbody td,.mem-table td,.monthly-report-table td,.reminder-table td,.reminder-history-table td,.reminder-logs-table td){border-bottom-color:var(--card-border);background:var(--table-row-bg);color:var(--text-body)}.dashboard-shell :where(tbody tr:nth-child(2n) td,.pmt-row-alt td,.mem-table tbody tr:nth-child(2n) td,.monthly-report-table tbody tr:nth-child(2n) td){background:var(--table-row-alt)}.dashboard-shell :where(tbody tr:hover td,.pmt-table tbody tr:hover td){background:var(--table-row-hover)}.dashboard-shell :where(.mem-list,.mem-list-filters,.pmt-filter-bar,.pmt-summary-bar,.bulk-reminder-bar,.reminder-activity-stat,.reminder-message-preview,.backup-list li,.chart-empty,.loading-state,.notice,.toast){border-color:var(--card-border);background:var(--soft-panel-bg);color:var(--text-body)}.dashboard-shell :where(.cs-option,.date-picker-day,.period-picker-month,.working-month-option,.pmt-action-menu li button){color:var(--text-body)}.dashboard-shell :where(.cs-option:hover,.cs-option--sel,.date-picker-day:hover:not(:disabled),.period-picker-month:hover,.working-month-option:hover){background:var(--table-row-hover);color:var(--primary)}.dashboard-shell :where(.cs-placeholder .cs-label,.cs-chevron){color:var(--text-muted)}.dashboard-shell .pmt-input-prefix{border-right-color:var(--input-border);background:var(--soft-panel-bg);color:var(--text-muted)}.dashboard-shell :where(.pmt-type-badge,.event-chip,.reminder-type-badge,.reminder-status-badge,.method-badge){border-color:var(--card-border);background:var(--soft-panel-bg);color:var(--text-body)}.dashboard-shell :where(.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid){color:#15803d;background:#dcfce7}.dashboard-shell.dark-mode :where(.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid){color:#86efac;background:#22c55e29}.dashboard-shell :where(.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial){color:#b45309;background:#fef3c7}.dashboard-shell.dark-mode :where(.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial){color:#fcd34d;background:#f59e0b2e}.dashboard-shell :where(.status.unpaid,.status.pending,.pmt-badge--pending,.mem-badge-unpaid,.mem-badge-pending,.reminder-status-badge.unpaid){color:#dc2626;background:#fee2e2}.dashboard-shell.dark-mode :where(.status.unpaid,.status.pending,.pmt-badge--pending,.mem-badge-unpaid,.mem-badge-pending,.reminder-status-badge.unpaid){color:#fca5a5;background:#ef444429}.dashboard-shell :where(.mem-warning,.notice.warning){color:#92400e;background:#fffbeb;border-color:#fde68a}.dashboard-shell.dark-mode :where(.mem-warning,.notice.warning){color:#fcd34d;background:#f59e0b24;border-color:#f59e0b52}.dashboard-shell :where(.mem-notice--error,.notice.error){color:#dc2626;background:#fef2f2;border-color:#fecaca}.dashboard-shell.dark-mode :where(.mem-notice--error,.notice.error){color:#fca5a5;background:#ef444424;border-color:#ef444461}.dashboard-shell .sidebar,.dashboard-shell .dashboard-sidebar{border-right-color:var(--card-border);background:var(--card-bg)}.dashboard-shell .sidebar-top{min-height:0;padding:16px 16px 10px;overflow-y:auto}.dashboard-shell .user-panel,.dashboard-shell .dashboard-sidebar .user-panel{border-top:1px solid var(--card-border);background:var(--card-bg);gap:8px;margin-top:auto;padding:12px 16px;display:grid}.dashboard-shell .user-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.dashboard-shell .user-panel button{width:100%;min-height:36px;padding:8px 10px}.dashboard-shell .nav-list button{color:var(--text-body)}.dashboard-shell .nav-list button.active,.dashboard-shell .nav-list button:hover{background:var(--primary-soft);color:var(--primary)}.dashboard-shell .mobile-topbar,.dashboard-shell .workspace-header{border-color:var(--card-border);background:color-mix(in srgb, var(--card-bg) 94%, transparent)}.dashboard-shell .notification-item,.dashboard-shell .profile-dropdown-item{border-color:var(--card-border);background:var(--card-bg);color:var(--text-main)}.dashboard-shell .notification-item:hover,.dashboard-shell .profile-dropdown-item:hover,.dashboard-shell .notification-item.unread{background:var(--table-row-hover)}.dashboard-shell .backup-page input[type=file]::file-selector-button{border:1px solid var(--input-border);background:var(--control-bg);color:var(--text-body);border-radius:8px;margin-right:12px}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]){appearance:none;color:#fff;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex:0 0 18px;place-content:center;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:grid}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):before{content:"";transform-origin:50%;border-bottom:2px solid;border-right:2px solid;width:5px;height:9px;margin-top:-2px;transition:transform .12s;transform:rotate(45deg)scale(0)}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):hover:not(:disabled){border-color:#60a5fa}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked{background:#2563eb;border-color:#2563eb}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked:before{transform:rotate(45deg)scale(1)}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.dashboard-shell :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):disabled{cursor:not-allowed;opacity:.55}.dashboard-shell.dark-mode :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]){background:#1e293b;border-color:#475569}.dashboard-shell.dark-mode :where(.checkbox-label input[type=checkbox],.select-all-row input[type=checkbox],.smart-reminder-select input[type=checkbox]):checked{background:#3b82f6;border-color:#3b82f6}.dashboard-shell .mem-checkbox-box{background:#fff;border-color:#cbd5e1}.dashboard-shell .mem-checkbox-row:hover .mem-checkbox-box{border-color:#60a5fa}.dashboard-shell .mem-checkbox-input:focus-visible~.mem-checkbox-box{box-shadow:0 0 0 3px #2563eb33}.dashboard-shell .mem-checkbox-input:checked~.mem-checkbox-box{background:#2563eb;border-color:#2563eb}.dashboard-shell.dark-mode .mem-checkbox-box{background:#1e293b;border-color:#475569}.dashboard-shell.dark-mode .mem-checkbox-input:checked~.mem-checkbox-box{background:#3b82f6;border-color:#3b82f6}.dashboard-shell.light-mode .notification-menu,.dashboard-shell .notification-menu{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.dashboard-shell.light-mode .notification-menu-header,.dashboard-shell .notification-menu-header{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.dashboard-shell.light-mode .notification-menu-header strong,.dashboard-shell .notification-menu-header strong,.dashboard-shell.light-mode .notification-item span,.dashboard-shell .notification-item span{color:#0f172a}.dashboard-shell.light-mode .notification-menu-header button,.dashboard-shell .notification-menu-header button{color:#2563eb}.dashboard-shell.light-mode .notification-list,.dashboard-shell .notification-list{background:#fff}.dashboard-shell.light-mode .notification-item,.dashboard-shell .notification-item{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.dashboard-shell.light-mode .notification-item p,.dashboard-shell .notification-item p,.dashboard-shell.light-mode .notification-item small,.dashboard-shell .notification-item small,.dashboard-shell.light-mode .notification-empty,.dashboard-shell .notification-empty{color:#64748b}.dashboard-shell.light-mode .notification-item:hover,.dashboard-shell .notification-item:hover{color:#0f172a;background:#f8fafc}.dashboard-shell.light-mode .notification-item.unread,.dashboard-shell .notification-item.unread{background:#eff6ff}.dashboard-shell.light-mode .notification-bell,.dashboard-shell .notification-bell{color:#334155;background:#fff;border-color:#e2e8f0}.dashboard-shell.light-mode .notification-bell:hover,.dashboard-shell .notification-bell:hover{color:#2563eb;background:#f8fafc;border-color:#60a5fa}.dashboard-shell.dark-mode .notification-menu{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.dashboard-shell.dark-mode .notification-menu-header{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.dashboard-shell.dark-mode .notification-menu-header strong,.dashboard-shell.dark-mode .notification-item span{color:#f1f5f9}.dashboard-shell.dark-mode .notification-menu-header button{color:#93c5fd}.dashboard-shell.dark-mode .notification-list{background:#111827}.dashboard-shell.dark-mode .notification-item{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.dashboard-shell.dark-mode .notification-item p,.dashboard-shell.dark-mode .notification-item small,.dashboard-shell.dark-mode .notification-empty{color:#94a3b8}.dashboard-shell.dark-mode .notification-item:hover{color:#f1f5f9;background:#1e293b}.dashboard-shell.dark-mode .notification-bell{color:#f1f5f9;background:#0f172a;border-color:#334155}.dashboard-shell.dark-mode .notification-bell:hover{color:#93c5fd;background:#1e293b;border-color:#60a5fa}.notification-wrap.notification-theme-light,.notification-menu.notification-theme-light,.notification-list.notification-theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.notification-wrap.notification-theme-dark,.notification-menu.notification-theme-dark,.notification-list.notification-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.notification-menu.notification-theme-light{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 18px 45px #0f172a29}.notification-menu-header.notification-theme-light{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.notification-menu-header.notification-theme-light strong,.notification-item.notification-theme-light span{color:#0f172a}.notification-action.notification-theme-light{color:#2563eb}.notification-list.notification-theme-light{background:#fff}.notification-item.notification-theme-light{color:#0f172a;background:#fff;border-bottom-color:#e2e8f0}.notification-item.notification-theme-light p,.notification-item.notification-theme-light small,.notification-empty.notification-theme-light{color:#64748b}.notification-item.notification-theme-light:hover{color:#0f172a;background:#f8fafc}.notification-item.notification-theme-light.unread{background:#eff6ff}.notification-bell.notification-theme-light{color:#334155;background:#fff;border-color:#e2e8f0}.notification-bell.notification-theme-light:hover{color:#2563eb;background:#f8fafc;border-color:#60a5fa}.notification-menu.notification-theme-dark{color:#f1f5f9;background:#111827;border-color:#334155;box-shadow:0 24px 70px #02061780}.notification-menu-header.notification-theme-dark{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.notification-menu-header.notification-theme-dark strong,.notification-item.notification-theme-dark span{color:#f1f5f9}.notification-action.notification-theme-dark{color:#93c5fd}.notification-list.notification-theme-dark{background:#111827}.notification-item.notification-theme-dark{color:#f1f5f9;background:#111827;border-bottom-color:#334155}.notification-item.notification-theme-dark p,.notification-item.notification-theme-dark small,.notification-empty.notification-theme-dark{color:#94a3b8}.notification-item.notification-theme-dark:hover{color:#f1f5f9;background:#1e293b}.notification-item.notification-theme-dark.unread{background:#3b82f629}.notification-bell.notification-theme-dark{color:#f1f5f9;background:#0f172a;border-color:#334155}.notification-bell.notification-theme-dark:hover{color:#93c5fd;background:#1e293b;border-color:#60a5fa}.dashboard-shell{--semantic-blue:#2563eb;--semantic-blue-soft:#eff6ff;--semantic-blue-border:#bfdbfe;--semantic-green:#16a34a;--semantic-green-soft:#f0fdf4;--semantic-green-border:#bbf7d0;--semantic-orange:#d97706;--semantic-orange-soft:#fff7ed;--semantic-orange-border:#fed7aa;--semantic-red:#dc2626;--semantic-red-soft:#fef2f2;--semantic-red-border:#fecaca;--semantic-gray:#64748b;--semantic-gray-soft:#f8fafc;--semantic-gray-border:#e2e8f0}.dashboard-shell.dark-mode{--semantic-blue:#93c5fd;--semantic-blue-soft:#3b82f624;--semantic-blue-border:#60a5fa47;--semantic-green:#86efac;--semantic-green-soft:#22c55e24;--semantic-green-border:#4ade8047;--semantic-orange:#fdba74;--semantic-orange-soft:#f59e0b24;--semantic-orange-border:#fbbf2447;--semantic-red:#fca5a5;--semantic-red-soft:#ef444424;--semantic-red-border:#f8717147;--semantic-gray:#cbd5e1;--semantic-gray-soft:#94a3b81a;--semantic-gray-border:#94a3b838}.dashboard-page .stat-card,.member-dashboard-clean .stat-card{border:1px solid var(--card-border,var(--border));border-left:1px solid var(--card-border,var(--border));border-top:4px solid var(--stat-accent,var(--semantic-blue));background:var(--card-bg,var(--card));border-radius:14px;position:relative;box-shadow:0 10px 24px #0f172a0f}.dashboard-shell.dark-mode .dashboard-page .stat-card,.dashboard-shell.dark-mode .member-dashboard-clean .stat-card{background:var(--card-bg);box-shadow:0 16px 34px #02061747}.dashboard-page .stat-card.neutral,.member-dashboard-clean .stat-card.neutral,.dashboard-page .stat-card.pending,.member-dashboard-clean .stat-card.pending{--stat-accent:var(--semantic-blue);--stat-soft:var(--semantic-blue-soft);--stat-border:var(--semantic-blue-border);--stat-text:var(--semantic-blue)}.dashboard-page .stat-card.paid,.dashboard-page .stat-card.collected,.member-dashboard-clean .stat-card.paid,.member-dashboard-clean .stat-card.collected{--stat-accent:var(--semantic-green);--stat-soft:var(--semantic-green-soft);--stat-border:var(--semantic-green-border);--stat-text:var(--semantic-green)}.dashboard-page .stat-card.partial,.member-dashboard-clean .stat-card.partial{--stat-accent:var(--semantic-orange);--stat-soft:var(--semantic-orange-soft);--stat-border:var(--semantic-orange-border);--stat-text:var(--semantic-orange)}.dashboard-page .stat-card.outstanding,.dashboard-page .stat-card.late,.member-dashboard-clean .stat-card.outstanding,.member-dashboard-clean .stat-card.late{--stat-accent:var(--semantic-red);--stat-soft:var(--semantic-red-soft);--stat-border:var(--semantic-red-border);--stat-text:var(--semantic-red)}.dashboard-page .stat-card .stat-icon-box,.member-dashboard-clean .stat-card .stat-icon-box{border:1px solid var(--stat-border);background:var(--stat-soft);color:var(--stat-text)!important}.dashboard-page .stat-card strong,.member-dashboard-clean .stat-card strong{color:var(--text-main,var(--text));letter-spacing:0}.dashboard-page .stat-card>span:not(.stat-icon-box),.member-dashboard-clean .stat-card>span:not(.stat-icon-box){color:var(--text-body,#334155);font-weight:760}.dashboard-page .stat-card p,.member-dashboard-clean .stat-card p{color:var(--text-muted,var(--muted));font-weight:650}.dashboard-page .summary-strip span,.payment-meta-chip,.monthly-meta-chips span,.event-chip,.pmt-type-badge,.method-badge{border-color:var(--semantic-gray-border);background:var(--semantic-gray-soft);color:var(--semantic-gray)}.status,.mem-badge,.pmt-badge,.reminder-status-badge,.reminder-type-badge{border:1px solid #0000}.status.paid,.status.active,.pmt-badge--paid,.mem-badge-paid,.reminder-status-badge.paid,.payment-meta-chip.paid,.payment-meta-chip.collected,.payment-meta-chip.balance{border-color:var(--semantic-green-border);background:var(--semantic-green-soft);color:var(--semantic-green)}.status.partial,.pmt-badge--partial,.mem-badge-partial,.reminder-status-badge.partial,.payment-meta-chip.due{border-color:var(--semantic-orange-border);background:var(--semantic-orange-soft);color:var(--semantic-orange)}.status.unpaid,.status.pending,.status.late,.status.cancelled,.status.failed,.pmt-badge--pending,.pmt-badge--other,.mem-badge-unpaid,.mem-badge-overdue,.mem-badge-pending,.reminder-status-badge.unpaid,.payment-meta-chip.outstanding{border-color:var(--semantic-red-border);background:var(--semantic-red-soft);color:var(--semantic-red)}.reminder-type-badge.monthly,.payment-meta-chip:not(.due):not(.paid):not(.collected):not(.balance):not(.outstanding){border-color:var(--semantic-blue-border);background:var(--semantic-blue-soft);color:var(--semantic-blue)}.chart-card{border-color:var(--card-border,var(--border));background:var(--card-bg,var(--card));box-shadow:0 10px 24px #0f172a0f}.dashboard-shell.dark-mode .chart-card{background:var(--card-bg);box-shadow:0 16px 34px #02061747}.chart-legend span{color:var(--text-muted,var(--muted));font-weight:700}.dashboard-page .trend-chart-card{--chart-primary:var(--semantic-green)}:root{--motion-fast:.14s;--motion-medium:.24s;--motion-slow:.34s;--motion-ease:cubic-bezier(.22, 1, .36, 1);--motion-press:cubic-bezier(.2, 0, .2, 1)}.page-transition-shell{min-width:0;animation:page-enter var(--motion-slow) var(--motion-ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes surface-enter{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-surface-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes sidebar-slide-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes row-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.pmt-mobile-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.quick-action-card,.member-payment-card,.selected-member-card){transition:transform var(--motion-medium) var(--motion-ease), box-shadow var(--motion-medium) var(--motion-ease), border-color var(--motion-medium) var(--motion-ease), background-color var(--motion-medium) var(--motion-ease), color var(--motion-fast) ease}.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.member-payment-card,.selected-member-card):hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f172a1a}.dashboard-shell.dark-mode :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.mem-card,.pmt-form-card,.pmt-records-card,.reminder-summary-card,.reminder-controls-card,.reminder-activity-card,.report-paper,.report-summary-card,.member-payment-card,.selected-member-card):hover{box-shadow:0 20px 42px #0206175c}.dashboard-shell :where(button,.primary-button,.secondary-button,.danger-button,.icon-button,.mobile-icon-button,.notification-bell,.profile-pill,.working-month-pill,.date-picker-trigger,.period-picker-trigger,.cs-trigger,.quick-action-card){transition:transform var(--motion-fast) var(--motion-press), box-shadow var(--motion-medium) var(--motion-ease), border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease}.dashboard-shell :where(button,.primary-button,.secondary-button,.danger-button,.icon-button,.mobile-icon-button,.notification-bell,.profile-pill,.working-month-pill,.date-picker-trigger,.period-picker-trigger,.cs-trigger,.quick-action-card):active{transform:scale(.98)}.dashboard-shell :where(.quick-action-card,.profile-pill,.notification-bell,.mobile-icon-button):hover{transform:translateY(-1px)}.dashboard-shell .quick-action-card:active,.dashboard-shell.dark-mode .quick-action-card:active{border-color:#60a5fa;transform:translateY(0)scale(.98);box-shadow:0 6px 16px #2563eb29}.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu{transform-origin:100% 0;animation:menu-enter var(--motion-medium) var(--motion-ease) both;will-change:opacity, transform}.modal-overlay,.modal-backdrop,.sidebar-overlay{animation:overlay-fade var(--motion-medium) var(--motion-ease) both}.modal-card,.modal-panel,.member-edit-modal,.reset-password-modal,.login-confirm-panel{animation:modal-surface-enter var(--motion-medium) var(--motion-ease) both;will-change:opacity, transform}.sidebar.open{animation:sidebar-slide-in var(--motion-slow) var(--motion-ease) both;will-change:opacity, transform}.loading-state,.empty-state,.toast,.notice,.skeleton-card{animation:surface-enter var(--motion-medium) var(--motion-ease) both}.dashboard-shell :where(tbody tr,.preview-row,.smart-reminder-card,.mem-list-row,.pmt-mobile-card,.report-member-card,.reminder-history-card){animation:row-enter var(--motion-medium) var(--motion-ease) both}.dashboard-shell :where(input,select,textarea,.cs-trigger,.date-picker-trigger,.period-picker-trigger){transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease}.app-modal-overlay{z-index:9999;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.app-modal-content{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}.app-modal-content.modal-card,.app-modal-content.modal-panel{max-height:90vh;overflow-y:auto}.app-modal-content.member-edit-modal{width:min(720px,100vw - 32px)}.app-modal-content.member-edit-modal .modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.modal-form-shell{display:contents}.dashboard-shell.dark-mode.app-modal-overlay .app-modal-content,.dashboard-shell.dark-mode.app-modal-overlay .member-edit-modal-actions{border-color:var(--card-border);background:var(--card-bg);color:var(--text-main)}.dashboard-shell.dark-mode.app-modal-overlay .modal-title-row,.dashboard-shell.dark-mode.app-modal-overlay .member-edit-modal-actions{border-color:var(--card-border)}@media (width<=640px){.app-modal-overlay{align-items:flex-end;padding:0}.app-modal-content.modal-card,.app-modal-content.modal-panel{border-radius:18px 18px 0 0;width:100%;max-width:none;max-height:90vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-transition-shell,.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.quick-action-card,button){transform:none!important}}.reminder-provider-badge{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.dark .reminder-provider-badge{color:#86efac;background:#14532d;border-color:#166534}.reminder-deeplink-notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.dark .reminder-deeplink-notice{color:#86efac;background:#052e16;border-color:#14532d}.reminder-deeplink-notice svg{flex-shrink:0;margin-top:2px}.reminder-status-badge.no-consent{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.dark .reminder-status-badge.no-consent{color:#94a3b8;background:#1e293b;border-color:#334155}.rc-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.rc-send-btn--deeplink{color:#fff;background:#25d366;border-color:#25d366}.rc-send-btn--deeplink:hover:not(:disabled){background:#128c50;border-color:#128c50}.reminder-deeplink-modal-note{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px}.method-badge.delivery-sent{color:#15803d;background:#dcfce7;border-color:#86efac}.method-badge.delivery-delivered{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.method-badge.delivery-failed{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.method-badge.delivery-undelivered{color:#92400e;background:#fef3c7;border-color:#fde68a}.method-badge.delivery-link_generated{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.method-badge.delivery-prepared{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.dark .method-badge.delivery-sent{color:#86efac;background:#14532d;border-color:#166534}.dark .method-badge.delivery-delivered{color:#6ee7b7;background:#064e3b;border-color:#065f46}.dark .method-badge.delivery-failed{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.dark .method-badge.delivery-undelivered{color:#fcd34d;background:#451a03;border-color:#7c2d12}.dark .method-badge.delivery-link_generated{color:#93c5fd;background:#1e3a5f;border-color:#1e40af}.dark .method-badge.delivery-prepared{color:#94a3b8;background:#1e293b;border-color:#334155}.bulk-deeplink-modal{width:100%;max-width:560px}.bulk-deeplink-info{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.dark .bulk-deeplink-info{color:#86efac;background:#052e16;border-color:#14532d}.bulk-deeplink-info svg{flex-shrink:0;margin-top:1px}.bulk-deeplink-skipped-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:12px}.dark .bulk-deeplink-skipped-notice{color:#fcd34d;background:#451a03;border-color:#7c2d12}.bulk-deeplink-progress{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.bulk-deeplink-progress-bar{background:var(--border);border-radius:999px;flex:1;height:5px;overflow:hidden}.bulk-deeplink-progress-fill{background:#25d366;border-radius:999px;height:100%;transition:width .3s}.bulk-deeplink-list{flex-direction:column;gap:8px;max-height:360px;margin-bottom:16px;padding-right:2px;display:flex;overflow-y:auto}.bulk-deeplink-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:grid}.bulk-deeplink-row--opened{background:#f0fdf4;border-color:#bbf7d0}.dark .bulk-deeplink-row--opened{background:#052e16;border-color:#14532d}.bulk-deeplink-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.bulk-deeplink-member-info{flex-direction:column;min-width:0;display:flex}.bulk-deeplink-member-info strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.bulk-deeplink-member-info .muted{color:var(--muted);font-size:11px}.bulk-deeplink-balance{white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.bulk-deeplink-opened-badge{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #86efac;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.dark .bulk-deeplink-opened-badge{color:#86efac;background:#14532d;border-color:#166534}.bulk-deeplink-open-btn{color:#fff;white-space:nowrap;background:#25d366;border-color:#25d366;padding:6px 12px;font-size:12px}.bulk-deeplink-open-btn:hover:not(:disabled){background:#128c50;border-color:#128c50}@media (width<=480px){.bulk-deeplink-row{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.bulk-deeplink-balance{grid-column:2;font-size:12px;font-weight:600}.bulk-deeplink-open-btn,.bulk-deeplink-opened-badge{text-align:center;grid-column:1/-1;justify-self:stretch}}.login-slow-msg{text-align:center;color:#6b7280;margin:4px 0 0;font-size:13px;animation:.4s fadeIn}@media (prefers-color-scheme:dark){.login-slow-msg{color:#9ca3af}}.dark .login-slow-msg{color:#9ca3af}.method-badge.delivery-opened-whatsapp-link{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.method-badge.delivery-manually-confirmed{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.method-badge.delivery-pending{color:#713f12;background:#fef9c3;border-color:#fde68a}.method-badge.delivery-cancelled{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.rc-confirm-btn{white-space:nowrap;padding:4px 10px;font-size:12px}.reminder-logs-table .log-ts{color:#6b7280;white-space:nowrap;font-size:12px}.reminder-card-actions{justify-content:flex-end;margin-top:8px;display:flex}.dark .method-badge.delivery-opened-whatsapp-link{color:#6ee7b7;background:#064e3b;border-color:#065f46}.dark .method-badge.delivery-manually-confirmed{color:#93c5fd;background:#1e3a5f;border-color:#1e40af}.dark .method-badge.delivery-pending{color:#fde68a;background:#3d2e00;border-color:#713f12}.dark .method-badge.delivery-cancelled{color:#9ca3af;background:#1f2937;border-color:#374151}.dark .reminder-logs-table .log-ts{color:#9ca3af}.dashboard-shell .mobile-topbar,.dashboard-shell .mobile-dashboard-header,.dashboard-shell .workspace-header,.dashboard-shell .dashboard-header{z-index:5000;isolation:isolate;position:sticky;overflow:visible}.dashboard-shell .topbar-actions,.dashboard-shell .mobile-topbar-actions,.dashboard-shell .workspace-controls,.dashboard-shell .notification-wrap,.dashboard-shell .profile-menu-wrapper,.dashboard-shell .working-month-control{z-index:5100;position:relative;overflow:visible}.dashboard-shell :where(.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu){z-index:9999}.dashboard-shell :where(.dashboard-main,.workspace,.page-transition-shell,.content-card,.chart-card,.panel,.stat-card,.metric-card,.event-card,.settings-card){z-index:auto;position:relative}.dashboard-shell .page-transition-shell{z-index:1}.dashboard-shell.dark-mode{--app-bg:#070c18;--bg:#070c18;--card-bg:#ffffff0a;--card-bg-elevated:#ffffff0f;--card-border:#ffffff14;--card:#ffffff0a;--border:#ffffff14;--input-bg:#ffffff0f;--input-border:#ffffff1f;--text-main:#f0f4ff;--text-body:#cbd5e1;--text-muted:#64748b;--text:#f0f4ff;--muted:#64748b;--table-header-bg:#ffffff08;--table-row-alt:#ffffff05;--table-row-hover:#3b82f612;--chart-primary:#60a5fa;--chart-muted:#64748b;--chart-grid:#ffffff0d;--chart-text:#e2e8f0;--chart-tooltip-bg:#070f26fa;--chart-tooltip-border:#ffffff1a;--card-bg-for-dot:#070c18;--surface:#ffffff0a;--surface-raised:#ffffff0f;--surface-hover:#ffffff12;--border-strong:#ffffff24;--sidebar-bg:#060b16fa;--header-bg:#070c18eb;--modal-bg:#0a1224fa;--text-faint:#475569;--primary:#3b82f6;--primary-soft:#3b82f624;--primary-glow:#3b82f659;--success:#22c55e;--success-soft:#22c55e21;--warning:#f59e0b;--warning-soft:#f59e0b21;--danger:#ef4444;--danger-soft:#ef444421;--purple-soft:#7c3aed21;--shadow-card:0 4px 24px #00000073, 0 1px 0 #ffffff0d inset;--shadow-modal:0 28px 80px #000000b8, 0 1px 0 #ffffff0f inset;--radius-card:14px;--radius-sm:10px;color:#f0f4ff;background:#070c18}.input-dark{color:#0f172a;min-height:unset;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-dark::placeholder{color:#94a3b8}.input-dark:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.input-dark:disabled{opacity:.5;cursor:not-allowed}html.dark .input-dark{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1a}html.dark .input-dark::placeholder{color:#475569}html.dark .input-dark:focus{border-color:#3b82f6a6;box-shadow:0 0 0 3px #3b82f626}body.dark-mode,body.dark-mode #root,.dark-mode,.dark-mode.app-shell,.dark-mode.dashboard-shell,.dark-mode .app-shell,.dark-mode .dashboard-shell,.dark-mode .dashboard-main,.dark-mode .workspace,.dark-mode .member-dashboard-clean,.dark-mode .member-payments-page,.dark-mode .dashboard-page{color:#f1f5f9;background:#020817}@supports (padding:env(safe-area-inset-top)){body.dark-mode,.dark-mode{background:#020817}}.dashboard-shell.dark-mode:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}.dashboard-shell.dark-mode:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#3b82f617 0%,#0000 68%);border-radius:50%;width:560px;height:560px;animation:11s ease-in-out infinite dm-orb;position:fixed;top:-180px;left:-180px}@keyframes dm-orb{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.14)}}body.dark-mode .sidebar,body.dark-mode .sidebar.open,.dark-mode .sidebar,.dark-mode .sidebar.open,.dashboard-shell.dark-mode .dashboard-sidebar{-webkit-backdrop-filter:blur(20px);background:#020617f7;border-right-color:#ffffff12;box-shadow:4px 0 40px #02061799,inset 1px 0 #ffffff0a}body.dark-mode .sidebar .sidebar-top,body.dark-mode .sidebar .sidebar-heading,body.dark-mode .sidebar .user-panel,.dark-mode .sidebar .sidebar-top,.dark-mode .sidebar .sidebar-heading,.dark-mode .sidebar .user-panel,.dashboard-shell.dark-mode .sidebar-top,.dashboard-shell.dark-mode .user-panel,.dashboard-shell.dark-mode .dashboard-sidebar .user-panel{background:0 0;border-color:#ffffff12}.dashboard-shell.dark-mode .sidebar-brand,.dark-mode .sidebar .sidebar-brand{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:700}.dashboard-shell.dark-mode .sidebar-subtitle,.dark-mode .sidebar .sidebar-subtitle{color:#334155;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600}body.dark-mode .sidebar .nav-list button,.dark-mode .sidebar .nav-list button,.dashboard-shell.dark-mode .nav-list button,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button{color:#64748b;border-radius:var(--radius-sm);letter-spacing:.01em;font-size:13.5px;font-weight:500;transition:all .18s;position:relative}body.dark-mode .sidebar .nav-list button svg,.dark-mode .sidebar .nav-list button svg,.dashboard-shell.dark-mode .nav-list button svg{color:#475569;transition:color .18s}body.dark-mode .sidebar .nav-list button:hover,.dark-mode .sidebar .nav-list button:hover,.dashboard-shell.dark-mode .nav-list button:hover,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button:hover{color:#cbd5e1;background:#ffffff0d}body.dark-mode .sidebar .nav-list button.active,.dark-mode .sidebar .nav-list button.active,.dashboard-shell.dark-mode .nav-list button.active,.dashboard-shell.dark-mode .dashboard-sidebar .nav-list button.active{color:#bfdbfe;background:#3b82f624;box-shadow:inset 0 0 0 1px #3b82f624}.dashboard-shell.dark-mode .nav-list button.active:before{content:"";background:linear-gradient(#60a5fa,#3b82f6);border-radius:0 3px 3px 0;width:3px;height:56%;position:absolute;top:50%;left:-1px;transform:translateY(-50%);box-shadow:0 0 10px #3b82f699}.dashboard-shell.dark-mode .user-panel strong,.dark-mode .sidebar .user-panel strong{color:#e2e8f0;font-size:13px}.dashboard-shell.dark-mode .user-panel span,.dark-mode .sidebar .user-panel span{color:#475569;text-transform:capitalize;font-size:11.5px}body.dark-mode .sidebar .user-panel button,.dark-mode .sidebar .user-panel button,.dashboard-shell.dark-mode .user-panel button{color:#475569;background:#ffffff0a;border-color:#ffffff14;font-size:12px;transition:all .18s}body.dark-mode .sidebar .user-panel button:hover,.dark-mode .sidebar .user-panel button:hover,.dashboard-shell.dark-mode .user-panel button:hover{color:#fca5a5;background:#ef444414;border-color:#ef44444d}body.dark-mode .sidebar .sidebar-close,.dark-mode .sidebar .sidebar-close,.dashboard-shell.dark-mode .sidebar-close{color:#475569;background:0 0;border-color:#ffffff14;font-size:11px}body.dark-mode .mobile-dashboard-header,body.dark-mode .mobile-topbar,.dark-mode .mobile-dashboard-header,.dark-mode .dashboard-mobile-header,.dashboard-shell.dark-mode .mobile-dashboard-header{-webkit-backdrop-filter:blur(16px);background:#020817eb;border-bottom:1px solid #ffffff0f}body.dark-mode .mobile-greeting-block,.dark-mode .mobile-greeting-block{background:0 0}.dashboard-shell.dark-mode .workspace-header{-webkit-backdrop-filter:blur(20px);background:#020817d9;border-color:#ffffff0f;box-shadow:0 1px #ffffff0a,0 8px 32px #02061747}.dashboard-shell.dark-mode .dashboard-main,.dashboard-shell.dark-mode .app-shell,.dashboard-shell.dark-mode .mobile-dashboard-header{background:#020817}.dashboard-shell.dark-mode .stat-card,.dashboard-shell.dark-mode .metric-card{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card);background:#ffffff0a;border-color:#ffffff14;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.dashboard-shell.dark-mode .stat-card,.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .settings-profile-card{background:#ffffff0a}.dashboard-shell.dark-mode .stat-card.paid{border-color:#22c55e2e}.dashboard-shell.dark-mode .stat-card.paid .stat-icon-box{color:#4ade80;background:#22c55e21;border-color:#22c55e33}.dashboard-shell.dark-mode .stat-card.outstanding{border-color:#ef44442e}.dashboard-shell.dark-mode .stat-card.outstanding .stat-icon-box{color:#f87171;background:#ef44441f;border-color:#ef444433}.dashboard-shell.dark-mode .stat-card.partial{border-color:#f59e0b2e}.dashboard-shell.dark-mode .stat-card.collected{border-color:#3b82f62e}.dashboard-shell.dark-mode .stat-card.collected .stat-icon-box{color:#60a5fa;background:#3b82f624;border-color:#3b82f633}.dashboard-shell.dark-mode .stat-card.neutral .stat-icon-box{color:#94a3b8;background:#94a3b81a;border-color:#94a3b826}.dashboard-shell.dark-mode .stat-icon-box,.dashboard-shell.dark-mode .preview-icon{border-radius:var(--radius-sm);color:#60a5fa;background:#3b82f621;border:1px solid #ffffff1a}.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .panel,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .reminder-summary-card,.dashboard-shell.dark-mode .reminder-controls-card,.dashboard-shell.dark-mode .unpaid-members-card,.dashboard-shell.dark-mode .member-reminder-card,.dashboard-shell.dark-mode .reminder-history-card,.dashboard-shell.dark-mode .reminder-activity-card,.dashboard-shell.dark-mode .reminder-logs-panel,.dashboard-shell.dark-mode .smart-reminder-filters,.dashboard-shell.dark-mode .smart-reminder-results,.dashboard-shell.dark-mode .smart-reminder-card,.dashboard-shell.dark-mode .settings-profile-card,.dashboard-shell.dark-mode .event-card,.dashboard-shell.dark-mode .member-row,.dashboard-shell.dark-mode .selected-member-card,.dashboard-shell.dark-mode .report-paper,.dashboard-shell.dark-mode .report-summary-card,.dashboard-shell.dark-mode .payment-summary-card,.dashboard-shell.dark-mode .payment-summary-breakdown div,.dashboard-shell.dark-mode .quick-action-card,.dashboard-shell.dark-mode .empty-state,.dashboard-shell.dark-mode .member-payment-card,.dashboard-shell.dark-mode .payment-history-toggle-card{box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .content-card-header,.dashboard-shell.dark-mode .chart-card .panel-header,.dashboard-shell.dark-mode .settings-card-header,.dashboard-shell.dark-mode .payment-history-toggle-header,.dashboard-shell.dark-mode .notification-menu-header,.dashboard-shell.dark-mode .profile-dropdown-divider,.dashboard-shell.dark-mode .settings-option,.dashboard-shell.dark-mode .profile-dropdown-item,.dashboard-shell.dark-mode .notification-item{border-color:#ffffff12}.dashboard-shell.dark-mode .quick-action-card.qa-green{border-color:#22c55e2e}.dashboard-shell.dark-mode .quick-action-card.qa-green svg{color:#4ade80}.dashboard-shell.dark-mode .quick-action-card.qa-blue{border-color:#3b82f633}.dashboard-shell.dark-mode .quick-action-card.qa-blue svg{color:#60a5fa}.dashboard-shell.dark-mode .quick-action-card.qa-purple{border-color:#a78bfa33}.dashboard-shell.dark-mode .quick-action-card.qa-purple svg{color:#a78bfa}.dashboard-shell.dark-mode .quick-action-card.qa-orange{border-color:#fb923c33}.dashboard-shell.dark-mode .quick-action-card.qa-orange svg{color:#fb923c}.dashboard-shell.dark-mode .quick-action-card:hover{background:#3b82f614;border-color:#3b82f638;transition:all .2s;transform:translateY(-2px);box-shadow:0 8px 32px #02061780,inset 0 0 0 1px #3b82f626}.dashboard-shell.dark-mode .payment-status-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .payment-status-card.paid{border-color:#22c55e33}.dashboard-shell.dark-mode .payment-status-card.unpaid{border-color:#ef444433}.dashboard-shell.dark-mode .payment-status-card.partial{border-color:#f59e0b33}.dashboard-shell.dark-mode .table-wrap,.dashboard-shell.dark-mode .report-table-wrap,.dashboard-shell.dark-mode .member-payment-card .table-wrap,.dashboard-shell.dark-mode .payment-history-content{background:#ffffff05;border-color:#ffffff12;border-radius:12px;overflow:hidden}.dashboard-shell.dark-mode thead,.dashboard-shell.dark-mode .monthly-report-table th,.dashboard-shell.dark-mode .monthly-report-table tfoot th{background:#ffffff08}.dashboard-shell.dark-mode td,.dashboard-shell.dark-mode th{border-bottom-color:#ffffff0f}.dashboard-shell.dark-mode th{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode table,.dashboard-shell.dark-mode tbody,.dashboard-shell.dark-mode tr,.dashboard-shell.dark-mode td{background:0 0}.dashboard-shell.dark-mode tbody tr:nth-child(2n) td{background:#ffffff05}.dashboard-shell.dark-mode tr:hover td,.dashboard-shell.dark-mode .monthly-report-table tbody tr:nth-child(2n) td{background:#3b82f60f}.dashboard-shell.dark-mode td[colspan]{color:#64748b;text-align:center;background:0 0;padding:24px;font-size:14px}.dashboard-shell.dark-mode .notification-menu,.dashboard-shell.dark-mode .profile-dropdown,.dashboard-shell.dark-mode .working-month-popover,.dashboard-shell.dark-mode .modal-card,.dashboard-shell.dark-mode .modal-panel{box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(24px);color:#f1f5f9;background:#070f26f7;border-color:#ffffff1a}.dashboard-shell.dark-mode .modal-overlay,.dashboard-shell.dark-mode .modal-backdrop{-webkit-backdrop-filter:blur(6px);background:#020617d1}.dashboard-shell.dark-mode .notification-item,.dashboard-shell.dark-mode .profile-dropdown-item{color:#e2e8f0;background:0 0;transition:background .15s}.dashboard-shell.dark-mode .notification-item.unread,.dashboard-shell.dark-mode .notification-item:hover,.dashboard-shell.dark-mode .profile-dropdown-item:hover{color:#bfdbfe;background:#3b82f61a}.dashboard-shell.dark-mode input,.dashboard-shell.dark-mode select,.dashboard-shell.dark-mode textarea,.dashboard-shell.dark-mode .settings-select,.dashboard-shell.dark-mode .secondary-button,.dashboard-shell.dark-mode .mobile-icon-button,.dashboard-shell.dark-mode .notification-bell,.dashboard-shell.dark-mode .working-month-pill,.dashboard-shell.dark-mode .user-pill,.dashboard-shell.dark-mode .sidebar-close,.dashboard-shell.dark-mode .month-control button,.dashboard-shell.dark-mode .user-panel button{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1a;transition:border-color .18s,box-shadow .18s}.dashboard-shell.dark-mode input:focus,.dashboard-shell.dark-mode select:focus,.dashboard-shell.dark-mode textarea:focus,.dashboard-shell.dark-mode .settings-select:focus{border-color:#3b82f699;outline:none;box-shadow:0 0 0 3px #3b82f626}.dashboard-shell.dark-mode .create-event-field input,.dashboard-shell.dark-mode .create-event-field select,.dashboard-shell.dark-mode .create-event-field textarea{background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .secondary-button:hover,.dashboard-shell.dark-mode .mobile-icon-button:hover,.dashboard-shell.dark-mode .notification-bell:hover,.dashboard-shell.dark-mode .user-pill:hover{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa66}.dashboard-shell.dark-mode .status.paid,.dashboard-shell.dark-mode .status.active{color:#86efac;letter-spacing:.04em;background:#22c55e21;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode .status.pending,.dashboard-shell.dark-mode .status.unpaid{color:#93c5fd;letter-spacing:.04em;background:#3b82f624;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode .status.partial{color:#fcd34d;letter-spacing:.04em;background:#f59e0b24;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode .status.late,.dashboard-shell.dark-mode .status.cancelled,.dashboard-shell.dark-mode .status.failed{color:#fca5a5;letter-spacing:.04em;background:#ef444421;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode .status.closed,.dashboard-shell.dark-mode .status.archived{color:#94a3b8;background:#94a3b81f;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.dashboard-shell.dark-mode .payment-status-badge.paid{color:#bbf7d0;background:#22c55e24;border-color:#4ade8040}.dashboard-shell.dark-mode .payment-status-badge.partial{color:#fed7aa;background:#f59e0b21;border-color:#fb923c40}.dashboard-shell.dark-mode .payment-status-badge.unpaid{color:#fecaca;background:#ef444421;border-color:#f8717140}.dashboard-shell.dark-mode h1,.dashboard-shell.dark-mode h2,.dashboard-shell.dark-mode h3,.dashboard-shell.dark-mode .dashboard-title,.dashboard-shell.dark-mode .workspace-title h2,.dashboard-shell.dark-mode .settings-card-header h2,.dashboard-shell.dark-mode .content-card-header h2,.dashboard-shell.dark-mode .panel-header h2,.dashboard-shell.dark-mode .chart-card h2,.dashboard-shell.dark-mode .stat-card strong,.dashboard-shell.dark-mode .metric-card strong,.dashboard-shell.dark-mode .preview-row strong,.dashboard-shell.dark-mode .preview-row b,.dashboard-shell.dark-mode .settings-option strong,.dashboard-shell.dark-mode .member-title-row strong,.dashboard-shell.dark-mode .user-panel strong,.dashboard-shell.dark-mode .profile-dropdown-name{color:#f1f5f9}.dashboard-shell.dark-mode p,.dashboard-shell.dark-mode .muted,.dashboard-shell.dark-mode .dashboard-subtitle,.dashboard-shell.dark-mode .sidebar-subtitle,.dashboard-shell.dark-mode .settings-card-header p,.dashboard-shell.dark-mode .settings-option span,.dashboard-shell.dark-mode .field span,.dashboard-shell.dark-mode .user-panel span,.dashboard-shell.dark-mode .profile-dropdown-header p,.dashboard-shell.dark-mode .profile-dropdown-header small,.dashboard-shell.dark-mode .notification-item p,.dashboard-shell.dark-mode .notification-item small,.dashboard-shell.dark-mode td{color:#94a3b8}.dashboard-shell.dark-mode .stat-card>span:not(.stat-icon-box),.dashboard-shell.dark-mode .metric-card span,.dashboard-shell.dark-mode .payment-summary-breakdown span,.dashboard-shell.dark-mode .summary-strip span,.dashboard-shell.dark-mode .settings-profile-card p,.dashboard-shell.dark-mode .settings-profile-card span,.dashboard-shell.dark-mode .family-settings-card ul{color:#64748b}.dashboard-shell.dark-mode .eyebrow,.dashboard-shell.dark-mode .settings-section-title{color:#3b82f6;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.dashboard-shell.dark-mode .working-month-current strong,.dashboard-shell.dark-mode .working-month-popover-header strong{color:#f1f5f9}.dashboard-shell.dark-mode .working-month-current span{color:#64748b}.dashboard-shell.dark-mode .working-month-pill>svg:first-child{color:#60a5fa}.dashboard-shell.dark-mode .working-month-popover-header{border-bottom-color:#ffffff12}.dashboard-shell.dark-mode .working-month-year-button,.dashboard-shell.dark-mode .working-month-option{color:#cbd5e1;background:0 0;border-color:#ffffff14;transition:all .15s}.dashboard-shell.dark-mode .working-month-year-button:hover,.dashboard-shell.dark-mode .working-month-option:hover{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa59}.dashboard-shell.dark-mode .working-month-option.selected{color:#fff;background:#2563eb;border-color:#60a5faa6;box-shadow:0 0 12px #2563eb66}.dashboard-shell.dark-mode .working-month-pill:hover,.dashboard-shell.dark-mode .working-month-pill:focus{background:#3b82f61f;border-color:#60a5fa66}.dashboard-shell.dark-mode .dashboard-filters,.dashboard-shell.dark-mode .audit-filters,.dashboard-shell.dark-mode .payment-filters{border-radius:14px;background:#ffffff08!important;border:1px solid #ffffff12!important}.dashboard-shell.dark-mode .filter-section-header{border-bottom-color:#ffffff12}.dashboard-shell.dark-mode .filter-section-title{color:#64748b}.dashboard-shell.dark-mode .filter-reset-btn{color:#93c5fd;background:#3b82f61f}.dashboard-shell.dark-mode .filter-reset-btn:hover{color:#bfdbfe;background:#3b82f638}.dashboard-shell.dark-mode .filter-result-count{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff14}.dashboard-shell.dark-mode .filter-result-count strong{color:#f1f5f9}.dashboard-shell.dark-mode .reminders-page{background:0 0}.dashboard-shell.dark-mode .reminder-summary-card.neutral .reminder-summary-icon,.dashboard-shell.dark-mode .reminder-table th,.dashboard-shell.dark-mode .reminder-history-table th,.dashboard-shell.dark-mode .reminder-logs-table th,.dashboard-shell.dark-mode .reminder-amount-grid span,.dashboard-shell.dark-mode .reminder-activity-stat,.dashboard-shell.dark-mode .reminder-message-preview{color:#94a3b8;background:#ffffff0a}.dashboard-shell.dark-mode .bulk-reminder-bar{background:#3b82f614;border-color:#60a5fa2e}.dashboard-shell.dark-mode .smart-reminder-card:hover{border-left-color:#60a5fa;box-shadow:0 4px 20px #02061766}.dashboard-shell.dark-mode .rc-avatar{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f626}.dashboard-shell.dark-mode .rc-name{color:#e2e8f0}.dashboard-shell.dark-mode .rc-contact,.dashboard-shell.dark-mode .rc-finance-detail{color:#475569}.dashboard-shell.dark-mode .rc-finance-detail strong{color:#94a3b8}.dashboard-shell.dark-mode .rc-preview-btn{color:#475569}.dashboard-shell.dark-mode .rc-preview-btn:hover{color:#93c5fd;background:#3b82f61a}.dashboard-shell.dark-mode .reminder-type-badge.special-event{color:#c4b5fd;background:#7c3aed21;border-color:#a78bfa38}.dashboard-shell.dark-mode .reminder-summary-card strong,.dashboard-shell.dark-mode .reminder-card-head strong,.dashboard-shell.dark-mode .reminder-amount-grid strong,.dashboard-shell.dark-mode .reminder-table strong,.dashboard-shell.dark-mode .smart-reminder-main strong{color:#f1f5f9}.dashboard-shell.dark-mode .reminder-summary-card span:not(.reminder-summary-icon){color:#64748b}.dashboard-shell.dark-mode .special-events-page{background:0 0}.dashboard-shell.dark-mode .special-events-page .panel,.dashboard-shell.dark-mode .create-event-card,.dashboard-shell.dark-mode .special-events-page .event-card{box-shadow:var(--shadow-card);background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .create-event-header p,.dashboard-shell.dark-mode .event-card-subtitle,.dashboard-shell.dark-mode .event-card-description{color:#64748b}.dashboard-shell.dark-mode .create-event-field span{color:#94a3b8}.dashboard-shell.dark-mode .event-card-title,.dashboard-shell.dark-mode .event-chip strong{color:#f1f5f9}.dashboard-shell.dark-mode .event-action-secondary{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff17;transition:all .18s}.dashboard-shell.dark-mode .event-action-danger{color:#fca5a5;background:#ef444414;border-color:#f871714d}.dashboard-shell.dark-mode .event-action-danger:hover{background:#ef444424}.dashboard-shell.dark-mode .archived-event-card{background:#ffffff05}.dashboard-shell.dark-mode .event-history-note{border-left-color:#ffffff26}.dashboard-shell.dark-mode .account-settings-title,.dashboard-shell.dark-mode .account-action-title{color:#f1f5f9}.dashboard-shell.dark-mode .account-settings-subtitle,.dashboard-shell.dark-mode .account-action-subtitle{color:#64748b}.dashboard-shell.dark-mode .account-action-row{background:#ffffff08;border-color:#ffffff12;transition:all .18s}.dashboard-shell.dark-mode .account-action-row:hover{background:#3b82f617;border-color:#3b82f633;box-shadow:0 8px 24px #0206174d}.dashboard-shell.dark-mode .account-action-icon{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f626}.dashboard-shell.dark-mode .settings-toggle.on{box-shadow:none;background:#3b82f6;border-color:#3b82f699}.dashboard-shell.dark-mode .recharts-cartesian-grid line{stroke:#ffffff0d}.dashboard-shell.dark-mode .recharts-text,.dashboard-shell.dark-mode .recharts-legend-item-text{fill:#64748b;color:#64748b}.dashboard-shell.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{color:#f1f5f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;background:#070f26f2!important;border-color:#ffffff1a!important}.dashboard-shell.dark-mode .chart-empty,.dashboard-shell.dark-mode .loading-state,.dashboard-shell.dark-mode .notice,.dashboard-shell.dark-mode .toast{color:#94a3b8;background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .summary-strip span,.dashboard-shell.dark-mode .event-card .summary-strip span,.dashboard-shell.dark-mode .payment-summary-card .summary-strip span{color:#94a3b8;background:#3b82f612;border-color:#60a5fa21}.dashboard-shell.dark-mode .summary-strip span strong,.dashboard-shell.dark-mode .payment-summary-breakdown strong,.dashboard-shell.dark-mode .report-summary-card strong{color:#f1f5f9}.dashboard-shell.dark-mode .payment-summary-breakdown div,.dashboard-shell.dark-mode .report-summary-card{background:#3b82f60f;border-color:#60a5fa1a}.dashboard-shell.dark-mode .payments-page-header h2{color:#f1f5f9}.dashboard-shell.dark-mode .payments-page-header p{color:#64748b}.dashboard-shell.dark-mode .monthly-contribution-header{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .monthly-contribution-header span:first-child{color:#64748b}.dashboard-shell.dark-mode .monthly-contribution-header strong{color:#f1f5f9}.dashboard-shell.dark-mode .payment-meta-chip.paid,.dashboard-shell.dark-mode .payment-meta-chip.collected,.dashboard-shell.dark-mode .payment-meta-chip.balance{color:#bbf7d0;background:#22c55e1f;border-color:#4ade8038}.dashboard-shell.dark-mode .payment-meta-chip.outstanding{color:#fed7aa;background:#f973161f;border-color:#fb923c40}.dashboard-shell.dark-mode .payment-history-toggle-button{color:#bfdbfe;background:#3b82f614;border-color:#60a5fa38}.dashboard-shell.dark-mode .payment-history-toggle-button:hover{background:#3b82f626;border-color:#60a5fa6b;box-shadow:0 8px 24px #0206174d}.dashboard-shell.dark-mode .payment-history-toggle-text h2{color:#f1f5f9}.dashboard-shell.dark-mode .payment-history-toggle-text p{color:#64748b}.dashboard-shell.dark-mode .payment-status-title{color:#f1f5f9}.dashboard-shell.dark-mode .payment-status-subtitle{color:#64748b}.dashboard-shell.dark-mode .event-card,.dashboard-shell.dark-mode .member-payment-card,.dashboard-shell.dark-mode .payment-history-toggle-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .member-profile-row{border-bottom-color:#ffffff0f}.dashboard-shell.dark-mode .member-profile-label{color:#64748b}.dashboard-shell.dark-mode .member-profile-value{color:#e2e8f0}.page-transition-shell{animation:none!important}.dashboard-shell.dark-mode .skeleton-card{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff12 37%,#ffffff0a 63%) 0 0/400% 100%;animation:1.6s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}.dashboard-shell.dark-mode .preview-row{transition:background .15s}.dashboard-shell.dark-mode .preview-row:hover{background:#ffffff08;border-radius:10px}@media (width<=767px){.dashboard-shell.dark-mode .dashboard-page,.dashboard-shell.dark-mode .member-dashboard-clean,.dashboard-shell.dark-mode .reminders-page,.dashboard-shell.dark-mode .special-events-page{padding:12px;overflow-x:hidden}.dashboard-shell.dark-mode .table-wrap{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.dashboard-shell.dark-mode .metric-grid{gap:10px}.dashboard-shell.dark-mode .dashboard-chart-grid{grid-template-columns:1fr}}.dashboard-shell.dark-mode thead,.dashboard-shell.dark-mode th,.dashboard-shell.dark-mode .monthly-report-table th,.dashboard-shell.dark-mode .monthly-report-table tfoot th{color:#475569;background:#ffffff08;border-bottom-color:#ffffff12}.dashboard-shell.dark-mode .audit-filters{background:#ffffff08}.dashboard-shell.dark-mode .notice-bar,.dashboard-shell.dark-mode .error-bar{border-radius:12px;font-size:13.5px;font-weight:500}.dashboard-shell.dark-mode .notice-bar{color:#86efac;background:#22c55e1a;border:1px solid #22c55e38}.dashboard-shell.dark-mode .error-bar{color:#fca5a5;background:#ef44441a;border:1px solid #ef444438}.dashboard-shell.dark-mode .mobile-icon-button,body.dark-mode .mobile-icon-button{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 4px 12px #02061766}.dashboard-shell.dark-mode .mobile-icon-button:hover,body.dark-mode .mobile-icon-button:hover{color:#bfdbfe;background:#3b82f624;border-color:#60a5fa59}.dashboard-shell.dark-mode .notification-bell strong,body.dark-mode .notification-bell strong{border-color:#020817}.dashboard-shell.dark-mode select,.dashboard-shell.dark-mode .settings-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}.sidebar .sidebar-brand{letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.2}.sidebar .sidebar-subtitle{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-top:1px;font-size:10.5px;font-weight:600}.nav-list button{align-items:center;gap:10px;display:flex}.dashboard-shell.dark-mode .workspace-header h2,.dashboard-shell.dark-mode .workspace-header .dashboard-title{color:#f1f5f9;letter-spacing:-.02em;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}.dashboard-shell.dark-mode .workspace-controls button:not(.primary-button):not(.danger-button){color:#94a3b8;background:#ffffff0d;border-color:#ffffff17;transition:all .18s}.dashboard-shell.dark-mode .workspace-controls button:not(.primary-button):not(.danger-button):hover{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa4d}.dashboard-shell.dark-mode .empty-state{text-align:center;border-radius:16px;padding:2.5rem 1.5rem}.dashboard-shell.dark-mode .empty-state svg,.dashboard-shell.dark-mode .empty-state .empty-icon{color:#334155;opacity:.7}.dashboard-shell.dark-mode .empty-state h3,.dashboard-shell.dark-mode .empty-state strong{margin-bottom:4px;font-size:15px;color:#e2e8f0!important}.dashboard-shell.dark-mode .empty-state p{max-width:280px;margin:0 auto;font-size:13.5px;line-height:1.6;color:#475569!important}.dashboard-shell.dark-mode .loading-state,.dashboard-shell.dark-mode .loading-spinner-wrap{color:#475569;font-size:14px}body.dark-mode .auth-shell,body.dark-mode .auth-loading{color:#64748b;background:#020817}.dashboard-shell.dark-mode .confirm-dialog,.dashboard-shell.dark-mode .modal-card{-webkit-backdrop-filter:blur(24px);background:#070f26fa;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 32px 80px #020617bf,inset 0 1px #ffffff0f}.dashboard-shell.dark-mode .confirm-dialog h2,.dashboard-shell.dark-mode .confirm-dialog strong{color:#f1f5f9}.dashboard-shell.dark-mode .profile-dropdown{border-radius:14px}.dashboard-shell.dark-mode .profile-dropdown-header{background:#ffffff08;border-bottom:1px solid #ffffff12}.dashboard-shell.dark-mode .profile-dropdown-name{color:#f1f5f9;font-weight:600}.dashboard-shell.dark-mode .profile-dropdown-item{border-radius:8px;margin:2px 6px}.dashboard-shell.dark-mode .profile-dropdown-item.danger:hover{color:#f87171;background:#ef44441f}.dashboard-shell.dark-mode .member-avatar{border:2px solid #3b82f640}.dashboard-shell.dark-mode .selected-member-card{border-radius:var(--radius-card)}.dashboard-shell.dark-mode .member-row{border-bottom:1px solid #ffffff0d;transition:background .15s}.dashboard-shell.dark-mode .member-row:hover{background:#3b82f612;border-radius:10px}.dashboard-shell.dark-mode .report-paper{border-radius:var(--radius-card)}.dashboard-shell.dark-mode .report-title{color:#f1f5f9}.dashboard-shell.dark-mode .report-subtitle{color:#475569}.dashboard-shell.dark-mode .report-section-title{color:#e2e8f0}.dashboard-shell.dark-mode .audit-log-row{background:0 0;border-bottom:1px solid #ffffff0d;transition:background .15s}.dashboard-shell.dark-mode .audit-log-row:hover{background:#ffffff06}.dashboard-shell.dark-mode .audit-action{color:#cbd5e1}.dashboard-shell.dark-mode .audit-time{color:#475569}.dashboard-shell.dark-mode .audit-meta{color:#64748b}.dashboard-shell.dark-mode .backup-page h2{color:#f1f5f9}.dashboard-shell.dark-mode .backup-page p{color:#64748b}.dashboard-shell.dark-mode .backup-zone{background:#ffffff08;border:2px dashed #ffffff1a;border-radius:14px;transition:all .2s}.dashboard-shell.dark-mode .backup-zone:hover{background:#3b82f60f;border-color:#60a5fa4d}@media (width<=767px){.dashboard-shell.dark-mode .workspace{padding:10px}.dashboard-shell.dark-mode .sidebar.open{-webkit-backdrop-filter:blur(24px);background:#020617fa}.dashboard-shell.dark-mode .mobile-greeting-header h2{color:#f1f5f9;font-weight:800}.dashboard-shell.dark-mode table{font-size:13px}.dashboard-shell.dark-mode th,.dashboard-shell.dark-mode td{padding:8px 10px}}.dashboard-shell.dark-mode ::-webkit-scrollbar{width:6px;height:6px}.dashboard-shell.dark-mode ::-webkit-scrollbar-track{background:0 0}.dashboard-shell.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.dashboard-shell.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.dashboard-shell.dark-mode :focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #60a5fab3}@media (width>=1025px){.dashboard-shell.dark-mode .sidebar{background:#020617f7;border-right:1px solid #ffffff0f;box-shadow:4px 0 40px #02061799}}.dashboard-shell.dark-mode input:-webkit-autofill{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.dashboard-shell.dark-mode input:-webkit-autofill:hover{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.dashboard-shell.dark-mode input:-webkit-autofill:focus{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.input-dark:-webkit-autofill{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.input-dark:-webkit-autofill:hover{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.input-dark:-webkit-autofill:focus{caret-color:#f1f5f9;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f1f5f9!important;border-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 100px #0f172af2!important}.dashboard-shell.dark-mode .mobile-topbar,.dashboard-shell.dark-mode .mobile-dashboard-header,.dashboard-shell.dark-mode .workspace-header,.dashboard-shell.dark-mode .dashboard-header{z-index:5000;isolation:isolate;overflow:visible}.dashboard-shell.dark-mode .topbar-actions,.dashboard-shell.dark-mode .mobile-topbar-actions,.dashboard-shell.dark-mode .workspace-controls,.dashboard-shell.dark-mode .notification-wrap,.dashboard-shell.dark-mode .profile-menu-wrapper,.dashboard-shell.dark-mode .working-month-control{z-index:5100;position:relative;overflow:visible}.dashboard-shell.dark-mode :where(.notification-menu,.profile-dropdown,.working-month-popover,.date-picker-popover,.period-picker-popover,.cs-menu,.pmt-action-menu){z-index:9999}.dashboard-shell.dark-mode .page-transition-shell{z-index:1;position:relative}.dashboard-shell.dark-mode .member-add-form{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .field--error input,.dashboard-shell.dark-mode .field--error select,.dashboard-shell.dark-mode .field--error textarea{background:#ef44441a;border-color:#ef444480}.dashboard-shell.dark-mode .password-input-wrap button:hover{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa59}.dashboard-shell.dark-mode .settings-form-section p{color:#64748b}.dashboard-shell.dark-mode .login-panel{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode select option{color:#f1f5f9;background:#0f172a}.dashboard-shell.dark-mode .confirm-dialog small,.dashboard-shell.dark-mode .confirm-dialog span{color:#64748b}.dashboard-shell.dark-mode .reminder-provider-badge{color:#86efac;background:#22c55e1f;border-color:#22c55e40}.dashboard-shell.dark-mode .profile-pill{background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .profile-pill:hover{background:#3b82f61f;border-color:#60a5fa66}.dashboard-shell.dark-mode .mem-card-title{color:#f1f5f9}.dashboard-shell.dark-mode .mem-field label{color:#94a3b8}.dashboard-shell.dark-mode .mem-field--error input,.dashboard-shell.dark-mode .mem-field--error select{background:#ef44441a;border-color:#ef444480}.dashboard-shell.dark-mode .mem-select{color:#f1f5f9;background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .mem-btn-secondary{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .mem-btn-secondary:hover:not(:disabled){color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa4d}.dashboard-shell.dark-mode .mem-btn-danger{color:#fca5a5;background:#ef444414;border-color:#ef444440}.dashboard-shell.dark-mode .mem-btn-danger:hover:not(:disabled){background:#ef444424;border-color:#ef444461}.dashboard-shell.dark-mode .mem-list-row{border-bottom-color:#ffffff0f}.dashboard-shell.dark-mode .mem-member-info strong{color:#e2e8f0}.dashboard-shell.dark-mode .mem-member-info span{color:#64748b}.dashboard-shell.dark-mode .mem-info-rows{color:#94a3b8;border-top-color:#ffffff0f}.dashboard-shell.dark-mode .mem-muted{color:#64748b}.dashboard-shell.dark-mode .mem-italic,.dashboard-shell.dark-mode .mem-empty{color:#475569}.dashboard-shell.dark-mode .mem-notice--error{color:#fca5a5;background:#ef44441a;border-color:#ef444440}.dashboard-shell.dark-mode .mem-warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b38}.dashboard-shell.dark-mode .mem-strength-seg{background:#ffffff1a}.dashboard-shell.dark-mode .pmt-form-card,.dashboard-shell.dark-mode .pmt-records-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .pmt-input-group{background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .pmt-input-group:hover:not(:focus-within){border-color:#60a5fa59}.dashboard-shell.dark-mode .mem-list-filters{background:#ffffff08;border-color:#ffffff12}:root{--p-bg:#f4f6f9;--p-surface:#fff;--p-surface-2:#f8fafc;--p-surface-3:#f1f5f9;--p-border:#e2e8f0;--p-border-strong:#cbd5e1;--p-text-1:#0f172a;--p-text-2:#475569;--p-text-3:#94a3b8;--p-placeholder:#b0bec9;--p-blue:#2563eb;--p-blue-hover:#1d4ed8;--p-blue-active:#1e40af;--p-blue-soft:#eff6ff;--p-blue-text:#1d4ed8;--p-green:#16a34a;--p-green-soft:#f0fdf4;--p-amber:#d97706;--p-amber-soft:#fffbeb;--p-red:#dc2626;--p-red-soft:#fef2f2;--p-purple:#7c3aed;--p-purple-soft:#f5f3ff;--p-r-xs:6px;--p-r-sm:8px;--p-r-md:10px;--p-r-lg:14px;--p-r-xl:18px;--p-r-2xl:22px;--p-shadow-xs:0 1px 2px #0f172a0a;--p-shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--p-shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--p-shadow-lg:0 12px 28px #0f172a1a, 0 4px 8px #0f172a0d;--p-shadow-xl:0 24px 56px #0f172a24, 0 8px 16px #0f172a0f;--p-ease:cubic-bezier(.22, 1, .36, 1);--p-t-fast:.13s;--p-t-med:.22s}html.dark,.dark-mode,.dashboard-shell.dark-mode{--p-bg:#070c18;--p-surface:#0e1525;--p-surface-2:#152035;--p-surface-3:#ffffff0f;--p-border:#ffffff14;--p-border-strong:#ffffff24;--p-text-1:#f0f4ff;--p-text-2:#94a3b8;--p-text-3:#64748b;--p-placeholder:#475569;--p-blue:#3b82f6;--p-blue-hover:#60a5fa;--p-blue-active:#93c5fd;--p-blue-soft:#3b82f624;--p-blue-text:#93c5fd;--p-green:#22c55e;--p-green-soft:#22c55e21;--p-amber:#f59e0b;--p-amber-soft:#f59e0b21;--p-red:#ef4444;--p-red-soft:#ef444421;--p-purple:#a78bfa;--p-purple-soft:#a78bfa24;--p-shadow-xs:0 1px 3px #00000059;--p-shadow-sm:0 2px 6px #0006;--p-shadow-md:0 6px 18px #00000080;--p-shadow-lg:0 16px 40px #0009;--p-shadow-xl:0 28px 72px #000000b3}.dashboard-shell{background:var(--p-bg);min-height:100vh}.dashboard-shell.dark-mode,.workspace,.dashboard-main{background:var(--p-bg)}.dashboard-shell h1{letter-spacing:-.025em;color:var(--p-text-1);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1.15}.dashboard-shell h2{letter-spacing:-.018em;color:var(--p-text-1);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700}.dashboard-shell h3{letter-spacing:-.01em;color:var(--p-text-1);font-size:1rem;font-weight:700}.dashboard-title{letter-spacing:-.022em!important;color:var(--p-text-1)!important;font-size:clamp(1.2rem,2.2vw,1.55rem)!important;font-weight:800!important}.dashboard-subtitle{color:var(--p-text-3);margin-top:2px;font-size:.875rem}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--p-blue);font-size:10.5px;font-weight:700}.muted{color:var(--p-text-3)}.dashboard-shell .sidebar,.dashboard-shell .sidebar.open{background:var(--p-surface);border-right:1px solid var(--p-border);box-shadow:none}.dashboard-shell.dark-mode .sidebar,.dashboard-shell.dark-mode .sidebar.open{-webkit-backdrop-filter:blur(20px);background:#060b16fa;border-right-color:#ffffff12}.dashboard-shell .sidebar-brand{letter-spacing:-.022em;color:var(--p-text-1);font-size:15px;font-weight:700}.dashboard-shell.dark-mode .sidebar-brand{color:#fff}.dashboard-shell .sidebar-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--p-text-3);margin-top:1px;font-size:10px;font-weight:600}.dashboard-shell .nav-list button{border-radius:var(--p-r-sm);min-height:38px;color:var(--p-text-2);cursor:pointer;transition:background var(--p-t-fast) ease, color var(--p-t-fast) ease;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;display:flex}.dashboard-shell .nav-list button:hover{background:var(--p-surface-3);color:var(--p-text-1)}.dashboard-shell .nav-list button.active{background:var(--p-blue-soft);color:var(--p-blue);border-left-color:var(--p-blue);font-weight:600}.dashboard-shell.dark-mode .nav-list button{color:#64748b}.dashboard-shell.dark-mode .nav-list button:hover{color:#cbd5e1;background:#ffffff0d}.dashboard-shell.dark-mode .nav-list button.active{color:#bfdbfe;background:#3b82f621;border-left-color:#3b82f6}.dashboard-shell.dark-mode .nav-list button svg{color:#475569}.dashboard-shell.dark-mode .nav-list button:hover svg{color:#94a3b8}.dashboard-shell.dark-mode .nav-list button.active svg{color:#60a5fa}.dashboard-shell .user-panel{background:var(--p-surface-2);border-top:1px solid var(--p-border);padding:14px 16px}.dashboard-shell.dark-mode .user-panel{background:0 0;border-top-color:#ffffff12}.dashboard-shell .user-panel strong{color:var(--p-text-1);font-size:13.5px}.dashboard-shell .user-panel span{color:var(--p-text-3);text-transform:capitalize;font-size:12px}.dashboard-shell .user-panel button{border:1px solid var(--p-border);border-radius:var(--p-r-sm);background:var(--p-surface);min-height:34px;color:var(--p-text-2);cursor:pointer;transition:all var(--p-t-fast) ease;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.dashboard-shell .user-panel button:hover{border-color:var(--p-red);background:var(--p-red-soft);color:var(--p-red)}.dashboard-shell.dark-mode .user-panel button{color:#64748b;background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .user-panel button:hover{color:#fca5a5;background:#ef444417;border-color:#ef444459}.dashboard-shell .sidebar-close{border:1px solid var(--p-border);border-radius:var(--p-r-sm);background:var(--p-surface);color:var(--p-text-2);cursor:pointer;transition:all var(--p-t-fast) ease;padding:6px 12px;font-size:12px;font-weight:600}.dashboard-shell.dark-mode .sidebar-close{color:#475569;background:0 0;border-color:#ffffff14}.dashboard-shell .workspace-header{border:none;border-bottom:1px solid var(--p-border);background:var(--p-surface);-webkit-backdrop-filter:blur(16px);min-height:60px;box-shadow:var(--p-shadow-xs);border-radius:0;align-items:center;margin-bottom:0;padding:0 20px;display:flex}.dashboard-shell.dark-mode .workspace-header{background:#070c18eb;border-bottom-color:#ffffff12;box-shadow:0 1px #ffffff0a}.dashboard-shell .mobile-topbar,.dashboard-shell .mobile-dashboard-header{border-bottom:1px solid var(--p-border);background:var(--p-surface);-webkit-backdrop-filter:blur(16px);min-height:60px;padding:0 16px}.dashboard-shell.dark-mode .mobile-topbar,.dashboard-shell.dark-mode .mobile-dashboard-header{background:#070c18f2;border-bottom-color:#ffffff12}.dashboard-shell .mobile-icon-button,.dashboard-shell .notification-bell{border:1px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);width:38px;height:38px;min-height:38px;color:var(--p-text-2);box-shadow:var(--p-shadow-xs);transition:all var(--p-t-fast) ease}.dashboard-shell .mobile-icon-button:hover,.dashboard-shell .notification-bell:hover{border-color:var(--p-blue);color:var(--p-blue);background:var(--p-blue-soft);box-shadow:var(--p-shadow-sm)}.dashboard-shell.dark-mode .mobile-icon-button,.dashboard-shell.dark-mode .notification-bell{color:#94a3b8;box-shadow:none;background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .mobile-icon-button:hover,.dashboard-shell.dark-mode .notification-bell:hover{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa66}.dashboard-shell .notification-bell strong{border:2px solid var(--p-surface);background:var(--p-red);color:#fff;border-radius:999px;min-width:17px;padding:1px 3px;font-size:9.5px;font-weight:800;top:-6px;right:-6px}.dashboard-shell.dark-mode .notification-bell strong{border-color:#070c18}.dashboard-shell .user-pill.profile-pill{border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text-1);cursor:pointer;transition:all var(--p-t-fast) ease;box-shadow:var(--p-shadow-xs);border-radius:999px;align-items:center;gap:9px;padding:4px 12px 4px 5px;font-size:13.5px;font-weight:600;display:flex}.dashboard-shell .user-pill.profile-pill:hover{border-color:var(--p-border-strong);box-shadow:var(--p-shadow-sm)}.dashboard-shell .user-pill.profile-pill>span:first-child{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4338ca 100%);border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid;overflow:hidden}.dashboard-shell .user-pill.profile-pill .avatar-image{object-fit:cover;border-radius:999px;width:100%;height:100%}.dashboard-shell.dark-mode .user-pill.profile-pill{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}.dashboard-shell.dark-mode .user-pill.profile-pill:hover{background:#ffffff14;border-color:#ffffff2e}.dashboard-shell .working-month-pill{border:1px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);width:38px;height:38px;min-height:38px;color:var(--p-blue);box-shadow:var(--p-shadow-xs);transition:all var(--p-t-fast) ease}.dashboard-shell .working-month-pill:hover{border-color:var(--p-blue);background:var(--p-blue-soft);box-shadow:var(--p-shadow-sm);transform:none}.dashboard-shell.dark-mode .working-month-pill{color:#60a5fa;background:#ffffff0f;border-color:#ffffff1a}.dashboard-shell.dark-mode .working-month-pill:hover{background:#3b82f61f;border-color:#60a5fa66}.dashboard-shell .content-card,.dashboard-shell .chart-card,.dashboard-shell .panel,.dashboard-shell .settings-card,.dashboard-shell .settings-profile-card,.dashboard-shell .reminder-controls-card,.dashboard-shell .unpaid-members-card,.dashboard-shell .reminder-history-card,.dashboard-shell .reminder-activity-card,.dashboard-shell .reminder-logs-panel,.dashboard-shell .smart-reminder-filters,.dashboard-shell .smart-reminder-results,.dashboard-shell .quick-actions-card,.dashboard-shell .member-add-form,.dashboard-shell .report-paper{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-sm)}.dashboard-shell.dark-mode .content-card,.dashboard-shell.dark-mode .chart-card,.dashboard-shell.dark-mode .panel,.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .settings-profile-card,.dashboard-shell.dark-mode .reminder-controls-card,.dashboard-shell.dark-mode .unpaid-members-card,.dashboard-shell.dark-mode .reminder-history-card,.dashboard-shell.dark-mode .reminder-activity-card,.dashboard-shell.dark-mode .reminder-logs-panel,.dashboard-shell.dark-mode .smart-reminder-filters,.dashboard-shell.dark-mode .smart-reminder-results,.dashboard-shell.dark-mode .quick-actions-card,.dashboard-shell.dark-mode .member-add-form,.dashboard-shell.dark-mode .report-paper{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border-color:#ffffff14;box-shadow:0 4px 24px #00000059}.dashboard-shell .content-card-header,.dashboard-shell .settings-card-header,.dashboard-shell .panel-header,.dashboard-shell .chart-card .panel-header{border-bottom:1px solid var(--p-border);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:18px 20px 14px;display:flex}.dashboard-shell.dark-mode .content-card-header,.dashboard-shell.dark-mode .settings-card-header,.dashboard-shell.dark-mode .panel-header,.dashboard-shell.dark-mode .chart-card .panel-header{border-bottom-color:#ffffff12}.dashboard-shell .content-card-header h2,.dashboard-shell .settings-card-header h2,.dashboard-shell .panel-header h2,.dashboard-shell .chart-card h2{letter-spacing:-.012em;color:var(--p-text-1);margin:0;font-size:14.5px;font-weight:700}.dashboard-shell .content-card-header p,.dashboard-shell .panel-header p,.dashboard-shell .chart-card .muted{color:var(--p-text-3);margin:2px 0 0;font-size:12.5px}.dashboard-shell .content-card>:not(.content-card-header):not(.preview-list),.dashboard-shell .chart-card>:not(.panel-header){padding:4px 0}.dashboard-shell .content-card .preview-list{padding:8px 4px}.dashboard-shell .content-card-header>button,.dashboard-shell .panel-header>button{color:var(--p-blue);cursor:pointer;border-radius:var(--p-r-xs);transition:background var(--p-t-fast) ease;white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-size:12.5px;font-weight:600}.dashboard-shell .content-card-header>button:hover,.dashboard-shell .panel-header>button:hover{background:var(--p-blue-soft)}.dashboard-shell.dark-mode .content-card-header>button,.dashboard-shell.dark-mode .panel-header>button{color:#60a5fa}.dashboard-shell.dark-mode .content-card-header>button:hover,.dashboard-shell.dark-mode .panel-header>button:hover{background:#3b82f61f}.dashboard-shell .stat-card.metric-card,.dashboard-shell .metric-card.stat-card{border-radius:var(--p-r-xl);background:var(--p-surface);border:1px solid var(--p-border);box-shadow:var(--p-shadow-sm);border-left:none;grid-template-rows:auto auto auto auto;align-content:start;gap:0;padding:20px 22px 18px;display:grid;position:relative;overflow:hidden}.dashboard-shell .stat-card.metric-card:before{content:"";background:var(--p-blue);border-radius:var(--p-r-xl) var(--p-r-xl) 0 0;opacity:0;height:3px;transition:opacity var(--p-t-med) ease;position:absolute;top:0;left:0;right:0}.dashboard-shell .stat-card.metric-card:hover:before{opacity:1}.dashboard-shell .stat-card.metric-card.paid:before,.dashboard-shell .stat-card.metric-card.collected:before{background:var(--p-green);opacity:1}.dashboard-shell .stat-card.metric-card.outstanding:before,.dashboard-shell .stat-card.metric-card.late:before{background:var(--p-red);opacity:1}.dashboard-shell .stat-card.metric-card.partial:before{background:var(--p-amber);opacity:1}.dashboard-shell .stat-card.metric-card.pending:before{background:var(--p-blue);opacity:1}.dashboard-shell .stat-icon-box{border-radius:var(--p-r-sm);background:var(--p-blue-soft);width:38px;height:38px;color:var(--p-blue);border:1px solid #0000;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.dashboard-shell .stat-card.paid .stat-icon-box,.dashboard-shell .stat-card.collected .stat-icon-box{background:var(--p-green-soft);color:var(--p-green)}.dashboard-shell .stat-card.outstanding .stat-icon-box,.dashboard-shell .stat-card.late .stat-icon-box{background:var(--p-red-soft);color:var(--p-red)}.dashboard-shell .stat-card.partial .stat-icon-box{background:var(--p-amber-soft);color:var(--p-amber)}.dashboard-shell .stat-card.metric-card strong{letter-spacing:-.03em;color:var(--p-text-1);margin-bottom:4px;font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:800;line-height:1.1;display:block}.dashboard-shell .stat-card.metric-card>span:not(.stat-icon-box){letter-spacing:.04em;text-transform:uppercase;color:var(--p-text-3);margin-bottom:3px;font-size:12px;font-weight:600}.dashboard-shell .stat-card.metric-card>p{color:var(--p-text-3);margin:4px 0 0;font-size:12px;line-height:1.45}.dashboard-shell.dark-mode .stat-card.metric-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 4px 24px #0006}.dashboard-shell.dark-mode .stat-card.metric-card strong{color:#f0f4ff}.dashboard-shell.dark-mode .stat-card.metric-card>span:not(.stat-icon-box),.dashboard-shell.dark-mode .stat-card.metric-card>p{color:#64748b}.dashboard-shell.dark-mode .stat-icon-box{color:#60a5fa;background:#3b82f621;border-color:#3b82f62e}.dashboard-shell.dark-mode .stat-card.paid .stat-icon-box,.dashboard-shell.dark-mode .stat-card.collected .stat-icon-box{color:#4ade80;background:#22c55e21;border-color:#22c55e33}.dashboard-shell.dark-mode .stat-card.outstanding .stat-icon-box,.dashboard-shell.dark-mode .stat-card.late .stat-icon-box{color:#f87171;background:#ef444421;border-color:#ef444433}.dashboard-shell.dark-mode .stat-card.partial .stat-icon-box{color:#fbbf24;background:#f59e0b21;border-color:#f59e0b33}.dashboard-shell .quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px 20px 20px;display:grid}.dashboard-shell .quick-action-card{border:1px solid var(--p-border);border-radius:var(--p-r-lg);background:var(--p-surface-2);color:var(--p-text-1);cursor:pointer;transition:all var(--p-t-med) var(--p-ease);text-align:left;box-shadow:var(--p-shadow-xs);flex-direction:column;align-items:flex-start;gap:10px;padding:16px;font-size:13px;font-weight:600;display:flex}.dashboard-shell .quick-action-card:hover{box-shadow:var(--p-shadow-md);border-color:var(--p-border-strong);transform:translateY(-2px)}.dashboard-shell .quick-action-card.qa-green{border-top:2px solid var(--p-green)}.dashboard-shell .quick-action-card.qa-blue{border-top:2px solid var(--p-blue)}.dashboard-shell .quick-action-card.qa-purple{border-top:2px solid var(--p-purple)}.dashboard-shell .quick-action-card.qa-orange{border-top:2px solid var(--p-amber)}.dashboard-shell .quick-action-card.qa-green svg{color:var(--p-green)}.dashboard-shell .quick-action-card.qa-blue svg{color:var(--p-blue)}.dashboard-shell .quick-action-card.qa-purple svg{color:var(--p-purple)}.dashboard-shell .quick-action-card.qa-orange svg{color:var(--p-amber)}.dashboard-shell.dark-mode .quick-action-card{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .quick-action-card:hover{background:#3b82f617;border-color:#3b82f638;box-shadow:0 8px 28px #00000080}.dashboard-shell .preview-list{padding:4px 0}.dashboard-shell .preview-row{border-radius:var(--p-r-md);transition:background var(--p-t-fast) ease;align-items:center;gap:12px;padding:11px 20px;display:flex}.dashboard-shell .preview-row:hover{background:var(--p-surface-3)}.dashboard-shell.dark-mode .preview-row:hover{background:#ffffff0a}.dashboard-shell .preview-icon{border-radius:var(--p-r-sm);background:var(--p-surface-3);width:34px;height:34px;color:var(--p-text-2);border:1px solid var(--p-border);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dashboard-shell.dark-mode .preview-icon{color:#64748b;background:#ffffff0f;border-color:#ffffff14}.dashboard-shell .preview-row strong{color:var(--p-text-1);margin-bottom:2px;font-size:13.5px;font-weight:600;display:block}.dashboard-shell .preview-row b{color:var(--p-text-1);white-space:nowrap;margin-left:auto;font-size:13.5px;font-weight:700}.dashboard-shell.dark-mode .preview-row strong{color:#e2e8f0}.dashboard-shell.dark-mode .preview-row b{color:#f0f4ff}.dashboard-shell .preview-meta{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.dashboard-shell .preview-type,.dashboard-shell .preview-time{color:var(--p-text-3);font-size:11.5px}.dashboard-shell .summary-strip{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.dashboard-shell .summary-strip span{border-radius:var(--p-r-xs);border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text-2);white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.dashboard-shell.dark-mode .summary-strip span{color:#94a3b8;background:#ffffff0a;border-color:#ffffff14}.dashboard-shell input,.dashboard-shell select,.dashboard-shell textarea{border:1.5px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);min-height:42px;color:var(--p-text-1);transition:border-color var(--p-t-fast) ease, box-shadow var(--p-t-fast) ease;outline:none;padding:9px 13px;font-size:14px;font-weight:400}.dashboard-shell input::placeholder,.dashboard-shell textarea::placeholder{color:var(--p-placeholder)}.dashboard-shell input:focus,.dashboard-shell select:focus,.dashboard-shell textarea:focus{border-color:var(--p-blue);box-shadow:0 0 0 3px #2563eb1f}.dashboard-shell.dark-mode input:focus,.dashboard-shell.dark-mode select:focus,.dashboard-shell.dark-mode textarea:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f626}.dashboard-shell.dark-mode input,.dashboard-shell.dark-mode select,.dashboard-shell.dark-mode textarea{color:#f0f4ff;background:#ffffff0f;border-color:#ffffff1f}.dashboard-shell.dark-mode input::placeholder,.dashboard-shell.dark-mode textarea::placeholder{color:#475569}.dashboard-shell .field{color:var(--p-text-1);gap:6px;font-size:13.5px;font-weight:500;display:grid}.dashboard-shell .field span{color:var(--p-text-2);letter-spacing:.01em;font-size:12.5px;font-weight:600}.dashboard-shell.dark-mode .field{color:#e2e8f0}.dashboard-shell.dark-mode .field span{color:#94a3b8}.dashboard-shell .field--error input,.dashboard-shell .field--error select,.dashboard-shell .field--error textarea{background:var(--p-red-soft);box-shadow:0 0 0 3px #dc262614;border-color:var(--p-red)!important}.dashboard-shell.dark-mode .field--error input,.dashboard-shell.dark-mode .field--error select,.dashboard-shell.dark-mode .field--error textarea{background:#ef44441a;box-shadow:0 0 0 3px #ef44441f;border-color:#ef444499!important}.dashboard-shell .field--valid input,.dashboard-shell .field--valid select,.dashboard-shell .field--valid textarea{background:var(--p-green-soft);border-color:var(--p-green)!important}.dashboard-shell.dark-mode .field--valid input,.dashboard-shell.dark-mode .field--valid select,.dashboard-shell.dark-mode .field--valid textarea{background:#22c55e1a;border-color:#22c55e8c!important}.dashboard-shell .field-error-msg{color:var(--p-red);margin-top:2px;font-size:12px;font-weight:600}.dashboard-shell .primary-button,.dashboard-shell .hamburger-button{border-radius:var(--p-r-md);background:var(--p-blue);color:#fff;letter-spacing:.01em;cursor:pointer;min-height:40px;transition:background var(--p-t-fast) ease, box-shadow var(--p-t-fast) ease, transform var(--p-t-fast) ease;border:none;padding:0 18px;font-size:13.5px;font-weight:600;box-shadow:0 1px 2px #2563eb40,0 0 0 1px #2563eb2e}.dashboard-shell .primary-button:hover{background:var(--p-blue-hover);box-shadow:0 4px 12px #2563eb52}.dashboard-shell .primary-button:active{transform:scale(.98)}.dashboard-shell .primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dashboard-shell .secondary-button{border:1.5px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);min-height:40px;color:var(--p-text-1);cursor:pointer;transition:all var(--p-t-fast) ease;box-shadow:var(--p-shadow-xs);padding:0 16px;font-size:13.5px;font-weight:600}.dashboard-shell .secondary-button:hover{border-color:var(--p-border-strong);background:var(--p-surface-2);box-shadow:var(--p-shadow-sm)}.dashboard-shell.dark-mode .secondary-button{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1f}.dashboard-shell.dark-mode .secondary-button:hover{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa61}.dashboard-shell .danger-button{border-radius:var(--p-r-md);background:var(--p-red-soft);min-height:40px;color:var(--p-red);cursor:pointer;transition:all var(--p-t-fast) ease;border:1.5px solid #dc26264d;padding:0 16px;font-size:13.5px;font-weight:600}.dashboard-shell .danger-button:hover{border-color:var(--p-red);background:#fee2e2}.dashboard-shell.dark-mode .danger-button{color:#fca5a5;background:#ef444417;border-color:#ef444447}.dashboard-shell.dark-mode .danger-button:hover{background:#ef444429;border-color:#ef444466}.dashboard-shell .icon-button{border:1.5px solid var(--p-border);border-radius:var(--p-r-sm);background:var(--p-surface);min-width:34px;min-height:34px;color:var(--p-text-2);cursor:pointer;transition:all var(--p-t-fast) ease}.dashboard-shell .icon-button:hover{border-color:var(--p-blue);color:var(--p-blue);background:var(--p-blue-soft)}.dashboard-shell.dark-mode .icon-button{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.dashboard-shell.dark-mode .icon-button:hover{color:#bfdbfe;background:#3b82f61f;border-color:#60a5fa59}.dashboard-shell .success-button{border-radius:var(--p-r-md);font-size:13.5px;font-weight:600}.dashboard-shell .table-wrap,.dashboard-shell .report-table-wrap{border:1px solid var(--p-border);border-radius:var(--p-r-lg);background:var(--p-surface);overflow-x:auto}.dashboard-shell.dark-mode .table-wrap,.dashboard-shell.dark-mode .report-table-wrap{background:#ffffff05;border-color:#ffffff14}.dashboard-shell table{border-collapse:collapse;width:100%;color:var(--p-text-1);font-size:13.5px}.dashboard-shell.dark-mode table{color:#e2e8f0}.dashboard-shell thead tr{border-bottom:1.5px solid var(--p-border)}.dashboard-shell.dark-mode thead tr{border-bottom-color:#ffffff14}.dashboard-shell th{background:var(--p-surface-2);color:var(--p-text-3);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;border-bottom:none;padding:11px 16px;font-size:11px;font-weight:700}.dashboard-shell.dark-mode th{color:#475569;background:#ffffff08}.dashboard-shell td{border-bottom:1px solid var(--p-border);color:var(--p-text-1);vertical-align:middle;white-space:nowrap;padding:12px 16px}.dashboard-shell td:last-child{border-bottom:0}.dashboard-shell.dark-mode td{color:#cbd5e1;border-bottom-color:#ffffff0f}.dashboard-shell tbody tr:hover td{background:var(--p-surface-3)}.dashboard-shell.dark-mode tbody tr:hover td{background:#3b82f60f}.dashboard-shell tfoot th{background:var(--p-surface-2);color:var(--p-text-1);border-top:1.5px solid var(--p-border);font-weight:700}.dashboard-shell.dark-mode tfoot th{color:#f0f4ff;background:#ffffff08;border-top-color:#ffffff1a}.dashboard-shell .modal-backdrop,.dashboard-shell .modal-overlay{-webkit-backdrop-filter:blur(8px);background:#0f172a80}.dashboard-shell.dark-mode .modal-backdrop,.dashboard-shell.dark-mode .modal-overlay{background:#020617cc}.dashboard-shell .modal-panel,.dashboard-shell .modal-card{border:1px solid var(--p-border);border-radius:var(--p-r-xl);background:var(--p-surface);box-shadow:var(--p-shadow-xl);padding:28px}.dashboard-shell.dark-mode .modal-panel,.dashboard-shell.dark-mode .modal-card{background:#0a1224fa;border-color:#ffffff1a;box-shadow:0 32px 80px #000000bf,inset 0 1px #ffffff0f}.dashboard-shell .modal-title-row{margin-bottom:20px}.dashboard-shell .modal-title-row h2{letter-spacing:-.02em;color:var(--p-text-1);font-size:18px;font-weight:700}.dashboard-shell.dark-mode .modal-title-row h2{color:#f0f4ff}.dashboard-shell .member-edit-modal-actions{background:var(--p-surface-2);border-top:1px solid var(--p-border);border-radius:0 0 var(--p-r-xl) var(--p-r-xl)}.dashboard-shell.dark-mode .member-edit-modal-actions{background:#ffffff08;border-top-color:#ffffff14}.dashboard-shell .confirm-dialog{border-radius:var(--p-r-xl);background:var(--p-surface);border:1px solid var(--p-border);box-shadow:var(--p-shadow-xl);padding:32px}.dashboard-shell.dark-mode .confirm-dialog{background:#0a1224fa;border-color:#ffffff1a}.dashboard-shell .confirm-dialog h2{color:var(--p-text-1);font-size:18px;font-weight:700}.dashboard-shell .confirm-dialog p{color:var(--p-text-2)}.dashboard-shell.dark-mode .confirm-dialog h2{color:#f0f4ff}.dashboard-shell.dark-mode .confirm-dialog p{color:#64748b}.dashboard-shell .notification-menu{border:1px solid var(--p-border);border-radius:var(--p-r-xl);background:var(--p-surface);box-shadow:var(--p-shadow-xl);overflow:hidden}.dashboard-shell.dark-mode .notification-menu{-webkit-backdrop-filter:blur(24px);background:#0a1224fa;border-color:#ffffff1a}.dashboard-shell .notification-menu-header{border-bottom:1px solid var(--p-border);color:var(--p-text-1);padding:14px 16px;font-size:13px;font-weight:700}.dashboard-shell.dark-mode .notification-menu-header{color:#f0f4ff;border-bottom-color:#ffffff12}.dashboard-shell .notification-menu-header button{color:var(--p-blue);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.dashboard-shell .notification-item{border-bottom:1px solid var(--p-border);background:var(--p-surface);cursor:pointer;transition:background var(--p-t-fast) ease;padding:12px 16px}.dashboard-shell .notification-item:last-child{border-bottom:none}.dashboard-shell .notification-item:hover{background:var(--p-surface-3)}.dashboard-shell .notification-item.unread{background:var(--p-blue-soft)}.dashboard-shell .notification-item span{color:var(--p-text-1);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.dashboard-shell .notification-item p{color:var(--p-text-3);margin:0;font-size:12px}.dashboard-shell.dark-mode .notification-item{background:0 0;border-bottom-color:#ffffff0f}.dashboard-shell.dark-mode .notification-item:hover{background:#3b82f617}.dashboard-shell.dark-mode .notification-item.unread{background:#3b82f61a}.dashboard-shell.dark-mode .notification-item span{color:#e2e8f0}.dashboard-shell.dark-mode .notification-item p{color:#64748b}.dashboard-shell .profile-dropdown{border:1px solid var(--p-border);border-radius:var(--p-r-xl);background:var(--p-surface);box-shadow:var(--p-shadow-xl);min-width:220px;overflow:hidden}.dashboard-shell.dark-mode .profile-dropdown{-webkit-backdrop-filter:blur(24px);background:#0a1224fa;border-color:#ffffff1a}.dashboard-shell .profile-dropdown-header{background:var(--p-surface-2);border-bottom:1px solid var(--p-border);padding:16px}.dashboard-shell.dark-mode .profile-dropdown-header{background:#ffffff08;border-bottom-color:#ffffff12}.dashboard-shell .profile-dropdown-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4338ca 100%);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden}.dashboard-shell .profile-dropdown-name{color:var(--p-text-1);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.dashboard-shell .profile-dropdown-role{color:var(--p-text-3);text-transform:capitalize;font-size:12px;display:block}.dashboard-shell.dark-mode .profile-dropdown-name{color:#f0f4ff}.dashboard-shell .profile-dropdown-item{width:100%;color:var(--p-text-1);cursor:pointer;text-align:left;transition:background var(--p-t-fast) ease;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.dashboard-shell .profile-dropdown-item:hover{background:var(--p-surface-3)}.dashboard-shell .profile-dropdown-item.danger{color:var(--p-red)}.dashboard-shell .profile-dropdown-item.danger:hover{background:var(--p-red-soft)}.dashboard-shell.dark-mode .profile-dropdown-item{color:#e2e8f0}.dashboard-shell.dark-mode .profile-dropdown-item:hover{background:#ffffff0d}.dashboard-shell.dark-mode .profile-dropdown-item.danger{color:#fca5a5}.dashboard-shell.dark-mode .profile-dropdown-item.danger:hover{background:#ef44441a}.dashboard-shell .profile-dropdown-divider{background:var(--p-border);height:1px;margin:4px 0}.dashboard-shell.dark-mode .profile-dropdown-divider{background:#ffffff12}.dashboard-shell .working-month-popover{border:1px solid var(--p-border);border-radius:var(--p-r-xl);background:var(--p-surface);box-shadow:var(--p-shadow-xl);min-width:280px;overflow:hidden}.dashboard-shell.dark-mode .working-month-popover{-webkit-backdrop-filter:blur(24px);background:#0a1224fa;border-color:#ffffff1a}.dashboard-shell .working-month-current{border-bottom:1px solid var(--p-border);padding:14px 16px 12px}.dashboard-shell.dark-mode .working-month-current{border-bottom-color:#ffffff12}.dashboard-shell .working-month-current span{letter-spacing:.07em;text-transform:uppercase;color:var(--p-text-3);font-size:11px;font-weight:700}.dashboard-shell .working-month-current strong{letter-spacing:-.02em;color:var(--p-text-1);margin-top:2px;font-size:17px;font-weight:800;display:block}.dashboard-shell.dark-mode .working-month-current strong{color:#f0f4ff}.dashboard-shell .working-month-year-button{border:1px solid var(--p-border);background:var(--p-surface);width:32px;height:32px;color:var(--p-text-2);cursor:pointer;transition:all var(--p-t-fast) ease;border-radius:999px}.dashboard-shell .working-month-year-button:hover{border-color:var(--p-blue);background:var(--p-blue-soft);color:var(--p-blue)}.dashboard-shell.dark-mode .working-month-year-button{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.dashboard-shell .working-month-option{border-radius:var(--p-r-sm);color:var(--p-text-1);cursor:pointer;transition:all var(--p-t-fast) ease;background:0 0;border:1px solid #0000;min-height:36px;padding:8px;font-size:13px;font-weight:600}.dashboard-shell .working-month-option:hover{background:var(--p-surface-3);border-color:var(--p-border)}.dashboard-shell .working-month-option.selected{background:var(--p-blue);color:#fff;border-color:var(--p-blue);box-shadow:0 4px 12px #2563eb4d}.dashboard-shell.dark-mode .working-month-option{color:#cbd5e1}.dashboard-shell.dark-mode .working-month-option:hover{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa4d}.dashboard-shell.dark-mode .working-month-option.selected{color:#fff;background:#2563eb}.dashboard-shell .status{border-radius:var(--p-r-xs);letter-spacing:.02em;text-transform:capitalize;border:1px solid #0000;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.dashboard-shell .status.paid,.dashboard-shell .status.active{background:var(--p-green-soft);color:var(--p-green);border-color:#16a34a33}.dashboard-shell .status.pending,.dashboard-shell .status.unpaid{background:var(--p-blue-soft);color:var(--p-blue-text);border-color:#2563eb2e}.dashboard-shell .status.partial{background:var(--p-amber-soft);color:var(--p-amber);border-color:#d9770633}.dashboard-shell .status.late,.dashboard-shell .status.cancelled,.dashboard-shell .status.failed{background:var(--p-red-soft);color:var(--p-red);border-color:#dc262633}.dashboard-shell .status.closed,.dashboard-shell .status.archived{background:var(--p-surface-3);color:var(--p-text-3);border-color:var(--p-border)}.dashboard-shell.dark-mode .status.paid,.dashboard-shell.dark-mode .status.active{color:#86efac;background:#22c55e21;border-color:#4ade8038}.dashboard-shell.dark-mode .status.pending,.dashboard-shell.dark-mode .status.unpaid{color:#93c5fd;background:#3b82f621;border-color:#60a5fa38}.dashboard-shell.dark-mode .status.partial{color:#fcd34d;background:#f59e0b21;border-color:#fbbf2438}.dashboard-shell.dark-mode .status.late,.dashboard-shell.dark-mode .status.cancelled,.dashboard-shell.dark-mode .status.failed{color:#fca5a5;background:#ef444421;border-color:#f8717138}.dashboard-shell.dark-mode .status.closed,.dashboard-shell.dark-mode .status.archived{color:#94a3b8;background:#94a3b81f;border-color:#94a3b82e}.dashboard-shell .notice,.dashboard-shell .toast{border-radius:var(--p-r-md);border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text-1);box-shadow:var(--p-shadow-sm);padding:12px 16px;font-size:13.5px;font-weight:500}.dashboard-shell .notice.success,.dashboard-shell .toast.success{background:var(--p-green-soft);color:var(--p-green);border-color:#16a34a40}.dashboard-shell .notice.error,.dashboard-shell .toast.error{background:var(--p-red-soft);color:var(--p-red);border-color:#dc262640}.dashboard-shell .notice.warning{background:var(--p-amber-soft);color:var(--p-amber);border-color:#d9770640}.dashboard-shell.dark-mode .notice,.dashboard-shell.dark-mode .toast{color:#94a3b8;background:#ffffff0d;border-color:#ffffff17}.dashboard-shell.dark-mode .notice.success,.dashboard-shell.dark-mode .toast.success{color:#86efac;background:#22c55e1a;border-color:#22c55e38}.dashboard-shell.dark-mode .notice.error,.dashboard-shell.dark-mode .toast.error{color:#fca5a5;background:#ef44441a;border-color:#ef444438}.dashboard-shell.dark-mode .notice.warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b38}.dashboard-shell .loading-state{border-radius:var(--p-r-md);background:var(--p-blue-soft);color:var(--p-blue);border:1px solid #2563eb2e;padding:10px 14px;font-size:13px;font-weight:600}.dashboard-shell.dark-mode .loading-state{color:#93c5fd;background:#3b82f61a;border-color:#3b82f638}.dashboard-shell .empty-state{border:1.5px dashed var(--p-border);border-radius:var(--p-r-xl);background:var(--p-surface-2);text-align:center;color:var(--p-text-3);padding:40px 24px}.dashboard-shell .empty-state h3,.dashboard-shell .empty-state strong{font-size:15px;font-weight:700;color:var(--p-text-1)!important}.dashboard-shell .empty-state p{font-size:13.5px;line-height:1.6;color:var(--p-text-3)!important}.dashboard-shell.dark-mode .empty-state{background:#ffffff05;border-color:#ffffff14}.dashboard-shell.dark-mode .empty-state h3,.dashboard-shell.dark-mode .empty-state strong{color:#e2e8f0!important}.dashboard-shell.dark-mode .empty-state p{color:#475569!important}.dashboard-shell .settings-page{gap:20px;display:grid}.dashboard-shell .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width<=860px){.dashboard-shell .settings-grid{grid-template-columns:1fr}}.dashboard-shell .settings-card{border-radius:var(--p-r-lg);border:1px solid var(--p-border);background:var(--p-surface);box-shadow:var(--p-shadow-sm);align-content:start;gap:0;display:grid;overflow:hidden}.dashboard-shell.dark-mode .settings-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 4px 24px #00000059}.dashboard-shell .settings-card-header{border-bottom:1px solid var(--p-border);justify-content:flex-start;align-items:center;gap:14px;padding:18px 20px 16px;display:flex}.dashboard-shell.dark-mode .settings-card-header{border-bottom-color:#ffffff14}.dashboard-shell .settings-card-header>svg{background:var(--p-blue-soft);color:var(--p-blue);box-sizing:border-box;border:1px solid #2563eb1f;border-radius:9px;flex-shrink:0;padding:7px;width:36px!important;height:36px!important}.dashboard-shell.dark-mode .settings-card-header>svg{color:#60a5fa;background:#3b82f621;border-color:#3b82f633}.dashboard-shell .settings-card-header h2{letter-spacing:-.012em;color:var(--p-text-1);margin:0 0 2px;font-size:14.5px;font-weight:700;line-height:1.25}.dashboard-shell.dark-mode .settings-card-header h2{color:#f0f4ff}.dashboard-shell .settings-card-header p{color:var(--p-text-3);margin:0;font-size:12.5px;line-height:1.45}.dashboard-shell.dark-mode .settings-card-header p{color:#64748b}.dashboard-shell .settings-option{border-bottom:1px solid var(--p-border);min-height:58px;transition:background var(--p-t-fast) ease;align-items:center;gap:12px;padding:12px 20px;display:flex}.dashboard-shell .settings-option:last-child{border-bottom:none}.dashboard-shell.dark-mode .settings-option{border-bottom-color:#ffffff12}.dashboard-shell.dark-mode .settings-option:last-child{border-bottom:none}.dashboard-shell .settings-option>svg{color:var(--p-text-3);flex-shrink:0;width:18px!important;height:18px!important}.dashboard-shell.dark-mode .settings-option>svg{color:#475569}.dashboard-shell .settings-option>div{flex:1;min-width:0}.dashboard-shell .settings-option strong{color:var(--p-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.dashboard-shell .settings-option span{color:var(--p-text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;line-height:1.4;display:block;overflow:hidden}.dashboard-shell.dark-mode .settings-option strong{color:#e2e8f0}.dashboard-shell.dark-mode .settings-option span{color:#64748b}.dashboard-shell .settings-option--select{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:0;padding:14px 20px}.dashboard-shell .settings-option-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dashboard-shell .settings-option-left>svg{color:var(--p-text-3);flex-shrink:0;width:18px!important;height:18px!important}.dashboard-shell.dark-mode .settings-option-left>svg{color:#475569}.dashboard-shell .settings-option-left>div{min-width:0}.dashboard-shell .settings-option-control{flex-shrink:0;width:180px}.dashboard-shell .settings-option-control .cs-wrap{width:100%}@media (width<=540px){.dashboard-shell .settings-option-control{width:100%}.dashboard-shell .settings-option--select{flex-direction:column;align-items:flex-start}}.dashboard-shell .settings-option~.secondary-button,.dashboard-shell .settings-card>.secondary-button{align-self:flex-start;width:auto;margin:0 20px 18px}.dashboard-shell .settings-toggle{border:1.5px solid var(--p-border);background:var(--p-border);cursor:pointer;border-radius:999px;outline:none;flex-shrink:0;align-items:center;width:44px;min-width:44px;height:24px;margin-left:auto;padding:2px;transition:background .22s,border-color .22s;display:inline-flex}.dashboard-shell .settings-toggle:focus-visible{outline:2px solid var(--p-blue);outline-offset:2px}.dashboard-shell .settings-toggle .settings-toggle__thumb{color:#94a3b8;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0f172a38,0 0 0 1px #0f172a0f}.dashboard-shell .settings-toggle--theme .settings-toggle__thumb{color:#f59e0b}.dashboard-shell .settings-toggle--theme.on .settings-toggle__thumb{color:#3b82f6}.dashboard-shell .settings-toggle.on{background:var(--p-blue);border-color:#2563eb80}.dashboard-shell .settings-toggle.on .settings-toggle__thumb{transform:translate(20px);box-shadow:0 1px 3px #0f172a2e,0 0 0 1px #ffffff1a}.dashboard-shell.dark-mode .settings-toggle .settings-toggle__thumb{color:#64748b;box-shadow:0 1px 4px #0006}.dashboard-shell.dark-mode .settings-toggle.on{background:#3b82f6;border-color:#3b82f699}.dashboard-shell.dark-mode .settings-toggle.on .settings-toggle__thumb{box-shadow:0 1px 3px #0000004d}.dashboard-shell .account-settings-card{grid-column:1/-1;gap:0;display:grid}.dashboard-shell .account-settings-header{border-bottom:1px solid var(--p-border);align-items:center;gap:16px;padding:20px 24px;display:flex}.dashboard-shell.dark-mode .account-settings-header{border-bottom-color:#ffffff14}.dashboard-shell .account-settings-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#4338ca 100%);border-radius:14px;flex-shrink:0;place-items:center;width:48px;min-width:48px;height:48px;font-size:18px;font-weight:800;display:inline-grid;overflow:hidden;box-shadow:0 4px 12px #2563eb47}.dashboard-shell .account-settings-title{letter-spacing:-.015em;color:var(--p-text-1);margin:0 0 3px;font-size:16px;font-weight:700}.dashboard-shell.dark-mode .account-settings-title{color:#f0f4ff}.dashboard-shell .account-settings-subtitle{color:var(--p-text-3);margin:0;font-size:13px}.dashboard-shell.dark-mode .account-settings-subtitle{color:#64748b}.dashboard-shell .account-action-list{gap:0;display:grid}.dashboard-shell .account-action-row{border-bottom:1px solid var(--p-border);background:var(--p-surface);cursor:pointer;min-height:64px;transition:background var(--p-t-fast) ease;text-align:left;border-left:none;border-right:none;border-radius:0;align-items:center;gap:14px;width:100%;padding:14px 20px;display:flex}.dashboard-shell .account-action-row:last-child{border-bottom:none}.dashboard-shell .account-action-row:hover{background:var(--p-surface-3)}.dashboard-shell.dark-mode .account-action-row{background:0 0;border-bottom-color:#ffffff12}.dashboard-shell.dark-mode .account-action-row:hover{background:#ffffff0a}.dashboard-shell .account-action-icon{background:var(--p-blue-soft);width:36px;min-width:36px;height:36px;color:var(--p-blue);border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.dashboard-shell.dark-mode .account-action-icon{color:#60a5fa;background:#3b82f621}.dashboard-shell .account-action-text{flex:1;min-width:0}.dashboard-shell .account-action-title{color:var(--p-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.dashboard-shell .account-action-subtitle{color:var(--p-text-3);margin-top:2px;font-size:12px;display:block}.dashboard-shell.dark-mode .account-action-title{color:#e2e8f0}.dashboard-shell.dark-mode .account-action-subtitle{color:#64748b}.dashboard-shell .account-action-arrow{color:var(--p-text-3);flex-shrink:0}.dashboard-shell.dark-mode .account-action-arrow{color:#475569}.dashboard-shell .production-settings-card{grid-column:1/-1;overflow:hidden}.dashboard-shell .production-settings-header{border-bottom:1px solid var(--p-border);background:var(--p-surface);align-items:center;gap:14px;padding:18px 20px 16px;display:flex}.dashboard-shell.dark-mode .production-settings-header{background:0 0;border-bottom-color:#ffffff14}.dashboard-shell .production-settings-icon{background:var(--p-blue-soft);width:36px;min-width:36px;height:36px;color:var(--p-blue);border-radius:9px;flex-shrink:0;place-items:center;display:inline-grid}.dashboard-shell.dark-mode .production-settings-icon{color:#60a5fa;background:#3b82f621}.dashboard-shell .production-settings-title{letter-spacing:-.012em;color:var(--p-text-1);margin:0 0 2px;font-size:14.5px;font-weight:700}.dashboard-shell.dark-mode .production-settings-title{color:#f0f4ff}.dashboard-shell .production-settings-subtitle{color:var(--p-text-3);margin:0;font-size:12.5px}.dashboard-shell.dark-mode .production-settings-subtitle{color:#64748b}.dashboard-shell .settings-form-section{border-bottom:1px solid var(--p-border);gap:14px;padding:20px 24px;display:grid}.dashboard-shell .settings-form-section:last-of-type{border-bottom:none}.dashboard-shell.dark-mode .settings-form-section{border-bottom-color:#ffffff12}.dashboard-shell .settings-form-section h3{color:var(--p-text-1);letter-spacing:-.01em;margin:0 0 3px;font-size:13.5px;font-weight:700}.dashboard-shell.dark-mode .settings-form-section h3{color:#f0f4ff}.dashboard-shell .settings-form-section p{color:var(--p-text-3);margin:0;font-size:12.5px}.dashboard-shell .settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=600px){.dashboard-shell .settings-form-grid{grid-template-columns:1fr}}.dashboard-shell .settings-form-field{gap:6px;min-width:0;display:grid}.dashboard-shell .settings-form-field span{color:var(--p-text-2);letter-spacing:.01em;font-size:12px;font-weight:600}.dashboard-shell.dark-mode .settings-form-field span{color:#94a3b8}.dashboard-shell .settings-form-field input{border-radius:var(--p-r-md);min-height:42px;padding:9px 12px;font-size:14px}.dashboard-shell .settings-form-actions{border-top:1px solid var(--p-border);background:var(--p-surface-2);justify-content:flex-end;padding:16px 24px;display:flex}.dashboard-shell.dark-mode .settings-form-actions{background:#ffffff05;border-top-color:#ffffff12}.dashboard-shell .settings-form-actions .primary-button{width:auto;min-width:140px}.dashboard-shell .family-settings-card{grid-column:1/-1;padding-bottom:0}.dashboard-shell .family-settings-card>.muted{color:var(--p-text-2);padding:16px 20px 4px;font-size:13.5px;line-height:1.6}.dashboard-shell.dark-mode .family-settings-card>.muted{color:#94a3b8}.dashboard-shell .family-settings-card ul{color:var(--p-text-2);gap:6px;margin:8px 20px 20px;padding-left:18px;font-size:13.5px;line-height:1.6;display:grid}.dashboard-shell.dark-mode .family-settings-card ul{color:#94a3b8}.dashboard-shell .settings-card.form-grid{gap:0;padding:0}.dashboard-shell .settings-card.form-grid .settings-card-header{margin:0;padding:18px 20px 16px}.dashboard-shell .settings-card.form-grid>.field{margin-top:14px;padding:0 20px}.dashboard-shell .settings-card.form-grid>.field:first-of-type{margin-top:18px}.dashboard-shell .settings-card.form-grid>.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;padding:14px 20px 20px;display:flex}@media (width<=767px){.dashboard-shell .settings-grid{grid-template-columns:1fr}.dashboard-shell .account-settings-card,.dashboard-shell .production-settings-card,.dashboard-shell .family-settings-card{grid-column:1}.dashboard-shell .settings-card-header{gap:12px;padding:14px 16px 12px}.dashboard-shell .settings-card-header>svg{border-radius:8px;padding:6px;width:32px!important;height:32px!important}.dashboard-shell .settings-card-header h2{font-size:14px}.dashboard-shell .settings-option{min-height:52px;padding:11px 16px}.dashboard-shell .settings-option--select{padding:12px 16px}.dashboard-shell .account-settings-header{padding:16px}.dashboard-shell .account-action-row{min-height:58px;padding:12px 16px}.dashboard-shell .production-settings-header{gap:12px;padding:14px 16px 12px}.dashboard-shell .settings-form-section{padding:16px}.dashboard-shell .settings-form-actions{padding:14px 16px}.dashboard-shell .family-settings-card>.muted{padding:14px 16px 4px}.dashboard-shell .family-settings-card ul{margin:6px 16px 16px}.dashboard-shell .settings-option~.secondary-button,.dashboard-shell .settings-card>.secondary-button{margin:0 16px 16px}}.dashboard-shell .payment-status-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-xl);box-shadow:var(--p-shadow-sm)}.dashboard-shell .payment-status-card.paid{border-top:3px solid var(--p-green)}.dashboard-shell .payment-status-card.unpaid{border-top:3px solid var(--p-red)}.dashboard-shell .payment-status-card.partial{border-top:3px solid var(--p-amber)}.dashboard-shell.dark-mode .payment-status-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .payment-status-progress{background:var(--p-border);border-radius:999px;height:6px;overflow:hidden}.dashboard-shell.dark-mode .payment-status-progress{background:#ffffff14}.dashboard-shell .login-warning{border-radius:var(--p-r-md);background:var(--p-amber-soft);color:#92400e;border:1px solid #d977064d;padding:12px 16px;font-size:13px}.dashboard-shell.dark-mode .login-warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b38}.dashboard-shell .checkbox-label{color:var(--p-text-1);font-size:13.5px;font-weight:500}.dashboard-shell.dark-mode .checkbox-label{color:#cbd5e1}.dashboard-shell .pw-strength-segment{background:var(--p-border);border-radius:999px;height:4px}.dashboard-shell.dark-mode .pw-strength-segment{background:#ffffff1a}.dashboard-shell .payment-total-cell{border-top:2px solid var(--p-border)}.dashboard-shell.dark-mode .payment-total-cell{border-top-color:#ffffff1a}.dashboard-shell .backup-list li{border:1px solid var(--p-border);border-radius:var(--p-r-sm);background:var(--p-surface-2);color:var(--p-text-2);padding:10px 14px;font-size:13px}.dashboard-shell.dark-mode .backup-list li{color:#64748b;background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .backup-zone{border-radius:var(--p-r-xl)}.dashboard-shell .reminder-deeplink-notice{border-radius:var(--p-r-md)}.dashboard-shell.dark-mode .reminder-deeplink-notice{color:#86efac;background:#22c55e17;border-color:#22c55e33}.dashboard-shell .chart-legend span{color:var(--p-text-3)}.dashboard-shell.dark-mode .chart-legend span{color:#64748b}.dashboard-shell .report-member-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg)}.dashboard-shell.dark-mode .report-member-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .report-member-grid span{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:var(--p-r-sm);color:var(--p-text-3)}.dashboard-shell.dark-mode .report-member-grid span{color:#64748b;background:#ffffff08;border-color:#ffffff12}.dashboard-shell .report-member-rows>div{border-top-color:var(--p-border)}.dashboard-shell.dark-mode .report-member-rows>div{border-top-color:#ffffff0f}.dashboard-shell .month-control{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:var(--p-r-md)}.dashboard-shell.dark-mode .month-control{background:#ffffff08;border-color:#ffffff14}.dashboard-shell .password-input-wrap button{border:1.5px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);color:var(--p-text-2)}.dashboard-shell.dark-mode .password-input-wrap button{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1f}.dashboard-shell.dark-mode .payment-meta-chip.due{color:#bfdbfe;background:#3b82f621;border-color:#60a5fa40}.dashboard-shell .selected-member-card{background:var(--p-surface-2);border:1px solid var(--p-border);border-radius:var(--p-r-lg);color:var(--p-text-2)}.dashboard-shell.dark-mode .selected-member-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .member-row{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-md)}.dashboard-shell.dark-mode .member-row{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell.dark-mode .member-row:hover{background:#3b82f612}.dashboard-shell .event-action-secondary{border:1.5px solid var(--p-border);background:var(--p-surface);color:var(--p-text-1);border-radius:var(--p-r-md)}.dashboard-shell .event-action-secondary:hover{border-color:var(--p-blue);background:var(--p-blue-soft);color:var(--p-blue)}.dashboard-shell .event-action-danger{background:var(--p-red-soft);color:var(--p-red);border-radius:var(--p-r-md);border:1.5px solid #dc262640}.dashboard-shell.dark-mode .event-action-secondary{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff17}.dashboard-shell.dark-mode .event-action-secondary:hover{color:#bfdbfe;background:#3b82f61a;border-color:#60a5fa4d}@media (width<=1024px){.dashboard-shell .workspace-header{display:none!important}.dashboard-shell .workspace{padding-top:14px}.dashboard-shell .mobile-topbar,.dashboard-shell .mobile-dashboard-header{z-index:5000;position:sticky;top:0}}.dashboard-shell .mobile-page-title{letter-spacing:-.018em;color:var(--p-text-1);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1rem,4vw,1.2rem);font-weight:700;line-height:1.2;overflow:hidden}.dashboard-shell .mobile-greeting-title{letter-spacing:-.02em;color:var(--p-text-1);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.95rem,4vw,1.15rem);font-weight:800;line-height:1.2;overflow:hidden}.dashboard-shell.dark-mode .mobile-page-title,.dashboard-shell.dark-mode .mobile-greeting-title{color:#f0f4ff}@media (width<=767px){.dashboard-shell .workspace{min-width:0;padding:14px 12px 24px;overflow-x:hidden}.dashboard-shell .workspace>section{max-width:100%;overflow-x:hidden}.dashboard-shell .dashboard-page,.dashboard-shell .pmt-page,.dashboard-shell .mem-page,.dashboard-shell .reminders-page,.dashboard-shell .settings-page{gap:14px}.dashboard-shell .stat-card.metric-card{border-radius:var(--p-r-lg);padding:16px 18px 14px}.dashboard-shell .stat-card.metric-card strong{font-size:clamp(1.3rem,6vw,1.65rem)}.dashboard-shell .content-card-header,.dashboard-shell .settings-card-header{padding:14px 16px 12px}.dashboard-shell .content-card-header h2,.dashboard-shell .settings-card-header h2{font-size:14px}.dashboard-shell .quick-actions-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 16px}.dashboard-shell .quick-action-card{padding:14px 12px;font-size:12.5px}.dashboard-shell .settings-grid{grid-template-columns:1fr}.dashboard-shell .account-settings-card{grid-column:1}.dashboard-shell .settings-option{padding:12px 16px}.dashboard-shell .account-action-row{padding:14px 16px}.dashboard-shell table{font-size:12.5px}.dashboard-shell td,.dashboard-shell th{padding:10px 12px}.dashboard-shell .modal-panel,.dashboard-shell .modal-card{border-radius:var(--p-r-xl) var(--p-r-xl) 0 0;padding:20px 18px}.dashboard-shell .summary-strip span{padding:4px 10px;font-size:11.5px}.dashboard-shell .preview-row{padding:10px 14px}}@media (width>=768px){.dashboard-shell .quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell .stat-card.metric-card strong{font-size:1.75rem}}@media (width>=1025px){.dashboard-shell .workspace-header{min-height:64px;padding:0 24px;display:grid!important}.dashboard-shell .quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-shell .section-header{margin-bottom:14px}.dashboard-shell .section-header h2{letter-spacing:-.02em;color:var(--p-text-1);margin:0 0 4px;font-size:clamp(1.1rem,3.5vw,1.35rem);font-weight:800}.dashboard-shell .section-header p.muted{color:var(--p-text-3);margin:0;font-size:13px}.dashboard-shell.dark-mode .section-header h2{color:#f0f4ff}.dashboard-shell .pmt-form-card{border-radius:var(--p-r-lg);background:var(--p-surface);border:1px solid var(--p-border);border-top:3px solid var(--p-blue);width:100%;max-width:100%;box-shadow:var(--p-shadow-sm);box-sizing:border-box;padding:20px 16px;overflow:hidden}.dashboard-shell.dark-mode .pmt-form-card{background:#ffffff0a;border-color:#3b82f6 #ffffff14 #ffffff14;box-shadow:0 4px 24px #0006}.dashboard-shell .pmt-form-title{letter-spacing:-.015em;color:var(--p-text-1);margin:0 0 18px;font-size:15px;font-weight:700}.dashboard-shell.dark-mode .pmt-form-title{color:#f0f4ff}.dashboard-shell .pmt-form-grid{grid-template-columns:1fr;gap:14px;margin-bottom:18px;display:grid}.dashboard-shell .pmt-field{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.dashboard-shell .pmt-field--full,.dashboard-shell .pmt-field--reference{grid-column:1/-1}.dashboard-shell .pmt-field label{color:var(--p-text-2);letter-spacing:.01em;font-size:12.5px;font-weight:600}.dashboard-shell.dark-mode .pmt-field label{color:#94a3b8}.dashboard-shell .pmt-field input,.dashboard-shell .pmt-field textarea,.dashboard-shell .pmt-field select{border:1.5px solid var(--p-border);border-radius:var(--p-r-md);background:var(--p-surface);width:100%;min-height:44px;color:var(--p-text-1);box-sizing:border-box;appearance:none;padding:0 13px;font-size:15px;font-weight:400;transition:border-color .14s,box-shadow .14s}.dashboard-shell .pmt-field textarea{resize:vertical;height:auto;min-height:88px;padding:11px 13px}.dashboard-shell .pmt-field input:focus,.dashboard-shell .pmt-field textarea:focus{border-color:var(--p-blue);outline:none;box-shadow:0 0 0 3px #2563eb1f}.dashboard-shell.dark-mode .pmt-field input,.dashboard-shell.dark-mode .pmt-field textarea,.dashboard-shell.dark-mode .pmt-field select{color:#f0f4ff;background:#ffffff0f;border-color:#ffffff1f}.dashboard-shell.dark-mode .pmt-field input:focus,.dashboard-shell.dark-mode .pmt-field textarea:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f626}.dashboard-shell .pmt-input-group{border:1.5px solid var(--p-border);border-radius:var(--p-r-md);box-sizing:border-box;align-items:stretch;width:100%;transition:border-color .14s,box-shadow .14s;display:flex;overflow:hidden}.dashboard-shell .pmt-input-group:focus-within{border-color:var(--p-blue);box-shadow:0 0 0 3px #2563eb1f}.dashboard-shell.dark-mode .pmt-input-group{border-color:#ffffff1f}.dashboard-shell.dark-mode .pmt-input-group:focus-within{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f626}.dashboard-shell .pmt-input-prefix{background:var(--p-surface-3);border-right:1px solid var(--p-border);color:var(--p-text-2);white-space:nowrap;flex-shrink:0;align-items:center;padding:0 13px;font-size:14px;font-weight:600;display:flex}.dashboard-shell.dark-mode .pmt-input-prefix{color:#64748b;background:#ffffff0a;border-right-color:#ffffff1a}.dashboard-shell .pmt-input-with-prefix{background:var(--p-surface);width:100%;min-width:0;height:44px;color:var(--p-text-1);border:none;border-radius:0;flex:1;padding:0 13px;font-size:15px;box-shadow:none!important}.dashboard-shell.dark-mode .pmt-input-with-prefix{color:#f0f4ff;background:#ffffff0f}.dashboard-shell .pmt-submit-btn{border-radius:var(--p-r-md);background:var(--p-blue);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:14.5px;font-weight:600;transition:background .14s,box-shadow .14s,transform .14s;display:flex;box-shadow:0 1px 2px #2563eb40,0 0 0 1px #2563eb2e}.dashboard-shell .pmt-submit-btn:hover:not(:disabled){background:var(--p-blue-hover);box-shadow:0 4px 12px #2563eb52}.dashboard-shell .pmt-submit-btn:active{transform:scale(.98)}.dashboard-shell .pmt-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dashboard-shell .pmt-records-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-sm);width:100%;overflow:hidden}.dashboard-shell.dark-mode .pmt-records-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .pmt-records-header{border-bottom:1px solid var(--p-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.dashboard-shell.dark-mode .pmt-records-header{border-bottom-color:#ffffff12}.dashboard-shell .pmt-records-title{letter-spacing:-.015em;color:var(--p-text-1);margin:0;font-size:15px;font-weight:700}.dashboard-shell.dark-mode .pmt-records-title{color:#f0f4ff}.dashboard-shell .pmt-records-month{color:var(--p-text-3);background:var(--p-surface-3);border:1px solid var(--p-border);border-radius:var(--p-r-xs);padding:3px 10px;font-size:12.5px;font-weight:600}.dashboard-shell.dark-mode .pmt-records-month{color:#64748b;background:#ffffff0d;border-color:#ffffff17}.dashboard-shell .pmt-filter-bar{border-bottom:1px solid var(--p-border);background:var(--p-surface-2);padding:14px 18px}.dashboard-shell.dark-mode .pmt-filter-bar{background:#ffffff05;border-bottom-color:#ffffff12}.dashboard-shell .pmt-filter-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=500px){.dashboard-shell .pmt-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.dashboard-shell .pmt-filter-grid{grid-template-columns:repeat(4,1fr)}.dashboard-shell .pmt-form-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-shell .mem-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-sm);width:100%;overflow:hidden}.dashboard-shell.dark-mode .mem-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .mem-mobile-card,.dashboard-shell .pmt-mobile-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-xs);padding:14px 16px}.dashboard-shell.dark-mode .mem-mobile-card,.dashboard-shell.dark-mode .pmt-mobile-card{background:#ffffff0a;border-color:#ffffff14}@media (width<=767px){.dashboard-shell .pmt-form-card{border-radius:var(--p-r-lg);padding:18px 14px}.dashboard-shell .pmt-records-card{border-radius:var(--p-r-lg)}.dashboard-shell .pmt-records-header{padding:14px 14px 12px}.dashboard-shell .pmt-filter-bar{padding:12px 14px}.dashboard-shell .mem-card{border-radius:var(--p-r-lg)}.dashboard-shell .form-grid,.dashboard-shell .member-edit-form,.dashboard-shell .create-event-form{grid-template-columns:1fr!important}.dashboard-shell input,.dashboard-shell select,.dashboard-shell textarea{box-sizing:border-box;width:100%;max-width:100%;font-size:16px}.dashboard-shell .page-transition-shell>:first-child{margin-top:0}.dashboard-shell .section-header{margin-bottom:12px}.dashboard-shell .section-header h2{font-size:1.1rem}}.dashboard-shell :where(.stat-card,.metric-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.quick-action-card,.member-payment-card){transition:transform var(--p-t-med) var(--p-ease), box-shadow var(--p-t-med) var(--p-ease), border-color var(--p-t-med) var(--p-ease)}.dashboard-shell :where(.stat-card,.metric-card,.content-card,.chart-card,.panel,.settings-card,.quick-action-card):not(.skeleton-card):hover{box-shadow:var(--p-shadow-md);transform:translateY(-2px)}.dashboard-shell.dark-mode :where(.stat-card,.metric-card,.content-card,.chart-card,.panel,.settings-card,.quick-action-card):not(.skeleton-card):hover{box-shadow:0 16px 40px #0000008c}.dashboard-shell .skeleton-card{background:linear-gradient(90deg, var(--p-surface-3) 25%, var(--p-surface-2) 37%, var(--p-surface-3) 63%);border-radius:var(--p-r-lg);border:1px solid var(--p-border);background-size:400% 100%;animation:1.6s ease-in-out infinite ds-shimmer;box-shadow:none!important}.dashboard-shell.dark-mode .skeleton-card{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff12 37%,#ffffff0a 63%) 0 0/400% 100%;border-color:#ffffff12}@keyframes ds-shimmer{0%{background-position:100%}to{background-position:0%}}.dashboard-shell :focus-visible{outline:2px solid var(--p-blue);outline-offset:2px;border-radius:var(--p-r-xs)}.dashboard-shell.dark-mode :focus-visible{outline-color:#60a5facc}.dashboard-shell ::-webkit-scrollbar{width:6px;height:6px}.dashboard-shell ::-webkit-scrollbar-track{background:0 0}.dashboard-shell ::-webkit-scrollbar-thumb{background:var(--p-border-strong);border-radius:999px}.dashboard-shell.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1f}.dashboard-shell ::-webkit-scrollbar-thumb:hover{background:var(--p-text-3)}.dashboard-shell .workspace{background:var(--p-bg);padding:20px}.dashboard-shell .workspace>section{max-width:1440px;margin:0 auto}.dashboard-shell .dashboard-page,.dashboard-shell .reminders-page,.dashboard-shell .special-events-page>*,.dashboard-shell .settings-page{gap:16px}.dashboard-shell .metric-grid{gap:14px}.dashboard-shell .dashboard-section-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.dashboard-shell .dashboard-section-grid{grid-template-columns:1fr 1fr}.dashboard-shell .quick-actions-card{grid-column:1/-1}}.dashboard-shell .dashboard-filters,.dashboard-shell .payment-filters,.dashboard-shell .audit-filters{border:1px solid var(--p-border);border-radius:var(--p-r-lg);background:var(--p-surface);padding:16px}.dashboard-shell.dark-mode .dashboard-filters,.dashboard-shell.dark-mode .payment-filters,.dashboard-shell.dark-mode .audit-filters{background:#ffffff08;border-color:#ffffff12}.dashboard-shell .special-events-page{background:0 0;border-radius:0;padding:0}.dashboard-shell .create-event-card{border-radius:var(--p-r-xl);background:var(--p-surface);border:1px solid var(--p-border);box-shadow:var(--p-shadow-sm)}.dashboard-shell.dark-mode .create-event-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .event-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-xs)}.dashboard-shell.dark-mode .event-card{background:#ffffff0a;border-color:#ffffff14}.dashboard-shell .event-card-title{color:var(--p-text-1);font-size:15px;font-weight:700}.dashboard-shell.dark-mode .event-card-title{color:#f0f4ff}.dashboard-shell .event-card-subtitle{color:var(--p-text-3)}.dashboard-shell .event-card-description{color:var(--p-text-2)}.dashboard-shell .event-chip{border:1px solid var(--p-border);border-radius:var(--p-r-sm);background:var(--p-surface-2);color:var(--p-text-2);font-size:11.5px;font-weight:600}.dashboard-shell .event-chip strong{color:var(--p-text-1)}.dashboard-shell.dark-mode .event-chip{color:#94a3b8;background:#ffffff0f;border-color:#ffffff17}.dashboard-shell.dark-mode .event-chip strong{color:#f0f4ff}.dashboard-shell .reminder-provider-badge{background:var(--p-green-soft);color:var(--p-green);border:1px solid #16a34a38;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.dashboard-shell.dark-mode input:-webkit-autofill{caret-color:#f0f4ff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0f4ff!important;border-color:#ffffff24!important;-webkit-box-shadow:inset 0 0 0 100px #0e1525fa!important}.dashboard-shell.dark-mode input:-webkit-autofill:hover{caret-color:#f0f4ff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0f4ff!important;border-color:#ffffff24!important;-webkit-box-shadow:inset 0 0 0 100px #0e1525fa!important}.dashboard-shell.dark-mode input:-webkit-autofill:focus{caret-color:#f0f4ff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f0f4ff!important;border-color:#ffffff24!important;-webkit-box-shadow:inset 0 0 0 100px #0e1525fa!important}.notif-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}@media (width<=767px){.notif-backdrop{-webkit-backdrop-filter:blur(2px);background:#070c1859}}.notif-panel{z-index:9999;border-radius:var(--p-r-xl,18px);transform-origin:100% 0;isolation:auto;background:#fff;border:1px solid #e2e8f0;flex-direction:column;max-height:70vh;animation:.22s cubic-bezier(.22,1,.36,1) both notif-enter;display:flex;position:fixed;top:68px;left:12px;right:12px;overflow:hidden;box-shadow:0 24px 60px #0f172a2e,0 8px 16px #0f172a14,inset 0 0 0 1px #fff9}@media (width>=768px){.notif-panel{width:min(380px,100vw - 32px);max-height:520px;top:auto;left:auto;right:auto}}html.dark .notif-panel,.dark-mode .notif-panel{-webkit-backdrop-filter:blur(24px);background:#0a1224fa;border-color:#ffffff1a;box-shadow:0 28px 72px #000000bf,0 8px 24px #00000073,inset 0 1px #ffffff0f}@keyframes notif-enter{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 13px;display:flex}html.dark .notif-header,.dark-mode .notif-header{background:#ffffff08;border-bottom-color:#ffffff14}.notif-header-left{align-items:center;gap:8px;display:flex}.notif-header-left svg{color:#64748b;flex-shrink:0}html.dark .notif-header-left svg{color:#475569}.notif-header strong{letter-spacing:-.012em;color:#0f172a;font-size:14px;font-weight:700}html.dark .notif-header strong{color:#f0f4ff}.notif-count-badge{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.notif-mark-read{cursor:pointer;color:#2563eb;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12.5px;font-weight:600;transition:background .13s,color .13s}.notif-mark-read:hover{color:#1d4ed8;background:#eff6ff}html.dark .notif-mark-read{color:#60a5fa}html.dark .notif-mark-read:hover{color:#93c5fd;background:#3b82f621}.notif-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.notif-list::-webkit-scrollbar{width:4px}.notif-list::-webkit-scrollbar-track{background:0 0}.notif-list::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}html.dark .notif-list::-webkit-scrollbar-thumb{background:#ffffff1f}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 24px;display:flex}.notif-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:999px;place-items:center;width:52px;height:52px;margin-bottom:4px;display:grid}html.dark .notif-empty-icon{color:#475569;background:#ffffff12}.notif-empty p{color:#0f172a;margin:0;font-size:14px;font-weight:700}.notif-empty span{color:#94a3b8;font-size:13px}html.dark .notif-empty p{color:#e2e8f0}html.dark .notif-empty span{color:#475569}.notif-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;transition:background .13s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover,.notif-item:focus-visible{background:#f8fafc;outline:none}.notif-item:active{background:#f1f5f9}.notif-item--unread{background:#eff6ff}.notif-item--unread:hover{background:#dbeafe}html.dark .notif-item{background:0 0;border-bottom-color:#ffffff0f}html.dark .notif-item:hover,html.dark .notif-item:focus-visible{background:#ffffff0d}html.dark .notif-item:active{background:#ffffff14}html.dark .notif-item--unread{background:#3b82f61a}html.dark .notif-item--unread:hover{background:#3b82f629}.notif-item-icon{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;margin-top:1px;display:inline-flex}.notif-item-icon--unread{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}html.dark .notif-item-icon{color:#64748b;background:#ffffff12;border-color:#ffffff17}html.dark .notif-item-icon--unread{color:#60a5fa;background:#3b82f626;border-color:#60a5fa40}.notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;display:block;overflow:hidden}html.dark .notif-item-title{color:#e2e8f0}.notif-item-msg{color:#64748b;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}html.dark .notif-item-msg{color:#64748b}.notif-item-time{color:#94a3b8;margin-top:3px;font-size:11.5px;display:block}html.dark .notif-item-time{color:#475569}.notif-unread-dot{background:#2563eb;border-radius:999px;flex-shrink:0;width:8px;min-width:8px;height:8px;margin-top:4px;box-shadow:0 0 6px #2563eb80}html.dark .notif-unread-dot{background:#60a5fa;box-shadow:0 0 6px #60a5fa8c}.notification-bell{position:relative}.notification-bell strong{position:absolute;top:-6px;right:-6px}.dashboard-shell :where(.metric-card,.stat-card,.content-card,.chart-card,.panel,.settings-card,.event-card,.quick-action-card){z-index:0;position:relative}@media (width<=359px){.notif-panel{border-radius:14px;left:8px;right:8px}}@media (height>=812px) and (width<=767px){.notif-panel{max-height:72vh}}@media (width>=768px) and (width<=1024px){.notif-panel{width:min(360px,100vw - 48px);max-height:480px}}.dashboard-shell.light-mode .settings-page,.dashboard-shell.dark-mode .settings-page{color:var(--p-text-1)}.dashboard-shell.light-mode .settings-card,.dashboard-shell.light-mode .account-settings-card,.dashboard-shell.light-mode .family-settings-card,.dashboard-shell.light-mode .production-settings-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a}.dashboard-shell.dark-mode .settings-card,.dashboard-shell.dark-mode .account-settings-card,.dashboard-shell.dark-mode .family-settings-card,.dashboard-shell.dark-mode .production-settings-card{box-shadow:none;background:#0e1525;border-color:#94a3b82e}.dashboard-shell.light-mode .settings-card-header,.dashboard-shell.light-mode .account-settings-header,.dashboard-shell.light-mode .production-settings-header,.dashboard-shell.light-mode .settings-form-section,.dashboard-shell.light-mode .settings-form-actions,.dashboard-shell.light-mode .settings-option,.dashboard-shell.light-mode .account-action-row{border-color:#e2e8f0}.dashboard-shell.dark-mode .settings-card-header,.dashboard-shell.dark-mode .account-settings-header,.dashboard-shell.dark-mode .production-settings-header,.dashboard-shell.dark-mode .settings-form-section,.dashboard-shell.dark-mode .settings-form-actions,.dashboard-shell.dark-mode .settings-option,.dashboard-shell.dark-mode .account-action-row{border-color:#94a3b82e}.dashboard-shell.light-mode .production-settings-header,.dashboard-shell.light-mode .account-action-row,.dashboard-shell.light-mode .settings-form-actions{background:#fff}.dashboard-shell.light-mode .settings-form-actions{background:#f8fafc}.dashboard-shell.dark-mode .production-settings-header,.dashboard-shell.dark-mode .account-action-row{background:#0e1525}.dashboard-shell.dark-mode .settings-form-actions{background:#111827}.dashboard-shell.light-mode .account-action-row:hover{background:#f8fafc;border-color:#bfdbfe}.dashboard-shell.dark-mode .account-action-row:hover{background:#94a3b814;border-color:#60a5fa42}.dashboard-shell.light-mode :where(.settings-card-header h2,.account-settings-title,.production-settings-title,.settings-option strong,.account-action-title,.settings-form-section h3){color:#0f172a}.dashboard-shell.dark-mode :where(.settings-card-header h2,.account-settings-title,.production-settings-title,.settings-option strong,.account-action-title,.settings-form-section h3){color:#f1f5f9}.dashboard-shell.light-mode :where(.settings-card-header p,.account-settings-subtitle,.production-settings-subtitle,.settings-option span,.account-action-subtitle,.settings-form-section p,.family-settings-card>.muted,.family-settings-card ul,.settings-form-field span){color:#64748b}.dashboard-shell.dark-mode :where(.settings-card-header p,.account-settings-subtitle,.production-settings-subtitle,.settings-option span,.account-action-subtitle,.settings-form-section p,.family-settings-card>.muted,.family-settings-card ul,.settings-form-field span){color:#94a3b8}.dashboard-shell.light-mode :where(.settings-card-header>svg,.production-settings-icon,.account-action-icon){color:#2563eb;background:#eff6ff;border-color:#2563eb24}.dashboard-shell.dark-mode :where(.settings-card-header>svg,.production-settings-icon,.account-action-icon){color:#60a5fa;background:#3b82f624;border-color:#60a5fa3d}.dashboard-shell.light-mode :where(.settings-option>svg,.settings-option-left>svg,.account-action-arrow){color:#64748b}.dashboard-shell.dark-mode :where(.settings-option>svg,.settings-option-left>svg,.account-action-arrow){color:#94a3b8}.dashboard-shell .settings-page :where(input,select,textarea,.cs-trigger){box-sizing:border-box;border-radius:var(--p-r-md);border-style:solid;border-width:1px;min-height:42px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.dashboard-shell.light-mode .settings-page :where(input,select,textarea,.cs-trigger){color:#0f172a;background:#fff;border-color:#cbd5e1}.dashboard-shell.dark-mode .settings-page :where(input,select,textarea,.cs-trigger){color:#f1f5f9;background:#111827;border-color:#94a3b842}.dashboard-shell.light-mode .settings-page :where(input,select,textarea,.cs-trigger):focus,.dashboard-shell.light-mode .settings-page .cs-wrap.cs-open .cs-trigger{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.dashboard-shell.dark-mode .settings-page :where(input,select,textarea,.cs-trigger):focus,.dashboard-shell.dark-mode .settings-page .cs-wrap.cs-open .cs-trigger{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa29}.dashboard-shell.light-mode .settings-page .cs-chevron{color:#64748b}.dashboard-shell.dark-mode .settings-page .cs-chevron{color:#94a3b8}body.light-mode .cs-menu-portal{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 16px 36px #0f172a24}body.dark-mode .cs-menu-portal{color:#f1f5f9;background:#0f172a;border-color:#94a3b838;box-shadow:0 18px 44px #00000080}body.light-mode .cs-menu-portal .cs-option:hover,body.light-mode .cs-menu-portal .cs-option--sel{color:#1d4ed8;background:#eff6ff}body.dark-mode .cs-menu-portal .cs-option:hover,body.dark-mode .cs-menu-portal .cs-option--sel{color:#bfdbfe;background:#3b82f629}.dashboard-shell .settings-toggle{box-sizing:border-box;border-width:1px;justify-content:flex-start;width:44px;min-width:44px;height:24px;min-height:24px;padding:2px;transition:background-color .22s,border-color .22s}.dashboard-shell .settings-toggle .settings-toggle__thumb{width:18px;min-width:18px;height:18px;min-height:18px;transition:transform .22s cubic-bezier(.4,0,.2,1),color .16s,box-shadow .16s}.dashboard-shell .settings-toggle.on .settings-toggle__thumb{transform:translate(20px)}.dashboard-shell.light-mode .settings-toggle{background:#e2e8f0;border-color:#cbd5e1}.dashboard-shell.dark-mode .settings-toggle{background:#1e293b;border-color:#94a3b847}.dashboard-shell.light-mode .settings-toggle.on,.dashboard-shell.dark-mode .settings-toggle.on{background:#2563eb;border-color:#2563eb}.dashboard-shell.light-mode .settings-toggle__thumb{color:#64748b;background:#fff}.dashboard-shell.dark-mode .settings-toggle__thumb{color:#475569;background:#f8fafc}.dashboard-shell.light-mode .settings-toggle--theme .settings-toggle__thumb{color:#f59e0b}.dashboard-shell.light-mode .settings-toggle--theme.on .settings-toggle__thumb{color:#2563eb}.dashboard-shell.dark-mode .settings-toggle--theme .settings-toggle__thumb{color:#f59e0b}.dashboard-shell.dark-mode .settings-toggle--theme.on .settings-toggle__thumb{color:#3b82f6}.dashboard-shell.light-mode .settings-card>.secondary-button,.dashboard-shell.light-mode .settings-card .form-actions .secondary-button{color:#334155;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.dashboard-shell.dark-mode .settings-card>.secondary-button,.dashboard-shell.dark-mode .settings-card .form-actions .secondary-button{color:#e2e8f0;box-shadow:none;background:#111827;border-color:#94a3b83d}