PageSourceSearch

https://planmybalance.com/

html planmybalance.com collected 2026-09-24 10:06:52 UTC 208,798 bytes, 1,344 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="light" style="color-scheme: light;"><head>
2    <meta charset="UTF-8">
3    <meta name="viewport" content="width=device-width, initial-scale=1.0">
4    <title>PlanMyBalance - Balance Forecast, Debt Payoff &amp; Wealth Tracker</title>
5    <meta name="description" content="Forecast future balances, plan debt payoff, track credit score history, utilisation, savings goals and net wealth — no bank connection required.">
6    <meta property="og:title" content="PlanMyBalance - Balance Forecast, Debt Payoff &amp; Wealth Tracker">
7    <meta property="og:description" content="Forecast future balances, plan debt payoff, track credit score history, utilisation, savings goals and net wealth — no bank connection required.">
8    <meta property="og:type" content="website">
9    <meta name="twitter:card" content="summary_large_image">
10    
11    
12    <link rel="manifest" href="/manifest.json">
13    <meta name="theme-color" content="#14532d">
14    <meta name="keywords" content="balance forecast app, safe-to-spend planner, debt payoff planner, net wealth tracker, mortgage equity tracker, wealth forecast, no bank connection budgeting app, cash flow calendar, future balance forecaster, balance forecast, bill calendar planner, recurring bills planner, savings goals planner, multi currency planner, credit health tracker, credit utilisation tracker, manual credit score history tracker">
15<link rel="canonical" href="https://planmybalance.com/">
16<meta property="og:site_name" content="PlanMyBalance">
17<meta property="og:url" content="https://planmybalance.com">
18<meta property="og:image" content="https://planmybalance.com/og/planmybalance-preview-v2.png">
19<meta property="og:image:secure_url" content="https://planmybalance.com/og/planmybalance-preview-v2.png">
20<meta property="og:image:type" content="image/png">
21<meta property="og:image:width" content="1200">
22<meta property="og:image:height" content="630">
23<meta property="og:image:alt" content="PlanMyBalance social preview showing balance forecasting, debt payoff, wealth tracking, PDF exports, and no bank connection required.">
24<meta property="og:locale" content="en_GB">
25<meta name="twitter:title" content="PlanMyBalance - Balance Forecast, Debt Payoff &amp; Wealth Tracker">
26    <meta name="twitter:description" content="Forecast future balances, plan debt payoff, track credit score history, utilisation, savings goals and net wealth — no bank connection required.">
27<meta name="twitter:image" content="https://planmybalance.com/og/planmybalance-preview-v2.png">
28<meta name="twitter:image:alt" content="PlanMyBalance social preview showing balance forecasting, debt payoff, wealth tracking, PDF exports, and no bank connection required.">
29  
30  <style>*, ::before, ::after { --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-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; }
31::backdrop { --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-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; }
32*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
33::before, ::after { --tw-content: ''; }
34html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
35body { margin: 0px; line-height: inherit; }
36h1, h2, h3 { font-size: inherit; font-weight: inherit; }
37a { color: inherit; text-decoration: inherit; }
38button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
39button { text-transform: none; }
40button { appearance: button; background-color: transparent; background-image: none; }
41h1, h2, h3, p { margin: 0px; }
42ul { list-style: none; margin: 0px; padding: 0px; }
43button { cursor: pointer; }
44:disabled { cursor: default; }
45img, svg { display: block; vertical-align: middle; }
46img { max-width: 100%; height: auto; }
47:root { --radius: 0.625rem; --background: 0.985 0.006 142; --foreground: 0.12 0.035 145; --card: 0.998 0.003 90; --card-foreground: 0.13 0.02 148; --popover: 0.998 0.003 90; --popover-foreground: 0.13 0.02 148; --primary: 0.28 0.19 148; --primary-foreground: 1.0 0 0; --secondary: 0.95 0.02 148; --muted: 0.965 0.01 90; --muted-foreground: 0.42 0.03 148; --accent: 0.72 0.175 60; --accent-foreground: 0.14 0.06 55; --destructive: 0.58 0.23 25; --border: 0.9 0.03 142; --input: 0.9 0.03 142; --ring: 0.28 0.19 148; --sidebar: 0.95 0.035 140; --sidebar-accent: 0.65 0.2 60; --sidebar-accent-foreground: 0.12 0.04 60; --sidebar-border: 0.88 0.1 140; --learn-math: 0.42 0.16 145; --learn-quiz: 0.72 0.175 60; --learn-discover: 0.5 0.12 205; }
48* { border-color: oklch(var(--border)); }
49body { background-color: oklch(var(--background)); color: oklch(var(--foreground)); }
50.container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; }
51@media (min-width: 1400px) { .container { max-width: 1400px; } }
52[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
53[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; }
54[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; }
55[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; }
56[class~="not-prose"] *)) { color: inherit; }
57[class~="not-prose"] *)) { color: inherit; }
58[class~="not-prose"] *)) { color: inherit; }
59[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; }
60[class~="not-prose"] *)) { list-style-type: upper-alpha; }
61[class~="not-prose"] *)) { list-style-type: lower-alpha; }
62[class~="not-prose"] *)) { list-style-type: upper-alpha; }
63[class~="not-prose"] *)) { list-style-type: lower-alpha; }
64[class~="not-prose"] *)) { list-style-type: upper-roman; }
65[class~="not-prose"] *)) { list-style-type: lower-roman; }
66[class~="not-prose"] *)) { list-style-type: upper-roman; }
67[class~="not-prose"] *)) { list-style-type: lower-roman; }
68[class~="not-prose"] *)) { list-style-type: decimal; }
69[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; }
70[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); }
71[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); }
72[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; }
73[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; }
74[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: 0.25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em; }
75[class~="not-prose"] *))::before { content: open-quote; }
76[class~="not-prose"] *))::after { content: close-quote; }
77[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0px; margin-bottom: 0.888889em; line-height: 1.11111; }
78[class~="not-prose"] *)) { font-weight: 900; color: inherit; }
79[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.33333; }
80[class~="not-prose"] *)) { font-weight: 800; color: inherit; }
81[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; }
82[class~="not-prose"] *)) { font-weight: 700; color: inherit; }
83[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; }
84[class~="not-prose"] *)) { font-weight: 700; color: inherit; }
85[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
86[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; }
87[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; border-radius: 0.3125rem; padding: 0.1875em 0.375em; }
88[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; }
89[class~="not-prose"] *))::before { content: "`"; }
90[class~="not-prose"] *))::after { content: "`"; }
91[class~="not-prose"] *)) { color: inherit; }
92[class~="not-prose"] *)) { color: inherit; }
93[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; }
94[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; }
95[class~="not-prose"] *)) { color: inherit; }
96[class~="not-prose"] *)) { color: inherit; }
97[class~="not-prose"] *)) { color: inherit; }
98[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.71429; margin-top: 1.71429em; margin-bottom: 1.71429em; border-radius: 0.375rem; padding: 0.857143em 1.14286em; }
99[class~="not-prose"] *)) { background-color: transparent; border-width: 0px; border-radius: 0px; padding: 0px; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; }
100[class~="not-prose"] *))::before { content: none; }
101[class~="not-prose"] *))::after { content: none; }
102[class~="not-prose"] *)) { width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; }
103[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); }
104[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: 0.571429em; padding-bottom: 0.571429em; padding-left: 0.571429em; }
105[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); }
106[class~="not-prose"] *)) { border-bottom-width: 0px; }
107[class~="not-prose"] *)) { vertical-align: baseline; }
108[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); }
109[class~="not-prose"] *)) { vertical-align: top; }
110[class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
111[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.42857; margin-top: 0.857143em; }
112[class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
113[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
114[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }
115[class~="not-prose"] *)) { padding-left: 0.375em; }
116[class~="not-prose"] *)) { padding-left: 0.375em; }
117[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
118[class~="not-prose"] *)) { margin-top: 1.25em; }
119[class~="not-prose"] *)) { margin-bottom: 1.25em; }
120[class~="not-prose"] *)) { margin-top: 1.25em; }
121[class~="not-prose"] *)) { margin-bottom: 1.25em; }
122ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
123[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
124[class~="not-prose"] *)) { margin-top: 0.5em; padding-left: 1.625em; }
125[class~="not-prose"] *)) { margin-top: 0px; }
126[class~="not-prose"] *)) { margin-top: 0px; }
127[class~="not-prose"] *)) { margin-top: 0px; }
128[class~="not-prose"] *)) { margin-top: 0px; }
129[class~="not-prose"] *)) { padding-left: 0px; }
130[class~="not-prose"] *)) { padding-right: 0px; }
131tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding: 0.571429em; }
132tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-left: 0px; }
133tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-right: 0px; }
134[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
135[class~="not-prose"] *)) { margin-top: 0px; }
136[class~="not-prose"] *)) { margin-bottom: 0px; }
137[class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
138[class~="not-prose"] *)) { font-size: 1.28571em; line-height: 1.55556; margin-top: 0.888889em; margin-bottom: 0.888889em; }
139[class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-left: 1.11111em; }
140[class~="not-prose"] *)) { font-size: 2.14286em; margin-top: 0px; margin-bottom: 0.8em; line-height: 1.2; }
141[class~="not-prose"] *)) { font-size: 1.42857em; margin-top: 1.6em; margin-bottom: 0.8em; line-height: 1.4; }
142[class~="not-prose"] *)) { font-size: 1.28571em; margin-top: 1.55556em; margin-bottom: 0.444444em; line-height: 1.55556; }
143[class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: 0.571429em; line-height: 1.42857; }
144[class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
145[class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
146[class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
147[class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
148[class~="not-prose"] *)) { font-size: 0.857143em; border-radius: 0.3125rem; padding: 0.142857em 0.357143em; }
149[class~="not-prose"] *)) { font-size: 0.857143em; }
150[class~="not-prose"] *)) { font-size: 0.9em; }
151[class~="not-prose"] *)) { font-size: 0.888889em; }
152[class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.66667; margin-top: 1.66667em; margin-bottom: 1.66667em; border-radius: 0.25rem; padding: 0.666667em 1em; }
153[class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-left: 1.57143em; }
154[class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-left: 1.57143em; }
155[class~="not-prose"] *)) { margin-top: 0.285714em; margin-bottom: 0.285714em; }
156[class~="not-prose"] *)) { padding-left: 0.428571em; }
157[class~="not-prose"] *)) { padding-left: 0.428571em; }
158[class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
159[class~="not-prose"] *)) { margin-top: 1.14286em; }
160[class~="not-prose"] *)) { margin-bottom: 1.14286em; }
161[class~="not-prose"] *)) { margin-top: 1.14286em; }
162[class~="not-prose"] *)) { margin-bottom: 1.14286em; }
163ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
164[class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
165[class~="not-prose"] *)) { margin-top: 1.14286em; }
166[class~="not-prose"] *)) { margin-top: 0.285714em; padding-left: 1.57143em; }
167[class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; }
168[class~="not-prose"] *)) { margin-top: 0px; }
169[class~="not-prose"] *)) { margin-top: 0px; }
170[class~="not-prose"] *)) { margin-top: 0px; }
171[class~="not-prose"] *)) { margin-top: 0px; }
172[class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.5; }
173[class~="not-prose"] *)) { padding-right: 1em; padding-bottom: 0.666667em; padding-left: 1em; }
174[class~="not-prose"] *)) { padding-left: 0px; }
175[class~="not-prose"] *)) { padding-right: 0px; }
176tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding: 0.666667em 1em; }
177tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-left: 0px; }
178tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-right: 0px; }
179[cl
179ass~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
180[class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
181[class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.33333; margin-top: 0.666667em; }
182[class~="not-prose"] *)) { margin-top: 0px; }
183[class~="not-prose"] *)) { margin-bottom: 0px; }
184.absolute { position: absolute; }
185.relative { position: relative; }
186.inset-x-0 { left: 0px; right: 0px; }
187.-top-3 { top: -0.75rem; }
188.left-1\/2 { left: 50%; }
189.top-0 { top: 0px; }
190.z-50 { z-index: 50; }
191.order-1 { order: 1; }
192.order-2 { order: 2; }
193.mx-auto { margin-left: auto; margin-right: auto; }
194.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
195.mb-1\.5 { margin-bottom: 0.375rem; }
196.mb-2 { margin-bottom: 0.5rem; }
197.mb-3 { margin-bottom: 0.75rem; }
198.ml-auto { margin-left: auto; }
199.mt-0\.5 { margin-top: 0.125rem; }
200.mt-1 { margin-top: 0.25rem; }
201.mt-2\.5 { margin-top: 0.625rem; }
202.mt-3 { margin-top: 0.75rem; }
203.mt-4 { margin-top: 1rem; }
204.mt-auto { margin-top: auto; }
205.block { display: block; }
206.flex { display: flex; }
207.inline-flex { display: inline-flex; }
208.grid { display: grid; }
209.hidden { display: none; }
210.size-9 { width: 2.25rem; height: 2.25rem; }
211.h-10 { height: 2.5rem; }
212.h-3 { height: 0.75rem; }
213.h-3\.5 { height: 0.875rem; }
214.h-4 { height: 1rem; }
215.h-5 { height: 1.25rem; }
216.h-6 { height: 1.5rem; }
217.h-7 { height: 1.75rem; }
218.h-8 { height: 2rem; }
219.h-9 { height: 2.25rem; }
220.h-\[3px\] { height: 3px; }
221.h-\[50px\] { height: 50px; }
222.h-\[56px\] { height: 56px; }
223.h-full { height: 100%; }
224.h-px { height: 1px; }
225.min-h-\[1\.25rem\] { min-height: 1.25rem; }
226.min-h-screen { min-height: 100vh; }
227.w-10 { width: 2.5rem; }
228.w-3 { width: 0.75rem; }
229.w-3\.5 { width: 0.875rem; }
230.w-4 { width: 1rem; }
231.w-5 { width: 1.25rem; }
232.w-6 { width: 1.5rem; }
233.w-7 { width: 1.75rem; }
234.w-8 { width: 2rem; }
235.w-9 { width: 2.25rem; }
236.w-\[82vw\] { width: 82vw; }
237.w-full { width: 100%; }
238.min-w-0 { min-width: 0px; }
239.max-w-2xl { max-width: 42rem; }
240.max-w-3xl { max-width: 48rem; }
241.max-w-5xl { max-width: 64rem; }
242.max-w-\[150px\] { max-width: 150px; }
243.max-w-\[170px\] { max-width: 170px; }
244.max-w-\[330px\] { max-width: 330px; }
245.max-w-md { max-width: 28rem; }
246.max-w-sm { max-width: 24rem; }
247.max-w-xl { max-width: 36rem; }
248.max-w-xs { max-width: 20rem; }
249.flex-1 { flex: 1 1 0%; }
250.flex-shrink-0 { flex-shrink: 0; }
251.shrink-0 { flex-shrink: 0; }
252.-translate-x-1\/2 { --tw-translate-x: -50%; 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)); }
253.snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }
254.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
255.snap-center { scroll-snap-align: center; }
256.scroll-mt-24 { scroll-margin-top: 6rem; }
257.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
258.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
259.flex-row { flex-direction: row; }
260.flex-col { flex-direction: column; }
261.flex-wrap { flex-wrap: wrap; }
262.items-start { align-items: flex-start; }
263.items-center { align-items: center; }
264.justify-end { justify-content: flex-end; }
265.justify-center { justify-content: center; }
266.justify-between { justify-content: space-between; }
267.gap-0 { gap: 0px; }
268.gap-1 { gap: 0.25rem; }
269.gap-1\.5 { gap: 0.375rem; }
270.gap-2 { gap: 0.5rem; }
271.gap-2\.5 { gap: 0.625rem; }
272.gap-3 { gap: 0.75rem; }
273.gap-4 { gap: 1rem; }
274.gap-6 { gap: 1.5rem; }
275.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); }
276.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); }
277.space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); }
278.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
279.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
280.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
281.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
282.divide-black\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(0, 0, 0, 0.1); }
283.overflow-hidden { overflow: hidden; }
284.overflow-x-auto { overflow-x: auto; }
285.whitespace-nowrap { white-space: nowrap; }
286.rounded { border-radius: 0.25rem; }
287.rounded-2xl { border-radius: 1rem; }
288.rounded-full { border-radius: 9999px; }
289.rounded-lg { border-radius: var(--radius); }
290.rounded-md { border-radius: calc(var(--radius) - 2px); }
291.rounded-sm { border-radius: calc(var(--radius) - 4px); }
292.rounded-xl { border-radius: 0.75rem; }
293.rounded-r-xl { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }
294.border { border-width: 1px; }
295.border-2 { border-width: 2px; }
296.border-b { border-bottom-width: 1px; }
297.border-l-4 { border-left-width: 4px; }
298.border-t { border-top-width: 1px; }
299.border-amber-200\/70 { border-color: rgba(253, 230, 138, 0.7); }
300.border-amber-200\/80 { border-color: rgba(253, 230, 138, 0.8); }
301.border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
302.border-amber-400\/40 { border-color: rgba(251, 191, 36, 0.4); }
303.border-amber-400\/70 { border-color: rgba(251, 191, 36, 0.7); }
304.border-amber-500 { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
305.border-border { border-color: oklch(var(--border)); }
306.border-emerald-100 { --tw-border-opacity: 1; border-color: rgb(209 250 229 / var(--tw-border-opacity, 1)); }
307.border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); }
308.border-emerald-200\/70 { border-color: rgba(167, 243, 208, 0.7); }
309.border-emerald-300 { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); }
310.border-emerald-300\/70 { border-color: rgba(110, 231, 183, 0.7); }
311.border-emerald-600 { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); }
312.border-emerald-700\/60 { border-color: rgba(4, 120, 87, 0.6); }
313.border-emerald-800\/60 { border-color: rgba(6, 95, 70, 0.6); }
314.bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); }
315.bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
316.bg-amber-50\/40 { background-color: rgba(255, 251, 235, 0.4); }
317.bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
318.bg-amber-500\/15 { background-color: rgba(245, 158, 11, 0.15); }
319.bg-card { background-color: oklch(var(--card)); }
320.bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
321.bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
322.bg-emerald-50\/40 { background-color: rgba(236, 253, 245, 0.4); }
323.bg-emerald-50\/60 { background-color: rgba(236, 253, 245, 0.6); }
324.bg-emerald-50\/70 { background-color: rgba(236, 253, 245, 0.7); }
325.bg-emerald-800\/60 { background-color: rgba(6, 95, 70, 0.6); }
326.bg-emerald-900 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1)); }
327.bg-emerald-950 { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); }
328.bg-transparent { background-color: transparent; }
329.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
330.bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
331.from-white { --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
332.via-emerald-50\/20 { --tw-gradient-to: rgb(236 253 245 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(236 253 245 / 0.2) var(--tw-gradient-via-p
332osition), var(--tw-gradient-to); }
333.to-stone-50\/60 { --tw-gradient-to: rgb(250 250 249 / 0.6) var(--tw-gradient-to-position); }
334.object-contain { object-fit: contain; }
335.p-2 { padding: 0.5rem; }
336.p-3 { padding: 0.75rem; }
337.p-4 { padding: 1rem; }
338.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
339.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
340.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
341.px-4 { padding-left: 1rem; padding-right: 1rem; }
342.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
343.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
344.px-8 { padding-left: 2rem; padding-right: 2rem; }
345.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
346.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
347.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
348.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
349.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
350.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
351.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
352.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
353.pb-2 { padding-bottom: 0.5rem; }
3540px\)\+1rem\)\] { padding-bottom: calc(env(safe-area-inset-bottom,0px) + 1rem); }
355.pt-1 { padding-top: 0.25rem; }
356.pt-4 { padding-top: 1rem; }
357.pt-6 { padding-top: 1.5rem; }
358.text-left { text-align: left; }
359.text-center { text-align: center; }
360.text-2xl { font-size: 1.5rem; line-height: 2rem; }
361.text-\[11px\] { font-size: 11px; }
362.text-\[2rem\] { font-size: 2rem; }
363.text-base { font-size: 1rem; line-height: 1.5rem; }
364.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
365.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
366.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
367.text-xs { font-size: 0.75rem; line-height: 1rem; }
368.font-bold { font-weight: 700; }
369.font-medium { font-weight: 500; }
370.font-semibold { font-weight: 600; }
371.uppercase { text-transform: uppercase; }
372.italic { font-style: italic; }
373.leading-\[1\.12\] { line-height: 1.12; }
374.leading-relaxed { line-height: 1.625; }
375.leading-snug { line-height: 1.375; }
376.leading-tight { line-height: 1.25; }
377.tracking-wide { letter-spacing: 0.025em; }
378.text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); }
379.text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
380.text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); }
381.text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); }
382.text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
383.text-card-foreground { color: oklch(var(--card-foreground)); }
384.text-emerald-100 { --tw-text-opacity: 1; color: rgb(209 250 229 / var(--tw-text-opacity, 1)); }
385.text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); }
386.text-emerald-200\/60 { color: rgba(167, 243, 208, 0.6); }
387.text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
388.text-emerald-50 { --tw-text-opacity: 1; color: rgb(236 253 245 / var(--tw-text-opacity, 1)); }
389.text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); }
390.text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
391.text-emerald-800 { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); }
392.text-emerald-900 { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); }
393.text-emerald-950 { --tw-text-opacity: 1; color: rgb(2 44 34 / var(--tw-text-opacity, 1)); }
394.text-foreground { color: oklch(var(--foreground)); }
395.text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); }
396.text-muted-foreground { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
397.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
398.underline-offset-2 { text-underline-offset: 2px; }
399.underline-offset-4 { text-underline-offset: 4px; }
400.opacity-60 { opacity: 0.6; }
401113\, 113\, 0\.25\)\] { --tw-shadow: 0 0 6px rgba(248,113,113,0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
401dow); }
402191\, 36\, 0\.25\)\] { --tw-shadow: 0 0 6px rgba(251,191,36,0.25); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
403.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
404.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
405.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
406.shadow-xs { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
407.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
408.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-sha
408dow, 0 0 #0000); }
409.ring-emerald-200 { --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); }
410.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
411.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
412.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
413.duration-200 { transition-duration: 200ms; }
414.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
415@keyframes enter { 
416  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }
417}
418@keyframes exit { 
419  100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); }
420}
421.duration-200 { animation-duration: 200ms; }
422.ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
423.no-scrollbar { scrollbar-width: none; }
424.learn-math { color: oklch(var(--learn-math)); }
425.learn-quiz { color: oklch(var(--learn-quiz)); }
426.learn-discover { color: oklch(var(--learn-discover)); }
427.learn-chip { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; flex-shrink: 0; }
428.learn-chip-math { background: oklch(var(--learn-math) / 0.14); border: 1px solid oklch(var(--learn-math) / 0.35); }
429.learn-chip-quiz { background: oklch(var(--learn-quiz) / 0.14); border: 1px solid oklch(var(--learn-quiz) / 0.35); }
430.learn-chip-discover { background: oklch(var(--learn-discover) / 0.14); border: 1px solid oklch(var(--learn-discover) / 0.35); }
431.learn-header-row > :last-child { min-width: 0px; flex: 1 1 auto; }
432[data-slot="button"] { background-image: none; }
433.dark\:prose-invert:is(.dark *) { --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }
434.selection\:bg-primary ::selection { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
435.selection\:text-primary-foreground ::selection { color: oklch(var(--primary-foreground)); }
436.selection\:bg-primary::selection { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
437.selection\:text-primary-foreground::selection { color: oklch(var(--primary-foreground)); }
438.file\:inline-flex::file-selector-button { display: inline-flex; }
439.file\:h-7::file-selector-button { height: 1.75rem; }
440.file\:border-0::file-selector-button { border-width: 0px; }
441.file\:bg-transparent::file-selector-button { background-color: transparent; }
442.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }
443.file\:font-medium::file-selector-button { font-weight: 500; }
444.file\:text-foreground::file-selector-button { color: oklch(var(--foreground)); }
445.placeholder\:text-muted-foreground::placeholder { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
446.placeholder\:text-muted-foreground\/60::placeholder { color: oklch(var(--muted-foreground) / 0.6); }
447.placeholder\:text-stone-400::placeholder { --tw-text-opacity: 1; color: rgb(168 162 158 / var(--tw-text-opacity, 1)); }
448.after\:absolute::after { content: var(--tw-content); position: absolute; }
449.after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; }
450.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
451.after\:w-1::after { content: var(--tw-content); width: 0.25rem; }
452.after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }
453.first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
454.first\:border-l:first-child { border-left-width: 1px; }
455.last\:mb-0:last-child { margin-bottom: 0px; }
456.last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
457.last\:border-0:last-child { border-width: 0px; }
458.last\:border-b-0:last-child { border-bottom-width: 0px; }
459.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-sha
459dow, 0 0 #0000); }
460.focus-within\:ring-ring:focus-within { --tw-ring-opacity: 1; --tw-ring-color: oklch(var(--ring) / var(--tw-ring-opacity, 1)); }
461.focus-within\:ring-offset-1:focus-within { --tw-ring-offset-width: 1px; }
462.hover\:border-amber-300:hover { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
463.hover\:border-amber-400:hover { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); }
464.hover\:border-border:hover { border-color: oklch(var(--border)); }
465.hover\:border-emerald-300:hover { --tw-border-opacity: 1; border-color: rgb(110 231 183 / var(--tw-border-opacity, 1)); }
466.hover\:border-emerald-600\/60:hover { border-color: rgba(5, 150, 105, 0.6); }
467.hover\:border-emerald-900:hover { --tw-border-opacity: 1; border-color: rgb(6 78 59 / var(--tw-border-opacity, 1)); }
468.hover\:border-primary\/40:hover { border-color: oklch(var(--primary) / 0.4); }
469.hover\:border-red-300:hover { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
470.hover\:border-red-400:hover { --tw-border-opacity: 1; border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)); }
471.hover\:border-slate-300:hover { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); }
472.hover\:border-teal-300:hover { --tw-border-opacity: 1; border-color: rgb(94 234 212 / var(--tw-border-opacity, 1)); }
473.hover\:bg-accent:hover { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
474.hover\:bg-accent\/50:hover { background-color: oklch(var(--accent) / 0.5); }
475.hover\:bg-accent\/90:hover { background-color: oklch(var(--accent) / 0.9); }
476.hover\:bg-amber-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); }
477.hover\:bg-amber-200:hover { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1)); }
478.hover\:bg-amber-300:hover { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1)); }
479.hover\:bg-amber-400\/10:hover { background-color: rgba(251, 191, 36, 0.1); }
480.hover\:bg-amber-400\/20:hover { background-color: rgba(251, 191, 36, 0.2); }
481.hover\:bg-amber-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); }
482.hover\:bg-amber-600:hover { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); }
483.hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); }
484.hover\:bg-destructive\/10:hover { background-color: oklch(var(--destructive) / 0.1); }
485.hover\:bg-destructive\/90:hover { background-color: oklch(var(--destructive) / 0.9); }
486.hover\:bg-emerald-100:hover { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); }
487.hover\:bg-emerald-100\/70:hover { background-color: rgba(209, 250, 229, 0.7); }
488.hover\:bg-emerald-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
489.hover\:bg-emerald-50\/30:hover { background-color: rgba(236, 253, 245, 0.3); }
490.hover\:bg-emerald-50\/40:hover { background-color: rgba(236, 253, 245, 0.4); }
491.hover\:bg-emerald-500\/40:hover { background-color: rgba(16, 185, 129, 0.4); }
492.hover\:bg-emerald-700:hover { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
493.hover\:bg-emerald-700\/80:hover { background-color: rgba(4, 120, 87, 0.8); }
494.hover\:bg-emerald-800:hover { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1)); }
495.hover\:bg-emerald-800\/60:hover { background-color: rgba(6, 95, 70, 0.6); }
496.hover\:bg-emerald-800\/70:hover { background-color: rgba(6, 95, 70, 0.7); }
497.hover\:bg-emerald-900:hover { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1)); }
498.hover\:bg-emerald-900\/20:hover { background-color: rgba(6, 78, 59, 0.2); }
499.hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); }
500.hover\:bg-green-100:hover { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); }
501.hover\:bg-green-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); }
502.hover\:bg-green-50\/60:hover { background-color: rgba(240, 253, 244, 0.6); }
503.hover\:bg-green-700:hover { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); }
504.hover\:bg-green-800:hover { --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1)); }
505.hover\:bg-muted:hover { --tw-bg-opacity: 1; background-color: oklch(var(--muted) / var(--tw-bg-opacity, 1)); }
506.hover\:bg-muted\/20:hover { background-color: oklch(var(--muted) / 0.2); }
507.hover\:bg-muted\/30:hover { background-color: oklch(var(--muted) / 0.3); }
508.hover\:bg-muted\/40:hover { background-color: oklch(var(--muted) / 0.4); }
509.hover\:bg-muted\/50:hover { background-color: oklch(var(--muted) / 0.5); }
510.hover\:bg-muted\/60:hover { background-color: oklch(var(--muted) / 0.6); }
511.hover\:bg-orange-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); }
512.hover\:bg-orange-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); }
513.hover\:bg-primary\/90:hover { background-color: oklch(var(--primary) / 0.9); }
514.hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); }
515.hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
516.hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1)); }
517.hover\:bg-secondary\/80:hover { background-color: oklch(var(--secondary) / 0.8); }
518.hover\:bg-sidebar-accent:hover { background-color: oklch(var(--sidebar-accent)); }
519.hover\:bg-yellow-500\/10:hover { background-color: rgba(234, 179, 8, 0.1); }
520.hover\:text-accent-foreground:hover { color: oklch(var(--accent-foreground)); }
521.hover\:text-amber-100:hover { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); }
522.hover\:text-amber-200:hover { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); }
523.hover\:text-amber-300:hover { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
524.hover\:text-amber-800:hover { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); }
525.hover\:text-amber-900:hover { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); }
526.hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); }
527.hover\:text-destructive:hover { --tw-text-opacity: 1; color: oklch(var(--destructive) / var(--tw-text-opacity, 1)); }
528.hover\:text-destructive\/80:hover { color: oklch(var(--destructive) / 0.8); }
529.hover\:text-emerald-300:hover { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
530.hover\:text-emerald-400:hover { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); }
531.hover\:text-emerald-700:hover { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); }
532.hover\:text-emerald-800:hover { --tw-text-opacity: 1; color: rgb(6 95 70 / var(--tw-text-opacity, 1)); }
533.hover\:text-emerald-900:hover { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); }
534.hover\:text-foreground:hover { color: oklch(var(--foreground)); }
535.hover\:text-muted-foreground:hover { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
536.hover\:text-primary\/80:hover { color: oklch(var(--primary) / 0.8); }
537.hover\:text-red-700:hover { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); }
538.hover\:text-sidebar-accent-foreground:hover { color: oklch(var(--sidebar-accent-foreground)); }
539.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
540.hover\:underline:hover { text-decoration-line: underline; }
541.hover\:no-underline:hover { text-decoration-line: none; }
542.hover\:opacity-100:hover { opacity: 1; }
543.hover\:opacity-80:hover { opacity: 0.8; }
544.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
544dow); }
545.hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
546.hover\:ring-4:hover { --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(4px + 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); }
547.hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: oklch(var(--sidebar-border)); }
548.focus\:z-10:focus { z-index: 10; }
549.focus\:border-emerald-500:focus { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
550.focus\:bg-accent:focus { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
551.focus\:text-accent-foreground:focus { color: oklch(var(--accent-foreground)); }
552.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
553.focus\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
553dow, 0 0 #0000); }
554.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); }
555.focus\:ring-amber-400\/40:focus { --tw-ring-color: rgb(251 191 36 / 0.4); }
556.focus\:ring-blue-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1)); }
557.focus\:ring-emerald-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)); }
558.focus\:ring-emerald-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); }
559.focus\:ring-emerald-500\/30:focus { --tw-ring-color: rgb(16 185 129 / 0.3); }
560.focus\:ring-green-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); }
561.focus\:ring-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: oklch(var(--primary) / var(--tw-ring-opacity, 1)); }
562.focus\:ring-ring:focus { --tw-ring-opacity: 1; --tw-ring-color: oklch(var(--ring) / var(--tw-ring-opacity, 1)); }
563.focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }
564.focus-visible\:z-10:focus-visible { z-index: 10; }
565.focus-visible\:border-emerald-400:focus-visible { --tw-border-opacity: 1; border-color: rgb(52 211 153 / var(--tw-border-opacity, 1)); }
566.focus-visible\:border-emerald-500:focus-visible { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
567.focus-visible\:border-ring:focus-visible { --tw-border-opacity: 1; border-color: oklch(var(--ring) / var(--tw-border-opacity, 1)); }
568.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }
569.focus-visible\:outline-1:focus-visible { outline-width: 1px; }
570.focus-visible\:outline-ring:focus-visible { outline-color: oklch(var(--ring) / 1); }
571.focus-visible\:ring-1:focus-visible { --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-sha
571dow, 0 0 #0000); }
572.focus-visible\:ring-2:focus-visible { --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); }
573.focus-visible\:ring-4:focus-visible { --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(4px + 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); }
574.focus-visible\:ring-\[3px\]:focus-visible { --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
574dow, 0 0 #0000); }
575.focus-visible\:ring-amber-300:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1)); }
576.focus-visible\:ring-amber-400:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1)); }
577.focus-visible\:ring-amber-400\/60:focus-visible { --tw-ring-color: rgb(251 191 36 / 0.6); }
578.focus-visible\:ring-amber-500:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1)); }
579.focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: oklch(var(--destructive) / 0.2); }
580.focus-visible\:ring-emerald-200:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(167 243 208 / var(--tw-ring-opacity, 1)); }
581.focus-visible\:ring-emerald-400:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)); }
582.focus-visible\:ring-emerald-500:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1)); }
583.focus-visible\:ring-emerald-500\/30:focus-visible { --tw-ring-color: rgb(16 185 129 / 0.3); }
584.focus-visible\:ring-emerald-700:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(4 120 87 / var(--tw-ring-opacity, 1)); }
585.focus-visible\:ring-ring:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: oklch(var(--ring) / var(--tw-ring-opacity, 1)); }
586.focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: oklch(var(--ring) / 0.5); }
587.focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; }
588.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
589.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: oklch(var(--background)); }
590.active\:bg-emerald-950:active { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); }
591.active\:bg-sidebar-accent:active { background-color: oklch(var(--sidebar-accent)); }
592.active\:text-sidebar-accent-foreground:active { color: oklch(var(--sidebar-accent-foreground)); }
593.disabled\:pointer-events-none:disabled { pointer-events: none; }
594.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
595.disabled\:opacity-30:disabled { opacity: 0.3; }
596.disabled\:opacity-40:disabled { opacity: 0.4; }
597.disabled\:opacity-50:disabled { opacity: 0.5; }
598.disabled\:opacity-60:disabled { opacity: 0.6; }
599.group[open] .group-open\:rotate-90 { --tw-rotate: 90deg; 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)); }
600.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; }
601.group:hover .group-hover\:translate-x-0\.5 { --tw-translate-x: 0.125rem; 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)); }
602.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; }
603.group:hover .group-hover\:opacity-100 { opacity: 1; }
604.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { color: oklch(var(--sidebar-accent-foreground)); }
605.peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; }
606.peer:disabled ~ .peer-disabled\:opacity-50 { opacity: 0.5; }
607.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; }
608.has-\[\>svg\]\:gap-x-3:has(> svg) { column-gap: 0.75rem; }
609.has-\[\>svg\]\:px-2\.5:has(> svg) { padding-left: 0.625rem; padding-right: 0.625rem; }
610.has-\[\>svg\]\:px-3:has(> svg) { padding-left: 0.75rem; padding-right: 0.75rem; }
611.has-\[\>svg\]\:px-4:has(> svg) { padding-left: 1rem; padding-right: 1rem; }
612.aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; }
613.aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
614.aria-selected\:text-muted-foreground[aria-selected="true"] { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
615.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; }
616.data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
617.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] { left: 0px; right: 0px; }
618.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] { top: 0px; bottom: 0px; }
619.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] { top: 0px; bottom: 0px; }
620.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] { left: 0px; right: 0px; }
621.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] { bottom: 0px; }
622.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] { left: 0px; }
623.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] { right: 0px; }
624.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] { top: 0px; }
625.data-\[active\=true\]\:z-10[data-active="true"] { z-index: 10; }
626.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] { margin-top: 6rem; }
627.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] { margin-bottom: 6rem; }
628.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: 0.375rem; }
629.data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; }
630.data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; }
631.data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; }
632.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; }
633.data-\[size\=default\]\:h-9[data-size="default"] { height: 2.25rem; }
634.data-\[size\=sm\]\:h-8[data-size="sm"] { height: 2rem; }
635.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] { max-height: 80vh; }
636.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] { max-height: 80vh; }
637.data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] { min-height: 11rem; }
638.data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; }
639.data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: 0.375rem; }
640.data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] { width: auto; }
641.data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; }
642.data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; }
643.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; }
644.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] { width: 75%; }
645.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] { width: 75%; }
646.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: 0.25rem; 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)); }
647.data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: 0.25rem; 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)); }
648.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] { --tw-translate-x: calc(100% - 2px); 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)); }
649.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; 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)); }
650@keyframes accordion-up { 
651  0% { height: var(--radix-accordion-content-height); }
652  100% { height: 0px; }
653}
654.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; }
655@keyframes accordion-down { 
656  0% { height: 0px; }
657  100% { height: var(--radix-accordion-content-height); }
658}
659.data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; }
660.data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] { flex-direction: column; }
661.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; }
662.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
663.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
664.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
665.data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0px; }
666.data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
667.data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
668.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
669.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); }
670.data-\[variant\=outline\]\:border-l-0[data-variant="outline"] { border-left-width: 0px; }
671.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] { border-top-width: 1px; }
672.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] { border-right-width: 1px; }
673.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] { border-left-width: 1px; }
674.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] { border-bottom-width: 1px; }
675.data-\[active\=true\]\:border-ring[data-active="true"] { --tw-border-opacity: 1; border-color: oklch(var(--ring) / var(--tw-border-opacity, 1)); }
676.data-\[state\=checked\]\:border-primary[data-state="checked"] { --tw-border-opacity: 1; border-color: oklch(var(--primary) / var(--tw-border-opacity, 1)); }
677.data-\[active\=true\]\:bg-accent\/50[data-active="true"] { background-color: oklch(var(--accent) / 0.5); }
678.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: oklch(var(--sidebar-accent)); }
679.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
680.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
681.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
682.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
683.data-\[selected\=true\]\:bg-accent[data-selected="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
684.data-\[state\=active\]\:bg-emerald-700[data-state="active"] { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
685.data-\[state\=checked\]\:bg-primary[data-state="checked"] { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
686.data-\[state\=on\]\:bg-accent[data-state="on"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
687.data-\[state\=open\]\:bg-accent[data-state="open"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
688.data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: oklch(var(--accent) / 0.5); }
689.data-\[state\=open\]\:bg-secondary[data-state="open"] { --tw-bg-opacity: 1; background-color: oklch(var(--secondary) / var(--tw-bg-opacity, 1)); }
690.data-\[state\=selected\]\:bg-muted[data-state="selected"] { --tw-bg-opacity: 1; background-color: oklch(var(--muted) / var(--tw-bg-opacity, 1)); }
691.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: oklch(var(--input)); }
692.data-\[inset\]\:pl-8[data-inset] { padding-left: 2rem; }
693.data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; }
694.data-\[active\=true\]\:text-accent-foreground[data-active="true"] { color: oklch(var(--accent-foreground)); }
695.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: oklch(var(--sidebar-accent-foreground)); }
696.data-\[error\=true\]\:text-destructive[data-error="true"] { --tw-text-opacity: 1; color: oklch(var(--destructive) / var(--tw-text-opacity, 1)); }
697.data-\[placeholder\]\:text-muted-foreground[data-placeholder] { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
698.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: oklch(var(--primary-foreground)); }
699.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: oklch(var(--accent-foreground)); }
700.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: oklch(var(--primary-foreground)); }
701.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: oklch(var(--primary-foreground)); }
702.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: oklch(var(--accent-foreground)); }
703.data-\[state\=active\]\:text-white[data-state="active"] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
704.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: oklch(var(--primary-foreground)); }
705.data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: oklch(var(--accent-foreground)); }
706.data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: oklch(var(--accent-foreground)); }
707.data-\[state\=open\]\:text-muted-foreground[data-state="open"] { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
708.data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] { --tw-text-opacity: 1; color: oklch(var(--destructive) / var(--tw-text-opacity, 1)); }
709.data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; }
710.data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
711.data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
712.data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
712dow); }
713.data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
714.data-\[active\=true\]\:ring-\[3px\][data-active="true"] { --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(3px + 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); }
715.data-\[active\=true\]\:ring-ring\/50[data-active="true"] { --tw-ring-color: oklch(var(--ring) / 0.5); }
716.data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; }
717.data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; }
718.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation-name: enter; animation-duration: 150ms; }
719.data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; }
720.data-\[state\=visible\]\:animate-in[data-state="visible"] { animation-name: enter; animation-duration: 150ms; }
721.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation-name: exit; animation-duration: 150ms; }
722.data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; }
723.data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation-name: exit; animation-duration: 150ms; }
724.data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; }
725.data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; }
726.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > * { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
727.\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > * { display: flex; }
728.\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > * { align-items: center; }
729.\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > * { gap: 0.5rem; }
730.\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot="alert-description"] > * { color: oklch(var(--destructive) / 0.9); }
731.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; }
732.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: 0.25rem; }
733.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; }
734.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; 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)); }
735.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; 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)); }
736.data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"] { border-left-width: 1px; }
737.data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
738.data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
739.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: oklch(var(--sidebar-accent)); }
740.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: oklch(var(--sidebar-accent-foreground)); }
741.data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
742.data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] { --tw-bg-opacity: 1; background-color: oklch(var(--accent) / var(--tw-bg-opacity, 1)); }
743.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"] { background-color: oklch(var(--destructive) / 0.1); }
744.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant="destructive"] { --tw-text-opacity: 1; color: oklch(var(--destructive) / var(--tw-text-opacity, 1)); }
745.group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none { pointer-events: none; }
746.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative { position: relative; }
747.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); }
748.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); }
749.group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; }
750.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full { top: 100%; }
751.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 { z-index: 10; }
752.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 { margin-top: 0.375rem; }
753.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block { display: block; }
754.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; }
755.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] { width: calc(var(--sidebar-width-icon) + (--s
755pacing(4))); }
756.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] { width: calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px); }
757.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; }
758.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; 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)); }
759.group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 { --tw-rotate: 180deg; 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)); }
760.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; 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)); }
761.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; }
762.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden { overflow: hidden; }
763.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: var(--radius); }
764.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: calc(var(--radius) - 2px); }
765.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border { border-width: 1px; }
766.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border { border-width: 1px; }
767.group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; }
768.group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; }
769.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring { --tw-border-opacity: 1; border-color: oklch(var(--ring) / var(--tw-border-opacity, 1)); }
770.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: oklch(var(--sidebar-border)); }
771.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover { background-color: oklch(var(--popover)); }
772.group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center { text-align: center; }
773.group\/drawer-content[data-vaul-drawer-direction="top"] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center { text-align: center; }
774.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground { color: oklch(var(--popover-foreground)); }
775.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; }
776.group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 { opacity: 0.5; }
777.group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
777dow); }
778.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
779.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] { --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(3px + 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); }
780.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 { --tw-ring-color: oklch(var(--ring) / 0.5); }
781.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 { transition-duration: 200ms; animation-duration: 200ms; }
782.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; }
783.group[data-collapsible="offcanvas"] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover { background-color: oklch(var(--sidebar)); }
784.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; }
785.group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; }
786.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; }
787.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; }
788.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; }
789.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { color: oklch(var(--sidebar-accent-foreground)); }
790@media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-none { transition-property: none; }
791.motion-reduce\:data-\[state\=closed\]\:animate-none[data-state="closed"] { animation: auto ease 0s 1 normal none running none; }
792.motion-reduce\:data-\[state\=open\]\:animate-none[data-state="open"] { animation: auto ease 0s 1 normal none running none; } }
793.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(55 65 81 / var(--tw-divide-opacity, 1)); }
794.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-color: rgba(255, 255, 255, 0.1); }
795.dark\:border-amber-300:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
796.dark\:border-amber-400:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); }
797.dark\:border-amber-400\/50:is(.dark *) { border-color: rgba(251, 191, 36, 0.5); }
798.dark\:border-amber-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
799.dark\:border-amber-500\/30:is(.dark *) { border-color: rgba(245, 158, 11, 0.3); }
800.dark\:border-amber-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); }
801.dark\:border-amber-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)); }
802.dark\:border-amber-700\/30:is(.dark *) { border-color: rgba(180, 83, 9, 0.3); }
803.dark\:border-amber-700\/40:is(.dark *) { border-color: rgba(180, 83, 9, 0.4); }
804.dark\:border-amber-700\/50:is(.dark *) { border-color: rgba(180, 83, 9, 0.5); }
805.dark\:border-amber-700\/60:is(.dark *) { border-color: rgba(180, 83, 9, 0.6); }
806.dark\:border-amber-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); }
807.dark\:border-blue-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); }
808.dark\:border-blue-900:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 58 138 / var(--tw-border-opacity, 1)); }
809.dark\:border-border:is(.dark *) { border-color: oklch(var(--border)); }
810.dark\:border-destructive\/50:is(.dark *) { border-color: oklch(var(--destructive) / 0.5); }
811.dark\:border-emerald-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)); }
812.dark\:border-emerald-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); }
813.dark\:border-emerald-600\/50:is(.dark *) { border-color: rgba(5, 150, 105, 0.5); }
814.dark\:border-emerald-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(4 120 87 / var(--tw-border-opacity, 1)); }
815.dark\:border-emerald-700\/30:is(.dark *) { border-color: rgba(4, 120, 87, 0.3); }
816.dark\:border-emerald-700\/40:is(.dark *) { border-color: rgba(4, 120, 87, 0.4); }
817.dark\:border-emerald-700\/50:is(.dark *) { border-color: rgba(4, 120, 87, 0.5); }
818.dark\:border-emerald-700\/60:is(.dark *) { border-color: rgba(4, 120, 87, 0.6); }
819.dark\:border-emerald-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(6 95 70 / var(--tw-border-opacity, 1)); }
820.dark\:border-emerald-800\/30:is(.dark *) { border-color: rgba(6, 95, 70, 0.3); }
821.dark\:border-emerald-800\/40:is(.dark *) { border-color: rgba(6, 95, 70, 0.4); }
822.dark\:border-emerald-800\/60:is(.dark *) { border-color: rgba(6, 95, 70, 0.6); }
823.dark\:border-emerald-800\/70:is(.dark *) { border-color: rgba(6, 95, 70, 0.7); }
824.dark\:border-emerald-900\/30:is(.dark *) { border-color: rgba(6, 78, 59, 0.3); }
825.dark\:border-emerald-900\/40:is(.dark *) { border-color: rgba(6, 78, 59, 0.4); }
826.dark\:border-gray-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); }
827.dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); }
828.dark\:border-green-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(21 128 61 / var(--tw-border-opacity, 1)); }
829.dark\:border-green-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity, 1)); }
830.dark\:border-green-800\/30:is(.dark *) { border-color: rgba(22, 101, 52, 0.3); }
831.dark\:border-orange-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(194 65 12 / var(--tw-border-opacity, 1)); }
832.dark\:border-orange-800\/30:is(.dark *) { border-color: rgba(154, 52, 18, 0.3); }
833.dark\:border-red-300:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity, 1)); }
834.dark\:border-red-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
835.dark\:border-red-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(220 38 38 / var(--tw-border-opacity, 1)); }
836.dark\:border-red-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(185 28 28 / var(--tw-border-opacity, 1)); }
837.dark\:border-red-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); }
838.dark\:border-red-800\/30:is(.dark *) { border-color: rgba(153, 27, 27, 0.3); }
839.dark\:border-red-900\/40:is(.dark *) { border-color: rgba(127, 29, 29, 0.4); }
840.dark\:border-slate-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); }
841.dark\:border-slate-700\/30:is(.dark *) { border-color: rgba(51, 65, 85, 0.3); }
842.dark\:border-slate-700\/40:is(.dark *) { border-color: rgba(51, 65, 85, 0.4); }
843.dark\:border-teal-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(15 118 110 / var(--tw-border-opacity, 1)); }
844.dark\:border-yellow-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(133 77 14 / var(--tw-border-opacity, 1)); }
845.dark\:bg-amber-400:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); }
846.dark\:bg-amber-500\/10:is(.dark *) { background-color: rgba(245, 158, 11, 0.1); }
847.dark\:bg-amber-500\/20:is(.dark *) { background-color: rgba(245, 158, 11, 0.2); }
848.dark\:bg-amber-500\/70:is(.dark *) { background-color: rgba(245, 158, 11, 0.7); }
849.dark\:bg-amber-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1)); }
850.dark\:bg-amber-800\/40:is(.dark *) { background-color: rgba(146, 64, 14, 0.4); }
851.dark\:bg-amber-900\/10:is(.dark *) { background-color: rgba(120, 53, 15, 0.1); }
852.dark\:bg-amber-900\/20:is(.dark *) { background-color: rgba(120, 53, 15, 0.2); }
853.dark\:bg-amber-900\/30:is(.dark *) { background-color: rgba(120, 53, 15, 0.3); }
854.dark\:bg-amber-900\/40:is(.dark *) { background-color: rgba(120, 53, 15, 0.4); }
855.dark\:bg-amber-950\/20:is(.dark *) { background-color: rgba(69, 26, 3, 0.2); }
856.dark\:bg-amber-950\/30:is(.dark *) { background-color: rgba(69, 26, 3, 0.3); }
857.dark\:bg-background:is(.dark *) { background-color: oklch(var(--background)); }
858.dark\:bg-blue-900\/20:is(.dark *) { background-color: rgba(30, 58, 138, 0.2); }
859.dark\:bg-blue-900\/30:is(.dark *) { background-color: rgba(30, 58, 138, 0.3); }
860.dark\:bg-blue-900\/40:is(.dark *) { background-color: rgba(30, 58, 138, 0.4); }
861.dark\:bg-card:is(.dark *) { background-color: oklch(var(--card)); }
862.dark\:bg-destructive\/60:is(.dark *) { background-color: oklch(var(--destructive) / 0.6); }
863.dark\:bg-emerald-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
864.dark\:bg-emerald-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1)); }
865.dark\:bg-emerald-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1)); }
866.dark\:bg-emerald-800\/20:is(.dark *) { background-color: rgba(6, 95, 70, 0.2); }
867.dark\:bg-emerald-800\/40:is(.dark *) { background-color: rgba(6, 95, 70, 0.4); }
868.dark\:bg-emerald-800\/50:is(.dark *) { background-color: rgba(6, 95, 70, 0.5); }
869.dark\:bg-emerald-900\/10:is(.dark *) { background-color: rgba(6, 78, 59, 0.1); }
870.dark\:bg-emerald-900\/15:is(.dark *) { background-color: rgba(6, 78, 59, 0.15); }
871.dark\:bg-emerald-900\/20:is(.dark *) { background-color: rgba(6, 78, 59, 0.2); }
872.dark\:bg-emerald-900\/30:is(.dark *) { background-color: rgba(6, 78, 59, 0.3); }
873.dark\:bg-emerald-900\/40:is(.dark *) { background-color: rgba(6, 78, 59, 0.4); }
874.dark\:bg-emerald-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); }
875.dark\:bg-emerald-950\/10:is(.dark *) { background-color: rgba(2, 44, 34, 0.1); }
876.dark\:bg-emerald-950\/20:is(.dark *) { background-color: rgba(2, 44, 34, 0.2); }
877.dark\:bg-emerald-950\/30:is(.dark *) { background-color: rgba(2, 44, 34, 0.3); }
878.dark\:bg-gray-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); }
879.dark\:bg-gray-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); }
880.dark\:bg-gray-700\/30:is(.dark *) { background-color: rgba(55, 65, 81, 0.3); }
881.dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
882.dark\:bg-gray-800\/60:is(.dark *) { background-color: rgba(31, 41, 55, 0.6); }
883.dark\:bg-gray-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); }
884.dark\:bg-green-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1)); }
885.dark\:bg-green-900\/10:is(.dark *) { background-color: rgba(20, 83, 45, 0.1); }
886.dark\:bg-green-900\/20:is(.dark *) { background-color: rgba(20, 83, 45, 0.2); }
887.dark\:bg-green-900\/30:is(.dark *) { background-color: rgba(20, 83, 45, 0.3); }
888.dark\:bg-green-950\/20:is(.dark *) { background-color: rgba(5, 46, 22, 0.2); }
889.dark\:bg-green-950\/30:is(.dark *) { background-color: rgba(5, 46, 22, 0.3); }
890.dark\:bg-indigo-900\/40:is(.dark *) { background-color: rgba(49, 46, 129, 0.4); }
891.dark\:bg-muted\/20:is(.dark *) { background-color: oklch(var(--muted) / 0.2); }
892.dark\:bg-muted\/30:is(.dark *) { background-color: oklch(var(--muted) / 0.3); }
893.dark\:bg-orange-900\/20:is(.dark *) { background-color: rgba(124, 45, 18, 0.2); }
894.dark\:bg-orange-900\/30:is(.dark *) { background-color: rgba(124, 45, 18, 0.3); }
895.dark\:bg-purple-900\/30:is(.dark *) { background-color: rgba(88, 28, 135, 0.3); }
896.dark\:bg-red-600:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1)); }
897.dark\:bg-red-900\/20:is(.dark *) { background-color: rgba(127, 29, 29, 0.2); }
898.dark\:bg-red-950\/20:is(.dark *) { background-color: rgba(69, 10, 10, 0.2); }
899.dark\:bg-red-950\/30:is(.dark *) { background-color: rgba(69, 10, 10, 0.3); }
900.dark\:bg-slate-800\/50:is(.dark *) { background-color: rgba(30, 41, 59, 
9000.5); }
901.dark\:bg-slate-900\/15:is(.dark *) { background-color: rgba(15, 23, 42, 0.15); }
902.dark\:bg-teal-900\/20:is(.dark *) { background-color: rgba(19, 78, 74, 0.2); }
903.dark\:bg-yellow-900\/20:is(.dark *) { background-color: rgba(113, 63, 18, 0.2); }
904.dark\:bg-yellow-900\/30:is(.dark *) { background-color: rgba(113, 63, 18, 0.3); }
905.dark\:bg-yellow-950\/30:is(.dark *) { background-color: rgba(66, 32, 6, 0.3); }
906.dark\:from-amber-900\/30:is(.dark *) { --tw-gradient-from: rgb(120 53 15 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
907.dark\:from-emerald-900\/30:is(.dark *) { --tw-gradient-from: rgb(6 78 59 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
908.dark\:from-emerald-950:is(.dark *) { --tw-gradient-from: #022c22 var(--tw-gradient-from-position); --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
909.dark\:from-green-900\/20:is(.dark *) { --tw-gradient-from: rgb(20 83 45 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
910.dark\:from-red-900\/30:is(.dark *) { --tw-gradient-from: rgb(127 29 29 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
911.dark\:via-emerald-950:is(.dark *) { --tw-gradient-to: rgb(2 44 34 / 0)  var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #022c22 var(--tw-gradient-via-position), var(--tw-gradient-to); }
912.dark\:to-amber-800\/30:is(.dark *) { --tw-gradient-to: rgb(146 64 14 / 0.3) var(--tw-gradient-to-position); }
913.dark\:to-emerald-800\/30:is(.dark *) { --tw-gradient-to: rgb(6 95 70 / 0.3) var(--tw-gradient-to-position); }
914.dark\:to-emerald-900\/10:is(.dark *) { --tw-gradient-to: rgb(6 78 59 / 0.1) var(--tw-gradient-to-position); }
915.dark\:to-emerald-900\/30:is(.dark *) { --tw-gradient-to: rgb(6 78 59 / 0.3) var(--tw-gradient-to-position); }
916.dark\:to-emerald-950\/80:is(.dark *) { --tw-gradient-to: rgb(2 44 34 / 0.8) var(--tw-gradient-to-position); }
917.dark\:to-red-800\/30:is(.dark *) { --tw-gradient-to: rgb(153 27 27 / 0.3) var(--tw-gradient-to-position); }
918.dark\:text-amber-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); }
919.dark\:text-amber-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); }
920.dark\:text-amber-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
921.dark\:text-amber-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
922.dark\:text-amber-50:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 251 235 / var(--tw-text-opacity, 1)); }
923.dark\:text-blue-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); }
924.dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
925.dark\:text-emerald-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 250 229 / var(--tw-text-opacity, 1)); }
926.dark\:text-emerald-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); }
927.dark\:text-emerald-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
928.dark\:text-emerald-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); }
929.dark\:text-emerald-50:is(.dark *) { --tw-text-opacity: 1; color: rgb(236 253 245 / var(--tw-text-opacity, 1)); }
930.dark\:text-emerald-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); }
931.dark\:text-gray-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
932.dark\:text-green-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); }
933.dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); }
934.dark\:text-green-400\/70:is(.dark *) { color: rgba(74, 222, 128, 0.7); }
935.dark\:text-green-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); }
936.dark\:text-indigo-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); }
937.dark\:text-muted-foreground:is(.dark *) { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
938.dark\:text-orange-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 215 170 / var(--tw-text-opacity, 1)); }
939.dark\:text-orange-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); }
940.dark\:text-orange-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); }
941.dark\:text-purple-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); }
942.dark\:text-purple-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); }
943.dark\:text-red-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); }
944.dark\:text-red-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); }
945.dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); }
946.dark\:text-red-400\/80:is(.dark *) { color: rgba(248, 113, 113, 0.8); }
947.dark\:text-slate-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); }
948.dark\:text-slate-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); }
949.dark\:text-slate-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }
950.dark\:text-slate-900:is(.dark *) { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); }
951.dark\:text-teal-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); }
952.dark\:text-yellow-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); }
953.dark\:text-yellow-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); }
954.dark\:ring-emerald-800:is(.dark *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity, 1)); }
955.dark\:placeholder\:text-muted-foreground\/60:is(.dark *)::placeholder { color: oklch(var(--muted-foreground) / 0.6); }
956.dark\:hover\:border-amber-200:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); }
957.dark\:hover\:border-amber-300:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); }
958.dark\:hover\:border-amber-500:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); }
959.dark\:hover\:border-emerald-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(5 150 105 / var(--tw-border-opacity, 1)); }
960.dark\:hover\:border-red-200:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); }
961.dark\:hover\:border-red-500:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); }
962.dark\:hover\:border-slate-500:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); }
963.dark\:hover\:border-teal-600:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(13 148 136 / var(--tw-border-opacity, 1)); }
964.dark\:hover\:bg-amber-500:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); }
965.dark\:hover\:bg-amber-500\/20:hover:is(.dark *) { background-color: rgba(245, 158, 11, 0.2); }
966.dark\:hover\:bg-amber-500\/30:hover:is(.dark *) { background-color: rgba(245, 158, 11, 0.3); }
967.dark\:hover\:bg-amber-800\/50:hover:is(.dark *) { background-color: rgba(146, 64, 14, 0.5); }
968.dark\:hover\:bg-amber-800\/60:hover:is(.dark *) { background-color: rgba(146, 64, 14, 0.6); }
969.dark\:hover\:bg-amber-950\/40:hover:is(.dark *) { background-color: rgba(69, 26, 3, 0.4); }
970.dark\:hover\:bg-blue-900\/30:hover:is(.dark *) { background-color: rgba(30, 58, 138, 0.3); }
971.dark\:hover\:bg-destructive\/20:hover:is(.dark *) { background-color: oklch(var(--destructive) / 0.2); }
972.dark\:hover\:bg-emerald-600:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)); }
973.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *) { background-color: rgba(6, 78, 59, 0.2); }
974.dark\:hover\:bg-emerald-900\/25:hover:is(.dark *) { background-color: rgba(6, 78, 59, 0.25); }
975.dark\:hover\:bg-emerald-900\/30:hover:is(.dark *) { background-color: rgba(6, 78, 59, 0.3); }
976.dark\:hover\:bg-emerald-900\/40:hover:is(.dark *) { background-color: rgba(6, 78, 59, 0.4); }
977.dark\:hover\:bg-emerald-950:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1)); }
978.dark\:hover\:bg-emerald-950\/20:hover:is(.dark *) { background-color: rgba(2, 44, 34, 0.2); }
979.dark\:hover\:bg-gray-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1)); }
980.dark\:hover\:bg-green-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1)); }
981.dark\:hover\:bg-green-900\/20:hover:is(.dark *) { background-color: rgba(20, 83, 45, 0.2); }
982.dark\:hover\:bg-red-500:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
983.dark\:hover\:bg-red-950:hover:is(.dark *) { --tw-bg-opacity: 1;
983 background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1)); }
984.dark\:hover\:text-accent-foreground:hover:is(.dark *) { color: oklch(var(--accent-foreground)); }
985.dark\:hover\:text-amber-100:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); }
986.dark\:hover\:text-amber-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); }
987.dark\:hover\:text-blue-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); }
988.dark\:hover\:text-emerald-100:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(209 250 229 / var(--tw-text-opacity, 1)); }
989.dark\:hover\:text-emerald-200:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); }
990.dark\:hover\:text-emerald-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); }
991.dark\:focus-visible\:ring-destructive\/40:focus-visible:is(.dark *) { --tw-ring-color: oklch(var(--destructive) / 0.4); }
992.dark\:focus-visible\:ring-emerald-900\/40:focus-visible:is(.dark *) { --tw-ring-color: rgb(6 78 59 / 0.4); }
993.dark\:data-\[state\=active\]\:border-input[data-state="active"]:is(.dark *) { border-color: oklch(var(--input)); }
994.dark\:data-\[state\=active\]\:bg-emerald-800[data-state="active"]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1)); }
995.dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"]:is(.dark *) { --tw-bg-opacity: 1; background-color: oklch(var(--primary) / var(--tw-bg-opacity, 1)); }
996.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]:is(.dark *) { background-color: oklch(var(--primary-foreground)); }
997.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]:is(.dark *) { background-color: oklch(var(--foreground)); }
998.dark\:data-\[state\=active\]\:text-white[data-state="active"]:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
999.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant="destructive"]:is(.dark *) { background-color: oklch(var(--destructive) / 0.2); }
1000@media (min-width: 640px) { .sm\:order-last { order: 9999; }
1001.sm\:col-span-1 { grid-column: span 1 / span 1; }
1002.sm\:col-span-2 { grid-column: span 2 / span 2; }
1003.sm\:mx-0 { margin-left: 0px; margin-right: 0px; }
1004.sm\:mb-1 { margin-bottom: 0.25rem; }
1005.sm\:mr-2 { margin-right: 0.5rem; }
1006.sm\:mt-0 { margin-top: 0px; }
1007.sm\:mt-1 { margin-top: 0.25rem; }
1008.sm\:mt-3 { margin-top: 0.75rem; }
1009.sm\:mt-6 { margin-top: 1.5rem; }
1010.sm\:block { display: block; }
1011.sm\:inline { display: inline; }
1012.sm\:flex { display: flex; }
1013.sm\:inline-flex { display: inline-flex; }
1014.sm\:grid { display: grid; }
1015.sm\:contents { display: contents; }
1016.sm\:hidden { display: none; }
1017.sm\:h-9 { height: 2.25rem; }
1018.sm\:h-auto { height: auto; }
1019.sm\:max-h-\[300px\] { max-height: 300px; }
1020.sm\:max-h-\[85vh\] { max-height: 85vh; }
1021.sm\:min-h-\[80px\] { min-height: 80px; }
1022.sm\:w-32 { width: 8rem; }
1023.sm\:w-64 { width: 16rem; }
1024.sm\:w-9 { width: 2.25rem; }
1025.sm\:w-\[130px\] { width: 130px; }
1026.sm\:w-\[150px\] { width: 150px; }
1027.sm\:w-\[170px\] { width: 170px; }
1028.sm\:w-\[180px\] { width: 180px; }
1029.sm\:w-\[190px\] { width: 190px; }
1030.sm\:w-auto { width: auto; }
1031.sm\:max-w-2xl { max-width: 42rem; }
1032.sm\:max-w-\[560px\] { max-width: 560px; }
1033.sm\:max-w-full { max-width: 100%; }
1034.sm\:max-w-lg { max-width: 32rem; }
1035.sm\:max-w-md { max-width: 28rem; }
1036.sm\:max-w-none { max-width: none; }
1037.sm\:max-w-sm { max-width: 24rem; }
1038.sm\:flex-none { flex: 0 0 auto; }
1039.sm\:flex-shrink-0 { flex-shrink: 0; }
1040.sm\:shrink { flex-shrink: 1; }
1041.sm\:basis-auto { flex-basis: auto; }
1042.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
1043.sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
1044.sm\:flex-row { flex-direction: row; }
1045.sm\:items-start { align-items: flex-start; }
1046.sm\:items-center { align-items: center; }
1047.sm\:justify-end { justify-content: flex-end; }
1048.sm\:justify-between { justify-content: space-between; }
1049.sm\:gap-2 { gap: 0.5rem; }
1050.sm\:gap-2\.5 { gap: 0.625rem; }
1051.sm\:gap-3 { gap: 0.75rem; }
1052.sm\:gap-4 { gap: 1rem; }
1053.sm\:gap-6 { gap: 1.5rem; }
1054.sm\:space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
1055.sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
1056.sm\:overflow-visible { overflow: visible; }
1057.sm\:border-t-0 { border-top-width: 0px; }
1058.sm\:p-2 { padding: 0.5rem; }
1059.sm\:p-3 { padding: 0.75rem; }
1060.sm\:p-4 { padding: 1rem; }
1061.sm\:p-6 { padding: 1.5rem; }
1062.sm\:p-8 { padding: 2rem; }
1063.sm\:px-0 { padding-left: 0px; padding-right: 0px; }
1064.sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
1065.sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
1066.sm\:px-8 { padding-left: 2rem; padding-right: 2rem; }
1067.sm\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
1068.sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
1069.sm\:pb-0 { padding-bottom: 0px; }
1070.sm\:pb-6 { padding-bottom: 1.5rem; }
1071.sm\:pl-2\.5 { padding-left: 0.625rem; }
1072.sm\:pr-14 { padding-right: 3.5rem; }
1073.sm\:pr-2\.5 { padding-right: 0.625rem; }
1074.sm\:pt-0 { padding-top: 0px; }
1075.sm\:pt-4 { padding-top: 1rem; }
1076.sm\:text-left { text-align: left; }
1077.sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
1078.sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
1079.sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
1080.sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
1081.sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
1082.sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
1083.sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
1084.sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
1085.sm\:opacity-0 { opacity: 0; }
1086.sm\:hover\:-translate-y-px:hover { --tw-translate-y: -1px; 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)); }
1087.group:hover .sm\:group-hover\:opacity-100 { opacity: 1; }
1088.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] { max-width: 24rem; }
1089.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] { max-width: 24rem; } }
1090@media (min-width: 768px) { .md\:absolute { position: absolute; }
1091.md\:sticky { position: sticky; }
1092.md\:top-0 { top: 0px; }
1093.md\:float-none { float: none; }
1094.md\:mb-0 { margin-bottom: 0px; }
1095.md\:mb-2 { margin-bottom: 0.5rem; }
1096.md\:mb-3 { margin-bottom: 0.75rem; }
1097.md\:mb-4 { margin-bottom: 1rem; }
1098.md\:mr-0 { margin-right: 0px; }
1099.md\:mr-1\.5 { margin-right: 0.375rem; }
1100.md\:mt-0 { margin-top: 0px; }
1101.md\:block { display: block; }
1102.md\:inline { display: inline; }
1103.md\:flex { display: flex; }
1104.md\:inline-flex { display: inline-flex; }
1105.md\:hidden { display: none; }
1106.md\:h-10 { height: 2.5rem; }
1107.md\:h-3\.5 { height: 0.875rem; }
1108.md\:h-4 { height: 1rem; }
1109.md\:h-8 { height: 2rem; }
1110.md\:w-10 { width: 2.5rem; }
1111.md\:w-3\.5 { width: 0.875rem; }
1112.md\:w-4 { width: 1rem; }
1113.md\:w-8 { width: 2rem; }
1114.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); }
1115.md\:w-auto { width: auto; }
1116.md\:max-w-2xl { max-width: 42rem; }
1117.md\:max-w-\[600px\] { max-width: 600px; }
1118.md\:max-w-none { max-width: none; }
1119.md\:max-w-xl { max-width: 36rem; }
1120.md\:flex-none { flex: 0 0 auto; }
1121.md\:shrink-0 { flex-shrink: 0; }
1122.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
1123.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
1124.md\:flex-row { flex-direction: row; }
1125.md\:flex-nowrap { flex-wrap: nowrap; }
1126.md\:items-start { align-items: flex-start; }
1127.md\:gap-0 { gap: 0px; }
1128.md\:gap-1\.5 { gap: 0.375rem; }
1129.md\:gap-2 { gap: 0.5rem; }
1130.md\:gap-4 { gap: 1rem; }
1131.md\:gap-5 { gap: 1.25rem; }
1132.md\:space-y-16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4rem * var(--tw-space-y-reverse)); }
1133.md\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); }
1134.md\:space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
1135.md\:space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
1136.md\:border-l { border-left-width: 1px; }
1137.md\:border-t-0 { border-top-width: 0px; }
1138.md\:p-2\.5 { padding: 0.625rem; }
1139.md\:p-4 { padding: 1rem; }
1140.md\:p-6 { padding: 1.5rem; }
1141.md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
1142.md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
1143.md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
1144.md\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
1145.md\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
1146.md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
1147.md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
1148.md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
1149.md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
1150.md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
1151.md\:pb-6 { padding-bottom: 1.5rem; }
1152.md\:pl-6 { padding-left: 1.5rem; }
1153.md\:pr-0 { padding-right: 0px; }
1154.md\:pr-6 { padding-right: 1.5rem; }
1155.md\:pt-0 { padding-top: 0px; }
1156.md\:text-left { text-align: left; }
1157.md\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
1158.md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
1159.md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
1160.md\:text-base { font-size: 1rem; line-height: 1.5rem; }
1161.md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
1162.md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
1163.md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
1164.md\:leading-tight { line-height: 1.25; }
1165.md\:opacity-0 { opacity: 0; }
1166.md\:after\:hidden::after { content: var(--tw-content); display: none; }
1167.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; }
1168.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; }
1169.peer[data-variant="inset"][data-state="collapsed"] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 { margin-left: 0.5rem; }
1170.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; }
1171.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
1171dow); } }
1172@media (min-width: 1024px) { .lg\:grid { display: grid; }
1173.lg\:h-16 { height: 4rem; }
1174.lg\:w-16 { width: 4rem; }
1175.lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
1176.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
1177.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
1178.lg\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr; }
1179.lg\:grid-cols-\[minmax\(0\, 1\.15fr\)_minmax\(0\, 1fr\)\] { grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); }
1180.lg\:flex-col { flex-direction: column; }
1181.lg\:items-center { align-items: center; }
1182.lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); }
1183.lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); }
1184.lg\:divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
1185.lg\:rounded-full { border-radius: 9999px; }
1186.lg\:border-b-0 { border-bottom-width: 0px; }
1187.lg\:p-6 { padding: 1.5rem; }
1188.lg\:text-center { text-align: center; }
1189.lg\:text-5xl { font-size: 3rem; line-height: 1; }
1190.lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
1191.lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } }
1192.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; }
1193.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
1194.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: 0px; }
1195.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
1196.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; 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)); }
1197.\[\&\>button\]\:hidden > button { display: none; }
1198.\[\&\>span\:last-child\]\:truncate > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1199.\[\&\>span\]\:text-xs > span { font-size: 0.75rem; line-height: 1rem; }
1200.\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
1201.\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; }
1202.\[\&\>svg\]\:size-3 > svg { width: 0.75rem; height: 0.75rem; }
1203.\[\&\>svg\]\:size-3\.5 > svg { width: 0.875rem; height: 0.875rem; }
1204.\[\&\>svg\]\:size-4 > svg { width: 1rem; height: 1rem; }
1205.\[\&\>svg\]\:h-2\.5 > svg { height: 0.625rem; }
1206.\[\&\>svg\]\:h-3 > svg { height: 0.75rem; }
1207.\[\&\>svg\]\:w-2\.5 > svg { width: 0.625rem; }
1208.\[\&\>svg\]\:w-3 > svg { width: 0.75rem; }
1209.\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
1210.\[\&\>svg\]\:translate-y-0\.5 > svg { --tw-translate-y: 0.125rem; 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)); }
1211.\[\&\>svg\]\:text-current > svg { color: currentcolor; }
1212.\[\&\>svg\]\:text-muted-foreground > svg { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
1213.\[\&\>svg\]\:text-sidebar-accent-foreground > svg { color: oklch(var(--sidebar-accent-foreground)); }
1214.\[\&\>tr\]\:last\:border-b-0:last-child > tr { border-bottom-width: 0px; }
1215.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { --tw-rotate: 90deg; 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)); }
1216.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { --tw-rotate: 180deg; 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)); }
1217.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: oklch(var(--muted-foreground) / 1); }
1218.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: oklch(var(--border)); }
1219.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: transparent; }
1220.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: oklch(var(--border)); }
1221.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector { fill: oklch(var(--muted) / 1); }
1222.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: oklch(var(--muted) / 1); }
1223.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: oklch(var(--border)); }
1224.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: transparent; }
1225.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; }
1226.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; }
1227.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; }
1228.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; }
1229.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
1230.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: 0px; }
1231.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; }
1232.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; }
1233.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; }
1234.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; }
1235.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; }
1236.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; }
1237.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; }
1238.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; }
1239.\[\&_p\]\:leading-relaxed p { line-height: 1.625; }
1240.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: 1rem; height: 1rem; }
1241.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { --tw-text-opacity: 1; color: oklch(var(--muted-foreground) / var(--tw-text-opacity, 1)); }
1242.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
1243.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
1244.\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; }
1245.\[\&_tr\]\:border-b tr { border-bottom-width: 1px; }
1246[data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; }
1247[data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; }
1248[data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent { background-color: transparent; }
1249[data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: transparent; }
1250a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: oklch(var(--destructive) / 0.9); }
1251a.\[a\&\]\:hover\:bg-emerald-100\/80:hover { background-color: rgba(209, 250, 229, 0.8); }
1252a.\[a\&\]\:hover\:bg-emerald-50:hover { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); }
1253a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: oklch(var(--primary) / 0.9); }
1254a.\[a\&\]\:hover\:text-emerald-900:hover { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); }</style>
1255<link rel="icon" type="image/png" href="/__meta/icon.png"><link rel="apple-touch-icon" href="/__meta/icon.png"><style type="text/css"></style><style data-prerender="animation-override">*,*::before,*::after{animation-delay:0s !important;animation-duration:0.001s !important;animation-iteration-count:1 !important;animation-fill-mode:forwards !important;transition-duration:0.001s !important;transition-delay:0s !important;scroll-behavior:auto !important;}[data-aos]:not(.aos-animate),[data-scroll]:not(.is-inview),[data-animate]:not(.in-view){opacity:1 !important;transform:none !important;visibility:visible !important;}[class~="animate-fade"],[class~="animate-fade-in"],[class~="animate-fade-out"],[class~="animate-fade-up"],[class~="animate-fade-down"],[class~="animate-fade-left"],[class~="animate-fade-right"],[class~="animate-slide-in"],[class~="animate-slide-up"],[class~="animate-slide-down"],[class~="animate-slide-left"],[class~="animate-slide-right"],[class~="animate-zoom-in"],[class~="animate-zoom-out"],[class~="animate-enter"]{opacity:1 !important;transform:none !important;}</style></head>
1256  <body>
1257    <div id="root"><div class="flex min-h-screen flex-col bg-gradient-to-br from-white via-emerald-50/20 to-stone-50/60 dark:from-emerald-950 dark:via-emerald-950 dark:to-emerald-950/80"><header class="border-b border-emerald-700/60 dark:border-emerald-800 bg-emerald-900 dark:bg-emerald-950 shadow-md md:sticky md:top-0 z-50 transition-all duration-200 ease-in-out"><div class="container mx-auto px-4 transition-all duration-200 ease-in-out py-2 md:py-4"><div class="flex flex-wrap md:flex-nowrap items-center justify-between gap-2"><div class="w-full md:w-auto flex items-center justify-between"><div class="flex items-center gap-3"><img alt="PlanMyBalance" class="transition-all duration-200 ease-in-out rounded-lg object-contain w-9 h-9 md:w-10 md:h-10" src="/assets/pwa_48x48-019d68ef-f1b8-76dd-b613-1d170d03a6ff.png"><h1 class="font-bold text-white transition-all duration-200 ease-in-out whitespace-nowrap text-lg md:text-xl">Plan My Balance</h1></div><div class="flex md:hidden items-center gap-2"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:text-emerald-200 dark:hover:bg-emerald-900/30 dark:hover:text-emerald-100 size-9 rounded-full text-emerald-100 hover:text-white hover:bg-emerald-800/60 transition-all duration-200 ease-in-out h-10 w-10" aria-label="Switch to dark mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon transition-all duration-200 ease-in-out h-5 w-5" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></button><button type="button" aria-label="Help &amp; Guide" title="Help &amp; Guide" class="w-7 h-7 rounded-full border border-amber-400/70 bg-transparent text-amber-400 hover:border-amber-300 hover:text-amber-300 hover:bg-amber-400/10 focus:outline-none focus:ring-2 focus:ring-amber-400/40 text-xs font-bold flex items-center justify-center transition-colors shrink-0" data-ocid="header.help_button.mobile">?</button></div></div><div class="w-full md:w-auto flex items-center justify-between gap-3 mt-0.5 md:mt-0"><div class="flex items-center gap-2 min-w-0"><button data-slot="button" class="inline-flex items-center justify-center gap-2 text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:text-emerald-200 dark:hover:bg-emerald-900/30 dark:hover:text-emerald-100 py-2 has-[>svg]:px-3 md:hidden rounded-full bg-transparent border border-emerald-200/70 text-emerald-50 hover:bg-emerald-800/70 hover:text-white transition-all duration-200 ease-in-out whitespace-nowrap h-10 px-6" data-ocid="header.try_demo.button">Preview</button></div><div class="hidden md:flex items-center gap-3"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:text-emerald-200 dark:hover:bg-emerald-900/30 dark:hover:text-emerald-100 size-9 rounded-full text-emerald-100 hover:text-white hover:bg-emerald-800/60 transition-all duration-200 ease-in-out h-10 w-10" aria-label="Switch to dark mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon transition-all duration-200 ease-in-out h-5 w-5" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></button><button type="button" aria-label="Help &amp; Guide" title="Help &amp; Guide" class="w-7 h-7 rounded-full border border-amber-400/70 bg-transparent text-amber-400 hover:border-amber-300 hover:text-amber-300 hover:bg-amber-400/10 focus:outline-none focus:ring-2 focus:ring-amber-400/40 text-xs font-bold flex items-center justify-center transition-colors shrink-0" data-ocid="header.help_button.desktop">?</button><button data-slot="dropdown-menu-trigger" class="justify-center whitespace-nowrap rounded-md disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:text-emerald-200 dark:hover:bg-emerald-900/30 dark:hover:text-emerald-100 py-2 has-[>svg]:px-3 flex items-center gap-1 px-2 font-medium text-emerald-100 hover:text-white hover:bg-emerald-800/60 transition-all duration-200 ease-in-out h-10 text-sm" data-ocid="header.language.toggle" type="button" id="radix-«r7»" aria-haspopup="menu" aria-expanded="false" data-state="closed">EN<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3 w-3 opacity-60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="flex md:hidden items-center gap-2 ml-auto"><button data-slot="dropdown-menu-trigger" class="justify-center whitespace-nowrap rounded-md disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:text-emerald-200 dark:hover:bg-emerald-900/30 dark:hover:text-emerald-100 py-2 has-[>svg]:px-3 flex items-center gap-1 px-2 font-medium text-emerald-100 hover:text-white hover:bg-emerald-800/60 transit
1257ion-all duration-200 ease-in-out h-10 text-sm" data-ocid="header.language.mobile.toggle" type="button" id="radix-«r9»" aria-haspopup="menu" aria-expanded="false" data-state="closed">EN<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3 w-3 opacity-60" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button data-slot="button" class="inline-flex items-center justify-center gap-2 text-sm disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 py-2 has-[>svg]:px-3 rounded-full transition-all duration-200 ease-in-out whitespace-nowrap bg-amber-400 hover:bg-amber-300 text-emerald-950 font-semibold border border-amber-300 shadow-sm h-10 px-6">Log in</button></div><button data-slot="button" class="items-center justify-center gap-2 text-sm disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 py-2 has-[>svg]:px-3 hidden md:inline-flex rounded-full transition-all duration-200 ease-in-out whitespace-nowrap bg-amber-400 hover:bg-amber-300 text-emerald-950 font-semibold border border-amber-300 shadow-sm h-10 px-6">Log in</button></div></div></div></header><main class="flex-1 flex items-center justify-center px-4 py-4 md:py-10">
1257<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"PlanMyBalance","alternateName":"Plan My Balance","url":"https://planmybalance.com","logo":"https://planmybalance.com/icon-512.png","description":"PlanMyBalance is a manual budget planning app for balance forecasting, bills, debt repayment, savings and net worth tracking, with financial learning activities and no bank connection required."}</script>
1257<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"PlanMyBalance","alternateName":"Plan My Balance","url":"https://planmybalance.com","applicationCategory":"FinanceApplication","operatingSystem":"Web","description":"Plan your budget, forecast daily balances, organize bills and explore debt repayment and savings scenarios. Practice money calculations, answer daily quizzes and learn useful financial concepts. No bank connection required.","featureList":["Balance forecast app","Day-by-day cash-flow forecasting","Safe-to-spend planner","Debt payoff planner and strategy comparison","Savings vaults, goals, and projections","APY estimates and compounding estimates (Pro+)","Net wealth tracker","Wealth Tracker with mortgage equity and manual assets","Wealth Forecast — net wealth up to 12 months ahead","Wealth Reports PDF export","Mortgage equity tracker","PDF reports (Cycle Summary, Payoff Strategy, Savings, Wealth)","Multi-currency and multi-account support","Recurring income and expense planning","Business-day and holiday-aware scheduling","No bank connection required","Offline-first, privacy-first operation","Manual credit score history tracking","Credit utilisation tracking","Projected credit utilisation","Data-based Credit Health insights","Money calculations with adjustable difficulty","Daily financial knowledge quiz","Financial education cards","Learning activities included in every plan"],"offers":{"@type":"Offer","price":"0","priceCurrency":"GBP"},"publisher":{"@type":"Organization","name":"PlanMyBalance","url":"https://planmybalance.com"}}</script>
1257<div class="max-w-5xl w-full"><div class="flex justify-end mb-2 md:mb-2"><button type="button" class="inline-flex items-center gap-1 px-3 py-1 rounded-full text-xs font-medium border border-emerald-200 bg-emerald-50/70 text-emerald-800 hover:bg-emerald-100 dark:border-emerald-700/50 dark:bg-emerald-900/20 dark:text-emerald-300 dark:hover:bg-emerald-900/40 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check h-3 w-3" aria-hidden="true"><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg>About</button></div><div class="space-y-10 md:space-y-16"><div class="text-center space-y-2.5 md:space-y-5"><div class="flex justify-center"><span class="inline-flex items-center gap-1 md:gap-1.5 px-2.5 py-0.5 md:px-4 md:py-1.5 rounded-full bg-amber-500/15 text-amber-700 dark:text-amber-300 text-sm md:text-base font-semibold border border-amber-400/40 dark:border-amber-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-3.5 w-3.5 md:h-4 md:w-4" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg>Balance Forecast · Debt Payoff · Credit Health</span></div><h1 class="text-[2rem] leading-[1.12] sm:text-4xl md:text-4xl lg:text-5xl md:leading-tight font-bold text-emerald-950 dark:text-emerald-50 max-w-2xl mx-auto">Forecast your balance, reduce debt, and see where your plan is heading.</h1><p class="text-sm md:text-lg text-muted-foreground max-w-xs md:max-w-xl mx-auto">Track credit health, savings and net wealth - without connecting your bank.</p><p class="text-sm md:text-lg text-muted-foreground max-w-sm md:max-w-2xl mx-auto">Add your balance, income, bills and debts. See how your money changes before payday, bills and big decisions.</p><div class="flex flex-wrap justify-center gap-1 md:gap-2 max-w-xs mx-auto md:max-w-none"><span class="inline-flex items-center gap-1 px-2 py-0.5 md:px-3 md:py-1 rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-900 dark:text-emerald-300 text-xs md:text-sm font-medium border border-emerald-300/70 dark:border-emerald-700/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3 md:h-3.5 md:w-3.5 text-green-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>No bank connection required</span><span class="inline-flex items-center gap-1 px-2 py-0.5 md:px-3 md:py-1 rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-900 dark:text-emerald-300 text-xs md:text-sm font-medium border border-emerald-300/70 dark:border-emerald-700/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3 md:h-3.5 md:w-3.5 text-green-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Balance forecast + safe margin</span><span class="inline-flex items-center gap-1 px-2 py-0.5 md:px-3 md:py-1 rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-900 dark:text-emerald-300 text-xs md:text-sm font-medium border border-emerald-300/70 dark:border-emerald-700/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3 md:h-3.5 md:w-3.5 text-green-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Debt payoff planner</span><span class="inline-flex items-center gap-1 px-2 py-0.5 md:px-3 md:py-1 rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-900 dark:text-emerald-300 text-xs md:text-sm font-medium border border-emerald-300/70 dark:border-emerald-700/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3 md:h-3.5 md:w-3.5 text-green-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Credit Health</span><span class="inline-flex items-center gap-1 px-2 py-0.5 md:px-3 md:py-1 rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-900 dark:text-emerald-300 text-xs md:text-sm font-medium border border-emerald-300/70 dark:border-emerald-700/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3 md:h-3.5 md:w-3.5 text-green-600" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Savings + wealth</span></div><div class="flex justify-center"><a href="#landing-learn" data-ocid="landing.learn_link" class="inline-flex items-center gap-1.5 text-xs md:text-sm font-medium text-amber-700 dark:text-amber-400 hover:text-amber-800 dark:hover:text-amber-300 hover:underline underline-offset-4 transition-colors rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 focus-visible:ring-offset-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3.5 w-3.5 md:h-4 md:w-4" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Explore free learning activities</a></div><p class="text-xs md:text-sm text-muted-foreground">Try the read-only Preview with no login. Sign in only when you want to save your plan.</p><div class="flex flex-row justify-center items-center gap-2 sm:gap-3 max-w-md 
1257sm:max-w-none mx-auto w-full"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 h-10 has-[>svg]:px-4 flex-1 sm:flex-none w-full sm:w-auto order-1 bg-amber-400 hover:bg-amber-300 text-emerald-950 px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-semibold rounded-full shadow-sm hover:shadow-md transition-all border border-amber-300" data-ocid="landing.primary_button">Try Preview</button><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs hover:border-emerald-600/60 dark:bg-input/30 dark:hover:text-emerald-200 h-10 has-[>svg]:px-4 flex-1 sm:flex-none w-full sm:w-auto order-2 px-6 sm:px-8 py-3 sm:py-3.5 text-sm sm:text-base font-semibold rounded-full bg-transparent border border-emerald-600 text-emerald-800 hover:bg-emerald-100 hover:text-emerald-900 dark:border-emerald-500 dark:text-emerald-300 dark:hover:bg-emerald-900/40 transition-all" data-ocid="landing.secondary_button">Log in</button></div><div class="mt-4" data-ocid="landing.store_badges"><p class="text-center text-sm font-semibold text-foreground mb-3">PlanMyBalance on your devices</p><div class="grid grid-cols-2 gap-3 items-start"><div class="flex flex-col items-center gap-1.5 min-w-0"><a href="https://play.google.com/store/apps/details?id=com.planmybalance.app" target="_blank" rel="noopener noreferrer" aria-label="Get PlanMyBalance on Google Play" class="inline-flex items-center justify-center transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 focus-visible:ring-offset-2 rounded-lg overflow-hidden w-full max-w-[170px] h-[56px]" data-ocid="landing.google_play_badge"><img alt="Get PlanMyBalance on Google Play" class="h-full w-full object-contain" src="/assets/google-play-badge.svg?v=2"></a><div class="flex items-center gap-2 min-h-[1.25rem] justify-center"><p class="text-xs text-muted-foreground">Available on Android</p></div></div><div class="flex flex-col items-center gap-1.5 min-w-0"><a href="https://apps.microsoft.com/detail/9P7L7ZB5XKQ3" target="_blank" rel="noopener noreferrer" aria-label="Get PlanMyBalance from Microsoft Store" class="inline-flex items-center justify-center transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 focus-visible:ring-offset-2 rounded-lg overflow-hidden w-full max-w-[170px] h-[56px]" data-ocid="landing.ms_store_badge"><svg class="h-full w-full object-contain" viewBox="0 0 864 312" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><g id="Layer_2"><rect x="0" y="0" width="864" height="312" rx="32" ry="32" fill="#D2D2D2"></rect><rect x="4.5" y="4.5" width="855" height="303" rx="28" ry="28" fill="#000000"></rect><g><defs><rect id="SVGID_1_" y="0" width="864" height="312"></rect></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" overflow="visible"></use></clipPath></g></g><g id="Layer_1"><rect x="70.5" y="68.6" fill="#F25022" width="83.8" height="83.8"></rect><rect x="163" y="68.6" fill="#7FBA00" width="83.8" height="83.8"></rect><rect x="70.5" y="161" fill="#00A4EF" width="83.8" height="83.8"></rect><rect x="163" y="161" fill="#FFB900" width="83.8" height="83.8"></rect><path fill="#FFFFFF" d="M408.3,163c0-2.5,0.9-4.5,2.7-6.2c1.8-1.7,3.9-2.5,6.4-2.5c2.6,0,4.8,0.9,6.5,2.6c1.7,1.7,2.6,3.8,2.6,6.1
1258      c0,2.4-0.9,4.5-2.7,6.1c-1.8,1.7-3.9,2.5-6.5,2.5c-2.6,0-4.7-0.8-6.5-2.5C409.2,167.4,408.3,165.4,408.3,163 M424.8,244.8h-14.9
1259      v-63.5h14.9V244.8z"></path><path fill="#FFFFFF" d="M470.2,233.9c2.2,0,4.7-0.5,7.4-1.5c2.7-1,5.1-2.4,7.4-4.1v13.9c-2.4,1.4-5.1,2.4-8.1,3.1
1260      c-3,0.7-6.4,1.1-10,1.1c-9.3,0-16.9-3-22.8-8.9c-5.9-5.9-8.8-13.5-8.8-22.6c0-10.2,3-18.6,9-25.2c6-6.6,14.4-9.9,25.4-9.9
1261      c2.8,0,5.6,0.4,8.5,1.1c2.9,0.7,5.1,1.6,6.8,2.5v14.3c-2.3-1.7-4.7-3-7.1-3.9c-2.4-0.9-4.9-1.4-7.4-1.4c-5.9,0-10.6,1.9-14.3,5.7
1262      c-3.6,3.8-5.4,9-5.4,15.5c0,6.4,1.7,11.4,5.2,15C459.5,232.2,464.2,233.9,470.2,233.9"></path><path fill="#FFFFFF" d="M527.5,180.3c1.2,0,2.3,0.1,3.2,0.2c0.9,0.2,1.8,0.4,2.4,0.6v15.1c-0.8-0.6-1.9-1.1-3.4-1.6
1263      c-1.5-0.5-3.3-0.8-5.5-0.8c-3.7,0-6.8,1.5-9.3,4.6c-2.5,3.1-3.8,7.8-3.8,14.3v32.1h-14.9v-63.5h14.9v10
1263h0.2
1264      c1.4-3.5,3.4-6.2,6.2-8.1C520.3,181.3,523.6,180.3,527.5,180.3"></path><path fill="#FFFFFF" d="M533.9,214c0-10.5,3-18.8,8.9-25c5.9-6.1,14.2-9.2,24.7-9.2c9.9,0,17.7,3,23.3,8.9
1265      c5.6,5.9,8.4,13.9,8.4,23.9c0,10.3-3,18.5-8.9,24.6c-5.9,6.1-14,9.1-24.2,9.1c-9.8,0-17.7-2.9-23.4-8.7
1266      C536.8,231.9,533.9,224,533.9,214 M549.5,213.5c0,6.6,1.5,11.7,4.5,15.2c3,3.5,7.3,5.2,12.9,5.2c5.4,0,9.6-1.7,12.4-5.2
1267      s4.3-8.7,4.3-15.6c0-6.8-1.5-12-4.4-15.5c-2.9-3.5-7.1-5.2-12.4-5.2c-5.5,0-9.7,1.8-12.8,5.5C551,201.6,549.5,206.7,549.5,213.5"></path><path fill="#FFFFFF" d="M621.4,198c0,2.1,0.7,3.8,2,5c1.4,1.2,4.4,2.7,9,4.6c6,2.4,10.2,5.1,12.6,8.1c2.4,3,3.6,6.6,3.6,10.8
1268      c0,6-2.3,10.8-6.9,14.4c-4.6,3.6-10.8,5.4-18.6,5.4c-2.6,0-5.5-0.3-8.7-1c-3.2-0.6-5.9-1.5-8.1-2.4v-14.7c2.7,1.9,5.6,3.4,8.8,4.5
1269      c3.1,1.1,6,1.7,8.5,1.7c3.4,0,5.9-0.5,7.5-1.4c1.6-0.9,2.4-2.5,2.4-4.8c0-2.1-0.8-3.8-2.5-5.2c-1.7-1.4-4.8-3.1-9.5-4.9
1270      c-5.5-2.3-9.4-4.9-11.7-7.8c-2.3-2.9-3.5-6.6-3.5-11c0-5.7,2.3-10.4,6.8-14.1c4.5-3.7,10.4-5.5,17.7-5.5c2.2,0,4.7,0.2,7.5,0.7
1271      c2.8,0.5,5.1,1.1,6.9,1.9v14.2c-2-1.3-4.3-2.4-6.9-3.4c-2.6-0.9-5.3-1.4-7.8-1.4c-2.8,0-5.1,0.6-6.6,1.7
1272      C622.2,194.5,621.4,196.1,621.4,198"></path><path fill="#FFFFFF" d="M655.2,214c0-10.5,3-18.8,8.9-25c5.9-6.1,14.2-9.2,24.7-9.2c9.9,0,17.7,3,23.3,8.9
1273      c5.6,5.9,8.4,13.9,8.4,23.9c0,10.3-3,18.5-8.9,24.6c-5.9,6.1-14,9.1-24.2,9.1c-9.8,0-17.7-2.9-23.4-8.7
1274      C658.1,231.9,655.2,224,655.2,214 M670.7,213.5c0,6.6,1.5,11.7,4.5,15.2c3,3.5,7.3,5.2,12.9,5.2c5.4,0,9.6-1.7,12.4-5.2
1275      s4.3-8.7,4.3-15.6c0-6.8-1.5-12-4.4-15.5s-7.1-5.2-12.4-5.2c-5.5,0-9.7,1.8-12.8,5.5C672.2,201.6,670.7,206.7,670.7,213.5"></path><path fill="#FFFFFF" d="M769.8,193.6v32.6c0,6.8,1.6,11.8,4.7,15.2c3.1,3.4,7.9,5,14.2,5c2.1,0,4.3-0.2,6.5-0.7
1276      c2.2-0.5,3.8-0.9,4.7-1.5v-12.4c-0.9,0.6-2,1.1-3.2,1.5c-1.2,0.4-2.3,0.6-3.1,0.6c-3,0-5.3-0.8-6.7-2.4c-1.4-1.6-2.1-4.4-2.1-8.3
1277      v-29.7H800v-12.2h-15.1v-18.8l-15,4.6v14.3h-22.3v-7.7c0-3.8,0.8-6.7,2.5-8.7c1.7-2,4.1-2.9,7.2-2.9c1.6,0,3,0.2,4.3,0.6
1278      c1.2,0.4,2.1,0.8,2.6,1.1v-12.9c-1.1-0.4-2.3-0.6-3.7-0.8c-1.4-0.2-3-0.3-4.8-0.3c-6.8,0-12.4,2.1-16.7,6.4
1279      c-4.3,4.3-6.5,9.7-6.5,16.4v8.8h-10.6v12.2h10.6v51.3h15.1v-51.3H769.8z"></path><polygon fill="#FFFFFF" points="395.5,156.2 395.5,244.8 380.1,244.8 380.1,175.4 379.9,175.4 352.4,244.8 342.2,244.8 314,175.4 
1280      313.8,175.4 313.8,244.8 299.6,244.8 299.6,156.2 321.6,156.2 347.1,221.9 347.5,221.9 374.4,156.2 	"></polygon><path fill="#FFFFFF" d="M340,117.9c-5.3,3-11.3,4.5-18,4.5c-5.1,0-9.6-1.1-13.6-3.4c-3.9-2.2-7-5.4-9.1-9.5
1281      c-2.1-4.1-3.2-8.7-3.2-13.8c0-5.4,1.2-10.3,3.5-14.5s5.6-7.6,9.9-10c4.3-2.4,9.1-3.6,14.5-3.6c2.7,0,5.4,0.3,8.1,0.8
1282      c2.7,0.5,4.9,1.2,6.6,2v8c-4-2.7-9.1-4-15.3-4c-3.7,0-7,0.9-10,2.7c-3,1.8-5.3,4.3-6.9,7.4c-1.6,3.2-2.4,6.8-2.4,10.8
1283      c0,6.3,1.7,11.3,5,15c3.3,3.7,7.9,5.5,13.7,5.5c3.7,0,7-0.7,9.8-2.2V99.9h-11.3v-6.6H340V117.9z"></path><path fill="#FFFFFF" d="M383.1,104.6h-26.2c0.1,3.8,1.3,6.7,3.3,8.8c2.1,2,4.8,3.1,8.2,3.1c4.5,0,8.4-1.3,11.8-3.9v6.4
1284      c-1.5,1-3.4,1.9-5.7,2.5c-2.3,0.6-4.7,0.9-7.1,0.9c-5.7,0-10.2-1.7-13.3-5.1c-3.1-3.4-4.7-8.2-4.7-14.4c0-3.8,0.8-7.3,2.3-10.3
1285      c1.5-3.1,3.7-5.5,6.4-7.2c2.7-1.7,5.8-2.6,9.1-2.6c4.9,0,8.8,1.6,11.6,4.8c2.8,3.2,4.2,7.6,4.2,13.3V104.6z M375.8,98.9
1286      c0-3.3-0.8-5.8-2.3-7.5c-1.5-1.7-3.6-2.6-6.4-2.6c-2.5,0-4.7,0.9-6.6,2.7s-3,4.3-3.6,7.4H375.8z"></path><path fill="#FFFFFF" d="M411.5,121.1c-0.7,0.4-1.6,0.7-2.9,0.9c-1.2,0.2-2.3,0.3-3.3,0.3c-7,0-10.5-3.9-10.5-11.6V89.7h-6.4v-6h6.4
1287      v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0,2.5,0.4,4.3,1.2,5.3c0.8,1,2.2,1.5,4.3,1.5c1.4,0,2.7-0.4,3.8-1.2V121.1z"></path><path fill="#FFFFFF" d="M447.7,70.3c0,1.2-0.4,2.2-1.3,3.1c-0.9,0.9-2,1.3-3.3,1.3c-1.3,0-2.4-0.4-3.3-1.3
1288      c-0.9-0.8-1.3-1.9-1.3-3.2c0-1.3,0.5-2.4,1.4-3.2c0.9-0.8,2-1.3,3.2-1.3c1.2,0,2.3,0.4,3.2,1.3C447.3,68,447.7,69,447.7,70.3
1289       M446.7,121.5h-7.3V83.7h7.3V121.5z"></path><path fill="#FFFFFF" d="M478.4,121.1c-0.7,0.4-1.6,0.7-2.9,0.9c-1.2,0.2-2.3,0.3-3.3,0.3c-7,0-10.5-3.9-10.5-11.6V89.7h-6.4v-6h6.4
1290      v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0,2.5,0.4,4.3,1.2,5.3c0.8,1,2.2,1.5,4.3,1.5c1.4,0,2.7-0.4,3.8-1.2V121.1z"></path><path fill="#FFFFFF" d="M526.2,71.7c-1.2-0.6-2.5-1-4-1c-4.1,0-6.1,2.5-6.1,7.5v5.4h8.6v6h-8.6v31.8h-7.3V89.7h-6.4v-6h6.4v-5.8
1291      c0-4,1.1-7.2,3.4-9.6c2.3-2.4,5.4-3.6,9.4-3.6c2,0,3.5,0.2,4.7,0.7V71.7z"></path><path fill="#FFFFFF" d="M553.1,91c-0.4-0.3-1.2-0.6-2.2-0.9c-1-0.2-1.9-0.4-2.6-0.4c-2.6,0-4.7,1.2-6.3,3.5c-1.6,2.3-2.4,5.3-2.4,9
1292      v19.3h-7.3V83.7h7.3v7.6h0.2c0.8-2.6,2.1-4.6,3.8-6.1c1.7-1.5,3.7-2.2,5.9-2.2c1.5,0,2.7,0.2,3.5,0.5V91z"></path><path fill="#FFFFFF" d="M594.8,102.4c0,6.1-1.8,11-5.3,14.6c-3.5,3.6-8.2,5.4-14,5.4c-5.7,0-10.3-1.8-13.7-5.3
1293      c-3.4-3.5-5.1-8.2-5.1-14.1c0-6.3,1.8-11.2,5.3-14.8c3.5-3.6,8.3-5.4,14.4-5.4c5.7,0,10.2,1.7,13.4,5.2
1294      C593.2,91.5,594.8,96.3,594.8,102.4 M587.3,102.6c0-4.5-1-7.9-2.9-10.2c-2-2.3-4.7-3.5-8.3-3.5c-3.6,0-6.5,1.2-8.6,3.7
1295      c-2.1,2.4-3.1,5.9-3.1,10.3c0,4.3,1,7.6,3.1,10c2.1,2.4,4.9,3.6,8.6,3.6c3.7,0,6.5-1.2,8.4-3.5
1296      C586.3,110.5,587.3,107.1,587.3,102.6"></path><path fill="#FFFFFF" d="M660.1,121.5h-7.3V100c0-3.9-0.6-6.7-1.8-8.5c-1.2-1.8-3.3-2.6-6.2-2.6c-2.4,0-4.5,
12961.1-6.1,3.3
1297      c-1.7,2.2-2.5,4.9-2.5,7.9v21.4h-7.3V99.3c0-6.9-2.7-10.4-8-10.4c-2.5,0-4.6,1.1-6.2,3.2s-2.4,4.8-2.4,8.1v21.4h-7.3V83.7h7.3v5.9
1298      h0.1c2.7-4.6,6.7-6.8,11.8-6.8c2.4,0,4.6,0.7,6.6,2c1.9,1.3,3.3,3.2,4.2,5.6c1.5-2.6,3.2-4.5,5.3-5.8c2.1-1.2,4.5-1.9,7.3-1.9
1299      c8.3,0,12.4,5.1,12.4,15.4V121.5z"></path></g></svg></a><div class="flex items-center gap-2 min-h-[1.25rem] justify-center"><p class="text-xs text-muted-foreground">Available on Windows</p></div></div></div></div></div><div class="flex justify-center"><div class="relative max-w-2xl text-center px-4 py-3 md:px-6 md:py-4 border-l-4 border-amber-500 bg-amber-50/40 dark:bg-amber-900/10 rounded-r-xl shadow-sm"><p class="text-sm md:text-lg font-medium text-emerald-900 dark:text-emerald-200 italic">Just because the bank approves it doesn't mean your cash flow will.</p></div></div><div class="grid grid-cols-1 md:grid-cols-3 gap-3 md:gap-4"><div class="flex items-start gap-3 p-3 md:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down h-5 w-5 text-emerald-700 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg><div><p class="font-semibold text-foreground text-sm">Test-drive big money decisions</p><p class="text-xs text-muted-foreground mt-1">Thinking about a mortgage, car finance, or a new monthly bill? Add it to your forecast before you commit and see how it affects your safe margin.</p></div></div>
1299<div class="flex items-start gap-3 p-3 md:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-5 w-5 text-amber-600 flex-shrink-0 mt-0.5" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><div><p class="font-semibold text-foreground text-sm">See the real cost of your habits</p><p class="text-xs text-muted-foreground mt-1">Use habit tracking to see how repeated small costs affect your balance and debt payoff timeline - and what changes when you cut back.</p></div></div><div class="flex items-start gap-3 p-3 md:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-5 w-5 text-emerald-700 flex-shrink-0 mt-0.5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><div><p class="font-semibold text-foreground text-sm">Manual by design</p><p class="text-xs text-muted-foreground mt-1">No bank links, more privacy, and better control over real-life timing like weekends, bank holidays, and shifted paydays.</p></div></div></div><div class="flex flex-wrap justify-center gap-4 text-xs text-muted-foreground"><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-3.5 w-3.5 text-emerald-700" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>Multi-currency / multi-account planning</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-3.5 w-3.5 text-emerald-700" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg>Savings vaults, targets, APY estimates</span><span class="flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-3.5 w-3.5 text-emerald-700" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>Privacy-first: no bank connection, no data sharing</span></div><section data-ocid="landing.supported_section" class="relative mx-auto max-w-3xl overflow-hidden rounded-2xl border border-amber-200/80 bg-white px-4 py-5 md:px-6 md:py-6 shadow-sm dark:border-emerald-700/40 dark:bg-emerald-900/15"><span aria-hidden="true" class="absolute inset-x-0 top-0 h-[3px] bg-amber-400 dark:bg-amber-500/70"></span><h2 class="flex items-center justify-center gap-2 text-center text-base font-bold text-emerald-900 md:text-lg dark:text-emerald-100"><span aria-hidden="true" class="inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-amber-300 bg-amber-50 dark:border-amber-700/60 dark:bg-amber-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4 text-amber-700 dark:text-amber-300" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><span class="leading-snug">Supported currencies &amp; languages</span></h2><div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-0"><div class="md:pr-6"><div class="flex items-center gap-2"><span aria-hidden="true" class="inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-amber-300 bg-amber-50 dark:border-amber-700/60 dark:bg-amber-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins h-3.5 w-3.5 text-amber-700 dark:text-amber-300" aria-hidden="true"><circle cx="8" cy="8" r="6"></circle><path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path><path d="M7 6h1v4"></path><path d="m16.71 13.88.7.71-2.82 2.82"></path></svg></span>
1299<p class="text-xs font-semibold uppercase tracking-wide text-emerald-900 dark:text-emerald-200">Currencies</p></div><div class="mt-2.5 flex flex-wrap gap-2"><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">GBP</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">EUR</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">USD</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">PLN</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">TRY</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">UAH</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">BRL</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">MXN</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">RUB</span><span class="inline-flex items-center rounded-full border border-amber-300 bg-amber-50 px-3 py-1 text-xs font-semibold text-amber-900 dark:border-amber-700/50 dark:bg-amber-950/30 dark:text-amber-200">PHP</span></div></div><div class="border-t border-amber-200/70 pt-4 md:border-l md:border-t-0 md:pl-6 md:pt-0 dark:border-emerald-700/40"><div class="flex items-center gap-2"><span aria-hidden="true" class="inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md border border-emerald-300 bg-emerald-50 dark:border-emerald-700/60 dark:bg-emerald-900/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-3.5 w-3.5 text-emerald-700 dark:text-emerald-300" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></span><p class="text-xs font-semibold uppercase tracking-wide text-emerald-900 dark:text-emerald-200">Languages</p></div><div class="mt-2.5 flex flex-wrap gap-2"><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">English</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Русский</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Latviešu</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Lietuvių</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Polski</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Deutsch</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Español</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Français</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Português</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Italiano</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Türkçe</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Українська</span><span class="inline-flex items-center rounded-full border border-emerald-300 bg-emerald-50 px-3 py-1 text-xs font-semibold text-emerald-900 dark:border-emerald-700/50 dark:bg-emerald-900/30 dark:text-emerald-200">Čeština</span></div></div></div></section><section data-ocid="landing.credit_health_spotlight.section" class="rounded-2xl border border-emerald-300 dark:border-emerald-700/60 bg-emerald-50/60 dark:bg-emerald-900/15 shadow-sm overflow-hidden"><div class="grid grid-cols-1 md:grid-cols-2 gap-0"><div class="p-3 md:p-6 flex flex-col justify-center"><div class="flex items-center gap-2 mb-2 md:mb-3"><span class="inline-flex items-center justify-center h-8 w-8 rounded-lg border border-amber-300 bg-amber-50 dark:border-amber-700 dark:bg-amber-950/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge h-5 w-5 text-amber-700 dark:text-amber-300" aria-hidden="true"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg></span><span class="text-xs md:text-sm font-semibold uppercase tracking-wide text-emerald-700 dark:text-emerald-300">Credit Health</span></div><h2 class="text-xl md:text-2xl font-display font-semibold text-foreground leading-snug mb-1.5 md:mb-2">Understand your credit position over time</h2><p class="text-xs md:text-sm text-muted-foreground leading-relaxed mb-3 md:mb-4 max-w-md">Record your credit score history, see current and projected credit utilisation, and get data-based insights from your plan. PlanMyBalance does not pull your credit report.</p><div><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 h-8 gap-1.5 has-[>svg]:px-2.5 bg-amber-400 hover:bg-amber-300 text-emerald-950 px-5 py-2 text-xs md:text-sm font-semibold rounded-full shadow-sm hover:shadow-md transition-all border border-amber-300" type="button" data-ocid="landing.credit_health_spotlight.primary_button">Explore in Preview</button></div></div><div class="p-3 md:p-6 md:border-l border-emerald-200 dark:border-emerald-800/60 bg-emerald-50/40 dark:bg-emerald-900/10 flex flex-col justify-center"><ul class="space-y-2 md:space-y-2.5"><li data-ocid="landing.credit_health_spotlight.item.1" class="flex items-center gap-2.5 p-2 md:p-2.5 rounded-lg bg-card dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800/60"><span class="inline-flex items-center justify-center h-7 w-7 md:h-8 md:w-8 rounded-md bg-emerald-100 dark:bg-emerald-800/40 text-emerald-700 dark:text-emerald-300 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-line h-4 w-4" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="m19 9-5 5-4-4-3 3"></path></svg></span><span class="text-xs md:text-sm font-medium text-foreground leading-snug">Credit score history</span></li><li data-ocid="landing.credit_health_spotlight.item.2" class="flex items-center gap-2.5 p-2 md:p-2.5 rounded-lg bg-card dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800/60"><span class="inline-flex items-center justify-center h-7 w-7 md:h-8 md:w-8 rounded-md bg-emerald-100 dark:bg-emerald-800/40 text-emerald-700 dark:text-emerald-300 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-4 w-4" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></span><span class="text-xs md:text-sm font-medium text-foreground leading-snug">Current + projected utilisation</span></li><li data-ocid="landing.credit_health_spotlight.item.3" class="flex items-center gap-2.5 p-2 md:p-2.5 rounded-lg bg-card dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-800/60"><span class="inline-flex items-center justify-center h-7 w-7 md:h-8 md:w-8 rounded-md bg-emerald-100 dark:bg-emerald-800/40 text-emerald-700 dark:text-emerald-300 flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span class="text-xs md:text-sm font-medium text-foreground leading-snug">Planning insights</span></li></ul></div></div></section><div id="landing-learn" class="scroll-mt-24" aria-hidden="true"></div><section class="space-y-3 sm:space-y-4" data-ocid="learn.section"><div class="text-center space-y-2"><span class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full bg-amber-500/15 text-amber-700 dark:text-amber-300 text-xs font-semibold border border-amber-400/40 dark:border-amber-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check h-3.5 w-3.5" aria-hidden="true"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg>
1299Free for everyone</span><h2 class="text-xl sm:text-2xl font-bold text-center text-emerald-900 dark:text-emerald-100">Learn something useful about money</h2><p class="text-center text-muted-foreground text-sm max-w-xl mx-auto">Practice everyday money skills, test your knowledge and explore useful financial ideas. All learning activities are included in every plan.</p></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-3 sm:gap-4"><div class="flex items-start gap-3 p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><span class="learn-chip learn-chip-math learn-math"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator h-5 w-5" aria-hidden="true"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg></span><div class="min-w-0"><h3 class="font-semibold text-foreground text-sm">Math Gym</h3><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Practice money calculations, percentages and VAT. Choose your difficulty and use hints or reveal a solution when you need help.</p></div></div><div class="flex items-start gap-3 p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><span class="learn-chip learn-chip-quiz learn-quiz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><div class="min-w-0"><h3 class="font-semibold text-foreground text-sm">Daily Quiz</h3><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Answer three questions a day about budgeting, saving, borrowing and other everyday money topics.</p></div></div><div class="flex items-start gap-3 p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><span class="learn-chip learn-chip-discover learn-discover"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-5 w-5" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></span><div class="min-w-0"><h3 class="font-semibold text-foreground text-sm">Discover</h3><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Browse short cards that explain useful financial ideas in plain language.</p></div></div></div><div class="flex flex-col items-center gap-2 pt-1"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 h-10 has-[>svg]:px-4 w-full sm:w-auto bg-amber-400 hover:bg-amber-300 text-emerald-950 px-8 py-3 text-base font-semibold rounded-full shadow-sm hover:shadow-md transition-all border border-amber-300" data-ocid="landing.learn.login_button">Log in to explore Learn</button><p class="text-xs text-muted-foreground text-center">Sign in to access all three learning activities.</p></div></section><div class="space-y-3 sm:space-y-4"><h2 class="text-xl sm:text-2xl font-bold text-center text-emerald-900 dark:text-emerald-100">How It Works</h2><p class="text-center text-muted-foreground text-sm max-w-xl mx-auto">Set your baseline, add upcoming money moves, and see what is safe before payday.</p><div class="rounded-xl p-3 sm:p-6 mt-1 sm:mt-3 border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-md"><div class="flex flex-col lg:grid lg:grid-cols-3 lg:divide-x divide-black/10 dark:divide-white/10"><div class="flex items-start gap-3 p-3 text-left lg:flex-col lg:items-center lg:text-center lg:space-y-3 lg:p-6 border-b border-emerald-100 dark:border-emerald-800/60 lg:border-b-0"><div class="flex-shrink-0 flex items-center justify-center w-10 h-10 lg:w-16 lg:h-16 rounded-lg lg:rou
1299nded-full bg-emerald-100 dark:bg-emerald-900/30 ring-1 ring-emerald-200 dark:ring-emerald-800"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-5 w-5 text-emerald-700" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0 space-y-0.5 lg:space-y-2"><h3 class="font-semibold text-foreground text-sm lg:text-base">Add your starting balance</h3><p class="text-xs lg:text-sm text-muted-foreground">This anchors the forecast and safe-to-withdraw number.</p></div></div><div class="flex items-start gap-3 p-3 text-left lg:flex-col lg:items-center lg:text-center lg:space-y-3 lg:p-6 border-b border-emerald-100 dark:border-emerald-800/60 lg:border-b-0"><div class="flex-shrink-0 flex items-center justify-center w-10 h-10 lg:w-16 lg:h-16 rounded-lg lg:rounded-full bg-emerald-100 dark:bg-emerald-900/30 ring-1 ring-emerald-200 dark:ring-emerald-800"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-plus h-5 w-5 text-emerald-700" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M8 12h8"></path><path d="M12 8v8"></path></svg></div><div class="min-w-0 space-y-0.5 lg:space-y-2"><h3 class="font-semibold text-foreground text-sm lg:text-base">Add payday(s), bills, and recurring spend</h3><p class="text-xs lg:text-sm text-muted-foreground">Build your personal money calendar in minutes.</p></div></div><div class="flex items-start gap-3 p-3 text-left lg:flex-col lg:items-center lg:text-center lg:space-y-3 lg:p-6 "><div class="flex-shrink-0 flex items-center justify-center w-10 h-10 lg:w-16 lg:h-16 rounded-lg lg:rounded-full bg-emerald-100 dark:bg-emerald-900/30 ring-1 ring-emerald-200 dark:ring-emerald-800"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye h-5 w-5 text-amber-600" aria-hidden="true"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></div><div class="min-w-0 space-y-0.5 lg:space-y-2"><h3 class="font-semibold text-foreground text-sm lg:text-base">See safe-to-withdraw + plan debt payoffs</h3><p class="text-xs lg:text-sm text-muted-foreground">Know what's safe today, test extra payments, and export useful reports.</p></div></div></div></div></div><div class="text-center px-4"><p class="text-xs text-muted-foreground max-w-xl mx-auto leading-relaxed">Built from a real personal need. Free to start, supports multiple in-app currencies, and paid plans are shown in GBP because PlanMyBalance is UK-based.</p></div><div class="space-y-4 sm:space-y-6" data-ocid="pricing.section"><h2 class="text-xl sm:text-2xl font-bold text-center text-emerald-900 dark:text-emerald-100">Pricing</h2><p class="text-center text-muted-foreground text-sm max-w-xl mx-auto">Math Gym, Daily Quiz and Discover are included in every plan, including Free.</p><div class="flex overflow-x-auto snap-x snap-mandatory gap-3 px-4 pt-4 pb-2 sm:grid sm:grid-cols-2 sm:overflow-visible sm:px-0 sm:pt-0 sm:pb-0 lg:grid-cols-4 sm:gap-6 no-scrollbar"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative shrink-0 snap-center w-[82vw] max-w-[330px] sm:w-auto sm:shrink sm:max-w-none border border-border shadow-sm bg-card dark:bg-emerald-900/10"><div data-slot="card-content" class="px-6 pt-6 space-y-4"><div class="text-center space-y-2"><h3 class="text-xl font-bold">Free</h3><p class="text-2xl font-bold text-emerald-700 dark:text-emerald-400">£0</p></div><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Basic balance forecast</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Basic debt tracking</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Basic Wealth snapshot</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Cash, savings, property equity &amp; debts overview</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Credit Health: score history, utilisation &amp; insights</span></li></ul></div></div><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative shrink-0 snap-center w-[82vw] max-w-[330px] sm:w-auto 
1299sm:shrink sm:max-w-none border border-border shadow-sm bg-card dark:bg-emerald-900/10"><div data-slot="card-content" class="px-6 pt-6 space-y-4"><div class="text-center space-y-2"><h3 class="text-xl font-bold">Basic</h3><div class="space-y-1"><p class="text-2xl font-bold leading-tight text-emerald-700 dark:text-emerald-400">£1.99/month</p><p class="text-sm text-muted-foreground">Annual: £14.99/year</p></div></div><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Everything in Free</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Savings vaults</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Manual assets</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Mortgage equity &amp; property value tracking</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Full current Wealth breakdown</span></li></ul></div></div><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative shrink-0 snap-center w-[82vw] max-w-[330px] sm:w-auto sm:shrink sm:max-w-none border-2 border-emerald-600 shadow-lg bg-white dark:bg-emerald-900/20"><div class="absolute -top-3 left-1/2 -translate-x-1/2"><span class="inline-flex items-center gap-1 px-2.5 py-0.5 rounded-full bg-amber-500 text-white text-xs font-semibold shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Popular</span></div><div data-slot="card-content" class="px-6 pt-6 space-y-4"><div class="text-center space-y-2"><h3 class="text-xl font-bold">Pro</h3><div class="space-y-1"><p class="text-2xl font-bold leading-tight text-emerald-800 dark:text-emerald-300">£2.99/month</p><p class="text-sm text-muted-foreground">Annual: £24.99/year</p></div></div><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Everything in Basic</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Wealth Forecast (3 &amp; 12 months)</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>
1299Wealth PDF Report</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Advanced PDF exports</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>60-month Savings projection + compounding</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Detailed reports &amp; advanced planning</span></li></ul></div></div><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative shrink-0 snap-center w-[82vw] max-w-[330px] sm:w-auto sm:shrink sm:max-w-none border border-border shadow-sm bg-card dark:bg-emerald-900/10"><div data-slot="card-content" class="px-6 pt-6 space-y-4"><div class="text-center space-y-2"><h3 class="text-xl font-bold">Supporter</h3><div class="space-y-1"><p class="text-2xl font-bold leading-tight text-emerald-700 dark:text-emerald-400">£4.99/month</p><p class="text-sm text-muted-foreground">Annual: £39.99/year</p></div></div><ul class="space-y-2"><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Everything in Pro</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Support continued development ❤️</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Supporter badge</span></li><li class="flex items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-4 w-4 text-emerald-600 dark:text-emerald-400 flex-shrink-0 mt-0.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Priority feedback</span></li></ul></div></div></div></div><div class="space-y-3 sm:space-y-4" data-ocid="features.section"><h2 class="text-xl sm:text-2xl font-bold text-center text-emerald-900 dark:text-emerald-100">Key Benefits</h2><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4">
1299<div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column h-5 w-5 text-emerald-700" aria-hidden="true"><line x1="18" x2="18" y1="20" y2="10"></line><line x1="12" x2="12" y1="20" y2="4"></line><line x1="6" x2="6" y1="20" y2="14"></line></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Balance Forecast</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">See how your balance changes before bills, income, and spending hit.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign h-5 w-5 text-amber-600" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Safe to Spend</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Know what is safe to use while protecting upcoming payments.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down h-5 w-5 text-emerald-700" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Debt Payoff Planner</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Compare payoff progress and understand how debt affects your future.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><div class="flex items-center justify-center w-8 h-8 rounded-lg border border-amber-300 bg-amber-50 dark:border-amber-700 dark:bg-amber-950/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge h-5 w-5 text-amber-700 dark:text-amber-300" aria-hidden="true"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg></div></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Credit Health</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Track recorded score history, current and projected utilisation, and data-based planning insights.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet h-5 w-5 text-emerald-700" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Savings goals</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">See cash, savings, debts, mortgage equity, and manual assets together.</p></div></div>
1299<div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-5 w-5 text-emerald-700" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Wealth Forecast</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Forecast your net wealth up to 12 months ahead using your calendar, debt, and savings data.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-5 w-5 text-emerald-700" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">Wealth Reports</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">Export a clear Wealth Report PDF for your current position and forecast.</p></div></div><div class="flex items-start gap-3 p-3 sm:p-4 rounded-xl border border-emerald-200 bg-white dark:bg-emerald-900/20 shadow-sm"><div class="flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard h-5 w-5 text-emerald-700" aria-hidden="true"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></div><div class="min-w-0"><p class="font-semibold text-foreground text-sm">My Financial Overview</p><p class="text-xs text-muted-foreground mt-1 leading-relaxed">A quick snapshot of your cash balance, safe-to-spend amount, savings balance, upcoming bills, active debt, mortgage liabilities, and 30-day balance forecast.</p></div></div></div></div><div class="rounded-xl border border-emerald-200 bg-emerald-50/60 dark:bg-emerald-900/20 p-4 sm:p-6 space-y-3 sm:space-y-4" data-ocid="privacy.section"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-5 w-5 text-emerald-700 flex-shrink-0" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><h2 class="text-lg sm:text-xl font-bold text-emerald-900 dark:text-emerald-100">Your privacy, always</h2></div><ul class="grid grid-cols-1 sm:grid-cols-2 gap-3"><li class="flex items-start gap-2 text-sm text-emerald-900 dark:text-emerald-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4 text-emerald-600 flex-shrink-0 mt-0.5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="leading-relaxed">No bank connection required</span></li><li class="flex items-start gap-2 text-sm text-emerald-900 dark:text-emerald-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4 text-emerald-600 flex-shrink-0 mt-0.5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="leading-relaxed">No property address required</span></li><li class="flex items-start gap-2 text-sm text-emerald-900 dark:text-emerald-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4 text-emerald-600 flex-shrink-0 mt-0.5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="leading-relaxed">You enter only the values you want to track</span></li><li class="flex items-start gap-2 text-sm text-emerald-900 dark:text-emerald-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4 text-emerald-600 flex-shrink-0 mt-0.5" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="leading-relaxed">Property values are user-entered estimates, not formal valuations or financial advice</span></li></ul></div><div class="text-center pt-1"><p class="text-sm text-muted-foreground mb-3">Curious how it works?</p><div class="flex flex-col sm:flex-row justify-center items-center gap-3"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:border-emerald-900 active:bg-emerald-950 focus-visible:ring-emerald-700 h-10 has-[>svg]:px-4 w-full sm:w-auto bg-amber-400 hover:bg-amber-300 text-emerald-950 px-8 py-3.5 text-base font-semibold rounded-full shadow-sm hover:shadow-md transition-all border border-amber-300" data-ocid="landing.login.primary_button">Log in</button><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs hover:border-emerald-600/60 dark:hover:text-emerald-200 h-10 has-[>svg]:px-4 w-full sm:w-auto px-8 py-3.5 text-base font-semibold rounded-full bg-emerald-50 border border-emerald-600 text-emerald-800 hover:bg-emerald-100 hover:text-emerald-900 dark:bg-emerald-900/20 dark:border-emerald-500 dark:text-emerald-300 dark:hover:bg-emerald-900/40 transition-all" data-ocid="landing.preview.secondary_button">Preview</button></div></div></div></div></main><footer class="border-t border-emerald-800/60 bg-emerald-950 mt-auto"><div class="container mx-auto px-4 py-6"><div class="flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-4"><p class="text-sm text-emerald-200 text-center">© 2026 PlanMyBalance. All rights reserved.</p><span class="hidden sm:inline text-emerald-700 text-sm">·</span><a href="/about" class="text-sm text-emerald-300 hover:text-amber-300 transition-colors underline-offset-2 hover:underline" data-ocid="footer.about_link">About</a><span class="hidden sm:inline text-emerald-700 text-sm">·</span><button type="button" class="text-sm text-emerald-300 hover:text-amber-300 transition-colors underline-offset-2 hover:underline" data-ocid="footer.privacy_link">Privacy Policy</button><span class="hidden md:inline text-emerald-700 text-sm">·</span><button type="button" title="Share" aria-label="Share" class="hidden md:inline text-sm text-amber-200 hover:text-amber-300 transition-colors underline-offset-2 hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-amber-400/60 rounded-sm" data-ocid="footer.share">[ Share ]</button><span class="hidden md:inline text-emerald-700 text-sm">·</span><a href="https://www.tiktok.com/@planmybalance" target="_blank" rel="noopener noreferrer" class="hidden md:inline text-sm text-emerald-300 hover:text-amber-300 transition-colors underline-offset-2 hover:underline" data-ocid="footer.tiktok_link">TikTok</a></div><span class="block my-4 h-px bg-emerald-800/60" aria-hidden="true"></span><div class="mt-3" data-ocid="footer.store_badges"><div class="grid grid-cols-2 gap-3 items-start sm:gap-4"><div class="flex flex-col items-center gap-1 min-w-0"><a href="https://play.google.com/store/apps/details?id=com.planmybalance.app" target="_blank" rel="noopener noreferrer" aria-label="Get PlanMyBalance on Google Play" class="inline-flex items-center justify-center transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 focus-visible:ring-offset-2 rounded-lg overflow-hidden w-full max-w-[150px] h-[50px]" data-ocid="footer.google_play_badge"><img alt="Get PlanMyBalance on Google Play" class="h-full w-full object-contain" src="/assets/google-play-badge.svg?v=2"></a><div class="flex items-center gap-2 min-h-[1.25rem] justify-center"><p class="text-[11px] text-emerald-200/60">Available on Android</p></div></div><div class="flex flex-col items-center gap-1 min-w-0"><a href="https://apps.microsoft.com/detail/9P7L7ZB5XKQ3" target="_blank" rel="noopener noreferrer" aria-label="Get PlanMyBalance from Microsoft Store" class="inline-flex items-center justify-center transition-opacity hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-400 focus-visible:ring-offset-2 rounded-lg overflow-hidden w-full max-w-[150px] h-[50px]" data-ocid="footer.ms_store_badge">
1299<svg class="h-full w-full object-contain" viewBox="0 0 864 312" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><g id="Layer_2"><rect x="0" y="0" width="864" height="312" rx="32" ry="32" fill="#D2D2D2"></rect><rect x="4.5" y="4.5" width="855" height="303" rx="28" ry="28" fill="#000000"></rect><g><defs><rect id="SVGID_1_" y="0" width="864" height="312"></rect></defs><clipPath id="SVGID_2_"><use xlink:href="#SVGID_1_" overflow="visible"></use></clipPath></g></g><g id="Layer_1"><rect x="70.5" y="68.6" fill="#F25022" width="83.8" height="83.8"></rect><rect x="163" y="68.6" fill="#7FBA00" width="83.8" height="83.8"></rect><rect x="70.5" y="161" fill="#00A4EF" width="83.8" height="83.8"></rect><rect x="163" y="161" fill="#FFB900" width="83.8" height="83.8"></rect><path fill="#FFFFFF" d="M408.3,163c0-2.5,0.9-4.5,2.7-6.2c1.8-1.7,3.9-2.5,6.4-2.5c2.6,0,4.8,0.9,6.5,2.6c1.7,1.7,2.6,3.8,2.6,6.1
1300      c0,2.4-0.9,4.5-2.7,6.1c-1.8,1.7-3.9,2.5-6.5,2.5c-2.6,0-4.7-0.8-6.5-2.5C409.2,167.4,408.3,165.4,408.3,163 M424.8,244.8h-14.9
1301      v-63.5h14.9V244.8z"></path><path fill="#FFFFFF" d="M470.2,233.9c2.2,0,4.7-0.5,7.4-1.5c2.7-1,5.1-2.4,7.4-4.1v13.9c-2.4,1.4-5.1,2.4-8.1,3.1
1302      c-3,0.7-6.4,1.1-10,1.1c-9.3,0-16.9-3-22.8-8.9c-5.9-5.9-8.8-13.5-8.8-22.6c0-10.2,3-18.6,9-25.2c6-6.6,14.4-9.9,25.4-9.9
1303      c2.8,0,5.6,0.4,8.5,1.1c2.9,0.7,5.1,1.6,6.8,2.5v14.3c-2.3-1.7-4.7-3-7.1-3.9c-2.4-0.9-4.9-1.4-7.4-1.4c-5.9,0-10.6,1.9-14.3,5.7
1304      c-3.6,3.8-5.4,9-5.4,15.5c0,6.4,1.7,11.4,5.2,15C459.5,232.2,464.2,233.9,470.2,233.9"></path><path fill="#FFFFFF" d="M527.5,180.3c1.2,0,2.3,0.1,3.2,0.2c0.9,0.2,1.8,0.4,2.4,0.6v15.1c-0.8-0.6-1.9-1.1-3.4-1.6
1305      c-1.5-0.5-3.3-0.8-5.5-0.8c-3.7,0-6.8,1.5-9.3,4.6c-2.5,3.1-3.8,7.8-3.8,14.3v32.1h-14.9v-63.5h14.9v10h0.2
1306      c1.4-3.5,3.4-6.2,6.2-8.1C520.3,181.3,523.6,180.3,527.5,180.3"></path><path fill="#FFFFFF" d="M533.9,214c0-10.5,3-18.8,8.9-25c5.9-6.1,14.2-9.2,24.7-9.2c9.9,0,17.7,3,23.3,8.9
1307      c5.6,5.9,8.4,13.9,8.4,23.9c0,10.3-3,18.5-8.9,24.6c-5.9,6.1-14,9.1-24.2,9.1c-9.8,0-17.7-2.9-23.4-8.7
1308      C536.8,231.9,533.9,224,533.9,214 M549.5,213.5c0,6.6,1.5,11.7,4.5,15.2c3,3.5,7.3,5.2,12.9,5.2c5.4,0,9.6-1.7,12.4-5.2
1309      s4.3-8.7,4.3-15.6c0-6.8-1.5-12-4.4-15.5c-2.9-3.5-7.1-5.2-12.4-5.2c-5.5,0-9.7,1.8-12.8,5.5C551,201.6,549.5,206.7,549.5,213.5"></path><path fill="#FFFFFF" d="M621.4,198c0,2.1,0.7,3.8,2,5c1.4,1.2,4.4,2.7,9,4.6c6,2.4,10.2,5.1,12.6,8.1c2.4,3,3.6,6.6,3.6,10.8
1310      c0,6-2.3,10.8-6.9,14.4c-4.6,3.6-10.8,5.4-18.6,5.4c-2.6,0-5.5-0.3-8.7-1c-3.2-0.6-5.9-1.5-8.1-2.4v-14.7c2.7,1.9,5.6,3.4,8.8,4.5
1311      c3.1,1.1,6,1.7,8.5,1.7c3.4,0,5.9-0.5,7.5-1.4c1.6-0.9,2.4-2.5,2.4-4.8c0-2.1-0.8-3.8-2.5-5.2c-1.7-1.4-4.8-3.1-9.5-4.9
1312      c-5.5-2.3-9.4-4.9-11.7-7.8c-2.3-2.9-3.5-6.6-3.5-11c0-5.7,2.3-10.4,6.8-14.1c4.5-3.7,10.4-5.5,17.7-5.5c2.2,0,4.7,0.2,7.5,0.7
1313      c2.8,0.5,5.1,1.1,6.9,1.9v14.2c-2-1.3-4.3-2.4-6.9-3.4c-2.6-0.9-5.3-1.4-7.8-1.4c-2.8,0-5.1,0.6-6.6,1.7
1314      C622.2,194.5,621.4,196.1,621.4,198"></path><path fill="#FFFFFF" d="M655.2,214c0-10.5,3-18.8,8.9-25c5.9-6.1,14.2-9.2,24.7-9.2c9.9,0,17.7,3,23.3,8.9
1315      c5.6,5.9,8.4,13.9,8.4,23.9c0,10.3-3,18.5-8.9,24.6c-5.9,6.1-14,9.1-24.2,9.1c-9.8,0-17.7-2.9-23.4-8.7
1316      C658.1,231.9,655.2,224,655.2,214 M670.7,213.5c0,6.6,1.5,11.7,4.5,15.2c3,3.5,7.3,5.2,12.9,5.2c5.4,0,9.6-1.7,12.4-5.2
1317      s4.3-8.7,4.3-15.6c0-6.8-1.5-12-4.4-15.5s-7.1-5.2-12.4-5.2c-5.5,0-9.7,1.8-12.8,5.5C672.2,201.6,670.7,206.7,670.7,213.5"></path><path fill="#FFFFFF" d="M769.8,193.6v32.6c0,6.8,1.6,11.8,4.7,15.2c3.1,3.4,7.9,5,14.2,5c2.1,0,4.3-0.2,6.5-0.7
1318      c2.2-0.5,3.8-0.9,4.7-1.5v-12.4c-0.9,0.6-2,1.1-3.2,1.5c-1.2,0.4-2.3,0.6-3.1,0.6c-3,0-5.3-0.8-6.7-2.4c-1.4-1.6-2.1-4.4-2.1-8.3
1319      v-29.7H800v-12.2h-15.1v-18.8l-15,4.6v14.3h-22.3v-7.7c0-3.8,0.8-6.7,2.5-8.7c1.7-2,4.1-2.9,7.2-2.9c1.6,0,3,0.2,4.3,0.6
1320      c1.2,0.4,2.1,0.8,2.6,1.1v-12.9c-1.1-0.4-2.3-0.6-3.7-0.8c-1.4-0.2-3-0.3-4.8-0.3c-6.8,0-12.4,2.1-16.7,6.4
1321      c-4.3,4.3-6.5,9.7-6.5,16.4v8.8h-10.6v12.2h10.6v51.3h15.1v-51.3H769.8z"></path><polygon fill="#FFFFFF" points="395.5,156.2 395.5,244.8 380.1,244.8 380.1,175.4 379.9,175.4 352.4,244.8 342.2,244.8 314,175.4 
1322      313.8,175.4 313.8,244.8 299.6,244.8 299.6,156.2 321.6,156.2 347.1,221.9 347.5,221.9 374.4,156.2 	"></polygon><path fill="#FFFFFF" d="M340,117.9c-5.3,3-11.3,4.5-18,4.5c-5.1,0-9.6-1.1-13.6-3.4c-3.9-2.2-7-5.4-9.1-9.5
1323      c-2.1-4.1-3.2-8.7-3.2-13.8c0-5.4,1.2-10.3,3.5-14.5s5.6-7.6,9.9-10c4.3-2.4,9.1-3.6,14.5-3.6c2.7,0,5.4,0.3,8.1,0.8
1324      c2.7,0.5,4.9,1.2,6.6,2v8c-4-2.7-9.1-4-15.3-4c-3.7,0-7,0.9-10,2.7c-3,1.8-5.3,4.3-6.9,7.4c-1.6,3.2-2.4,6.8-2.4,10.8
1325      c0,6.3,1.7,11.3,5,15c3.3,3.7,7.9,5.5,13.7,5.5c3.7,0,7-0.7,9.8-2.2V99.9h-11.3v-6.6H340V117.9z"></path>
1325<path fill="#FFFFFF" d="M383.1,104.6h-26.2c0.1,3.8,1.3,6.7,3.3,8.8c2.1,2,4.8,3.1,8.2,3.1c4.5,0,8.4-1.3,11.8-3.9v6.4
1326      c-1.5,1-3.4,1.9-5.7,2.5c-2.3,0.6-4.7,0.9-7.1,0.9c-5.7,0-10.2-1.7-13.3-5.1c-3.1-3.4-4.7-8.2-4.7-14.4c0-3.8,0.8-7.3,2.3-10.3
1327      c1.5-3.1,3.7-5.5,6.4-7.2c2.7-1.7,5.8-2.6,9.1-2.6c4.9,0,8.8,1.6,11.6,4.8c2.8,3.2,4.2,7.6,4.2,13.3V104.6z M375.8,98.9
1328      c0-3.3-0.8-5.8-2.3-7.5c-1.5-1.7-3.6-2.6-6.4-2.6c-2.5,0-4.7,0.9-6.6,2.7s-3,4.3-3.6,7.4H375.8z"></path><path fill="#FFFFFF" d="M411.5,121.1c-0.7,0.4-1.6,0.7-2.9,0.9c-1.2,0.2-2.3,0.3-3.3,0.3c-7,0-10.5-3.9-10.5-11.6V89.7h-6.4v-6h6.4
1329      v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0,2.5,0.4,4.3,1.2,5.3c0.8,1,2.2,1.5,4.3,1.5c1.4,0,2.7-0.4,3.8-1.2V121.1z"></path><path fill="#FFFFFF" d="M447.7,70.3c0,1.2-0.4,2.2-1.3,3.1c-0.9,0.9-2,1.3-3.3,1.3c-1.3,0-2.4-0.4-3.3-1.3
1330      c-0.9-0.8-1.3-1.9-1.3-3.2c0-1.3,0.5-2.4,1.4-3.2c0.9-0.8,2-1.3,3.2-1.3c1.2,0,2.3,0.4,3.2,1.3C447.3,68,447.7,69,447.7,70.3
1331       M446.7,121.5h-7.3V83.7h7.3V121.5z"></path><path fill="#FFFFFF" d="M478.4,121.1c-0.7,0.4-1.6,0.7-2.9,0.9c-1.2,0.2-2.3,0.3-3.3,0.3c-7,0-10.5-3.9-10.5-11.6V89.7h-6.4v-6h6.4
1332      v-9l7.3-2.3v11.2h9.3v6h-9.3v19.8c0,2.5,0.4,4.3,1.2,5.3c0.8,1,2.2,1.5,4.3,1.5c1.4,0,2.7-0.4,3.8-1.2V121.1z"></path><path fill="#FFFFFF" d="M526.2,71.7c-1.2-0.6-2.5-1-4-1c-4.1,0-6.1,2.5-6.1,7.5v5.4h8.6v6h-8.6v31.8h-7.3V89.7h-6.4v-6h6.4v-5.8
1333      c0-4,1.1-7.2,3.4-9.6c2.3-2.4,5.4-3.6,9.4-3.6c2,0,3.5,0.2,4.7,0.7V71.7z"></path><path fill="#FFFFFF" d="M553.1,91c-0.4-0.3-1.2-0.6-2.2-0.9c-1-0.2-1.9-0.4-2.6-0.4c-2.6,0-4.7,1.2-6.3,3.5c-1.6,2.3-2.4,5.3-2.4,9
1334      v19.3h-7.3V83.7h7.3v7.6h0.2c0.8-2.6,2.1-4.6,3.8-6.1c1.7-1.5,3.7-2.2,5.9-2.2c1.5,0,2.7,0.2,3.5,0.5V91z"></path><path fill="#FFFFFF" d="M594.8,102.4c0,6.1-1.8,11-5.3,14.6c-3.5,3.6-8.2,5.4-14,5.4c-5.7,0-10.3-1.8-13.7-5.3
1335      c-3.4-3.5-5.1-8.2-5.1-14.1c0-6.3,1.8-11.2,5.3-14.8c3.5-3.6,8.3-5.4,14.4-5.4c5.7,0,10.2,1.7,13.4,5.2
1336      C593.2,91.5,594.8,96.3,594.8,102.4 M587.3,102.6c0-4.5-1-7.9-2.9-10.2c-2-2.3-4.7-3.5-8.3-3.5c-3.6,0-6.5,1.2-8.6,3.7
1337      c-2.1,2.4-3.1,5.9-3.1,10.3c0,4.3,1,7.6,3.1,10c2.1,2.4,4.9,3.6,8.6,3.6c3.7,0,6.5-1.2,8.4-3.5
1338      C586.3,110.5,587.3,107.1,587.3,102.6"></path><path fill="#FFFFFF" d="M660.1,121.5h-7.3V100c0-3.9-0.6-6.7-1.8-8.5c-1.2-1.8-3.3-2.6-6.2-2.6c-2.4,0-4.5,1.1-6.1,3.3
1339      c-1.7,2.2-2.5,4.9-2.5,7.9v21.4h-7.3V99.3c0-6.9-2.7-10.4-8-10.4c-2.5,0-4.6,1.1-6.2,3.2s-2.4,4.8-2.4,8.1v21.4h-7.3V83.7h7.3v5.9
1340      h0.1c2.7-4.6,6.7-6.8,11.8-6.8c2.4,0,4.6,0.7,6.6,2c1.9,1.3,3.3,3.2,4.2,5.6c1.5-2.6,3.2-4.5,5.3-5.8c2.1-1.2,4.5-1.9,7.3-1.9
1341      c8.3,0,12.4,5.1,12.4,15.4V121.5z"></path></g></svg></a><div class="flex items-center gap-2 min-h-[1.25rem] justify-center"><p class="text-[11px] text-emerald-200/60">Available on Windows</p></div></div></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section></div>
1342  
1343
1344</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.