*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.-top-9{top:-2.25rem}.bottom-0{bottom:0}.bottom-\[72px\]{bottom:72px}.bottom-\[80px\]{bottom:80px}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-\[calc\(100\%\+10px\)\]{top:calc(100% + 10px)}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.-mt-2{margin-top:-.5rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[42px\]{height:42px}.h-full{height:100%}.max-h-\[420px\]{max-height:420px}.max-h-\[90vh\]{max-height:90vh}.min-h-11{min-height:2.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[104px\]{min-height:104px}.min-h-\[112px\]{min-height:112px}.min-h-\[136px\]{min-height:136px}.min-h-\[180px\]{min-height:180px}.min-h-\[220px\]{min-height:220px}.min-h-\[22px\]{min-height:22px}.min-h-\[260px\]{min-height:260px}.min-h-\[52px\]{min-height:52px}.min-h-\[calc\(100vh-3rem\)\]{min-height:calc(100vh - 3rem)}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[260px\]{width:260px}.w-\[288px\]{width:288px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-20{min-width:5rem}.min-w-\[96px\]{min-width:96px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[140px\]{max-width:140px}.max-w-\[14rem\]{max-width:14rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[44px_104px_minmax\(92px\2c 1fr\)_minmax\(92px\2c 1fr\)_minmax\(86px\2c 1fr\)_minmax\(100px\2c 1fr\)_104px_92px\]{grid-template-columns:44px 104px minmax(92px,1fr) minmax(92px,1fr) minmax(86px,1fr) minmax(100px,1fr) 104px 92px}.grid-cols-\[48px_1fr\]{grid-template-columns:48px 1fr}.grid-cols-\[76px_minmax\(0\2c 1fr\)_92px\]{grid-template-columns:76px minmax(0,1fr) 92px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-dashed>:not([hidden])~:not([hidden]){border-style:dashed}.divide-\[\#E2E8F0\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(226 232 240/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#94A3B8\]{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.border-\[\#CBD5E1\]{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-\[\#E2E8F0\]{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-\[\#EEF2F7\]{--tw-border-opacity:1;border-color:rgb(238 242 247/var(--tw-border-opacity,1))}.border-accent-600{border-color:var(--accent-600)}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.bg-\[\#334155\]{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-\[\#EEF2F7\]{--tw-bg-opacity:1;background-color:rgb(238 242 247/var(--tw-bg-opacity,1))}.bg-\[\#F8FAFC\]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-accent-50{background-color:var(--accent-50)}.bg-accent-600{background-color:var(--accent-600)}.bg-accent-700{background-color:var(--accent-700)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/40{background-color:rgba(2,6,23,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-0{padding-left:0;padding-right:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-0{padding-bottom:0}.pb-\[88px\]{padding-bottom:88px}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[650\]{font-weight:650}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[14px\]{line-height:14px}.leading-\[15px\]{line-height:15px}.leading-\[18px\]{line-height:18px}.leading-\[22px\]{line-height:22px}.leading-\[26px\]{line-height:26px}.leading-\[30px\]{line-height:30px}.leading-\[34px\]{line-height:34px}.leading-\[42px\]{line-height:42px}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-normal{letter-spacing:0}.text-\[\#0F172A\]{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-\[\#182E6F\]{--tw-text-opacity:1;color:rgb(24 46 111/var(--tw-text-opacity,1))}.text-\[\#2E6F40\]{--tw-text-opacity:1;color:rgb(46 111 64/var(--tw-text-opacity,1))}.text-\[\#475569\]{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-\[\#64748B\]{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-\[\#94A3B8\]{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-\[\#CD1C18\]{--tw-text-opacity:1;color:rgb(205 28 24/var(--tw-text-opacity,1))}.text-accent-600{color:var(--accent-600)}.text-accent-700{color:var(--accent-700)}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.opacity-0{opacity:0}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-soft{--tw-shadow:0 1px 2px rgba(15,23,42,.04);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color)}.shadow-soft,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[\#E2E8F0\]{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity,1))}.ring-accent-100{--tw-ring-color:var(--accent-100)}.ring-amber-200{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity,1))}.ring-amber-900{--tw-ring-opacity:1;--tw-ring-color:rgb(120 53 15/var(--tw-ring-opacity,1))}.ring-emerald-200{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity,1))}.ring-emerald-900{--tw-ring-opacity:1;--tw-ring-color:rgb(6 78 59/var(--tw-ring-opacity,1))}.ring-red-100{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.ring-red-900{--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-75{transition-duration:75ms}.placeholder\:text-\[\#94A3B8\]::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-\[\#94A3B8\]::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.last\:border-0:last-child{border-width:0}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-accent-100:focus-within{--tw-ring-color:var(--accent-100)}.hover\:bg-\[\#EFF6FF\]:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F8FAFC\]:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-accent-100:hover{background-color:var(--accent-100)}.hover\:bg-accent-50:hover{background-color:var(--accent-50)}.hover\:bg-accent-700:hover{background-color:var(--accent-700)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:text-\[\#0F172A\]:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-accent-600:hover{color:var(--accent-600)}.hover\:text-accent-700:hover{color:var(--accent-700)}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.focus\:border-accent-600:focus{border-color:var(--accent-600)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-accent-100:focus{--tw-ring-color:var(--accent-100)}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:divide-slate-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(30 41 59/var(--tw-divide-opacity,1))}.dark\:border-red-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:border-slate-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 26 3/var(--tw-bg-opacity,1))}.dark\:bg-emerald-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 44 34/var(--tw-bg-opacity,1))}.dark\:bg-red-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.dark\:bg-white\/10:is(.dark *){background-color:hsla(0,0%,100%,.1)}.dark\:bg-white\/5:is(.dark *){background-color:hsla(0,0%,100%,.05)}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dark\:text-slate-600:is(.dark *){--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ring-amber-900:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(120 53 15/var(--tw-ring-opacity,1))}.dark\:ring-emerald-900:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(6 78 59/var(--tw-ring-opacity,1))}.dark\:ring-red-900:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(127 29 29/var(--tw-ring-opacity,1))}.dark\:ring-slate-700:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1))}.dark\:hover\:bg-red-950:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.dark\:hover\:bg-slate-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}@media (min-width:640px){.sm\:flex{display:flex}.sm\:w-\[190px\]{width:190px}.sm\:w-auto{width:auto}.sm\:max-w-\[160px\]{max-width:160px}.sm\:max-w-\[190px\]{max-width:190px}.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-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}}@media (min-width:768px){.md\:bottom-auto{bottom:auto}.md\:left-auto{left:auto}.md\:right-4{right:1rem}.md\:top-4{top:1rem}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:ml-20{margin-left:5rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-10{height:2.5rem}.md\:h-12{height:3rem}.md\:h-6{height:1.5rem}.md\:h-\[21px\]{height:21px}.md\:h-\[34px\]{height:34px}.md\:h-\[42px\]{height:42px}.md\:min-h-0{min-height:0}.md\:min-h-6{min-height:1.5rem}.md\:min-h-\[100px\]{min-height:100px}.md\:min-h-\[124px\]{min-height:124px}.md\:min-h-\[150px\]{min-height:150px}.md\:min-h-\[300px\]{min-height:300px}.md\:min-h-\[34px\]{min-height:34px}.md\:min-h-\[42px\]{min-height:42px}.md\:w-10{width:2.5rem}.md\:w-12{width:3rem}.md\:w-\[21px\]{width:21px}.md\:w-\[360px\]{width:360px}.md\:max-w-2xl{max-width:42rem}.md\:max-w-\[980px\]{max-width:980px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[118px_minmax\(0\2c 1fr\)_96px\]{grid-template-columns:118px minmax(0,1fr) 96px}.md\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.md\:grid-cols-\[58px_1fr\]{grid-template-columns:58px 1fr}.md\:grid-cols-\[minmax\(0\2c 1\.35fr\)_minmax\(160px\2c \.75fr\)_minmax\(160px\2c \.75fr\)_minmax\(150px\2c \.65fr\)_auto\]{grid-template-columns:minmax(0,1.35fr) minmax(160px,.75fr) minmax(160px,.75fr) minmax(150px,.65fr) auto}.md\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-\[10px\]{border-radius:10px}.md\:rounded-\[18px\]{border-radius:18px}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-12{padding-bottom:3rem;padding-top:3rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.md\:py-8{padding-bottom:2rem;padding-top:2rem}.md\:py-9{padding-bottom:2.25rem;padding-top:2.25rem}.md\:pb-6{padding-bottom:1.5rem}.md\:text-\[13px\]{font-size:13px}.md\:text-\[17px\]{font-size:17px}.md\:text-\[18px\]{font-size:18px}.md\:text-\[19px\]{font-size:19px}.md\:text-\[23px\]{font-size:23px}.md\:text-\[26px\]{font-size:26px}.md\:text-\[28px\]{font-size:28px}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem}.md\:leading-4,.md\:text-xs{line-height:1rem}.md\:leading-5{line-height:1.25rem}.md\:leading-6{line-height:1.5rem}.md\:leading-7{line-height:1.75rem}.md\:leading-9{line-height:2.25rem}.md\:leading-\[18px\]{line-height:18px}.md\:leading-\[22px\]{line-height:22px}.md\:leading-\[26px\]{line-height:26px}.md\:leading-\[30px\]{line-height:30px}.md\:leading-\[34px\]{line-height:34px}}@media (min-width:1024px){.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-10{height:2.5rem}.lg\:h-8{height:2rem}.lg\:h-9{height:2.25rem}.lg\:min-h-10{min-height:2.5rem}.lg\:min-h-24{min-height:6rem}.lg\:w-9{width:2.25rem}.lg\:w-auto{width:auto}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_480px\]{grid-template-columns:1fr 480px}.lg\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.lg\:grid-cols-\[44px_104px_minmax\(92px\2c 1fr\)_minmax\(92px\2c 1fr\)_minmax\(86px\2c 1fr\)_minmax\(100px\2c 1fr\)_104px_92px\]{grid-template-columns:44px 104px minmax(92px,1fr) minmax(92px,1fr) minmax(86px,1fr) minmax(100px,1fr) 104px 92px}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-3{gap:.75rem}.lg\:rounded-none{border-radius:0}.lg\:border-x-0{border-left-width:0;border-right-width:0}.lg\:border-t-0{border-top-width:0}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:py-3{padding-bottom:.75rem;padding-top:.75rem}.lg\:last\:border-b-0:last-child{border-bottom-width:0}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:ml-\[260px\]{margin-left:260px}.xl\:mt-3{margin-top:.75rem}.xl\:mt-8{margin-top:2rem}.xl\:block{display:block}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:h-8{height:2rem}.xl\:h-\[22px\]{height:22px}.xl\:min-h-\[132px\]{min-height:132px}.xl\:min-h-\[160px\]{min-height:160px}.xl\:min-h-\[320px\]{min-height:320px}.xl\:w-8{width:2rem}.xl\:w-\[22px\]{width:22px}.xl\:w-\[260px\]{width:260px}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[1\.1fr_\.9fr\]{grid-template-columns:1.1fr .9fr}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.xl\:items-center{align-items:center}.xl\:justify-start{justify-content:flex-start}.xl\:justify-center{justify-content:center}.xl\:gap-2{gap:.5rem}.xl\:gap-5{gap:1.25rem}.xl\:p-3{padding:.75rem}.xl\:p-6{padding:1.5rem}.xl\:p-7{padding:1.75rem}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:px-2{padding-left:.5rem;padding-right:.5rem}.xl\:px-3{padding-left:.75rem;padding-right:.75rem}.xl\:px-4{padding-left:1rem;padding-right:1rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.xl\:py-8{padding-bottom:2rem;padding-top:2rem}.xl\:pl-7{padding-left:1.75rem}.xl\:text-2xl{font-size:1.5rem;line-height:2rem}.xl\:text-\[28px\]{font-size:28px}.xl\:text-\[30px\]{font-size:30px}.xl\:text-sm{font-size:.875rem;line-height:1.25rem}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}.xl\:font-semibold{font-weight:600}.xl\:leading-7{line-height:1.75rem}.xl\:leading-8{line-height:2rem}.xl\:leading-9{line-height:2.25rem}.xl\:leading-\[38px\]{line-height:38px}}@media (min-width:1536px){.\32xl\:ml-\[272px\]{margin-left:272px}.\32xl\:w-\[272px\]{width:272px}.\32xl\:max-w-\[1320px\]{max-width:1320px}.\32xl\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.\32xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.\32xl\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}}
@media (min-width:768px){.savings-overview-grid{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}}.savings-overview-grid{display:grid;align-items:center;gap:1.25rem}@media (min-width:1024px){.savings-overview-grid{grid-template-columns:260px minmax(0,1fr)}}

.notification-menu-panel{position:fixed;left:5.75rem;top:5.75rem;z-index:80;width:360px;max-width:calc(100vw - 7rem);border-radius:1rem;border:1px solid #e2e8f0;background:#fff;padding:.5rem;box-shadow:0 20px 25px -5px rgba(15,23,42,.12),0 8px 10px -6px rgba(15,23,42,.08)}
.notification-nav-badge{display:inline-flex;height:20px;min-width:20px;align-items:center;justify-content:center;border-radius:999px;background:#dc2626;color:#fff;padding:0 6px;font-size:11px;font-weight:700;line-height:1}
html.dark .notification-menu-panel{border-color:#1e293b;background:#020617}
@media (min-width:1280px){.notification-menu-panel{left:276px}}
@media (min-width:1280px){.notification-nav-badge{margin-left:auto}}
@media (min-width:1536px){.notification-menu-panel{left:288px}}
@media (max-width:1279px){.notification-nav-badge{height:18px;min-width:18px;margin-left:0;padding:0 5px;font-size:10px}}
@media (max-width:767px){.notification-menu-panel{left:1rem;right:1rem;top:auto;bottom:5rem;width:auto;max-width:none}}

.savings-overview-grid{grid-template-columns:1fr}
.savings-overview-grid>div:first-child{min-width:0}
.savings-overview-grid>div:last-child{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:768px){.savings-overview-grid>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.savings-overview-grid{grid-template-columns:260px minmax(0,1fr)}}
@media (min-width:768px) and (max-width:1199px){.savings-overview-grid>div:last-child>div{padding:.875rem}.savings-overview-grid>div:last-child p:last-child{font-size:17px;line-height:24px}}

@media (min-width:768px) and (max-width:1199px){
  .mobile-card-table{table-layout:fixed;font-size:12px}
  .mobile-card-table th,.mobile-card-table td{padding:10px 8px!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere}
  .mobile-card-table th{font-size:11px!important;line-height:14px!important}
  .mobile-card-table td{font-size:12px!important;line-height:18px!important}
  .mobile-card-table .whitespace-nowrap{white-space:normal!important}
  .mobile-card-table td[data-label="Actions"] .flex{gap:4px;justify-content:flex-end}
  .mobile-card-table td[data-label="Actions"] button{height:32px;width:32px;min-height:32px}
  .mobile-card-table td[data-label="Progress"]>div{min-width:56px;max-width:92px}
}

.planner-overview-grid{display:grid;gap:28px}.planner-metrics-grid{display:grid;gap:16px}.planner-metric-card{min-height:112px;padding:20px}.planner-breakdown-section{margin-top:4px}.planner-breakdown-title{margin-bottom:52px;font-size:32px;line-height:40px;letter-spacing:0}.planner-breakdown-card{border:1px solid #e5e5e5;border-radius:22px;background:#fff;padding:42px 44px;box-shadow:none}.planner-donut-layout{display:grid;align-items:center;gap:52px}.planner-donut-chart{width:min(420px,70vw);aspect-ratio:1/1}.planner-donut-total{font-size:28px;line-height:34px;letter-spacing:0}.planner-donut-caption{margin-top:8px;font-size:18px;line-height:24px;letter-spacing:0}.planner-donut-legend{display:grid;gap:24px}.planner-donut-legend-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:64px;font-size:16px;line-height:22px}.planner-donut-marker{width:12px;height:12px;margin-right:24px}.planner-donut-name,.planner-donut-amount{font-size:16px;line-height:22px;letter-spacing:0}@media (min-width:640px){.planner-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.planner-donut-layout{grid-template-columns:minmax(360px,.95fr) minmax(360px,.8fr);gap:76px}.planner-donut-legend{padding-right:32px}.planner-breakdown-card{min-height:520px}}@media (min-width:1024px){.planner-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.planner-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-breakdown-section{margin-top:0}.planner-breakdown-title{margin-bottom:16px;font-size:20px;line-height:28px;color:#0f172a}.planner-breakdown-card{min-height:356px;padding:20px;border-color:#e2e8f0;border-radius:16px}.planner-donut-layout{grid-template-columns:minmax(210px,.9fr) minmax(190px,.78fr);gap:24px;min-height:314px}.planner-donut-chart{width:230px}.planner-donut-total{font-size:18px;line-height:24px}.planner-donut-caption{margin-top:4px;font-size:12px;line-height:16px}.planner-donut-legend{gap:12px;padding-right:0}.planner-donut-legend-row{column-gap:20px;font-size:12px;line-height:16px}.planner-donut-marker{width:8px;height:8px;margin-right:12px}.planner-donut-name,.planner-donut-amount{font-size:12px;line-height:16px}}@media (max-width:899px){.planner-breakdown-title{margin-bottom:24px;font-size:28px;line-height:34px}.planner-breakdown-card{padding:28px 20px}.planner-donut-layout{gap:30px}.planner-donut-chart{width:min(360px,78vw)}.planner-donut-legend{gap:16px}.planner-donut-legend-row{column-gap:24px}}@media (max-width:520px){.planner-breakdown-title{font-size:24px;line-height:30px}.planner-breakdown-card{border-radius:18px;padding:22px 16px}.planner-donut-chart{width:min(280px,78vw)}.planner-donut-total{font-size:22px;line-height:28px}.planner-donut-caption{font-size:15px;line-height:20px}.planner-donut-legend-row{grid-template-columns:minmax(0,1fr);row-gap:4px}.planner-donut-marker{margin-right:12px}.planner-donut-name,.planner-donut-amount{font-size:15px;line-height:20px}}

.notification-menu-backdrop{position:fixed;inset:0;z-index:79;background:rgba(15,23,42,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.notification-menu-panel{position:fixed;left:50%;right:auto;top:50%;bottom:auto;z-index:80;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(560px,calc(100dvh - 48px));transform:translate(-50%,-50%);overflow:hidden;border-radius:18px;border:1px solid #e2e8f0;background:#fff;padding:14px;box-shadow:0 24px 60px rgba(15,23,42,.18)}
.notification-alert-list{max-height:min(410px,calc(100dvh - 170px));padding-right:4px}
.notification-alert-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) 76px;align-items:start;gap:12px;padding:12px}
.notification-alert-card:hover{background:#f8fafc}
.notification-alert-actions{align-self:start}
html.dark .notification-menu-backdrop{background:rgba(2,6,23,.62)}
html.dark .notification-menu-panel{border-color:#1e293b;background:#020617}
html.dark .notification-alert-card:hover{background:#0f172a}
@media (max-width:767px){
  .notification-menu-panel{left:50%;right:auto;top:50%;bottom:auto;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:12px;border-radius:16px}
  .notification-alert-list{max-height:calc(100dvh - 164px)}
  .notification-alert-card{grid-template-columns:40px minmax(0,1fr) 72px;gap:10px;padding:12px}
  .notification-alert-actions{grid-column:auto;justify-content:flex-end;margin-top:0}
}

.mobile-menu-backdrop{position:fixed;inset:0 0 calc(64px + env(safe-area-inset-bottom)) 0;z-index:44;background:rgba(15,23,42,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mobile-menu-sheet{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:55;max-height:calc(100dvh - 96px);overflow-y:auto;border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid #e2e8f0;border-bottom:0;background:#fff;padding:14px 16px 24px;box-shadow:0 -18px 40px rgba(15,23,42,.16)}
.mobile-menu-handle{width:72px;height:6px;border-radius:999px;background:#dbe2f0;margin:0 auto 16px}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mobile-menu-tile{display:flex;min-height:64px;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:0 14px;color:#475569;font-size:14px;font-weight:650;line-height:20px;text-align:left;transition:background-color .15s,border-color .15s,color .15s}
.mobile-menu-tile svg{width:20px;height:20px;flex-shrink:0}
.mobile-menu-tile:focus{outline:0;box-shadow:0 0 0 3px var(--accent-100)}
.mobile-menu-tile.is-active{border-color:var(--accent-100);background:var(--accent-50);color:var(--accent-700)}
.mobile-menu-tile-badge{margin-left:auto;display:inline-flex;height:20px;min-width:20px;align-items:center;justify-content:center;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:0 6px}
html.dark .mobile-menu-backdrop{background:rgba(2,6,23,.62)}
html.dark .mobile-menu-sheet{border-color:#1e293b;background:#020617}
html.dark .mobile-menu-tile{border-color:#1e293b;background:#0f172a;color:#cbd5e1}
html.dark .mobile-menu-tile.is-active{background:rgba(37,99,235,.16);color:#bfdbfe}
.password-input-wrap{position:relative;width:100%}
.password-input{padding-right:2.75rem!important}
.password-toggle{position:absolute;right:.75rem;top:50%;display:grid;width:1.75rem;height:1.75rem;min-width:1.75rem;place-items:center;transform:translateY(-50%);border-radius:.5rem;color:#94a3b8;background:transparent;transition:background-color .15s,color .15s,box-shadow .15s}
.password-toggle svg{width:.8125rem;height:.8125rem;display:block;flex-shrink:0}
.password-toggle:hover{background:#f8fafc;color:#64748b}
.password-toggle:focus{outline:0;box-shadow:0 0 0 3px var(--accent-100)}
.password-policy-note{margin-top:.75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;padding:.625rem .75rem;font-size:.75rem;line-height:1rem;color:#475569}
html.dark .password-toggle:hover{background:#0f172a;color:#cbd5e1}
html.dark .password-policy-note{border-color:#1e293b;background:#020617;color:#cbd5e1}

@media (max-width:767px){
  .mobile-card-table.expense-mobile-table tr{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px 10px;
    padding:14px;
    text-align:left;
  }
  .mobile-card-table.expense-mobile-table td{
    display:block;
    width:auto;
    min-width:0;
    padding:0;
    text-align:left!important;
  }
  .mobile-card-table.expense-mobile-table td::before{
    display:block;
    margin-bottom:3px;
    color:#64748b;
    font-size:11px;
    font-weight:650;
    line-height:15px;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Select"]{
    grid-column:1;
    grid-row:1;
    align-self:start;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Select"]::before,
  .mobile-card-table.expense-mobile-table td[data-label="Actions"]::before{
    display:none;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"]{
    grid-column:2 / 4;
    grid-row:1;
    justify-self:end;
    align-self:start;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] .flex{
    justify-content:flex-end;
    gap:6px;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:10px!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Name"]{
    grid-column:1 / 4;
    grid-row:2;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Category"]{
    grid-column:1;
    grid-row:3;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Amount"]{
    grid-column:2;
    grid-row:3;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Paid"]{
    grid-column:3;
    grid-row:3;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Status"]{
    grid-column:1;
    grid-row:4;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Priority"]{
    grid-column:2 / 4;
    grid-row:4;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Name"],
  .mobile-card-table.expense-mobile-table td[data-label="Amount"],
  .mobile-card-table.expense-mobile-table td[data-label="Paid"]{
    overflow-wrap:anywhere;
  }
}

/* Notification modal sizing: keep the panel content-sized on mobile/tablet. */
.notification-menu-panel{
  bottom:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(520px,calc(100dvh - 48px))!important;
  overflow:hidden!important;
}
.notification-alert-list{
  height:auto!important;
  min-height:0!important;
  max-height:min(360px,calc(100dvh - 164px))!important;
  overflow-y:auto!important;
}
.notification-alert-card{
  min-height:0!important;
}
.notification-alert-actions button{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
}
@media (max-width:767px){
  .notification-menu-panel{
    width:min(360px,calc(100vw - 32px))!important;
    max-height:min(460px,calc(100dvh - 40px))!important;
    padding:12px!important;
  }
  .notification-alert-list{
    max-height:min(302px,calc(100dvh - 150px))!important;
  }
  .notification-alert-card{
    grid-template-columns:36px minmax(0,1fr) 72px!important;
    gap:10px!important;
    padding:12px!important;
  }
  .notification-alert-card .h-10.w-10{
    width:36px!important;
    height:36px!important;
  }
}

.expense-table{
  table-layout:fixed;
  min-width:0;
}
.expense-table th,
.expense-table td{
  padding:11px 10px!important;
  font-size:13px!important;
  line-height:18px!important;
  text-align:left!important;
  vertical-align:middle;
}
.expense-table th{
  font-size:12px!important;
  line-height:16px!important;
}
.expense-table col:nth-child(1){width:42px!important}
.expense-table col:nth-child(2){width:22%!important}
.expense-table col:nth-child(3){width:14%!important}
.expense-table col:nth-child(4){width:12%!important}
.expense-table col:nth-child(5){width:12%!important}
.expense-table col:nth-child(6){width:124px!important}
.expense-table col:nth-child(7){width:102px!important}
.expense-table col:nth-child(8){width:112px!important}
.expense-name-cell,
.expense-meta-cell{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.expense-money-cell{
  text-align:left;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.expense-select-cell{
  overflow:visible;
}
.expense-inline-select{
  display:block;
  width:100%;
  max-width:122px;
  height:34px;
  min-height:34px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background-color:#fff;
  color:#475569;
  font-size:12px;
  font-weight:600;
  line-height:16px;
  outline:none;
  padding:0 24px 0 9px!important;
  transition:border-color .15s,box-shadow .15s,background-color .15s;
}
.expense-inline-select-priority{
  max-width:96px;
}
.expense-inline-select:focus{
  border-color:var(--accent-600);
  box-shadow:0 0 0 3px var(--accent-100);
}
html.dark .expense-inline-select{
  border-color:#334155;
  background-color:#0f172a;
  color:#cbd5e1;
}
.select-tone-success{
  border-color:#a7f3d0!important;
  background-color:#ecfdf5!important;
  color:#047857!important;
  font-weight:650!important;
}
.select-tone-danger{
  border-color:#fecaca!important;
  background-color:#fef2f2!important;
  color:#b91c1c!important;
  font-weight:650!important;
}
.select-tone-warning{
  border-color:#fde68a!important;
  background-color:#fffbeb!important;
  color:#b45309!important;
  font-weight:650!important;
}
html.dark .select-tone-success{
  border-color:#065f46!important;
  background-color:rgba(6,95,70,.18)!important;
  color:#6ee7b7!important;
}
html.dark .select-tone-danger{
  border-color:#7f1d1d!important;
  background-color:rgba(127,29,29,.18)!important;
  color:#fca5a5!important;
}
html.dark .select-tone-warning{
  border-color:#92400e!important;
  background-color:rgba(146,64,14,.16)!important;
  color:#fcd34d!important;
}

@media (min-width:768px) and (max-width:1199px){
  .expense-table th,
  .expense-table td{
    padding:9px 7px!important;
    font-size:12px!important;
    line-height:17px!important;
  }
  .expense-table th{
    font-size:11px!important;
    line-height:14px!important;
  }
  .expense-table col:nth-child(1){width:38px!important}
  .expense-table col:nth-child(2){width:21%!important}
  .expense-table col:nth-child(3){width:14%!important}
  .expense-table col:nth-child(4){width:12%!important}
  .expense-table col:nth-child(5){width:12%!important}
  .expense-table col:nth-child(6){width:108px!important}
  .expense-table col:nth-child(7){width:90px!important}
  .expense-table col:nth-child(8){width:104px!important}
  .expense-inline-select{
    max-width:104px;
    height:32px;
    min-height:32px;
    font-size:11px;
    line-height:15px;
    padding-left:8px!important;
    padding-right:22px!important;
  }
  .expense-inline-select-priority{
    max-width:88px;
  }
  .expense-table td[data-label="Actions"] button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  .expense-table td[data-label="Actions"] .flex{
    gap:5px!important;
  }
}

@media (min-width:768px){
  .expense-table td[data-label="Actions"] .flex{
    justify-content:flex-start!important;
    gap:6px!important;
  }
  .expense-table td[data-label="Actions"] button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
}

@media (max-width:767px){
  .mobile-card-table.expense-mobile-table tr{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:12px 10px!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Select"]{
    grid-column:1 / 3!important;
    grid-row:1!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"]{
    grid-column:3 / 7!important;
    grid-row:1!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Name"]{
    grid-column:1 / 7!important;
    grid-row:2!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Category"]{
    grid-column:1 / 3!important;
    grid-row:3!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Amount"]{
    grid-column:3 / 5!important;
    grid-row:3!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Paid"]{
    grid-column:5 / 7!important;
    grid-row:3!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Status"]{
    grid-column:1 / 4!important;
    grid-row:4!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Priority"]{
    grid-column:4 / 7!important;
    grid-row:4!important;
  }
  .mobile-card-table.expense-mobile-table .expense-inline-select{
    width:100%;
    max-width:none;
    min-width:0;
    height:40px;
    min-height:40px;
    font-size:13px;
    line-height:18px;
    padding-left:12px!important;
    padding-right:34px!important;
  }
  .mobile-card-table.expense-mobile-table .expense-money-cell{
    text-align:left!important;
    white-space:normal;
  }
  .mobile-card-table.expense-mobile-table .expense-name-cell,
  .mobile-card-table.expense-mobile-table .expense-meta-cell{
    white-space:normal;
  }
}

@media (max-width:767px){
  .mobile-card-table.expense-mobile-table td[data-label="Select"]{
    display:flex!important;
    min-height:36px;
    align-items:center;
    justify-content:flex-start;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"]{
    display:flex!important;
    min-height:36px;
    align-items:center;
    justify-content:flex-end;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] .flex{
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border:1px solid #E2E8F0!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#475569!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] button:hover{
    background:#F8FAFC!important;
    color:var(--accent-700)!important;
  }
  .mobile-card-table.expense-mobile-table td[data-label="Actions"] button[aria-label^="Delete"]:hover{
    background:#FEF2F2!important;
    color:#DC2626!important;
  }
}

.savings-goals-table th,
.savings-goals-table td{
  text-align:left!important;
  vertical-align:middle;
}
.savings-goals-table td[data-label="Progress"]>div{
  margin-left:0;
  min-width:0!important;
  max-width:96px!important;
}
.savings-goals-table td[data-label="Actions"] .flex{
  justify-content:flex-start!important;
}
.savings-goals-table th:nth-child(1){width:15%}
.savings-goals-table th:nth-child(2){width:12%}
.savings-goals-table th:nth-child(3){width:8%}
.savings-goals-table th:nth-child(4){width:14%}
.savings-goals-table th:nth-child(5){width:13%}
.savings-goals-table th:nth-child(6){width:13%}
.savings-goals-table th:nth-child(7){width:11%}
.savings-goals-table th:nth-child(8){width:14%}

/* Shared desktop/tablet table rhythm. Keeps all CashCal tables aligned and compact. */
@media (min-width:768px){
  .mobile-card-table{
    table-layout:fixed;
    width:100%;
  }
  .mobile-card-table th,
  .mobile-card-table td{
    padding:9px 10px!important;
    font-size:12px!important;
    line-height:17px!important;
    text-align:left!important;
    vertical-align:middle!important;
  }
  .mobile-card-table th{
    height:40px;
    font-size:11px!important;
    font-weight:650!important;
    line-height:14px!important;
    white-space:nowrap!important;
  }
  .mobile-card-table td{
    overflow-wrap:normal;
  }
  .mobile-card-table td[data-label="Actions"] .flex{
    justify-content:flex-start!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .mobile-card-table td[data-label="Actions"] button[aria-label]{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border:1px solid #e2e8f0!important;
    border-radius:10px!important;
  }
  .mobile-card-table td[data-label="Actions"] button[aria-label] svg{
    width:13px!important;
    height:13px!important;
  }
  .mobile-card-table td[data-label="Progress"]>div{
    margin-left:0!important;
  }
  .expense-inline-select{
    max-width:104px;
    height:30px;
    min-height:30px;
    font-size:11px;
    line-height:15px;
    padding-left:8px!important;
    padding-right:20px!important;
  }
  .expense-inline-select-priority{
    max-width:86px;
  }
}

@media (min-width:768px) and (max-width:1199px){
  .mobile-card-table th,
  .mobile-card-table td{
    padding:8px 6px!important;
    font-size:11px!important;
    line-height:16px!important;
  }
  .mobile-card-table th{
    font-size:11px!important;
    line-height:14px!important;
  }
  .mobile-card-table td[data-label="Actions"] .flex{
    gap:5px!important;
  }
  .mobile-card-table td[data-label="Actions"] button[aria-label]{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  .mobile-card-table td[data-label="Actions"] button[aria-label] svg{
    width:13px!important;
    height:13px!important;
  }
  .expense-inline-select{
    max-width:104px;
    font-size:11px;
    line-height:15px;
    padding-left:8px!important;
    padding-right:20px!important;
  }
  .expense-inline-select-priority{
    max-width:86px;
  }
}

.quick-add-backdrop{
  position:fixed;
  inset:0;
  z-index:58;
  background:rgba(15,23,42,.34);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.quick-add-dialog{
  position:fixed;
  left:50%;
  top:50%;
  z-index:70;
  width:min(420px,calc(100vw - 32px));
  transform:translate(-50%,-50%);
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  padding:18px;
  box-shadow:0 24px 60px rgba(15,23,42,.22);
}
.quick-add-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.quick-add-tile{
  display:flex;
  min-height:68px;
  align-items:center;
  gap:12px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  padding:0 14px;
  color:#475569;
  font-size:14px;
  font-weight:650;
  line-height:20px;
  text-align:left;
  transition:background-color .15s,border-color .15s,color .15s,transform .15s;
}
.quick-add-tile:hover{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.quick-add-tile:focus{
  outline:0;
  box-shadow:0 0 0 3px var(--accent-100);
}
.quick-add-tile-wide{
  grid-column:1/-1;
}
.quick-add-tile-icon{
  display:grid;
  height:36px;
  width:36px;
  flex-shrink:0;
  place-items:center;
  border-radius:12px;
  background:var(--accent-50);
  color:var(--accent-700);
}
.quick-add-tile svg{
  width:20px;
  height:20px;
}
html.dark .quick-add-backdrop{
  background:rgba(2,6,23,.62);
}
html.dark .quick-add-dialog{
  border-color:#1e293b;
  background:#020617;
}
html.dark .quick-add-tile{
  border-color:#1e293b;
  background:#0f172a;
  color:#cbd5e1;
}
html.dark .quick-add-tile:hover{
  border-color:#1d4ed8;
  background:rgba(37,99,235,.16);
  color:#bfdbfe;
}

/* Final table/dropdown polish: stable chevron lane, balanced type weight, left alignment. */
.expense-inline-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23475569' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center!important;
  background-size:14px 14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-align-last:left!important;
}
.expense-inline-select option{
  font-weight:400!important;
}
.select-tone-success,
.select-tone-danger,
.select-tone-warning{
  font-weight:500!important;
}
.expense-table th,
.expense-table td{
  text-align:left!important;
}
.expense-table td{
  font-weight:400!important;
}
.expense-table .expense-name-cell,
.expense-table td[data-label="Amount"]{
  font-weight:650!important;
}
.expense-table td[data-label="Paid"],
.expense-table td[data-label="Status"],
.expense-table td[data-label="Priority"],
.expense-table td[data-label="Actions"],
.expense-table .expense-meta-cell{
  font-weight:400!important;
}
.expense-table td[data-label="Status"],
.expense-table td[data-label="Priority"]{
  min-width:0;
}

@media (min-width:768px){
  .mobile-card-table th,
  .mobile-card-table td{
    text-align:left!important;
  }
  .mobile-card-table td{
    font-weight:400!important;
  }
  .mobile-card-table td[data-label="Name"],
  .mobile-card-table td[data-label="Source"],
  .mobile-card-table td[data-label="Person"],
  .mobile-card-table td[data-label="Institution"],
  .mobile-card-table td[data-label="Goal Name"],
  .mobile-card-table td[data-label="Month Name"]{
    font-weight:650!important;
  }
  .mobile-card-table td[data-label="Name"] > *,
  .mobile-card-table td[data-label="Source"] > *,
  .mobile-card-table td[data-label="Person"] > *,
  .mobile-card-table td[data-label="Institution"] > *,
  .mobile-card-table td[data-label="Goal Name"] > :first-child,
  .mobile-card-table td[data-label="Month Name"] > *{
    font-weight:650!important;
  }
  .mobile-card-table td[data-label="Category"],
  .mobile-card-table td[data-label="Date"],
  .mobile-card-table td[data-label="Due Date"],
  .mobile-card-table td[data-label="Maturity Date"],
  .mobile-card-table td[data-label="Status"],
  .mobile-card-table td[data-label="Priority"],
  .mobile-card-table td[data-label="Tenure"],
  .mobile-card-table td[data-label="Loan Type"],
  .mobile-card-table td[data-label="Method"],
  .mobile-card-table td[data-label="Notes"],
  .mobile-card-table td[data-label="Progress"],
  .mobile-card-table td[data-label="Actions"]{
    font-weight:400!important;
  }
  .mobile-card-table td[data-label="Amount"],
  .mobile-card-table td[data-label="Target Amount"],
  .mobile-card-table td[data-label="Monthly Amount"],
  .mobile-card-table td[data-label="Principal"],
  .mobile-card-table td[data-label="Paid"],
  .mobile-card-table td[data-label="Outstanding"],
  .mobile-card-table td[data-label="Next EMI"],
  .mobile-card-table td[data-label="EMI"],
  .mobile-card-table td[data-label="Saved"],
  .mobile-card-table td[data-label="Remaining"],
  .mobile-card-table td[data-label="Total Income"],
  .mobile-card-table td[data-label="Total Expense"],
  .mobile-card-table td[data-label="Surplus/Deficit"]{
    font-weight:650!important;
  }
  .expense-inline-select{
    height:31px!important;
    min-height:31px!important;
    max-width:112px!important;
    padding:0 30px 0 9px!important;
    font-size:11px!important;
    line-height:15px!important;
  }
  .expense-inline-select-priority{
    max-width:94px!important;
  }
}

@media (min-width:768px) and (max-width:1199px){
  .expense-inline-select{
    max-width:108px!important;
    padding-right:28px!important;
    background-position:right 9px center!important;
    background-size:13px 13px!important;
  }
  .expense-inline-select-priority{
    max-width:92px!important;
  }
}

@media (max-width:767px){
  .mobile-card-table.expense-mobile-table .expense-inline-select{
    height:40px!important;
    min-height:40px!important;
    padding:0 34px 0 12px!important;
    background-position:right 12px center!important;
    background-size:14px 14px!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:18px!important;
  }
}

.dashboard-secondary-grid{
  align-items:stretch;
}

.dashboard-secondary-grid > .dashboard-secondary-card{
  height:640px!important;
  min-height:640px!important;
  max-height:640px!important;
}

.dashboard-category-table{
  flex:0 0 auto!important;
}

.dashboard-category-list{
  max-height:440px!important;
  overflow-y:auto!important;
}

.dashboard-due-list{
  max-height:508px!important;
  overflow-y:auto!important;
}

.dashboard-due-item{
  padding:12px!important;
}

@media (max-width:767px){
  .dashboard-secondary-grid > .dashboard-secondary-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .dashboard-category-list{
    max-height:440px!important;
  }

  .dashboard-due-list{
    max-height:508px!important;
  }
}

.planner-summary-compact-card{
  overflow:hidden;
}

.planner-summary-compact-value{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:clamp(13px, 1.05vw, 16px)!important;
  line-height:22px!important;
  letter-spacing:-0.01em;
}

@media (min-width:1280px){
  .planner-summary-compact-value{
    font-size:15px!important;
    line-height:22px!important;
  }
}

@media (max-width:767px){
  html,
  body,
  #root{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
  }

  .app-main{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  .app-page{
    max-width:100%!important;
    padding-top:14px!important;
    padding-right:max(20px,calc(env(safe-area-inset-right) + 20px))!important;
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
    padding-left:max(20px,calc(env(safe-area-inset-left) + 20px))!important;
  }

  .page-header{
    margin-bottom:14px!important;
    gap:12px!important;
  }

  .page-title{
    font-size:24px!important;
    line-height:30px!important;
    letter-spacing:0!important;
  }

  .page-subtitle{
    margin-top:4px!important;
    max-width:22rem;
    font-size:14px!important;
    line-height:21px!important;
  }

  .page-header-actions{
    width:100%!important;
  }

  .page-header-actions .relative{
    width:100%!important;
    max-width:none!important;
  }

  .page-header-actions button{
    min-height:48px!important;
    border-radius:14px!important;
    padding-right:14px!important;
    padding-left:14px!important;
    font-size:15px!important;
    line-height:22px!important;
  }

  .dashboard-kpi-card{
    min-height:108px!important;
    border-radius:16px!important;
    padding:16px!important;
  }

  .dashboard-kpi-card.py-6{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }

  .dashboard-kpi-card > .flex{
    min-height:76px;
    align-items:center!important;
    gap:14px!important;
  }

  .dashboard-kpi-title{
    font-size:15px!important;
    line-height:20px!important;
    font-weight:700!important;
  }

  .dashboard-kpi-value{
    margin-top:8px!important;
    font-size:28px!important;
    line-height:34px!important;
    white-space:nowrap;
  }

  .dashboard-kpi-helper{
    margin-top:6px!important;
    font-size:12px!important;
    line-height:16px!important;
  }

  .dashboard-kpi-icon{
    width:48px!important;
    height:48px!important;
    border-radius:9999px!important;
  }

  .dashboard-kpi-icon svg{
    width:22px!important;
    height:22px!important;
  }

  .app-page > div > .grid.grid-cols-1.items-stretch{
    gap:12px!important;
  }

  .dashboard-secondary-grid{
    margin-top:16px!important;
    gap:14px!important;
  }

  .dashboard-secondary-card{
    border-radius:16px!important;
    padding:16px!important;
  }

  .bottom-nav{
    height:calc(68px + env(safe-area-inset-bottom))!important;
    padding:6px 10px env(safe-area-inset-bottom)!important;
    box-shadow:0 -1px 0 rgba(226,232,240,.9);
  }

  .bottom-nav button{
    height:56px!important;
    min-height:56px!important;
    border-radius:14px!important;
    gap:3px!important;
    font-size:10px!important;
    line-height:13px!important;
  }

  .bottom-nav button svg{
    width:21px!important;
    height:21px!important;
  }

  .bottom-nav button:nth-child(3) svg{
    width:23px!important;
    height:23px!important;
  }
}

@media (max-width:380px){
  .app-page{
    padding-right:16px!important;
    padding-left:16px!important;
  }

  .dashboard-kpi-card{
    min-height:102px!important;
    padding:14px!important;
  }

  .dashboard-kpi-value{
    font-size:26px!important;
    line-height:32px!important;
  }

  .dashboard-kpi-icon{
    width:44px!important;
    height:44px!important;
    border-radius:9999px!important;
  }
}

@media (min-width:1024px){.planner-overview-grid--finance-only{grid-template-columns:1fr}.planner-overview-grid--finance-only .planner-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-overview-grid--finance-only .planner-metric-card{min-height:136px;padding:24px 34px}}

html,body,button,input,select,textarea{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Expense totals and page-size control. No record-card styling changes. */
.expense-table-footer{border-top:1px solid #dbe4ef;background:#f8fafc}
.expense-table tfoot.expense-table-footer td{
  padding-top:13px!important;
  padding-bottom:13px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:14px!important;
  letter-spacing:0!important;
}
.expense-total-label{text-transform:uppercase}
.expense-total-value{font-variant-numeric:tabular-nums;white-space:nowrap}
.expense-page-size-label{display:inline-flex;min-height:36px;align-items:center;gap:8px;color:#64748b;font-size:13px;font-weight:600;line-height:18px}
.expense-page-size-select{height:36px;min-width:68px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#334155;padding:0 28px 0 10px;font-size:13px;font-weight:650;line-height:18px;outline:none;transition:border-color .15s,box-shadow .15s}
.expense-page-size-select:focus{border-color:var(--accent-600);box-shadow:0 0 0 3px var(--accent-100)}
html.dark .expense-table-footer{border-top-color:#334155;background:#0f172a}
html.dark .expense-table tfoot.expense-table-footer td{color:#64748b!important}
html.dark .expense-page-size-label{color:#94a3b8}
html.dark .expense-page-size-select{border-color:#334155;background:#0f172a;color:#e2e8f0}
@media (max-width:767px){
  .mobile-card-table.expense-mobile-table tfoot{display:block;width:100%}
  .mobile-card-table.expense-mobile-table .expense-total-row{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;background:#f8fafc;border-top:1px solid #dbe4ef}
  .mobile-card-table.expense-mobile-table .expense-total-row td{display:block!important;width:auto!important;min-width:0!important;padding:0!important}
  .mobile-card-table.expense-mobile-table .expense-total-label{grid-column:1}
  .mobile-card-table.expense-mobile-table .expense-total-value{display:flex!important;grid-column:1;align-items:center;justify-content:space-between;gap:16px}
  .mobile-card-table.expense-mobile-table .expense-total-value::before{display:block;margin:0;color:#64748b;font-size:11px;font-weight:650;line-height:14px;text-transform:uppercase;content:attr(data-label)}
  .mobile-card-table.expense-mobile-table .expense-total-spacer{display:none!important}
  html.dark .mobile-card-table.expense-mobile-table .expense-total-row{border-top-color:#334155;background:#0f172a}
  .expense-pagination{width:calc(100vw - 40px)!important;max-width:100%;min-width:0}
  .expense-pagination>div{width:100%}
  .expense-pagination-controls{display:grid!important;width:calc(100vw - 76px)!important;max-width:314px!important;grid-template-columns:80px minmax(48px,1fr) 80px;align-items:center;justify-content:stretch}
  .expense-pagination-controls button{width:80px}
  .expense-pagination-controls button:first-child{justify-self:start}
  .expense-pagination-controls button:last-child{justify-self:end}
}