@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-4{top:1rem}.z-50{z-index:50}.-mt-4{margin-top:-1rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-4{height:1rem;width:1rem}.h-10{height:2.5rem}.h-40{height:10rem}.h-60{height:15rem}.h-80{height:20rem}.h-\[2px\]{height:2px}.w-10{width:2.5rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.grow{flex-grow:1}.transform{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))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-7{gap:1.75rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-4{border-width:4px}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:#e4e4e7;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-t-blue-500{--tw-border-opacity:1;border-top-color:#3b82f6;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-zinc-900{--tw-bg-opacity:1;background-color:#18181b;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pl-6{padding-left:1.5rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:#52525b;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:#3f3f46;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:#18181b;color:rgb(24 24 27/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:w-0:after{content:var(--tw-content);width:0}.after\:bg-black:after{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-300:after{content:var(--tw-content);transition-duration:.3s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:#f4f4f5;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:#27272a;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.hover\:text-black:hover{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hover\:after\:w-full:hover:after{content:var(--tw-content);width:100%}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.dark\:border-slate-600:is(.dark *){--tw-border-opacity:1;border-color:#475569;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:#334155;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.dark\:bg-slate-100:is(.dark *){--tw-bg-opacity:1;background-color:#f1f5f9;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.dark\:bg-slate-800\/70:is(.dark *){background-color:#1e293bb3}.dark\:bg-slate-800\/80:is(.dark *){background-color:#1e293bcc}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.dark\:bg-slate-900\/70:is(.dark *){background-color:#0f172ab3}.dark\:text-slate-100:is(.dark *){--tw-text-opacity:1;color:#f1f5f9;color:rgb(241 245 249/var(--tw-text-opacity,1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:#e2e8f0;color:rgb(226 232 240/var(--tw-text-opacity,1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity:1;color:#cbd5e1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.dark\:text-slate-900:is(.dark *){--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dark\:after\:bg-white:is(.dark *):after{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dark\:hover\:bg-white:hover:is(.dark *){--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}:root{--primary-color:#4361ee;--primary-light:#e0e7ff;--secondary-color:#3a0ca3;--accent-color:#4cc9f0;--success-color:#2ecc71;--danger-color:#e74c3c;--warning-color:#f39c12;--dark-color:#2c3e50;--light-color:#ecf0f1;--gray-color:#95a5a6;--white:#fff;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--radius:10px;--transition:all 0.3s ease}:root,body.theme-light{--app-bg:linear-gradient(135deg,#f5f7fa,#c3cfe2);--app-text:#333;--surface-color:#fff;--surface-muted:#f8fafc;--border-color:#e2e8f0;--overlay-bg:#ffffffe6}body.theme-light{--bg-app:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-subtle:#f1f5f9;--bg-page:#fff;--bg-subtle:#f8fafc;--text-light:#94a3b8;--border-light:#e2e8f0}body.theme-dark{--app-bg:radial-gradient(circle at top,#1e293bcc,#0f172a);--app-text:#e2e8f0;--surface-color:#111827;--surface-muted:#0f172a;--border-color:#1f2937;--overlay-bg:#020617c7;--bg-app:#0f172a;--bg-card:#111827;--text-main:#e2e8f0;--text-muted:#94a3b8;--border-subtle:#1f2937;--bg-page:#0b1120;--bg-subtle:#111827;--text-light:#94a3b8;--border-light:#1f2937;--dark-color:#e2e8f0;--light-color:#1f2937;--white:#111827;--gray-color:#94a3b8;--shadow:0 8px 18px #00000059;--shadow-lg:0 20px 40px #00000073}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--app-bg);color:#333;color:var(--app-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.btn-primary{background:#4361ee;background:var(--primary-color)}.btn-primary:hover{background:#3a0ca3;background:var(--secondary-color);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg)}.btn-secondary{background:#ecf0f1;background:var(--light-color);border:1px solid var(--border-color);color:#2c3e50;color:var(--dark-color)}.btn-secondary:hover{background:#f8f9fa;transform:translateY(-2px)}.btn-success{background:#2ecc71;background:var(--success-color);color:#fff}.btn-danger{background:#e74c3c;background:var(--danger-color)}.btn-outline{background:#0000;border:2px solid #4361ee;border:2px solid var(--primary-color);color:#4361ee;color:var(--primary-color)}.btn-outline:focus,.btn-outline:hover{background-color:#4361ee;background-color:var(--primary-color);color:#fff;color:var(--white)}.form-label{color:var(--text-muted);display:block;font-weight:500;margin-bottom:8px}.form-control{background:#fff;background:var(--surface-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius);color:var(--text-main);font-size:16px;padding:12px 16px;transition:all .3s ease;transition:var(--transition);width:100%}.form-control:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-control::placeholder{color:#aaa}.card{background:var(--surface-color);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:24px;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alert{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e7ff;border-top:4px solid #4361ee;border:4px solid var(--primary-light);border-top-color:var(--primary-color);height:40px;margin:20px auto;width:40px}.loading-overlay{align-items:center;background:#ffffffe6;background:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:var(--surface-color);border-radius:10px;border-radius:var(--radius);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#2c3e50;color:var(--dark-color);font-size:1.5rem;margin:0}.modal-close{background:none;color:#666;font-size:24px;transition:all .3s ease;transition:var(--transition)}.modal-close:hover{color:#e74c3c;color:var(--danger-color)}.modal-body{padding:24px}@media (max-width:768px){.modal-content{margin:10px;max-height:85vh}.btn{font-size:14px;padding:10px 20px}.card{padding:16px}}@media (max-width:480px){:root{--radius:8px}.form-control{font-size:14px;padding:10px 14px}}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.ml-3{margin-left:24px}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.mr-3{margin-right:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.w-100{width:100%}.h-100{height:100%}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.back-link{background:var(--surface-color);border:1px solid var(--border-color);border-radius:9999px;box-shadow:0 1px 2px #0000000d;font-size:.875rem;letter-spacing:.01em;padding:.6rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.back-link:hover{background:#fff;background:var(--surface-color);border-color:#4361ee;border-color:var(--brand-primary,#4361ee);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#4361ee;color:var(--brand-primary,#4361ee);gap:.75rem;transform:translateY(-1px)}.back-link:active{box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.back-link svg{stroke-width:2.5px;height:18px;transition:transform .3s ease;width:18px}:root{--color-primary:#4f46e5;--color-primary-soft:#eef2ff;--color-secondary:#0ea5e9;--bg-page:#fff;--bg-subtle:#f8fafc;--text-light:#94a3b8;--border-light:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #00000014;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}@media (prefers-reduced-motion:no-preference){html,html:focus-within{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg-page);color:#0f172a;color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6}button,h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.ww-page{overflow-x:hidden}.ww-container{margin:0 auto;max-width:1200px;padding:0 24px}.ww-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #0000;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.ww-header.scrolled{background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light)}body.theme-dark .ww-header{background:#0f172ad9}body.theme-dark .ww-header.scrolled{background:#0f172af2}.ww-nav{height:80px;justify-content:space-between}.ww-brand,.ww-nav{align-items:center;display:flex}.ww-brand{cursor:pointer;gap:12px}.ww-pill{display:inline-flex;gap:4px}.ww-logo-icon{background:linear-gradient(135deg,#4f46e5,#0ea5e9);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff;display:grid;height:36px;place-items:center;width:36px}.ww-logo-text{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.ww-nav-links{display:flex;gap:32px}.ww-nav-links button{background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:600;transition:color .2s}.ww-nav-links button:hover{color:#4f46e5;color:var(--color-primary)}.ww-nav-actions{align-items:center;display:flex;gap:16px}.ww-btn{align-items:center;border-radius:9999px;border-radius:var(--radius-full);font-size:.95rem;gap:8px;padding:10px 22px;transition:all .2s ease}.ww-btn,.ww-btn-link{border:none;cursor:pointer;display:inline-flex;font-weight:600}.ww-btn-link{background:none;color:#0f172a;color:var(--text-main);gap:2px}.ww-arrow{margin-top:4px}.ww-btn-primary{background:#4f46e5;background:var(--color-primary);color:#fff}.ww-btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.ww-btn-white{background:#f8f9fa;color:#4f46e5;color:var(--color-primary)}.ww-menu-toggle{display:none}:root{--color-accent-green:#2dd4bf;--color-accent-orange:#fb923c;--shadow-float:0 15px 35px #0000001a}.ww-hero-ref{margin-top:10vh;overflow:visible;padding:50px 0 120px;position:relative}.ww-hero-ref-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.1fr .9fr}.ww-hero-ref-title{color:#0f172a;color:var(--text-main);font-size:3.8rem;letter-spacing:-.03em;line-height:1.15;margin-bottom:24px}.highlight-green{color:#2dd4bf;color:var(--color-accent-green)}.ww-hero-ref-sub{color:#64748b;color:var(--text-muted);font-size:1.15rem;line-height:1.7;margin-bottom:40px;max-width:500px}.ww-hero-ref-actions{align-items:center;display:flex;gap:24px;margin-bottom:60px}.ww-btn-link-ref{align-items:center;background:none;border:none;color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;transition:color .2s}.ww-hero-ref-members{position:relative}.ww-members-label{color:#64748b;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.ww-members-row{align-items:center;display:flex;gap:16px;position:relative;z-index:2}.ww-avatar-stack{display:flex}.ww-avatar-stack img{border:3px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:44px;margin-right:-12px;object-fit:cover;width:44px}.ww-member-count{color:#0f172a;color:var(--text-main);font-size:1.2rem;font-weight:800;margin-left:12px}.ww-wavy-line{height:100px;left:80px;opacity:.8;pointer-events:none;position:absolute;top:-15px;width:220px;z-index:1}.ww-hero-ref-visual{padding-left:20px;position:relative}.ww-main-image-wrapper{position:relative}.ww-main-img{border-radius:32px;box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md);height:550px;width:100%}.ww-float-card{animation:float 6s ease-in-out infinite;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 15px 35px #0000001a;box-shadow:var(--shadow-float);padding:20px;position:absolute}.icon-card{border-radius:24px;display:grid;height:72px;left:-40px;place-items:center;top:40px;width:72px}.graph-card{animation-delay:2s;bottom:50px;padding:24px;right:-50px;width:240px}.ww-graph-header{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:6px}.green-text{background:#10b9811a;border-radius:6px;color:#10b981;font-size:.8rem;font-weight:800;margin-left:6px;padding:2px 6px}.ww-graph-amount{color:#0f172a;color:var(--text-main);font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:8px}.ww-mini-wave svg{height:40px;overflow:visible;width:100%}.ww-dot{border-radius:50%;position:absolute;z-index:-1}.dot-orange{background:#fb923c;background:var(--color-accent-orange);height:16px;opacity:.8;right:40px;top:-20px;width:16px}.dot-green{background:#2dd4bf;background:var(--color-accent-green);bottom:120px;height:20px;opacity:.6;right:-30px;width:20px}.dot-blue{background:#4f46e5;background:var(--color-primary);bottom:-20px;height:12px;left:30px;opacity:.8;width:12px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.ww-section{padding:80px 50px;transition:opacity .6s ease-out,transform .6s ease-out}#how{scroll-margin-top:80px}#about,#features,#testimonials{background:#f8fafc;background:var(--bg-subtle);scroll-margin-top:80px}.ww-section:target{animation:sectionHighlight 1.5s ease-out}@keyframes sectionHighlight{0%{background-color:initial}10%{background-color:#4f46e508}to{background-color:initial}}.ww-kicker{color:#4f46e5;color:var(--color-primary);font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.ww-text-block{margin:0 auto;max-width:800px;text-align:center}.ww-text-block h2{font-size:2.5rem;letter-spacing:-.02em;line-height:50px;margin-bottom:20px}.ww-desc-lg{color:#64748b;color:var(--text-muted);font-size:1.25rem;line-height:1.7}.ww-section-header.centered{margin:0 auto 60px;max-width:600px;text-align:center}.ww-section-header.centered h2{font-size:2.5rem;line-height:50px;margin-bottom:16px}.ww-grid-2{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.ww-desc{color:#64748b;color:var(--text-muted);font-size:1.15rem;margin-bottom:24px}.ww-check-list{display:flex;flex-direction:column;gap:16px;list-style:none}.ww-check-list li{align-items:flex-start;display:flex;gap:12px}.check-icon{color:#4f46e5;color:var(--color-primary);flex-shrink:0;margin-top:2px}.ww-check-list span{color:#64748b;color:var(--text-muted);font-size:1.05rem}.ww-check-list strong{color:#0f172a;color:var(--text-main)}.ww-visual-connected{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:100%}.ww-connect-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.ww-center-node{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.ww-center-icon,.ww-center-node{align-items:center;display:flex;justify-content:center}.ww-center-icon{background:#111827;border-radius:50%;box-shadow:0 10px 25px -5px #0000001a;height:56px;position:relative;width:56px;z-index:2}.ww-center-pulse{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;background:#1118271a;border-radius:50%;height:100%;position:absolute;width:100%;z-index:1}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ww-conn-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d;color:#0f172a;color:var(--text-main);font-weight:600;gap:12px;padding:12px 20px;position:absolute;white-space:nowrap;z-index:5}.icon-box,.ww-conn-card{align-items:center;display:flex}.icon-box{border-radius:8px;height:32px;justify-content:center;width:32px}.ib-blue{background:#eff6ff;color:#3b82f6}.ib-green{background:#ecfdf5;color:#10b981}.ib-orange{background:#fff7ed;color:#f97316}.card-tuition{left:10%;top:15%}.card-rent{right:5%;top:30%}.card-break{bottom:15%;left:35%}.ww-bento-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.ww-bento-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.ww-bento-card.span-2{align-items:center;display:flex;flex-direction:row;gap:30px;grid-column:span 2}.ww-bento-card:hover{border-color:#4f46e5;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md)}.ww-bento-content{flex:1 1}.ww-card-icon{background:#f8fafc;background:var(--bg-subtle);border-radius:12px;color:#4f46e5;color:var(--color-primary);display:grid;height:48px;margin-bottom:20px;place-items:center;width:48px}.ww-bento-card h3{color:#0f172a;color:var(--text-main);font-size:1.25rem;margin-bottom:10px}.ww-bento-card p{color:#64748b;color:var(--text-muted);font-size:.95rem;line-height:1.6}.ww-bento-link{align-items:center;color:#4f46e5;color:var(--color-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;margin-top:20px}.ww-bento-visual{align-items:center;background:#f8fafc;background:var(--bg-subtle);border-radius:12px;display:flex;flex:1 1;height:140px;justify-content:center;padding:20px}.bar-group{display:flex;flex-direction:column;gap:12px;width:100%}.bar-bg{background:#e2e8f0;height:8px;overflow:hidden;width:100%}.bar-bg,.bar-fill{border-radius:99px}.bar-fill{background:#4f46e5;background:var(--color-primary);height:100%}.w-75{width:75%}.w-40{opacity:.6;width:40%}.w-60{opacity:.8;width:60%}.chart-row{align-items:flex-end;display:flex;gap:12px;height:80px}.chart-col{background:#cbd5e1;border-radius:4px;width:24px}.chart-col.active{background:#4f46e5;background:var(--color-primary)}.h-40{height:40%}.h-60{height:60%}.h-80{height:80%}.h-50{height:50%}@media (max-width:900px){.ww-bento-grid{grid-template-columns:1fr}.ww-bento-card.span-2{flex-direction:column;grid-column:span 1}.ww-bento-visual{height:120px;margin-top:20px;width:100%}}.ww-steps-row,.ww-testimonial-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:60px}.ww-step-col{border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);padding:25px;position:relative}.ww-step-num{color:#645f5f;font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:16px}.ww-step-col h3{font-size:1.25rem;margin-bottom:10px}.ww-step-col p{color:#64748b;color:var(--text-muted);font-size:1.05rem}.ww-testimonial-card{background:#f8fafc;background:var(--bg-subtle);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);border-radius:20px;padding:32px;position:relative}.ww-quote-mark{color:#4f46e5;color:var(--color-primary);font-size:4rem;left:20px;line-height:1;opacity:.1;position:absolute;top:10px}.ww-quote-text{color:#0f172a;color:var(--text-main);font-size:1.1rem;font-weight:500;margin-bottom:24px;position:relative}.ww-user-meta{align-items:center;display:flex;gap:12px}.ww-user-avatar-placeholder{background:#4f46e5;background:var(--color-primary);border-radius:50%;color:#fff;display:grid;font-weight:700;height:40px;place-items:center;width:40px}.ww-user-meta h4{font-size:.95rem;margin-bottom:2px}.ww-user-meta .quote-info{display:flex;flex-direction:column;gap:-5px}.ww-user-meta span{color:#64748b;color:var(--text-muted);font-size:.8rem}.ww-cta-section{padding:100px;text-align:center}.ww-cta-box{background:#4f46e5;background:var(--color-primary);border-radius:32px;box-shadow:0 20px 40px -10px #4f46e566;color:#fff;margin:0 auto;max-width:900px;padding:80px 24px}.ww-cta-box h2{font-size:2.5rem;line-height:50px;margin-bottom:16px}.ww-cta-box p{font-size:1.2rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.ww-footer{background:#fff;background:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:60px 0 30px}.ww-footer-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1.8fr 1fr 1fr}.ww-footer-brand{max-width:400px}.ww-brand-footer{align-items:center;color:#0f172a;color:var(--text-main);display:flex;font-size:1.05rem;font-weight:700;gap:8px;margin-bottom:10px}.ww-footer-text{color:#64748b;color:var(--text-muted);font-size:1rem;line-height:1.6}.ww-footer-links h4,.ww-footer-social h4{color:#0f172a;color:var(--text-main);font-size:1.05rem;font-weight:600;margin-bottom:12px}.ww-footer-links{display:flex;flex-direction:column;gap:8px}.ww-footer-links a{color:#64748b;color:var(--text-muted);font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s ease;width:-webkit-fit-content;width:fit-content}.ww-footer-links a:after{background:#4f46e5;background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.ww-footer-links a:hover{color:#4f46e5;color:var(--color-primary)}.ww-footer-links a:hover:after{width:100%}.social-icons{display:flex;gap:18px}.social-icons a{color:#64748b;color:var(--text-muted);font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:#4f46e5;color:var(--color-primary)}.ww-footer-bottom{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);color:#64748b;color:var(--text-muted);display:flex;flex-direction:row;flex-wrap:wrap;font-size:.9rem;gap:10px;justify-content:space-between;margin-top:35px;padding-top:16px}@media (max-width:1200px){.ww-hero-ref{padding:50px 50px 120px}}@media (max-width:1100px){.ww-steps-row,.ww-testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.ww-section{padding:80px 30px}.ww-hero-ref{padding:50px 30px 120px}.ww-hero-ref-grid{grid-template-columns:1fr}.ww-text-block{margin:0 auto;max-width:800px;text-align:center}.ww-cta-box h2,.ww-section-header.centered h2,.ww-text-block h2{font-size:2rem;line-height:50px}.ww-desc-lg{font-size:1.15rem}.ww-grid-2{gap:30px;grid-template-columns:1fr}.ww-footer-grid{gap:28px;grid-template-columns:1fr}.ww-footer-brand{max-width:100%}.ww-footer-bottom{align-items:flex-start;flex-direction:column}}@media (max-width:700px){.ww-steps-row,.ww-testimonial-grid{grid-template-columns:repeat(1,1fr)}}@media (max-width:500px){.ww-section{padding:80px 0}.ww-cta-box{margin:0 20px;padding:50px 24px}.ww-cta-box h2{font-size:1.7rem;line-height:50px}.ww-hero-ref{padding:30px 0 120px}.ww-hero-ref-title{font-size:2.8rem;line-height:1.2}.ww-conn-card{gap:12px;padding:10px}.icon-box{height:30px;width:30px}}.skeleton-pulse{animation:skeleton-shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--skeleton-bg,#f3f4f6) 25%,var(--skeleton-shimmer,#e5e7eb) 50%,var(--skeleton-bg,#f3f4f6) 75%);background-size:200% 100%;border-radius:4px;display:inline-block;height:100%;width:100%}[data-theme=dark] .skeleton-pulse{--skeleton-bg:#1f2937;--skeleton-shimmer:#374151}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}[data-theme=dark] .skeleton-card{background:#111827;border:1px solid #374151}.skeleton-title{height:1.5rem;margin-bottom:1rem;width:60%}.skeleton-text{height:1rem;margin-bottom:.5rem;width:90%}.skeleton-text.short{width:40%}.skeleton-circle{border-radius:50%;height:40px;width:40px}.dashboard-skeleton{display:flex;flex-direction:column;gap:2rem;padding:2rem}.skeleton-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.skeleton-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.skeleton-chart-box{height:300px}.skeleton-transaction-list{display:flex;flex-direction:column;gap:1rem}.skeleton-transaction-item{align-items:center;background:#ffffff80;border-radius:8px;display:flex;gap:1rem;padding:1rem}[data-theme=dark] .skeleton-transaction-item{background:#1f293780}:root{--glass-border:#fff6}.dark{--bg-app:#0b0f1a;--bg-card:#111827;--bg-card-hover:#1a2235;--bg-card-alt:#151e2e;--text-main:#f1f5f9;--text-muted:#8b9ab5;--border-subtle:#1e2d45;--glass-border:#ffffff0f;--shadow-soft:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d;--shadow-hover:0 20px 40px -10px #00000080;--icon-blue-bg:#2563eb26;--icon-green-bg:#10b98126;--icon-red-bg:#ef444426;--icon-purple-bg:#8b5cf626;--icon-orange-bg:#ea580c26;--icon-pink-bg:#db277726;--icon-teal-bg:#0d948826;--progress-track:#1e2d45}.dashboard{background-color:#f8fafc;background-color:var(--bg-app);color:#0f172a;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;min-height:100vh}.dashboard-content{margin:0 auto;max-width:1600px;padding:2rem 0;width:92%}.desktop-nav-profile{position:relative}.mobile-drawer-only{display:none}.mobile-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.nav-dropdown-item{background:#0000;border:none;cursor:pointer;text-align:left;width:100%}.nav-right{align-items:center}.user-profile-trigger{padding:.5rem .75rem .5rem 1rem}.user-dropdown-menu{border-radius:16px;border-radius:var(--radius-lg);top:calc(100% + 10px);width:280px}.dropdown-user-name{margin-bottom:.25rem}.dropdown-divider{margin:.5rem 0}.dropdown-item{padding:1rem 1.5rem}.dashboard-header-area{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:3rem}.dashboard-header-left{flex:1 1;min-width:0}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.greeting-section{margin-top:.5rem}.greeting-text{color:#0f172a;color:var(--text-main);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;overflow-wrap:break-word;white-space:normal}.greeting-text .user-name{color:#6366f1;color:var(--brand-primary);font-weight:700}.current-date{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:1rem;gap:.5rem;margin:0}.date-icon{font-size:.9rem;opacity:.7}.dashboard-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.actions-refreshed{color:#64748b;color:var(--text-muted);font-size:.82rem;font-weight:600;margin:0;text-align:right}.ai-insights-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 15px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.ai-insights-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f159;transform:translateY(-2px)}.ai-icon{font-size:1.1rem}.tour-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 6px 16px #f9731640;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.tour-btn:hover{box-shadow:0 10px 22px #f9731657;transform:translateY(-2px)}.demo-toggle-btn{align-items:center;background:#0f172a0f;border:1px solid #6366f12e;border-radius:16px;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.9rem 1.1rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.demo-toggle-btn.active,.demo-toggle-btn:hover{background:linear-gradient(135deg,#0f172a,#1e40af);box-shadow:0 10px 24px #1e40af33;color:#fff;transform:translateY(-2px)}.refresh-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.refresh-btn:hover:not(:disabled){background:#6366f10d;border-color:#6366f133;color:#6366f1;color:var(--brand-primary);transform:translateY(-2px)}.refresh-btn.refreshing,.refresh-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.refresh-btn.refreshing{animation:pulseRefresh 1.5s ease-in-out infinite}@keyframes pulseRefresh{0%{box-shadow:0 0 0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.spin{animation:spin 1s linear infinite}.quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{align-items:start!important;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);flex-direction:column;padding:2rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.stat-card:hover{box-shadow:0 20px 30px -10px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.stat-content h3{color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.12em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{font-size:2.2rem;margin:.8rem 0}.progress-text,.stat-trend{color:#64748b}.progress-container{margin-top:1.25rem}.progress-bar{background:#f1f5f9;border-radius:20px;height:10px;margin-bottom:.5rem}.stat-content{width:80%}.progress-fill{background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));transition:width 1s ease-in-out}.stat-trend{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.trend-up{color:#10b981;color:var(--success-pill)}.trend-down{color:#ef4444;color:var(--danger-pill)}.stat-icon{align-items:center;border-radius:16px;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.stat-icon.blue{background:#2563eb1a;color:#2563eb}.stat-icon.red{background:#ef44441a;color:#ef4444;color:var(--danger-pill)}.stat-icon.green{background:#10b9811a;color:#10b981;color:var(--success-pill)}.stat-icon.purple{background:#9333ea1a;color:#8b5cf6;color:var(--purple-accent)}.quick-actions-section{margin-bottom:3rem}.section-title{color:#0f172a;color:var(--text-main);font-size:1.5rem;margin-bottom:1.5rem}.quick-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.action-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem 1rem;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.action-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.action-card:hover{border-color:#6366f1;border-color:var(--brand-primary);box-shadow:0 15px 30px #6366f11a;transform:translateY(-8px)}.action-card:hover:before{left:100%}.action-icon{align-items:center;border-radius:16px;display:flex;font-size:1.4rem;height:54px;justify-content:center;margin-bottom:1.25rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant);width:54px}.action-icon.blue{background:#eff6ff;color:#2563eb}.action-icon.green{background:#f0fdf4;color:#16a34a}.action-icon.orange{background:#fff7ed;color:#ea580c}.action-icon.purple{background:#faf5ff;color:#9333ea}.action-icon.pink{background:#fdf2f8;color:#db2777}.action-icon.teal{background:#f0fdfa;color:#0d9488}.action-card:hover .action-icon{background:#6366f1;background:var(--brand-primary);color:#fff;transform:scale(1.1) rotate(5deg)}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.6fr 1fr;margin-bottom:3rem}.chart-container{background:#fff;background:var(--bg-card);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:450px;padding:2rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{font-size:1.2rem;font-weight:700;margin:0}.chart-subtitle{color:#64748b;color:var(--text-muted);font-size:.9rem;font-weight:500}.chart-header-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.sample-data-toggle{background:#0ea5e914;border:1px solid #0ea5e938;border-radius:999px;color:#0ea5e9;color:var(--brand-secondary);cursor:pointer;font-size:.78rem;font-weight:800;padding:.4rem .7rem}.sample-data-toggle:hover{background:#0ea5e924}.chart-wrapper{flex:1 1;position:relative;width:100%}.chart-empty-state{display:flex;flex-direction:column;gap:20px;width:auto}.recent-transactions{background:#fff;background:var(--bg-card);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);margin-bottom:3rem;padding:2.5rem}.section-subtitle{color:#64748b;color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.view-all-btn{background:#0000;border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);color:#6366f1;color:var(--brand-primary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--transition-fast)}.view-all-btn:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--brand-primary);transform:translateX(4px)}.transactions-grid{display:flex;flex-direction:column;gap:1rem}.transaction-card{grid-gap:1.25rem;align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);display:grid;gap:1.25rem;grid-template-columns:50px 1fr auto;padding:1.25rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.transaction-card:hover{background:#fff;background:var(--bg-card);border-color:#6366f1;border-color:var(--brand-primary);filter:brightness(.98);transform:translateX(5px)}.transaction-details{display:flex;flex-direction:column;gap:.15rem}.transaction-details h4{color:#0f172a;color:var(--text-main);font-size:1rem;font-weight:700;margin:0}.transaction-category{color:#6366f1;color:var(--brand-primary);font-size:.8rem;font-weight:600;margin:0;text-transform:capitalize}.transaction-date{color:#64748b;color:var(--text-muted);font-size:.75rem;margin:0}.icon-bg{align-items:center;border-radius:12px;display:flex;font-weight:800;height:48px;justify-content:center;width:48px}.icon-bg.expense{background:#ef44441a;color:#ef4444;color:var(--danger-pill)}.icon-bg.income{background:#10b9811a;color:#10b981;color:var(--success-pill)}.transaction-amount{font-size:1.1rem;font-weight:700}.transaction-amount.expense{color:#ef4444;color:var(--danger-pill)}.transaction-amount.income{color:#10b981;color:var(--success-pill)}.dark .transaction-card,.theme-dark .transaction-card{background:#1e293b;border-color:#334155}.dark .transaction-card:hover,.theme-dark .transaction-card:hover{background:#273549}.dark .transaction-details h4,.theme-dark .transaction-details h4{color:#f1f5f9}.dark .transaction-date,.theme-dark .transaction-date{color:#94a3b8}.dark .action-card,.dark .chart-container,.dark .recent-transactions,.dark .savings-summary,.dark .stat-card,.theme-dark .action-card,.theme-dark .chart-container,.theme-dark .recent-transactions,.theme-dark .savings-summary,.theme-dark .stat-card{background:#0f172a;border-color:#1e293b}.dark .chart-header h3,.dark .section-header h3,.dark .section-title,.dark .stat-value,.theme-dark .chart-header h3,.theme-dark .section-header h3,.theme-dark .section-title,.theme-dark .stat-value{color:#f1f5f9}.savings-summary{background:#fff;background:var(--bg-card);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);margin-bottom:3rem;padding:2.5rem}.goals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.goal-card{border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem;transition:all .2s ease;transition:var(--transition-fast)}.goal-card:hover{border-color:#6366f1;box-shadow:0 10px 20px #00000014;transform:translateY(-4px)}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.goal-header h4{font-size:1.1rem;font-weight:600;margin:0}.goal-category{background:#6366f11a;border-radius:12px;color:#6366f1;color:var(--brand-primary);font-size:.8rem;font-weight:500;padding:.25rem .75rem}.goal-amounts{display:flex;font-size:.95rem;justify-content:space-between;margin:.75rem 0}.current-amount{color:#10b981;color:var(--success-pill);font-weight:700}.goal-date,.target-amount{color:#64748b;color:var(--text-muted)}.goal-date{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;justify-content:space-between}.goal-progress{grid-gap:.85rem;display:grid;gap:.85rem}.goal-progress-ring{aspect-ratio:1;background:radial-gradient(circle at center,#fff 58%,#0000 60%),conic-gradient(#10b981 var(--goal-progress),#94a3b838 0deg);background:radial-gradient(circle at center,var(--bg-card) 58%,#0000 60%),conic-gradient(var(--success-pill) var(--goal-progress),#94a3b838 0deg);border-radius:50%;box-shadow:inset 0 0 0 1px #94a3b81f;display:grid;margin:0 auto .2rem;place-items:center;width:88px}.goal-progress-ring span{color:#0f172a;color:var(--text-main);font-size:1rem;font-weight:800}.goal-countdown{align-items:center;background:#10b9811a;border-radius:999px;color:#047857;display:inline-flex;font-weight:800;gap:.35rem;padding:.35rem .6rem;white-space:nowrap}.dashboard{background:radial-gradient(circle at top left,#6366f129,#0000 30%),radial-gradient(circle at top right,#0ea5e91f,#0000 26%),linear-gradient(180deg,#ffffff05,#0000 28%),#f8fafc;background:radial-gradient(circle at top left,#6366f129,#0000 30%),radial-gradient(circle at top right,#0ea5e91f,#0000 26%),linear-gradient(180deg,#ffffff05,#0000 28%),var(--bg-app);overflow-x:clip;position:relative}.dashboard-content{padding:2rem 0 3rem;position:relative;z-index:1}.dashboard-header-area{padding:0 .5rem}.hero-panel{grid-gap:1.5rem;align-items:stretch;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#6366f12e,#0ea5e914),#ffffffc7;border:1px solid #94a3b829;border-radius:32px;box-shadow:0 24px 60px #0f172a14;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);overflow:hidden;padding:2rem;position:relative}.hero-orb{border-radius:999px;filter:blur(10px);pointer-events:none;position:absolute}.hero-orb-one{background:radial-gradient(circle,#6366f147,#0000 68%);height:220px;right:20%;top:-90px;width:220px}.hero-orb-two{background:radial-gradient(circle,#0ea5e938,#0000 70%);bottom:-60px;height:180px;right:-50px;width:180px}.dashboard-header-left,.dashboard-header-right{position:relative;z-index:1}.dashboard-header-right{align-items:stretch;gap:1rem;justify-content:space-between}.section-eyebrow{align-items:center;background:#6366f11a;border-radius:999px;color:#6366f1;color:var(--brand-primary);display:inline-flex;font-size:.76rem;font-weight:800;gap:.35rem;letter-spacing:.14em;margin-bottom:.85rem;padding:.35rem .75rem;text-transform:uppercase}.dashboard-title{color:#6366f1;font-size:clamp(2.8rem,5vw,4.4rem);letter-spacing:-.05em;line-height:.95;margin:0}@supports ((-webkit-background-clip:text) or (background-clip:text)){.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4338ca,#6366f1 35%,#0ea5e9);-webkit-background-clip:text;background-clip:text}}.greeting-section{margin-top:1rem}.greeting-text{font-size:clamp(1.3rem,2vw,1.9rem);font-weight:700;margin:0 0 .65rem}.hero-description{color:#64748b;color:var(--text-muted);font-size:1rem;margin:0 0 1rem;max-width:62ch}.hero-pulse-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.6rem}.hero-pulse-card{grid-gap:.3rem;background:#ffffffb8;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 12px 24px #0f172a0d;display:grid;gap:.3rem;padding:1rem 1.05rem}.hero-pulse-card.good{background:linear-gradient(180deg,#ecfdf5e6,#ffffffb8)}.hero-pulse-card.cool{background:linear-gradient(180deg,#eff6ffeb,#ffffffb8)}.hero-pulse-card.warm{background:linear-gradient(180deg,#fff7edeb,#ffffffb8)}.hero-pulse-label,.spotlight-kicker{color:#475569;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-pulse-value{color:#0f172a;color:var(--text-main);font-size:1.2rem;line-height:1.1}.hero-pulse-meta{color:#64748b;color:var(--text-muted);font-size:.82rem}.hero-spotlight-card{grid-gap:.9rem;background:linear-gradient(160deg,#0f172af0,#1e293beb);border:1px solid #818cf82e;border-radius:26px;box-shadow:0 22px 44px #0f172a38;color:#e2e8f0;display:grid;gap:.9rem;padding:1.35rem}.spotlight-badge{border-radius:999px;display:inline-flex;font-size:.86rem;font-weight:800;padding:.45rem .8rem;width:-webkit-fit-content;width:fit-content}.spotlight-badge.good{background:#10b9812e;color:#86efac}.spotlight-badge.warning{background:#f59e0b2e;color:#fcd34d}.spotlight-badge.danger{background:#ef44442e;color:#fca5a5}.spotlight-badge.neutral{background:#94a3b829;color:#cbd5e1}.spotlight-copy{color:#cbd5e1;font-size:.95rem;margin:0}.spotlight-metrics{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-metrics div{background:#ffffff0d;border:1px solid #94a3b81f;border-radius:18px;padding:.9rem}.spotlight-metrics span{color:#94a3b8;display:block;font-size:.76rem;letter-spacing:.1em;margin-bottom:.35rem;text-transform:uppercase}.spotlight-metrics strong{color:#f8fafc;font-size:1.05rem}.action-buttons{grid-gap:.85rem;align-items:center;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-insights-btn,.decision-btn,.demo-toggle-btn,.refresh-btn,.tour-btn{justify-content:center;padding:.9rem 1.1rem}.decision-btn{align-items:center;background:linear-gradient(135deg,#4338ca,#a855f7);border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 22px #6366f147;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.decision-btn:hover{box-shadow:0 12px 28px #6366f157;transform:translateY(-2px)}.chart-container,.recent-transactions,.savings-summary,.stat-card{background:linear-gradient(180deg,#ffffffdb,#ffffffc2),#fff;background:linear-gradient(180deg,#ffffffdb,#ffffffc2),var(--bg-card);border:1px solid #94a3b81f}.stat-card{overflow:hidden;position:relative}.stat-card:after{background:linear-gradient(90deg,#6366f11f,#0ea5e9d9,#6366f11f);content:"";height:4px;inset:0 auto auto 0;opacity:0;position:absolute;transition:opacity .25s ease;width:100%}.stat-card:hover:after{opacity:1}.section-heading-row{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-title{margin:0}.section-description{color:#64748b;color:var(--text-muted);margin:0;max-width:32rem;text-align:right}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-card{align-items:flex-start;background:radial-gradient(circle at top right,#6366f11f,#0000 35%),linear-gradient(180deg,#ffffffdb,#ffffffc2),#fff;background:radial-gradient(circle at top right,#6366f11f,#0000 35%),linear-gradient(180deg,#ffffffdb,#ffffffc2),var(--bg-card);min-height:220px;padding:1.4rem}.action-card:hover{box-shadow:0 18px 34px #6366f124;transform:translateY(-8px) scale(1.01)}.action-eyebrow{background:#6366f114;border-radius:999px;color:#6366f1;color:var(--brand-primary);display:inline-flex;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:1rem;padding:.28rem .6rem;text-transform:uppercase}.action-card h3{color:#0f172a;color:var(--text-main);font-size:1.15rem;margin:0 0 .45rem}.action-card p{color:#64748b;color:var(--text-muted);margin:0;text-align:left}.chart-feature{background:radial-gradient(circle at top right,#38bdf824,#0000 30%),linear-gradient(180deg,#ffffffe0,#ffffffc2),#fff;background:radial-gradient(circle at top right,#38bdf824,#0000 30%),linear-gradient(180deg,#ffffffe0,#ffffffc2),var(--bg-card)}.goal-card{background:linear-gradient(180deg,#fffffff2,#f8fafcd1)}@media (max-width:1200px){.charts-section,.hero-panel{grid-template-columns:1fr}}@media (max-width:1024px){.dashboard-header-area{padding:0}.dashboard-header-right{align-self:stretch}.hero-pulse-grid,.spotlight-metrics{grid-template-columns:1fr}.section-heading-row{align-items:flex-start;flex-direction:column}.section-description{text-align:left}}@media (max-width:768px){.dashboard-header{gap:.75rem;padding:.85rem 1rem}.nav-center{flex:0 1;justify-content:flex-end;margin-left:auto}.mobile-menu-toggle{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);display:flex;gap:3px;height:44px;justify-content:center;position:static;transform:none;width:44px}.nav-left{flex:0 1}.nav-left .logo-container{gap:.6rem}.logo-text{font-size:1.65rem}.logo-icon{font-size:1.75rem}.nav-center{margin-left:0;order:2}.nav-left{order:1}.nav-right{display:none}.nav-menu{background:#fff;background:var(--bg-card);border-left:1px solid #f1f5f9;border-left:1px solid var(--border-subtle);box-shadow:-16px 0 36px #02061733;display:flex;flex-direction:column;gap:.6rem;height:100vh;opacity:0;overflow-y:auto;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease,opacity .25s ease;width:min(88vw,360px);z-index:1001}.nav-menu.active{opacity:1;pointer-events:auto;transform:translateX(0)}.mobile-drawer-only{display:block}.desktop-nav-profile{display:none}.mobile-menu-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);margin-bottom:.2rem;padding-bottom:.9rem}.mobile-menu-profile{align-items:center;display:flex;gap:.75rem}.mobile-menu-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:50%;color:#fff;display:flex;font-weight:700;height:42px;justify-content:center;width:42px}.mobile-menu-user-meta{min-width:0}.mobile-menu-name{color:#0f172a;color:var(--text-main);font-size:.95rem;font-weight:700;margin:0}.mobile-menu-email{color:#64748b;color:var(--text-muted);font-size:.78rem;margin:.1rem 0 0;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-gamification{display:flex;gap:.5rem;margin-top:.7rem}.mobile-gamification-pill{align-items:center;background:#6366f114;border-radius:999px;color:#0f172a;color:var(--text-main);display:inline-flex;font-size:.78rem;font-weight:700;gap:.35rem;padding:.45rem .6rem}.mobile-gamification-pill svg{color:#f59e0b}.nav-menu li{width:100%}.nav-menu li:not(.mobile-drawer-only){display:block}.nav-link{border-radius:12px;padding:.85rem .95rem;width:100%}.mobile-actions-panel{grid-gap:.55rem;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-subtle);display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.25rem;padding-top:.9rem}.mobile-action-btn{align-items:center;background:#f8fafc;background:var(--bg-app);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:12px;color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:.35rem;justify-content:center;min-height:44px}.mobile-action-btn svg{font-size:.92rem}.mobile-logout{background:#ef44440a;border:1px solid #ef444433;color:#ef4444;color:var(--danger-pill);margin-top:.25rem}.nav-link{justify-content:flex-start}.nav-link.active:after{display:none}.quick-stats{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.goals-grid{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-content{padding:1rem 0;width:95%}.hero-panel{border-radius:24px;padding:1.25rem}.dashboard-title{font-size:2rem}.greeting-text{font-size:1.25rem}.ai-insights-btn,.decision-btn,.demo-toggle-btn,.refresh-btn,.tour-btn{padding:.75rem}.ai-insights-btn span,.decision-btn span,.demo-toggle-btn span,.refresh-btn span,.tour-btn span{display:none}.chart-container,.recent-transactions,.savings-summary,.stat-card{padding:1.5rem}.transaction-card{gap:1rem;grid-template-columns:40px 1fr auto;padding:1rem}}@media (max-width:480px){.mobile-actions-panel,.quick-actions-grid{grid-template-columns:1fr}.action-card{padding:1.5rem 1rem}.empty-actions{flex-direction:column;gap:.75rem}.stat-value{font-size:1.8rem}.action-buttons{grid-template-columns:1fr}}.dark .hero-panel,.theme-dark .hero-panel{background:linear-gradient(135deg,#4338ca47,#0ea5e91f),#0f172ad6;border-color:#818cf82e}.dark .action-card,.dark .chart-container,.dark .goal-card,.dark .hero-pulse-card,.dark .recent-transactions,.dark .savings-summary,.dark .stat-card,.theme-dark .action-card,.theme-dark .chart-container,.theme-dark .goal-card,.theme-dark .hero-pulse-card,.theme-dark .recent-transactions,.theme-dark .savings-summary,.theme-dark .stat-card{background:linear-gradient(180deg,#0f172aeb,#111827db),#fff;background:linear-gradient(180deg,#0f172aeb,#111827db),var(--bg-card);border-color:#47556999}.dark .hero-description,.dark .hero-pulse-label,.dark .hero-pulse-meta,.dark .section-description,.theme-dark .hero-description,.theme-dark .hero-pulse-label,.theme-dark .hero-pulse-meta,.theme-dark .section-description{color:#94a3b8}.dark .action-card h3,.dark .hero-pulse-value,.theme-dark .action-card h3,.theme-dark .hero-pulse-value{color:#f8fafc}.dashboard-error,.dashboard-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.dashboard-loading p{color:#64748b;color:var(--text-muted);font-size:1.1rem;margin-top:1rem}.dashboard-error h2{color:#ef4444;color:var(--danger-pill);margin:1rem 0 .5rem}.dashboard-error p{color:#64748b;color:var(--text-muted);margin-bottom:1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:16px;border-radius:var(--radius-lg);transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#6366f1,#0ea5e9)}.btn-primary:hover{box-shadow:0 8px 20px #6366f14d}.btn-secondary{background:#0000;border:1px solid #f1f5f9;color:#0f172a;color:var(--text-main)}.btn-secondary:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--brand-primary)}.empty-state{background:#6366f105;border:1px dashed #f1f5f9;border:1px dashed var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);padding:3rem}.empty-state p{color:#64748b;color:var(--text-muted);margin-bottom:1.5rem}.empty-actions{display:flex;gap:1rem;justify-content:center}.stat-debug{align-items:center;background:#f59e0b1a;border-radius:8px;border-radius:var(--radius-sm);color:#92400e;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.stat-debug svg{color:#f59e0b;color:var(--warning-pill);font-size:.9rem}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #6366f1;outline:2px solid var(--brand-primary);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb{background:#64748b;background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1;background:var(--brand-primary)}.quick-stats.loading{opacity:.55;pointer-events:none;position:relative;transition:opacity .3s ease}.quick-stats.loading:after{background:#6366f11a;border-radius:8px;border-radius:var(--radius-sm);color:#6366f1;color:var(--brand-primary);content:"Updating data...";font-size:.85rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:16px;top:10px}.guided-tour-root{inset:0;position:fixed;z-index:3000}.guided-tour-overlay{background:#0206179e;inset:0;position:absolute}.guided-tour-spotlight{border:2px solid #6366f1d9;border-radius:14px;box-shadow:0 0 0 9999px #0206179e;pointer-events:none;position:fixed;z-index:3001}.guided-tour-tooltip{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:16px;box-shadow:0 20px 50px #0206174d;color:#0f172a;color:var(--text-main,#0f172a);padding:1rem 1rem .9rem;position:fixed;z-index:3002}.guided-tour-step{color:#64748b;color:var(--text-muted,#64748b);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0 0 .35rem;text-transform:uppercase}.guided-tour-tooltip h3{font-size:1.05rem;margin:0}.guided-tour-tooltip p{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;line-height:1.45;margin:.55rem 0 0}.guided-tour-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:1rem}.tour-action-group{align-items:center;display:flex;gap:.5rem}.tour-action-muted,.tour-action-primary{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:.84rem;font-weight:600;padding:.45rem .8rem}.tour-action-muted{background:#0000;border-color:#e2e8f0;border-color:var(--border-subtle,#e2e8f0);color:#64748b;color:var(--text-muted,#64748b)}.tour-action-muted:disabled{cursor:not-allowed;opacity:.5}.tour-action-primary{background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff}@media (max-width:768px){.guided-tour-tooltip{left:12px!important;width:calc(100vw - 24px)!important}}.vault-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.vault-modal{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;color:#1e293b;color:var(--text-primary,#1e293b);max-width:450px;padding:2.5rem;position:relative;width:100%}.dark .vault-modal{background-color:#1e293b;border-color:#334155;color:#f8fafc}.close-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;position:absolute;right:1.25rem;top:1.25rem;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.vault-modal-header{margin-bottom:2rem;text-align:center}.icon-wrapper{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 1.5rem;width:64px}.setup .icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.unlock .icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.dark .setup .icon-wrapper{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#60a5fa}.dark .unlock .icon-wrapper{background:linear-gradient(135deg,#78350f,#92400e);color:#fbbf24}.vault-modal-header h2{font-size:1.75rem;margin-bottom:.5rem}.vault-modal-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.vault-form .form-group{margin-bottom:1.5rem}.vault-form label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.vault-form input[type=password]{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.dark .vault-form input[type=password]{background-color:#0f172a;border-color:#334155;color:#f8fafc}.vault-form input[type=password]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.vault-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.dark .vault-error{background-color:#ef44441a;border-color:#ef444433;color:#fca5a5}.vault-warning-box{background-color:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.dark .vault-warning-box{background-color:#f59e0b0d;border-color:#f59e0b33}.warning-icon{color:#d97706;flex-shrink:0;font-size:1.5rem}.dark .warning-icon{color:#fbbf24}.warning-text strong{color:#92400e;display:block;font-size:.95rem;margin-bottom:.25rem}.dark .warning-text strong{color:#fcd34d}.warning-text p{color:#b45309;font-size:.85rem;line-height:1.5;margin:0}.dark .warning-text p{color:#fbbf24;opacity:.9}.checkbox-group{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:2rem}.checkbox-group input[type=checkbox]{accent-color:#3b82f6;height:1.1rem;margin-top:.25rem;width:1.1rem}.checkbox-group label{color:var(--text-secondary);cursor:pointer;font-size:.9rem;line-height:1.5;margin:0}.vault-form button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.vault-form .btn-primary{background-color:#3b82f6;color:#fff}.vault-form .btn-primary:not(:disabled):hover{background-color:#2563eb;transform:translateY(-1px)}.vault-form .btn-primary:disabled{cursor:not-allowed;opacity:.7}.vault-form .unlock-btn{background-color:#f59e0b;color:#fff;margin-bottom:.75rem}.dark .vault-form .unlock-btn,.vault-form .unlock-btn:hover{background-color:#d97706}.dark .vault-form .unlock-btn:hover{background-color:#b45309}.vault-form .cancel-btn{background-color:#f1f5f9;background-color:var(--bg-secondary,#f1f5f9);color:var(--text-primary)}.vault-form .cancel-btn:hover{background-color:#e2e8f0}.dark .vault-form .cancel-btn{background-color:#1e293b;border:1px solid #334155;color:#cbd5e1}.dark .vault-form .cancel-btn:hover{background-color:#334155}.expense-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.expense-modal-content{animation:modalAppear .4s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-subtle,#f1f5f9);border-radius:28px;box-shadow:0 25px 50px -12px #0003;box-shadow:var(--shadow-soft,0 25px 50px -12px #0003);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.expense-modal-header{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-subtle,#0000000d);display:flex;justify-content:space-between;padding:1.5rem 2rem}.expense-header{background:linear-gradient(135deg,#fff1f2,#ffe4e6)}.income-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.dark .expense-header,.theme-dark .expense-header{background:linear-gradient(135deg,#4c0519,#881337)}.dark .income-header,.theme-dark .income-header{background:linear-gradient(135deg,#052e16,#064e3b)}.expense-modal-header h2{font-size:1.4rem;font-weight:800;letter-spacing:-.025em;margin:0}.expense-header h2{color:#be123c}.income-header h2{color:#15803d}.dark .expense-header h2,.theme-dark .expense-header h2{color:#fda4af}.dark .income-header h2,.theme-dark .income-header h2{color:#86efac}.close-expense-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #0000001a;border:1px solid var(--border-subtle,#0000001a);border-radius:12px;color:var(--text-main);cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem 1rem;transition:all .2s}.close-expense-btn:hover{background:var(--bg-app)}.header-actions{gap:.75rem}.scan-receipt-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;padding:.6rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.scan-receipt-btn:hover:not(:disabled){box-shadow:0 6px 16px #2563eb4d;filter:brightness(1.05);transform:translateY(-2px)}.scan-receipt-btn:active:not(:disabled){transform:translateY(0)}.scan-receipt-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7}.animate-spin{animation:spin 1s linear infinite}.expense-modal-content form{padding:1.5rem 2rem 2rem}.expense-form-group{margin-bottom:1.5rem}.expense-form-group label{color:#334155;color:var(--text-main,#334155);display:block;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.expense-amount-input{align-items:center;display:flex;position:relative}.currency-label{font-size:1.4rem;font-weight:800;left:1.25rem}.expense-amount-input input{background:#f8fafc;background:var(--bg-app,#f8fafc);border:2.5px solid #e2e8f0;border:2.5px solid var(--border-subtle,#e2e8f0);border-radius:16px;color:var(--text-main);font-size:1.75rem;font-weight:800;padding:1rem 1rem 1rem 3rem;transition:all .2s;width:100%}.expense-header+form .currency-label{color:#e11d48}.expense-header+form input{border-color:#fecaca;color:#e11d48}.income-header+form .currency-label{color:#16a34a}.income-header+form input{border-color:#bbf7d0;color:#16a34a}.dark .expense-form-group input,.dark .expense-form-group textarea,.dark .expense-header+form input,.theme-dark .expense-form-group input,.theme-dark .expense-form-group textarea,.theme-dark .expense-header+form input{border-color:#e11d48;color:#fb7185!important}.dark .income-header+form input,.theme-dark .income-header+form input{border-color:#16a34a;color:#4ade80!important}.expense-amount-input input:focus{border-color:currentColor;box-shadow:0 0 0 4px #0000000d;outline:none}.selection-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.selection-btn{background:#f8fafc;background:var(--bg-app,#f8fafc);border:2px solid #f1f5f9;border:2px solid var(--border-subtle,#f1f5f9);border-radius:14px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:.9rem;font-weight:600;padding:.85rem;text-align:center;transition:all .2s}.selection-btn:hover{background:#fff;background:var(--bg-card,#fff);border-color:#cbd5e1;border-color:var(--brand-primary,#cbd5e1);transform:translateY(-1px)}.expense-header+form .selection-btn.active{background:#fff1f2;border-color:#fb7185;color:#be123c}.income-header+form .selection-btn.active{background:#f0fdf4;border-color:#4ade80;color:#166534}.dark .expense-header+form .selection-btn.active,.theme-dark .expense-header+form .selection-btn.active{background:#4c0519;border-color:#e11d48;color:#fda4af}.dark .income-header+form .selection-btn.active,.theme-dark .income-header+form .selection-btn.active{background:#052e16;border-color:#16a34a;color:#86efac}.form-row-flex{display:flex;gap:1rem}.flex-1{flex:1 1}.expense-form-group input[type=date],.expense-form-group select,.expense-form-group textarea{background:#f8fafc;background:var(--bg-app,#f8fafc);border:2px solid #f1f5f9;border:2px solid var(--border-subtle,#f1f5f9);border-radius:14px;color:#1e293b;color:var(--text-main,#1e293b);font-family:inherit;font-size:.95rem;padding:.85rem;width:100%}.expense-form-group textarea{min-height:70px;resize:none}.vault-toggle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.vault-toggle-header label{margin-bottom:0}.vault-setup-prompt-btn,.vault-toggle-btn{align-items:center;background:#0000;border:1px solid #cbd5e1;border:1px solid var(--border-subtle,#cbd5e1);border-radius:20px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.3rem .75rem;transition:all .2s}.vault-setup-prompt-btn:hover{background:#f1f5f9;border-color:#93c5fd;color:#3b82f6}.vault-toggle-btn.encrypted-active{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.dark .vault-toggle-btn.encrypted-active{background:#16a34a1a;border-color:#16a34a4d;color:#4ade80}.encrypted-textarea-bg{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 10px,#16a34a08 0,#16a34a08 20px)!important;background:repeating-linear-gradient(45deg,var(--bg-app,#f8fafc),var(--bg-app,#f8fafc) 10px,#16a34a08 10px,#16a34a08 20px)!important}.dark .encrypted-textarea-bg{background:repeating-linear-gradient(45deg,#0f172a,#0f172a 10px,#4ade800d 0,#4ade800d 20px)!important;background:repeating-linear-gradient(45deg,var(--bg-app,#0f172a),var(--bg-app,#0f172a) 10px,#4ade800d 10px,#4ade800d 20px)!important}.expense-form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-secondary{background:var(--bg-card,#fff);border:2px solid #f1f5f9;border:2px solid var(--border-subtle,#f1f5f9);color:#64748b;color:var(--text-muted,#64748b);flex:1 1}.btn-primary,.btn-secondary{border-radius:14px;font-weight:700;padding:1rem}.btn-primary{flex:2 1;font-size:1rem;transition:transform .2s,filter .2s}.expense-header+form .btn-primary{background:#e11d48}.income-header+form .btn-primary{background:#16a34a}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:480px){.form-row-flex{flex-direction:column;gap:0}.selection-grid{grid-template-columns:1fr}.expense-modal-content{border-radius:0;height:100vh;max-height:100vh}}.budget-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.budget-modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-card,#fff);border:1px solid #f1f5f9;border:1px solid var(--border-subtle,#f1f5f9);border-radius:12px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--shadow-soft,0 20px 60px #0000004d);max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.budget-modal-header{align-items:center;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-subtle,#eaeaea);display:flex;justify-content:space-between;padding:20px}.budget-modal-header h2{color:#333;color:var(--text-main,#333);font-size:24px;margin:0}.close-budget-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:background-color .2s;width:40px}.close-budget-btn:hover{background-color:#f5f5f5;background-color:var(--bg-app,#f5f5f5)}.budget-error-alert{background:#fee;border-left:4px solid red;border-radius:4px;color:#c00;margin:0 20px 20px;padding:12px 20px}.dark .budget-error-alert,.theme-dark .budget-error-alert{background:#422;color:#faa}form{padding:20px}.budget-form-group{margin-bottom:25px}.budget-form-group label{color:#333;color:var(--text-main,#333);display:block;font-weight:500}.total-budget-input{align-items:center;display:flex;margin-top:10px}.budget-currency{background:#f5f5f5;background:var(--bg-app,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-subtle,#ddd);border-radius:6px 0 0 6px;border-right:none;color:var(--text-main);font-weight:500;padding:12px}.budget-form-group input{background:var(--bg-card);border:1px solid #ddd;border:1px solid var(--border-subtle,#ddd);border-radius:10px;box-sizing:border-box;color:var(--text-main);font-size:16px;padding:12px;width:100%}.budget-form-group input:focus{border-color:#007bff;border-color:var(--brand-primary,#007bff);box-shadow:0 0 0 2px #007bff1a;outline:none}.budget-form-group input:disabled{background-color:#f5f5f5;background-color:var(--bg-app,#f5f5f5);cursor:not-allowed}.quick-allocation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.copy-last-month-btn{background:#6c757d;background:var(--bg-app,#6c757d);border:1px solid var(--border-subtle);border-radius:4px;color:#fff;color:var(--text-main,#fff);cursor:pointer;font-size:14px;padding:8px 16px}.copy-last-month-btn:hover:not(:disabled){background:var(--border-subtle)}.smart-suggest-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.smart-suggest-btn:hover{box-shadow:0 4px 12px #a855f766;transform:translateY(-2px)}.smart-suggest-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-allocation-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.allocation-btn{background:#fff;background:var(--bg-card,#fff);border:2px solid #eaeaea;border:2px solid var(--border-subtle,#eaeaea);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:14px;padding:12px;transition:all .2s}.allocation-btn:hover:not(:disabled){border-color:#007bff;border-color:var(--brand-primary,#007bff);transform:translateY(-2px)}.allocation-btn:disabled{cursor:not-allowed;opacity:.5}.category-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:20px 0 30px}.category-tab{background:#fff;background:var(--bg-card,#fff);border:2px solid #eaeaea;border:2px solid var(--border-subtle,#eaeaea);border-left:4px solid #000;border-radius:8px;color:var(--text-main);cursor:pointer;padding:12px;text-align:left;transition:all .2s}.category-tab.active{background:#f8f9fa;background:var(--bg-app,#f8f9fa)}.category-tab.active,.category-tab:hover:not(:disabled){border-color:#007bff;border-color:var(--brand-primary,#007bff)}.category-tab:disabled{cursor:not-allowed;opacity:.5}.tab-name{color:#333;color:var(--text-main,#333);display:block;font-weight:500}.tab-percentage{color:#666;color:var(--text-muted,#666);display:block;font-size:12px}.active-category-editor{border:1px solid #eaeaea;border:1px solid var(--border-subtle,#eaeaea);border-radius:8px;margin-bottom:20px;overflow:hidden}.category-header{align-items:center;display:flex;gap:15px;padding:15px}.category-color{border-radius:4px;height:20px;width:20px}.category-header h3{color:#333;color:var(--text-main,#333);flex-grow:1;margin:0}.category-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.stat-percentage{color:#333;color:var(--text-main,#333);font-weight:700}.stat-amount{color:#666;color:var(--text-muted,#666);font-size:14px}.category-controls{background:#f8f9fa;background:var(--bg-app,#f8f9fa);padding:20px}.control-group{margin-bottom:20px}.control-group label{color:#333;color:var(--text-main,#333);display:block;margin-bottom:8px}.slider-container{margin-bottom:10px}.percentage-slider{-webkit-appearance:none;appearance:none;background:#f0f0f0;background:var(--border-subtle,#f0f0f0);border-radius:4px;height:8px;outline:none;width:100%}.percentage-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--bg-card,#fff);border:2px solid #007bff;border:2px solid var(--track-color,#007bff);border-radius:50%;cursor:pointer;height:20px;width:20px}.slider-value{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.percentage-input{background:var(--bg-card);border:1px solid #ddd;border:1px solid var(--border-subtle,#ddd);border-radius:4px;color:var(--text-main);padding:8px;text-align:center;width:60px}.amount-input-container{align-items:center;display:flex;gap:10px}.amount-currency{color:var(--text-main);font-weight:500}.amount-input{background:var(--bg-card);border:1px solid #ddd;border:1px solid var(--border-subtle,#ddd);border-radius:4px;color:var(--text-main);flex-grow:1;padding:8px}.amount-hint{color:#666;color:var(--text-muted,#666);font-size:12px}.allocation-summary{grid-gap:15px;background:#f8f9fa;background:var(--bg-app,#f8f9fa);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:15px}.summary-item{align-items:center;text-align:center}.summary-label{color:#666;color:var(--text-muted,#666);margin-bottom:5px}.summary-value{color:#333;color:var(--text-main,#333)}.summary-value.valid{color:#28a745}.summary-value.invalid{color:#dc3545}.summary-value.warning{color:#ffc107}.budget-form-actions{display:flex;gap:10px;margin-top:30px}.budget-btn-cancel,.budget-btn-submit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.budget-btn-cancel{background:#fff;background:var(--bg-card,#fff);border:1px solid #ddd;border:1px solid var(--border-subtle,#ddd);color:#333;color:var(--text-main,#333)}.budget-btn-cancel:hover:not(:disabled){background:#f8f9fa;background:var(--bg-app,#f8f9fa);border-color:var(--brand-primary)}.budget-btn-submit{background:#007bff;background:var(--brand-primary,#007bff);color:#fff}.budget-btn-submit:hover:not(:disabled){filter:brightness(1.1)}.budget-btn-cancel:disabled,.budget-btn-submit:disabled{cursor:not-allowed;opacity:.5}.budget-modal-content::-webkit-scrollbar{width:8px}.budget-modal-content::-webkit-scrollbar-track{background:#f1f1f1;background:var(--bg-app,#f1f1f1)}.budget-modal-content::-webkit-scrollbar-thumb{background:#888;background:var(--border-subtle,#888);border-radius:4px}.budget-modal-content::-webkit-scrollbar-thumb:hover{background:#555;background:var(--text-muted,#555)}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.confirm-modal{animation:scaleIn .2s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-width:90%;padding:28px;width:380px}.confirm-modal h3{color:gray;font-weight:600;margin-bottom:8px}.confirm-modal p{color:#64748b;font-size:14px;margin-bottom:24px}.confirm-actions{background:#f1f5f9;border-radius:10px;display:flex;overflow:hidden;position:relative}.action-btn{background:#0000;border:none;color:gray;cursor:pointer;flex:1 1;font-weight:500;padding:10px 0;transition:color .25s ease;z-index:2}.action-btn.active{color:#fff}.slider{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:50%;z-index:1}.slider.confirm{transform:translateX(100%)}.slider.cancel{transform:translateX(0)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.savings-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.savings-modal-content{animation:slideUp .4s ease-out;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);margin:20px;max-height:85vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.savings-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.header-left h2{color:#fff;font-size:24px;font-weight:600;margin:0}.subtitle{color:#ffffffe6;font-size:14px;margin:4px 0 0;opacity:.9}.close-savings-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;padding:0;transform-origin:center center;transition:all .2s;width:36px}body.theme-dark .close-savings-btn:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.close-savings-btn:disabled{cursor:not-allowed;opacity:.5}.savings-form{padding:24px}.savings-form-group{margin-bottom:20px}.savings-form-group label{color:var(--text-main);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.savings-form-group input,.savings-form-group select,.savings-form-group textarea{background:var(--bg-app);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-main);font-size:15px;padding:12px 16px;transition:all .3s;width:100%}.savings-form-group input:focus,.savings-form-group select:focus,.savings-form-group textarea:focus{background:var(--bg-card);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.savings-form-group input.filled{border-color:#4caf50}.amount-input-group{align-items:center;display:flex;position:relative}.currency-label{color:#666;font-weight:600;left:16px;position:absolute;z-index:1}.amount-input-group input{padding-left:40px}.priority-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:8px}.priority-btn{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .3s}.priority-btn.active{background:var(--priority-color);border-color:var(--priority-color);box-shadow:0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.priority-btn:hover:not(:disabled){border-color:#ccc;transform:translateY(-1px)}.priority-btn:disabled{cursor:not-allowed;opacity:.5}.timeline-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:8px}.timeline-btn{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:10px;transition:all .3s}.timeline-btn.active{background:#667eea;border-color:#667eea;color:#fff;font-weight:600}.timeline-btn:hover:not(:disabled){border-color:#ccc}.timeline-btn:disabled{cursor:not-allowed;opacity:.5}.savings-form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.char-count{text-align:right}.char-count,.helper-text{color:var(--text-muted);font-size:12px;margin-top:4px}.helper-text{font-style:italic}.savings-summary-card{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:12px;margin:24px 0;padding:20px}.summary-title{align-items:center;color:var(--text-main);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.summary-item{display:flex;flex-direction:column}.summary-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;margin-bottom:4px}.summary-value{color:var(--text-main);font-size:18px;font-weight:600}.summary-value.highlight{color:#4caf50}.monthly-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;text-align:center}.monthly-label{color:var(--text-muted);font-size:14px;margin-bottom:8px}.monthly-amount{color:#667eea;font-size:28px;font-weight:700;margin-bottom:8px}.monthly-note{color:var(--text-muted);font-size:12px;font-style:italic}.savings-form-actions{border-top:1px solid var(--border-subtle);display:flex;gap:12px;margin-top:24px;padding-top:20px}.savings-btn-cancel,.savings-btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .3s}.savings-btn-cancel{background:var(--bg-app);border:2px solid var(--border-subtle);color:var(--text-muted)}.savings-btn-cancel:hover:not(:disabled){background:var(--bg-card);color:var(--text-main)}.savings-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.savings-btn-submit:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.savings-btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.spinner{animation:spin 1s ease-in-out infinite;margin-right:8px}.savings-error-alert{animation:shake .5s ease-in-out;background:#fee;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.savings-error-alert,.savings-success-alert{font-size:14px;margin:0 24px 20px;padding:12px 16px}.savings-success-alert{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;overflow:hidden;position:relative}.success-timer{background:#28a74533;bottom:0;height:3px;left:0;position:absolute;right:0}.timer-bar{animation:timer 1.5s linear forwards;background:#28a745;height:100%}.debug-info{background:#f8f9fa;border:1px dashed #dee2e6;border-radius:4px;color:#999;font-size:11px;margin-top:16px;padding:8px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes timer{0%{width:100%}to{width:0}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@media (max-width:640px){.savings-modal-content{margin:10px;max-height:90vh;width:95%}.savings-modal-header{padding:20px}.header-left h2{font-size:20px}.savings-form{padding:20px}.priority-grid,.summary-grid,.timeline-grid{grid-template-columns:1fr}.savings-form-actions{flex-direction:column}}body.theme-dark .savings-modal-content::-webkit-scrollbar-track{background:var(--bg-app)}body.theme-dark .savings-modal-content::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.savings-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.savings-modal-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.auth-container{align-items:center;background:#fff;color:#0f172a;color:var(--text-main);display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:100%}.auth-container:after,.auth-container:before{border-radius:50%;content:"";height:400px;opacity:.25;pointer-events:none;position:absolute;width:400px;z-index:0}.auth-container:before{background:radial-gradient(circle,#6366f166,#0000 70%);left:-200px;top:-200px}.auth-container:after{background:radial-gradient(circle,#0ea5e94d,#0000 70%);bottom:-200px;right:-200px}.auth-features{animation:auth-fade-in-left .8s cubic-bezier(.16,1,.3,1) both;flex:1 1;max-width:450px;text-align:left;z-index:10}.split-layout .auth-features{margin-right:60px}.auth-features h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-main);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.auth-features ul{list-style:none;margin:0;padding:0}.auth-features li{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:1.1rem;gap:16px;padding:12px 0}.auth-features li:before{align-items:center;background:#6366f11f;border-radius:50%;color:#6366f1;color:var(--brand-primary);content:"+";display:inline-flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;width:28px}.auth-card{animation:auth-rise .6s cubic-bezier(.16,1,.3,1) both;background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 20px 60px #0f172a14,0 8px 16px #0f172a0a;flex-shrink:0;max-width:650px;padding:40px;position:relative;width:100%;z-index:10}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--text-main);font-size:2rem;font-weight:700;margin-bottom:8px;margin-top:30px}.auth-header .subtitle{color:#64748b;color:var(--text-muted);font-size:1rem;margin:0}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{color:#64748b;color:var(--text-muted);margin-bottom:8px}.input-icon{color:#6366f1;color:var(--brand-primary);display:inline-flex;font-size:1rem;margin-right:8px}.form-group input,.form-group select{border:2px solid #f1f5f9!important;border:2px solid var(--border-subtle)!important;padding:12px 16px}.form-group input::placeholder{color:#9ca3af;font-size:.95rem}.form-group input:focus,.form-group select:focus{background:#fff;box-shadow:0 0 0 4px #6366f11a}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:48px}.password-input-wrapper input::-ms-clear,.password-input-wrapper input::-ms-reveal{display:none}.password-input-wrapper input::-webkit-contacts-auto-fill-button,.password-input-wrapper input::-webkit-credentials-auto-fill-button{display:none!important;height:0;margin:0;pointer-events:none;visibility:hidden;width:0}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.password-toggle:hover{color:#6366f1;color:var(--brand-primary)}.form-options{font-size:.9rem;justify-content:space-between;margin-bottom:24px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#64748b;color:var(--text-muted);cursor:pointer}.remember-me input{accent-color:#6366f1;accent-color:var(--brand-primary);cursor:pointer;height:16px;margin-right:8px;width:16px}.forgot-password{color:#6366f1;color:var(--brand-primary);font-weight:600;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:none;border-radius:12px;box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.auth-divider{align-items:center;display:flex;gap:16px;justify-content:center;margin:24px 0}.auth-divider:after,.auth-divider:before{background:linear-gradient(90deg,#0000,#e5e7eb 50%,#0000);content:"";flex:1 1;height:1px}.auth-divider span{color:#64748b;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;padding:0 8px;text-transform:uppercase}.demo-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;justify-content:center;padding:12px;transition:all .2s;width:100%}.demo-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.google-icon{height:20px;width:20px}.terms-agreement{color:#64748b;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:20px 0}.terms-agreement label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.terms-agreement input[type=checkbox]{accent-color:#6366f1;accent-color:var(--brand-primary);cursor:pointer;height:16px;margin-top:4px;width:16px}.terms-agreement a{color:#6366f1;color:var(--brand-primary);font-weight:600;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}.auth-footer{border-top:1px solid #f1f5f9;color:#64748b;color:var(--text-muted);font-size:.95rem;margin-top:24px;padding-top:24px;text-align:center}.auth-link{color:#6366f1;color:var(--brand-primary);font-weight:700;margin-left:6px;text-decoration:none}.auth-link:hover{text-decoration:underline}.spinner{animation:auth-spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@keyframes auth-rise{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-fade-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (min-width:1025px){.auth-container.split-layout{flex-direction:row;gap:80px}}@media (max-width:1024px){.auth-container.split-layout{flex-direction:column;gap:40px;height:auto;min-height:100vh;padding:32px 24px}.split-layout .auth-features{margin-bottom:20px;margin-right:0;max-width:600px;text-align:center}.auth-features li{justify-content:center}.auth-features h1{font-size:2.8rem}}@media (max-width:640px){.auth-container.split-layout{padding:0}.auth-card,.split-layout.auth-card{border-radius:0;height:100%;margin:0;width:100%}.auth-container,.auth-container.split-layout{padding:0}.auth-card{padding:28px 10px}.auth-header h1{font-size:1.8rem;margin-top:60px}.form-row{gap:16px;grid-template-columns:1fr}.auth-features h1{font-size:2rem}.auth-features li{font-size:1rem}}.back-to-home{align-items:center;color:#64748b;color:var(--text-muted);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;left:24px;position:absolute;text-decoration:none;top:24px;transition:all .2s ease;z-index:10}body.theme-dark .auth-container{background:#f8fafc;background:var(--bg-app);color:#0f172a;color:var(--text-main)}body.theme-dark .auth-card{background:#fff;background:var(--bg-card);border-color:#f1f5f9;border-color:var(--border-subtle);box-shadow:0 20px 60px #0000004d,0 8px 16px #0003}body.theme-dark .auth-header .subtitle{color:#64748b;color:var(--text-muted)}body.theme-dark .form-group input,body.theme-dark .form-group select{background:#fff;background:var(--bg-card);border-color:#f1f5f9;color:#0f172a}body.theme-dark .form-group input:focus,body.theme-dark .form-group select:focus{background:#fff;background:var(--bg-card);border-color:#6366f1;border-color:var(--brand-primary);box-shadow:0 0 0 4px #6366f133}body.theme-dark .form-group input::placeholder{color:#64748b;color:var(--text-muted);opacity:.6}body.theme-dark .demo-btn{background:#fff;background:var(--bg-card);border-color:#f1f5f9;border-color:var(--border-subtle);color:#0f172a;color:var(--text-main)}body.theme-dark .demo-btn:hover{background:#f8fafc;background:var(--bg-app);border-color:#64748b;border-color:var(--text-muted)}body.theme-dark .auth-divider:after,body.theme-dark .auth-divider:before{background:linear-gradient(90deg,#0000,#f1f5f9 50%,#0000);background:linear-gradient(90deg,#0000,var(--border-subtle) 50%,#0000)}body.theme-dark .auth-footer{border-color:#f1f5f9;border-color:var(--border-subtle)}body.theme-dark .form-group input:-webkit-autofill,body.theme-dark .form-group input:-webkit-autofill:active,body.theme-dark .form-group input:-webkit-autofill:focus,body.theme-dark .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.scroll-to-top{bottom:30px;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:9999}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 32px 0 #0000004d;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.scroll-btn:hover{background:#ffffff40;box-shadow:0 12px 40px 0 #0006;transform:scale(1.1)}.scroll-btn:active{transform:scale(.95)}[data-theme=light] .scroll-btn{background:#0000001a;border:1px solid #0000001a;color:#111827}[data-theme=light] .scroll-btn:hover{background:#00000026}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px}.scroll-btn{height:40px;width:40px}}.coach-page{background:radial-gradient(circle at 12% 8%,#14b8a62e,#0000 28%),radial-gradient(circle at 90% 0,#2563eb24,#0000 28%),linear-gradient(180deg,#f8fbff,#f4fbf7);color:#10213a;min-height:100vh;padding:2rem 0 4rem}.coach-loading{display:grid;place-items:center}.coach-shell{margin:0 auto;width:min(1120px,92vw)}.coach-header{margin-bottom:1.5rem}.back-link{background:#0000;border:0;font-weight:800;padding:0}.coach-header-row{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.coach-kicker{color:#0f766e;font-size:.74rem;font-weight:900;letter-spacing:.14em;margin:0;text-transform:uppercase}.coach-header h1{font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.045em;line-height:1.02;margin:.4rem 0 .65rem;max-width:720px}.coach-header p{color:#52637d;font-size:1rem;line-height:1.6;margin:0;max-width:640px}.coach-refresh,.coach-secondary-btn{background:#ffffffe6;border:1px solid #2563eb2e;border-radius:999px;box-shadow:0 16px 35px #0f172a14;color:#1d4ed8;cursor:pointer;font-weight:800;padding:.8rem 1rem;white-space:nowrap}.coach-card,.coach-hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #94a3b833;box-shadow:0 24px 60px #0f172a17}.coach-hero{grid-gap:1.2rem;border-radius:30px;display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);margin-bottom:1.15rem;overflow:hidden;padding:1.55rem;position:relative}.coach-hero:after{background:#14b8a624;border-radius:50%;content:"";height:260px;inset:auto -80px -120px auto;position:absolute;width:260px}.coach-hero.warning:after{background:#f59e0b29}.coach-hero.danger:after{background:#ef444424}.card-emoji,.hero-bubble{background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:18px;display:inline-grid;font-size:1.45rem;height:52px;margin-bottom:1rem;place-items:center;width:52px}.coach-hero h2{font-size:clamp(2.1rem,5vw,3.5rem);letter-spacing:-.05em;line-height:1;margin:.25rem 0 .5rem}.hero-text{color:#52637d;line-height:1.62;margin:0;max-width:600px}.hero-plan-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b82e;border-radius:24px;display:flex;flex-direction:column;justify-content:center;padding:1.1rem;position:relative;z-index:1}.coach-empty,.goal-card-coach p,.hero-plan-card small,.hero-plan-card span,.plan-row span,.suggestion-item p{color:#64748b}.hero-plan-card strong{font-size:2rem;letter-spacing:-.035em;margin:.35rem 0}.coach-progress,.goal-progress-track,.mini-track{background:#e5edf5;border-radius:999px;overflow:hidden;width:100%}.coach-progress{height:12px;margin-top:1rem}.coach-progress div,.goal-progress-track div,.mini-track div{background:linear-gradient(90deg,#2563eb,#14b8a6);border-radius:inherit;height:100%}.coach-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.1rem}.coach-card{border-radius:26px;padding:1.35rem}.alert-card{align-items:flex-start;display:flex;gap:1rem}.alert-card h3,.coach-card h3,.daily-card h3{font-size:1.35rem;letter-spacing:-.02em;margin:.3rem 0 .55rem}.alert-card p,.daily-card p,.suggestion-item p{line-height:1.58;margin:0}.daily-card{background:linear-gradient(135deg,#0f172af5,#1e40afe6);color:#fff}.daily-card .coach-kicker,.daily-card .plan-row span,.daily-card p{color:#cbd5e1}.plan-row{border-top:1px solid #ffffff24;margin-top:.9rem;padding-top:.85rem}.card-heading,.plan-row{display:flex;gap:1rem;justify-content:space-between}.card-heading{margin-bottom:1rem}.coach-actions,.suggestion-list,.top-category-list{grid-gap:.85rem;display:grid;gap:.85rem}.top-category{grid-gap:.55rem 1rem;align-items:center;display:grid;gap:.55rem 1rem;grid-template-columns:1fr auto}.top-category>div:first-child{align-items:center;display:flex;gap:.65rem;min-width:0}.mini-track{grid-column:1/-1;height:8px}.suggestion-item{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #94a3b829;border-radius:20px;display:flex;gap:.8rem;padding:.95rem}.suggestion-item>span{background:#eef6ff;border-radius:14px;display:grid;flex-shrink:0;font-size:1.1rem;height:42px;place-items:center;width:42px}.suggestion-item strong{display:block;margin-bottom:.22rem}.goal-card-coach{min-height:220px}.goal-progress-track{height:12px;margin:1rem 0 .65rem}.coach-secondary-btn{box-shadow:none;margin-top:1rem}.quick-card{background:linear-gradient(180deg,#fff,#f7fbff)}.coach-actions button{align-items:center;background:#fff;border:1px solid #94a3b82e;border-radius:20px;color:#10213a;cursor:pointer;display:flex;font-weight:900;gap:.8rem;padding:1rem;transition:transform .18s ease,box-shadow .18s ease;width:100%}.coach-actions button:hover{box-shadow:0 16px 32px #0f172a14;transform:translateY(-2px)}.coach-actions span{background:#eef6ff;border-radius:14px;display:grid;height:40px;place-items:center;width:40px}.coach-empty{background:#f8fbff;border:1px dashed #94a3b859;border-radius:18px;padding:1rem}@media (max-width:900px){.coach-grid,.coach-header-row,.coach-hero{grid-template-columns:1fr}.coach-header-row{display:grid}}@media (max-width:620px){.coach-page{padding-top:1.25rem}.coach-shell{width:min(94vw,1120px)}.coach-card,.coach-hero{border-radius:22px;padding:1.05rem}.alert-card,.suggestion-item{display:grid}.plan-row,.top-category{grid-template-columns:1fr}}.pagination-container{gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;transition:all .2s;width:36px}.pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:.5rem}.pagination-number{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;height:36px;transition:all .2s;width:36px}.pagination-number:hover{background:var(--bg-hover);color:var(--text-primary)}.pagination-number.active{background:var(--primary-color);color:#fff;font-weight:600}.pagination-dots{color:var(--text-secondary);padding:0 .5rem}.empty-state-container{background:rgba(var(--brand-primary-rgb),.02);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);justify-content:center;margin:1rem 0;min-height:300px;padding:4rem 2rem;text-align:center}.empty-state-container,.empty-state-content{align-items:center;display:flex;flex-direction:column}.empty-state-content{max-width:400px}.empty-state-icon-wrapper{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;color:var(--brand-primary);display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.empty-state-icon{stroke-width:1.5px}.empty-state-title{color:var(--text-main);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.75rem}.empty-state-description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.empty-state-action-btn{align-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:none;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.empty-state-action-btn:hover{box-shadow:0 20px 25px -5px #6366f166;transform:translateY(-2px)}.empty-state-action-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-content{animation:fadeInUp .5s ease-out forwards}.transactions-page{background:#f8fafc;background:var(--bg-app,#f8fafc);color:#0f172a;color:var(--text-main,#0f172a);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding:2rem 0 4rem}.transactions-topbar{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin:0 auto 2.5rem;max-width:1600px;width:92%}.transactions-topbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:.5rem 0}.transactions-topbar p{color:var(--text-muted);margin:0;max-width:560px}.advanced-toggle{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-soft);cursor:pointer;display:grid;height:40px;place-items:center;transition:var(--transition-fast);width:40px}.advanced-toggle.active,.advanced-toggle:hover{background:#6366f114;border-color:var(--brand-primary);color:var(--brand-primary)}.transactions-toolbar{display:flex;flex-direction:column;gap:1rem;margin:0 auto 1.5rem;max-width:1600px;width:92%}.search-input{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;gap:.75rem;padding:.9rem 1.1rem}.search-input.compact{max-width:520px}.search-input input{background:#0000;border:none;color:var(--text-main);flex:1 1;font-size:.95rem;outline:none}.quick-filters{display:flex;flex-wrap:wrap;gap:.6rem}.pill{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:.45rem 1rem;transition:var(--transition-fast)}.pill.active,.pill:hover{background:#6366f114;border-color:var(--brand-primary);color:var(--brand-primary)}.advanced-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin:0 auto 1.5rem;max-width:1600px;padding:1.5rem;width:92%}.advanced-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.advanced-block{display:flex;flex-direction:column;gap:.6rem}.advanced-block label{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.advanced-block input,.advanced-block select{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.9rem;padding:.65rem .8rem}.date-inputs{display:flex;gap:.5rem}.export-actions{display:flex;flex-wrap:wrap;gap:.6rem}.ghost-button,.primary-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.55rem 1rem;transition:var(--transition-fast)}.primary-button{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));box-shadow:0 8px 18px #6366f133;color:#fff}.primary-button:hover{transform:translateY(-1px)}.ghost-button{background:#0000;border:1px solid var(--border-subtle);color:var(--text-main)}.transactions-table{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin:0 auto 2rem;max-width:1600px;overflow:hidden;padding:.5rem 1.2rem 1.2rem;width:92%}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead th{color:var(--text-muted);font-size:.75rem;letter-spacing:.14em;padding:1rem .3rem;text-align:left;text-transform:uppercase}.transactions-table tbody tr{border-top:1px solid var(--border-subtle)}.transactions-table tbody td{color:#1e293b;color:var(--text-main,#1e293b);font-size:.92rem;padding:.85rem .3rem;vertical-align:middle}.transactions-table td.note{color:var(--text-muted);max-width:240px}.amount{font-weight:600}.amount.expense{color:var(--danger-pill)}.amount.income{color:var(--success-pill)}.mood-pill{align-items:center;background:#0f172a0d;background:color-mix(in srgb,var(--mood-color),#fff 85%);border-radius:999px;color:var(--mood-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.3rem .7rem}.mood-emoji{font-size:1rem}.page-error,.page-loading{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin:4rem auto;max-width:1600px;padding:2rem;text-align:center;width:92%}.dark .transactions-page,.theme-dark .transactions-page{background:#0f172a}.dark .transactions-table,.theme-dark .transactions-table{background:#1e293b;border-color:#334155}.dark .transactions-table thead th,.theme-dark .transactions-table thead th{color:#94a3b8}.dark .transactions-table tbody tr,.theme-dark .transactions-table tbody tr{border-color:#334155}.dark .transactions-table tbody td,.theme-dark .transactions-table tbody td{color:#f1f5f9}.dark .transactions-table td.note,.theme-dark .transactions-table td.note{color:#94a3b8}.dark .advanced-panel,.dark .advanced-toggle,.dark .pill,.dark .search-input,.theme-dark .advanced-panel,.theme-dark .advanced-toggle,.theme-dark .pill,.theme-dark .search-input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark .search-input input,.theme-dark .search-input input{color:#f1f5f9}.dark .advanced-block label,.theme-dark .advanced-block label{color:#94a3b8}.dark .advanced-block input,.dark .advanced-block select,.theme-dark .advanced-block input,.theme-dark .advanced-block select{background:#0f172a;border-color:#334155;color:#f1f5f9}@media (max-width:960px){.transactions-topbar{flex-direction:column}.transactions-table{overflow-x:auto}.transactions-table table{min-width:620px}}@media (max-width:640px){.advanced-panel,.page-error,.page-loading,.transactions-table,.transactions-toolbar,.transactions-topbar{width:94%}.transactions-topbar h1{font-size:2rem}}:root{--brand-primary:#6366f1;--brand-secondary:#0ea5e9;--success-pill:#10b981;--danger-pill:#ef4444;--warning-pill:#f59e0b;--purple-accent:#8b5cf6;--bg-app:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-subtle:#f1f5f9;--shadow-soft:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;--shadow-hover:0 20px 30px -10px #00000014;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-elegant:all 0.4s cubic-bezier(0.23,1,0.32,1);--transition-fast:all 0.2s ease}.app-navbar{font-family:Plus Jakarta Sans,sans-serif}.dashboard-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;background:var(--bg-card);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-left{flex:1 1}.logo-container{align-items:center;display:flex;gap:.75rem;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.logo-container:hover{transform:translateY(-1px)}.logo-icon{background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));font-size:2rem}.logo-icon,.logo-text{-webkit-text-fill-color:#0000}.logo-text{background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:0;text-shadow:0 2px 4px #0000000d}.nav-center{display:flex;flex:2 1;justify-content:center;position:relative}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1002}.hamburger{background:#0f172a;background:var(--text-main);border-radius:2px;height:2px;transform-origin:center;transition:all .2s ease;transition:var(--transition-fast);width:24px}.hamburger.open:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open:nth-child(2){opacity:0}.hamburger.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-profile-item{position:relative}.mobile-only-nav-item{display:none}.nav-link{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.nav-link:hover{background:#6366f10d;transform:translateY(-2px)}.nav-link.active,.nav-link:hover{color:#6366f1;color:var(--brand-primary)}.nav-link.active{background:#6366f11a;box-shadow:0 4px 12px #6366f126}.nav-link.active:after{background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-dropdown-trigger{padding-right:.95rem}.nav-dropdown-arrow{font-size:.8rem;transition:transform .2s ease}.nav-dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{grid-gap:.25rem;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 30px -10px #00000014;box-shadow:var(--shadow-hover);display:grid;gap:.25rem;left:50%;min-width:220px;padding:.5rem;position:absolute;top:calc(100% + 12px);transform:translateX(-50%);z-index:1002}.nav-dropdown-item{align-items:center;border-radius:12px;color:#0f172a;color:var(--text-main);display:flex;font-size:.92rem;font-weight:600;gap:.7rem;padding:.85rem .95rem;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast)}.nav-dropdown-item.active,.nav-dropdown-item:hover{background:#6366f114;color:#6366f1;color:var(--brand-primary)}.nav-icon{font-size:1.1rem;opacity:.8}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-right{display:flex;flex:1 1;gap:.75rem;justify-content:flex-end;position:relative}.theme-toggle{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:50%;box-shadow:0 10px 25px -5px #0000000a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-soft);color:#0f172a;color:var(--text-main);cursor:pointer;display:inline-flex;height:42px;justify-content:center;transition:all .2s ease;transition:var(--transition-fast);width:42px}.theme-toggle:hover{background:#6366f10d;border-color:#6366f133;transform:translateY(-1px)}.theme-toggle svg{font-size:1rem}.user-profile-trigger{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;gap:.75rem;min-width:auto;padding:.5rem 1rem;transition:all .4s cubic-bezier(.23,1,.32,1);transition:var(--transition-elegant)}.user-profile-trigger:hover{background:#6366f10d;border-color:#6366f133;box-shadow:0 4px 12px #00000014}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:50%;box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:38px;justify-content:center;overflow:hidden;width:38px}.avatar-img{height:100%;object-fit:cover;width:100%}.dropdown-arrow{color:#64748b;color:var(--text-muted);font-size:.9rem;transition:transform .2s ease}.dropdown-arrow.open{color:#6366f1;color:var(--brand-primary);transform:rotate(180deg)}.user-dropdown-menu{animation:slideDown .2s ease;background:#fff;background:var(--bg-card);border:1px solid #f1f5f9;border:1px solid var(--border-subtle);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 20px 40px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 20px);width:260px;z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{align-items:center;background:linear-gradient(135deg,#6366f10d,#0ea5e90d);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;padding:1.5rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;overflow:hidden;width:50px}.dropdown-user-info{flex:1 1}.dropdown-user-name{color:#0f172a;color:var(--text-main);display:block;font-size:1rem;font-weight:700;margin-bottom:0}.dropdown-user-email{color:#64748b;color:var(--text-muted);display:block;font-size:.85rem;word-break:break-all}.dropdown-divider{background:#f1f5f9;background:var(--border-subtle);height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#0f172a;color:var(--text-main);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1.3rem 1.5rem;text-align:left;text-decoration:none;transition:all .2s ease;transition:var(--transition-fast);width:100%}.dropdown-item:hover{background:#6366f10d;color:#6366f1;color:var(--brand-primary)}.dropdown-item svg{font-size:1.1rem;min-width:20px;opacity:.8}.dropdown-item.logout{color:#ef4444;color:var(--danger-pill)}.dropdown-item.logout:hover{background:#ef44440d}@media (max-width:1200px){.dashboard-header{padding:1rem}.nav-center{justify-content:flex-end}.mobile-menu-toggle{display:flex}.nav-menu{background:#fff;background:var(--bg-card);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-subtle);box-shadow:0 10px 30px #0000001a;display:none;flex-direction:column;gap:.5rem;padding:1rem;position:absolute;top:100%;width:100%;z-index:1000}.nav-menu.active{align-items:start;display:flex}.nav-profile-item{width:100%}.nav-dropdown-menu{border-radius:12px;box-shadow:none;margin-top:.35rem;min-width:100%;position:static;transform:none}.nav-link{justify-content:center}.mobile-only-nav-item{display:block;width:100%}.nav-link.active:after{bottom:-4px}}.budget-page{--budget-bg:radial-gradient(circle at top left,#14b8a624,#0000 28%),radial-gradient(circle at top right,#2563eb24,#0000 30%),linear-gradient(180deg,#f8fbff,#f3f8f5);--budget-text:#10213a;--budget-heading:#10213a;--budget-muted:#52637d;--budget-soft-muted:#64748b;--budget-panel:#ffffffd6;--budget-panel-strong:linear-gradient(180deg,#fff,#f8fafc);--budget-panel-soft:#f8fbff;--budget-border:#94a3b833;--budget-border-soft:#94a3b829;--budget-progress-track:#e5edf5;--budget-progress-track-soft:#e2e8f0;--budget-shadow:0 24px 60px #0f172a17;--budget-shadow-hover:0 18px 35px #0f172a17;--budget-refresh-bg:#ffffffe0;--budget-refresh-border:#2563eb2e;--budget-refresh-text:#1d4ed8;--budget-hero-emoji:linear-gradient(135deg,#dbeafe,#ccfbf1);--budget-insight-emoji:#eef6ff;background:var(--budget-bg);color:var(--budget-text);min-height:100vh;padding:2rem 0 4rem}.dark .budget-page,body.theme-dark .budget-page{--budget-bg:radial-gradient(circle at top left,#14b8a61f,#0000 30%),radial-gradient(circle at top right,#3b82f626,#0000 32%),linear-gradient(180deg,#08111f,#0b1628);--budget-text:#e2e8f0;--budget-heading:#f8fafc;--budget-muted:#a8bbd3;--budget-soft-muted:#94a3b8;--budget-panel:#0f172ad1;--budget-panel-strong:linear-gradient(180deg,#0f172af5,#111827f0);--budget-panel-soft:#0f172adb;--budget-border:#47556985;--budget-border-soft:#4755696b;--budget-progress-track:#1e293bf2;--budget-progress-track-soft:#334155f2;--budget-shadow:0 26px 60px #0206176b;--budget-shadow-hover:0 20px 36px #02061773;--budget-refresh-bg:#0f172ae6;--budget-refresh-border:#60a5fa52;--budget-refresh-text:#bfdbfe;--budget-hero-emoji:linear-gradient(135deg,#1e40af73,#0d948861);--budget-insight-emoji:#1e293bf2}.budget-loading{display:grid;place-items:center}.budget-shell{margin:0 auto;width:min(1120px,92vw)}.walletwise-budget-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.75rem}.back-link{color:#2563eb;font-weight:700;gap:.45rem;margin-bottom:.9rem}.budget-kicker,.section-kicker{color:#0f766e;display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.walletwise-budget-header h1{color:var(--budget-heading);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1.02;margin:.35rem 0 .65rem}.walletwise-budget-header p{color:var(--budget-muted);font-size:1rem;margin:0;max-width:620px}.refresh-chip{background:var(--budget-refresh-bg);border:1px solid var(--budget-refresh-border);border-radius:999px;box-shadow:0 16px 35px #0f172a14;color:var(--budget-refresh-text);cursor:pointer;font-weight:700;padding:.8rem 1rem}.refresh-chip.refreshing{opacity:.75}.dashboard-card,.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--budget-panel);border:1px solid var(--budget-border);box-shadow:var(--budget-shadow)}.hero-card{grid-gap:1.2rem;border-radius:28px;display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);margin-bottom:1.4rem;padding:1.6rem}.hero-copy h2{color:var(--budget-heading);font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em;margin:0 0 .55rem}.hero-copy p{color:var(--budget-muted);line-height:1.6;margin:0;max-width:620px}.hero-emoji{background:var(--budget-hero-emoji);border-radius:18px;display:inline-grid;font-size:1.4rem;height:52px;margin-bottom:1rem;place-items:center;width:52px}.hero-metrics{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem}.hero-balance-card,.hero-progress,.insight-card,.metric-pill,.mini-day-card,.quick-action{border-radius:22px}.metric-pill{background:var(--budget-panel-soft);border:1px solid var(--budget-border-soft);display:flex;flex-direction:column;gap:.35rem;padding:.95rem 1rem}.hero-balance-card span,.hero-progress-label span,.metric-pill span{color:var(--budget-soft-muted);font-size:.84rem}.hero-balance-card strong,.hero-progress-label strong,.metric-pill strong{font-size:1.08rem}.safe{color:#15803d}.warning{color:#b45309}.danger{color:#b91c1c}.hero-side{grid-gap:.95rem;display:grid;gap:.95rem}.hero-balance-card,.hero-progress{background:var(--budget-panel-strong);border:1px solid var(--budget-border-soft);padding:1rem 1.1rem}.hero-balance-card strong{display:block;font-size:1.9rem;letter-spacing:-.03em;margin:.4rem 0 .25rem}.category-meta small,.empty-state-inline,.hero-balance-card small,.hero-progress small,.insight-card p,.quick-action small,.section-copy{color:var(--budget-soft-muted)}.hero-progress-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.7rem}.progress-track{background:var(--budget-progress-track);border-radius:999px;height:12px;overflow:hidden;width:100%}.progress-track.large{height:14px}.progress-track.tiny{background:var(--budget-progress-track-soft);height:8px;width:90px}.progress-fill{border-radius:inherit;transition:width .35s ease}.progress-fill,.progress-fill.safe{background:linear-gradient(90deg,#2563eb,#14b8a6)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fb923c)}.progress-fill.danger{background:linear-gradient(90deg,#ef4444,#f97316)}.budget-grid{grid-gap:1.15rem;display:grid;gap:1.15rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.15rem}.budget-grid.secondary{align-items:start}.dashboard-card{border-radius:26px;padding:1.35rem}.section-head{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.section-head h3{color:var(--budget-heading);font-size:1.28rem;letter-spacing:-.02em;margin:.25rem 0 0}.section-copy{line-height:1.55;margin:0 0 1rem}.weekly-mini-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));margin-top:1rem}.mini-day-card{background:var(--budget-panel-soft);border:1px solid var(--budget-border-soft);padding:.8rem .9rem;text-align:center}.mini-day-card span{color:var(--budget-soft-muted);display:block;font-size:.82rem;margin-bottom:.25rem}.mini-day-card strong{font-size:.95rem}.category-list{grid-gap:.85rem;display:grid;gap:.85rem}.category-row{gap:1rem;justify-content:space-between}.category-meta,.category-row{align-items:center;display:flex}.category-meta{gap:.75rem;min-width:0}.category-meta strong,.insight-card strong,.quick-action strong{display:block}.category-meta strong{margin-bottom:.18rem}.category-dot{border-radius:999px;flex-shrink:0;height:12px;width:12px}.category-right{align-items:center;color:var(--budget-text);display:flex;font-weight:700;gap:.7rem}.insight-card{background:var(--budget-panel-strong);border:1px solid var(--budget-border-soft);display:flex;gap:.85rem;padding:1rem}.insight-emoji{background:var(--budget-insight-emoji);border-radius:14px;display:grid;flex-shrink:0;font-size:1.1rem;height:42px;place-items:center;width:42px}.insight-card p{line-height:1.55;margin:.3rem 0 0}.quick-actions-card{position:-webkit-sticky;position:sticky;top:88px}.quick-actions{grid-gap:.85rem;display:grid;gap:.85rem}.quick-action{align-items:center;background:var(--budget-panel-strong);border:1px solid var(--budget-border-soft);color:var(--budget-text);cursor:pointer;display:flex;gap:.9rem;padding:1rem;text-align:left;transition:transform .18s ease,box-shadow .18s ease;width:100%}.quick-action:hover{box-shadow:var(--budget-shadow-hover);transform:translateY(-2px)}.quick-action span:first-child{border-radius:16px;display:grid;flex-shrink:0;font-size:1.15rem;height:44px;place-items:center;width:44px}.quick-action.expense span:first-child{background:#fee2e2}.quick-action.income span:first-child{background:#dcfce7}.quick-action.budget span:first-child{background:#dbeafe}.empty-state-inline{background:var(--budget-panel-soft);border:1px dashed color-mix(in srgb,var(--budget-border) 75%,#0000);border-radius:18px;padding:1rem}.dark .back-link,body.theme-dark .back-link{color:#93c5fd}.dark .back-link:hover,body.theme-dark .back-link:hover{color:#dbeafe}.dark .quick-action.expense span:first-child,body.theme-dark .quick-action.expense span:first-child{background:#7f1d1db8}.dark .quick-action.income span:first-child,body.theme-dark .quick-action.income span:first-child{background:#14532db8}.dark .quick-action.budget span:first-child,body.theme-dark .quick-action.budget span:first-child{background:#1e40afb8}@media (max-width:960px){.budget-grid,.hero-card,.walletwise-budget-header{grid-template-columns:1fr}.walletwise-budget-header{display:grid}.hero-metrics{grid-template-columns:1fr}.quick-actions-card{position:static}}@media (max-width:640px){.budget-page{padding-top:1.25rem}.budget-shell{width:min(94vw,1120px)}.dashboard-card,.hero-card{border-radius:22px;padding:1.05rem}.category-row,.section-head{display:grid}.category-right{justify-content:space-between}.quick-action{align-items:flex-start}}.goals-page{background:radial-gradient(circle at top,#f8fafc 0,#f2f6ff 45%,#edf2f7 100%);background:var(--bg-app,radial-gradient(circle at top,#f8fafc 0,#f2f6ff 45%,#edf2f7 100%));color:#0f172a;color:var(--text-main,#0f172a);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding:2.5rem 0 4rem}.dark .goals-page,.theme-dark .goals-page{background:radial-gradient(circle at top,#0f172a 0,#171717 100%)}.goals-grid,.goals-header,.goals-summary{margin:0 auto 2rem;max-width:1200px;width:92%}.goals-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.goals-header-content{max-width:520px}.goals-header h1{color:#1e293b;color:var(--text-main,#1e293b);font-size:2.3rem;font-weight:700;line-height:55px;margin:.5rem 0 .4rem}.goals-header p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.eyebrow{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;letter-spacing:.2em}.summary-card{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:20px;box-shadow:0 12px 28px #0f172a0f;box-shadow:var(--shadow-soft,0 12px 28px #0f172a0f);display:flex;gap:1.5rem;justify-content:space-between;padding:1.4rem 1.5rem}.summary-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.summary-stats{display:flex;gap:2rem}.summary-stats span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.85rem}.summary-stats strong{color:#1e293b;color:var(--text-main,#1e293b);font-size:1.2rem}.goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.overview-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:20px;box-shadow:0 12px 24px #0f172a0d;box-shadow:var(--shadow-soft,0 12px 24px #0f172a0d);padding:1.8rem}.overview-card h3{color:#1e293b;color:var(--text-main,#1e293b);margin:0 0 .5rem}.overview-card p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.goal-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:20px;box-shadow:0 12px 24px #0f172a0f;box-shadow:var(--shadow-soft,0 12px 24px #0f172a0f);cursor:pointer;display:flex;flex-direction:column;gap:1.1rem;padding:1.3rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.goal-card:hover{border-color:var(--brand-primary);box-shadow:0 16px 28px #0f172a14;box-shadow:var(--shadow-soft,0 16px 28px #0f172a14);transform:translateY(-2px)}.goal-card:focus-visible{outline:3px solid #4338ca40;outline-offset:4px}.goal-card.paused{opacity:.6}.goal-card.completed .progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.goal-card-top{align-items:center;display:flex;gap:1rem}.goal-icon{background:#eef2ff;background:var(--bg-app,#eef2ff);border-radius:14px;color:#4338ca;color:var(--brand-primary,#4338ca);display:grid;font-size:1.1rem;height:46px;place-items:center;width:46px}.goal-text h3{color:#1e293b;color:var(--text-main,#1e293b);font-size:1.05rem;margin:.2rem 0 0}.goal-type{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}.goal-deadline{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:inline-flex;font-size:.8rem;gap:.4rem;margin-left:auto;white-space:nowrap}.progress-bar{background:#e2e8f0;background:var(--border-subtle,#e2e8f0);border-radius:999px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4338ca,#38bdf8);height:100%}.progress-meta{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem}.goal-card-footer,.progress-meta{display:flex;justify-content:space-between}.goal-card-footer{align-items:center;gap:1rem}.goal-amounts span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.8rem}.goal-amounts strong{color:#1e293b;color:var(--text-main,#1e293b);font-size:1.05rem}.quick-add{background:#0f172a;background:var(--text-main,#0f172a);color:#fff;color:var(--bg-card,#fff);padding:.5rem .95rem}.floating-add,.quick-add{border:none;border-radius:999px;cursor:pointer;font-weight:600}.floating-add{align-items:center;background:#4338ca;background:var(--brand-primary,#4338ca);bottom:2rem;box-shadow:0 18px 36px #4338ca3d;color:#fff;display:inline-flex;gap:.6rem;padding:.8rem 1.4rem;position:fixed;right:2rem;z-index:10}.goal-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:grid;inset:0;padding:1.5rem;place-items:center;position:fixed;z-index:1000}.goal-modal{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:20px;box-shadow:0 24px 60px #0f172a33;box-shadow:var(--shadow-soft,0 24px 60px #0f172a33);display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;width:min(520px,92vw)}.goal-modal-header{align-items:center;display:flex;gap:1rem;position:relative}.goal-modal-icon{background:#ecfdf5;border-radius:16px;color:#10b981;display:grid;font-size:1.2rem;height:52px;place-items:center;width:52px}.dark .goal-modal-icon{background:#064e3b;color:#6ee7b7}.goal-modal-header h2{color:#1e293b;color:var(--text-main,#1e293b);margin:.2rem 0 0}.modal-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;letter-spacing:.16em;margin:0;text-transform:uppercase}.modal-deadline{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem}.modal-close{background:#0000;border:none;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;font-size:1.4rem;margin-left:auto}.goal-modal-progress .progress-bar{height:10px}.goal-modal-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.goal-modal-stats span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.85rem}.goal-modal-stats strong{color:#1e293b;color:var(--text-main,#1e293b);font-size:1.1rem}.goal-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.goal-modal-add{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.amount-field{display:flex;flex-direction:column;gap:.4rem;min-width:180px}.amount-field label{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem}.amount-field input{background:var(--bg-app);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:12px;color:var(--text-main);font-size:1rem;padding:.55rem .75rem}.add-error{color:#ef4444;font-size:.85rem;margin:0}@media (max-width:960px){.goals-header{flex-direction:column}.summary-stats{gap:1rem}.goal-card-top,.summary-stats{align-items:flex-start;flex-direction:column}.goal-deadline{margin-left:0}}@media (max-width:640px){.goals-grid,.goals-header,.goals-summary,.overview-card{width:94%}.goals-header h1{font-size:2rem}.goal-card-footer,.summary-card{align-items:flex-start;flex-direction:column}.floating-add{bottom:1rem;right:1rem}}.reports-page{background:var(--bg-app);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding:2rem 0 4rem}.reports-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin:0 80px 1.5rem;max-width:1200px;width:92%}.reports-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--brand-primary),var(--brand-secondary));background-clip:text;-webkit-background-clip:text;font-size:2.3rem;font-weight:800;letter-spacing:-.02em;margin:.5rem 0}.reports-header p{color:var(--text-muted);margin:0;max-width:520px}.eyebrow{color:var(--brand-secondary);font-size:.75rem;letter-spacing:.16em}.header-actions{align-items:center;display:flex;gap:1rem}.reports-status{background:#3b82f614;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:#1d4ed8;font-weight:600;margin:0 auto 1rem;max-width:1200px;padding:.75rem 1rem;width:92%}.reports-status.error{background:#ef444414;color:#b91c1c}.tab-group{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-right:100px}.tabs-bar{display:flex;gap:.75rem;margin:0 80px 1rem;overflow-x:auto;padding:.4rem 0 .4rem .4rem;scroll-snap-type:x mandatory}.tabs-bar::-webkit-scrollbar{display:none}.tab-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;padding:.6rem 1rem;scroll-snap-align:start;transition:var(--transition-fast);white-space:nowrap}.tab-pill.active{background:#2563eb14;border-color:#2563eb;color:#2563eb}.tab-emoji{font-size:1rem}.tabs-panels{display:flex;gap:0;margin:0 80px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory}.tabs-panels::-webkit-scrollbar{display:none}.tab-panel{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.panel-card{grid-gap:1.2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);display:grid;gap:1.2rem;padding:1.5rem}.panel-title{align-items:center;display:flex;gap:.6rem}.panel-title h2{margin:0}.panel-emoji{font-size:1.2rem}.month-summary{grid-gap:.6rem;display:grid;gap:.6rem}.month-summary h3{font-size:1.6rem;margin:.2rem 0 0}.mini-progress{background:#94a3b833;border-radius:999px;height:10px;overflow:hidden}.mini-progress div{background:#2563eb;height:100%}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;padding:.25rem .7rem;width:-webkit-fit-content;width:fit-content}.status-pill.good{background:#22c55e26;color:#16a34a}.status-pill.warning{background:#f59e0b2e;color:#d97706}.status-pill.danger{background:#ef44442e;color:#dc2626}.month-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.chart-card{grid-gap:.8rem;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:grid;gap:.8rem;padding:1rem}.chart-card h4{font-size:1rem;margin:0}.chart-frame{height:220px}.chart-frame.tall{height:260px}.legend-list{grid-gap:.6rem;display:grid;gap:.6rem}.legend-item{align-items:flex-start;display:flex;gap:.6rem}.legend-item strong{display:block}.legend-item span{color:var(--text-muted);font-size:.85rem}.legend-dot{border-radius:999px;height:10px;margin-top:.35rem;width:10px}.trend-summary{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.trend-note{color:#16a34a;font-weight:600}.trend-list{grid-gap:.6rem;display:grid;gap:.6rem}.trend-item{align-items:center;background:#94a3b814;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.6rem .8rem}.trend-pill{border-radius:999px;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.trend-pill.good{background:#22c55e26;color:#16a34a}.trend-pill.warning{background:#f59e0b2e;color:#d97706}.trend-pill.danger{background:#ef44442e;color:#dc2626}.insight-list{grid-gap:.8rem;display:grid;gap:.8rem}.insight-item{grid-gap:.75rem;align-items:center;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;padding:.8rem 1rem}.insight-item p{margin:0}.insight-emoji{font-size:1.2rem}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.good{background:#22c55e}.status-dot.warning{background:#f59e0b}.status-dot.ok{background:#60a5fa}.spending-top{grid-gap:1.2rem;align-items:start;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.top-places{grid-gap:.6rem;display:grid;gap:.6rem;margin-top:.6rem}.place-row{background:#94a3b814;border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;padding:.6rem .8rem}.place-row strong{font-weight:700}@media (max-width:1024px){.reports-header{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.tabs-panels{width:95%}}.reports-actions-bar{display:flex;justify-content:flex-end;margin:0}.download-menu-container{display:inline-block;position:relative}.download-btn{align-items:center;background-color:#2563eb;background-color:var(--brand-primary,#2563eb);border:none;border-radius:.5rem;border-radius:var(--radius-lg,.5rem);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:background-color .2s}.download-btn:hover{background-color:#1d4ed8;background-color:var(--brand-secondary,#1d4ed8)}.download-dropdown{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-subtle,#e2e8f0);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);display:flex;flex-direction:column;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.download-dropdown button{background:none;border:none;color:#1e293b;color:var(--text-main,#1e293b);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.download-dropdown button:hover{background-color:#f8fafc;background-color:var(--bg-app,#f8fafc);color:#2563eb;color:var(--brand-primary,#2563eb)}:root{--sub-bg:#f8fafc;--sub-card-bg:#fff;--sub-card-border:#e2e8f0;--sub-text-primary:#0f172a;--sub-text-secondary:#334155;--sub-text-muted:#64748b;--sub-table-header-bg:#f8fafc;--sub-table-border:#e2e8f0;--sub-bill-date-bg:#f1f5f9;--sub-bill-date-text:#334155;--sub-cat-badge-bg:#f1f5f9;--sub-cat-badge-text:#475569;--sub-btn-scan-bg:#fff;--sub-btn-scan-border:#bfdbfe;--sub-btn-scan-text:#2563eb;--sub-btn-scan-hover:#eff6ff;--sub-input-border:#cbd5e1;--sub-input-bg:#fff;--sub-modal-bg:#fff;--sub-empty-bg:#f8fafc;--sub-empty-border:#e2e8f0;--sub-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--sub-shadow-md:0 4px 12px #00000014}.dark{--sub-bg:#0b0f1a;--sub-card-bg:#111827;--sub-card-border:#1e2d45;--sub-text-primary:#f1f5f9;--sub-text-secondary:#cbd5e1;--sub-text-muted:#8b9ab5;--sub-table-header-bg:#0f1826;--sub-table-border:#1e2d45;--sub-bill-date-bg:#1a2540;--sub-bill-date-text:#cbd5e1;--sub-cat-badge-bg:#6366f11f;--sub-cat-badge-text:#818cf8;--sub-btn-scan-bg:#111827;--sub-btn-scan-border:#6366f14d;--sub-btn-scan-text:#818cf8;--sub-btn-scan-hover:#6366f11f;--sub-input-border:#1e2d45;--sub-input-bg:#0f1826;--sub-modal-bg:#111827;--sub-empty-bg:#6366f10a;--sub-empty-border:#6366f126;--sub-shadow:0 4px 24px #00000059;--sub-shadow-md:0 8px 32px #00000080}.sub-page{background-color:#f8fafc;background-color:var(--sub-bg);color:#0f172a;color:var(--sub-text-primary);min-height:100vh;padding:32px 50px;transition:background-color .3s ease,color .3s ease}.sub-header{margin-bottom:36px}.sub-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.back-link{background:#fff;background:var(--sub-card-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:8px;color:#64748b;color:var(--sub-text-muted);gap:6px;padding:6px 14px;transition:all .2s ease}.back-link:hover{background:#6366f10f;border-color:#6366f159;color:#6366f1}.sub-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;color:#6366f1;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:6px 14px}.dark .sub-badge{background:#6366f11f;border-color:#6366f140;color:#818cf8}.sub-hero{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sub-hero h1{color:#0f172a;color:var(--sub-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.sub-hero p{color:#64748b;color:var(--sub-text-muted);font-size:.95rem;margin:0}.sub-actions{display:flex;flex-shrink:0;gap:12px}.btn-add,.btn-scan{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-scan{background:#fff;background:var(--sub-btn-scan-bg);border:1px solid #bfdbfe;border:1px solid var(--sub-btn-scan-border);color:#2563eb;color:var(--sub-btn-scan-text)}.btn-scan:hover:not(:disabled){background:#eff6ff;background:var(--sub-btn-scan-hover);box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.btn-scan:disabled{cursor:not-allowed;opacity:.6}.btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-add:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.sub-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:36px}.sub-card{background:#fff;background:var(--sub-card-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sub-shadow);padding:24px;transition:all .3s ease}.sub-card:hover{border-color:#6366f140;box-shadow:0 4px 12px #00000014;box-shadow:var(--sub-shadow-md);transform:translateY(-3px)}.stat-card{gap:18px}.stat-card,.stat-icon-wrapper{align-items:center;display:flex}.stat-icon-wrapper{border-radius:14px;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-icon-wrapper.danger{background:#fee2e2;color:#ef4444}.stat-icon-wrapper.success{background:#dcfce7;color:#22c55e}.stat-icon-wrapper.info{background:#e0f2fe;color:#0ea5e9}.dark .stat-icon-wrapper.danger{background:#ef444424;color:#f87171}.dark .stat-icon-wrapper.success{background:#22c55e24;color:#4ade80}.dark .stat-icon-wrapper.info{background:#0ea5e924;color:#38bdf8}.stat-label{color:#64748b;color:var(--sub-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:6px}.stat-value{color:#0f172a;color:var(--sub-text-primary);font-weight:800;letter-spacing:-.02em;line-height:1}.stat-value.text-sm{font-size:1rem;font-weight:700;letter-spacing:-.01em}.section-title{color:#334155;color:var(--sub-text-secondary);font-size:1.1rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.sub-section{margin-bottom:36px}.bills-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.bill-item{align-items:center;background:#fff;background:var(--sub-card-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sub-shadow);display:flex;gap:14px;padding:16px;transition:all .2s ease}.bill-item:hover{border-color:#6366f14d;box-shadow:0 4px 12px #00000014;box-shadow:var(--sub-shadow-md);transform:translateY(-2px)}.bill-date{background:#f1f5f9;background:var(--sub-bill-date-bg);border-radius:10px;flex-shrink:0;min-width:54px;padding:10px 14px;text-align:center}.bill-day{color:#334155;color:var(--sub-bill-date-text);display:block;font-size:1.3rem;font-weight:800;line-height:1}.bill-month{color:#64748b;color:var(--sub-text-muted);display:block;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.bill-info h4{color:#0f172a;color:var(--sub-text-primary);font-size:.95rem;font-weight:600;margin:0 0 3px}.bill-cycle{color:#64748b;color:var(--sub-text-muted);font-size:.75rem;font-weight:500;text-transform:capitalize}.bill-amount{color:#0f172a;color:var(--sub-text-primary);font-size:.95rem;font-weight:700;margin-left:auto;white-space:nowrap}.subs-table-wrapper{background:#fff;background:var(--sub-card-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--sub-shadow);overflow-x:auto}.subs-table{border-collapse:collapse;width:100%}.subs-table td,.subs-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--sub-table-border);padding:14px 18px;text-align:left}.subs-table th{background:#f8fafc;background:var(--sub-table-header-bg);color:#64748b;color:var(--sub-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.subs-table td{color:#0f172a;color:var(--sub-text-primary);font-size:.9rem}.subs-table tbody tr{transition:background .15s ease}.subs-table tbody tr:hover{background:#6366f10a}.dark .subs-table tbody tr:hover{background:#6366f112}.subs-table tr:last-child td{border-bottom:none}.cat-badge{background:#f1f5f9;background:var(--sub-cat-badge-bg);border-radius:6px;color:#475569;color:var(--sub-cat-badge-text);font-size:.75rem;font-weight:600;padding:4px 10px}.btn-icon{background:none;border:none;border-radius:8px;cursor:pointer;padding:6px;transition:all .2s}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{background:#ef44441a;color:#dc2626}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.modal-content{background:#fff;background:var(--sub-modal-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:20px;box-shadow:0 24px 60px #00000040;max-width:420px;padding:28px;width:100%}.modal-content h3{color:#0f172a;color:var(--sub-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 20px}.form-group{margin-bottom:16px}.form-group label{color:#334155;color:var(--sub-text-secondary);display:block;font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select{background:#fff;background:var(--sub-input-bg);border:1px solid #cbd5e1;border:1px solid var(--sub-input-border);border-radius:10px;box-sizing:border-box;color:#0f172a;color:var(--sub-text-primary);font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.modal-actions{gap:10px;margin-top:24px}.btn-secondary{background:var(--sub-card-bg);border:1px solid #e2e8f0;border:1px solid var(--sub-card-border);border-radius:10px;color:#334155;color:var(--sub-text-secondary);font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{border-color:#6366f159;color:#6366f1}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;box-shadow:0 4px 12px #6366f14d;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.empty-state{background:#f8fafc;background:var(--sub-empty-bg);border:1px dashed #e2e8f0;border:1px dashed var(--sub-empty-border);border-radius:14px;font-size:.95rem;padding:32px}.empty-state,.sub-dashboard-loading{color:#64748b;color:var(--sub-text-muted)}.sub-dashboard-loading{align-items:center;background:#f8fafc;background:var(--sub-bg);display:flex;font-size:1rem;font-weight:500;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:2px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;display:inline-block;flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.sub-page{padding:20px}.sub-hero{align-items:flex-start;flex-direction:column}.sub-actions{width:100%}.btn-add,.btn-scan{flex:1 1;justify-content:center}.bills-list,.sub-grid{grid-template-columns:1fr}}@media (max-width:480px){.sub-hero h1{font-size:1.5rem}.modal-content{border-radius:16px;margin:16px}}.settings-page{background:var(--bg-app);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;padding-bottom:2rem}.settings-container{margin:0 auto;max-width:1100px;padding:2rem}.settings-header{margin-bottom:2.5rem}.back-link{color:var(--text-muted);font-size:.95rem;font-weight:600;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:var(--brand-primary)}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-main),var(--text-muted));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:.5rem 0}.header-content p{color:var(--text-muted);font-size:1.1rem;line-height:1.6;max-width:600px}.eyebrow{background:#6366f11a;border-radius:20px;color:var(--brand-primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem}.status-message{align-items:center;animation:slideDown .3s ease;border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.status-message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.status-message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.status-icon{font-size:1.2rem}.close-status{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:.25rem}.close-status:hover{opacity:1}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin-bottom:2rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.settings-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-subtle);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.card-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.card-icon.blue{background:linear-gradient(135deg,#e0e7ff,#dee2fc);color:var(--brand-primary)}.card-icon.purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:var(--purple-accent)}.card-icon.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.card-header h2{color:var(--text-main);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.card-header p{color:var(--text-muted);font-size:.95rem;margin:0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group label{color:var(--text-main);font-size:.95rem;font-weight:600}.required{color:var(--danger-pill);margin-left:2px}.field-info{color:var(--text-muted);font-size:.85rem;margin:-.25rem 0 .25rem}.form-group input,.form-group select{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;padding:.875rem 1rem;transition:all .2s ease}body.theme-dark .form-group input,body.theme-dark .form-group select{background-color:var(--bg-card);border-color:var(--border-subtle);color:var(--text-main)}.form-group input:focus,.form-group select:focus{background:var(--bg-card);border-color:var(--brand-primary);box-shadow:0 0 0 3px #6366f11a;color:var(--text-main);outline:none}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 30px var(--bg-app) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.theme-dark .form-group input:-webkit-autofill,body.theme-dark .form-group input:-webkit-autofill:active,body.theme-dark .form-group input:-webkit-autofill:focus,body.theme-dark .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main)!important;-webkit-box-shadow:0 0 0 30px var(--bg-card) inset!important}.select-wrapper{position:relative}.settings-footer{border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:1rem}.footer-content{align-items:center;display:flex;justify-content:space-between}.unsaved-changes{align-items:center;animation:pulse 2s infinite;color:#d97706;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.footer-actions{display:flex;gap:1rem;margin-left:auto;width:30%}.btn-primary,.btn-secondary{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border:none;box-shadow:0 4px 12px #6366f140;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #6366f159;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{background:#fff;border:1px solid var(--border-subtle);color:var(--text-muted)}.btn-secondary:hover:not(:disabled){background:var(--bg-app);border-color:#cbd5e1;color:var(--text-main)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.footer-content{align-items:stretch;flex-direction:column;gap:1rem}.footer-actions{margin-left:0;width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.unsaved-changes{justify-content:center}}.toggle-switch{border:2px solid var(--border-subtle);border-radius:30px;display:inline-block;height:28px;position:relative;width:55px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-subtle);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:18px;left:4px;width:18px}input:checked+.slider{background-color:var(--brand-primary)}input:focus+.slider{box-shadow:0 0 1px var(--brand-primary)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #b91c1c;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #dc262659;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.7}.danger-zone{background:linear-gradient(180deg,#fef2f2d9,#fffffff2);border-color:#fecaca}body.theme-dark .danger-zone{background:#7f1d1d26;border-color:#f8717159}.danger-note{color:var(--text-muted);line-height:1.6;margin:0 0 1rem}.delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1300}.delete-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-hover);padding:1.5rem;width:min(520px,100%)}.delete-modal h3{color:#b91c1c;margin:0 0 .75rem}.delete-modal p{color:var(--text-muted);line-height:1.5;margin:0 0 1rem}.delete-input{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;padding:.8rem .9rem;width:100%}.delete-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426;outline:none}.delete-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.badge-gallery{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:2rem;padding:1.5rem}.badge-gallery-header{margin-bottom:1.5rem}.badge-gallery-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.badge-gallery-header p{color:var(--text-secondary);font-size:.9rem}.badges-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.badge-card{align-items:center;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:1.5rem 1rem;transition:all .2s ease}.badge-card.unlocked{background:linear-gradient(to bottom,var(--bg-card),var(--bg-app));border-color:var(--brand-primary);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.1)}.badge-card.locked{filter:grayscale(100%);opacity:.6}.badge-icon{font-size:2.5rem;margin-bottom:1rem;position:relative}.badge-card.unlocked .badge-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.badge-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.badge-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.decision-page{--decision-bg:var(--bg-page,#f8fafc);--decision-surface:var(--bg-card,#fff);--decision-surface-muted:var(--bg-subtle,#f1f5f9);--decision-border:var(--border-light,#e2e8f0);--decision-text:var(--text-main,#1e293b);--decision-muted:var(--text-muted,#64748b);--decision-shadow:0 8px 22px #0f172a14;background-color:var(--decision-bg);font-family:Inter,sans-serif;min-height:100vh;padding:2rem}.dark .decision-page,body.theme-dark .decision-page{--decision-bg:#0b1120;--decision-surface:#101a2b;--decision-surface-muted:#0f172a;--decision-border:#223249;--decision-text:#e2e8f0;--decision-muted:#94a3b8;--decision-shadow:0 16px 32px #02061773}.decision-header{margin:0 6rem 3rem}.decision-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-link{background:none;border:none;color:var(--decision-muted);cursor:pointer;display:flex;font-size:.9rem}.back-link:hover{color:var(--decision-text)}.decision-badge{align-items:center;background:#6366f11a;border-radius:99px;color:#6366f1;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.decision-hero h1{color:var(--decision-text);font-size:2.5rem;letter-spacing:-.02em;margin-bottom:1rem}.decision-hero p{color:var(--decision-muted);font-size:1.1rem;line-height:1.6}.decision-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.2fr 1fr;margin:0 auto;max-width:1300px}.decision-card{background:var(--decision-surface);border:1px solid var(--decision-border);border-radius:20px;box-shadow:var(--decision-shadow);padding:2rem}.decision-card h2{color:var(--decision-text);font-size:1.25rem;margin-bottom:1.5rem}.decision-form{gap:1.5rem}.decision-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:var(--decision-muted);display:flex;flex-direction:row;font-size:.9rem;font-weight:500;margin-top:10px}.form-group input,.form-group select{background:var(--decision-surface-muted);border:1px solid var(--decision-border);border-radius:12px;color:var(--decision-text);font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.mood-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.mood-btn{align-items:center;background:var(--decision-surface);border:1px solid var(--decision-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.mood-btn span:first-child{font-size:1.5rem}.mood-btn span:last-child{color:var(--decision-muted);font-size:.75rem;font-weight:500}.mood-btn.active{background:#6366f10d;border-color:#6366f1;transform:translateY(-2px)}.mood-btn.active span:last-child{color:#6366f1}.evaluate-btn{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem;transition:background .2s}.evaluate-btn:hover{background:#4f46e5}.evaluate-btn:disabled{background:#64748b;cursor:not-allowed}.result-container{display:flex;flex-direction:column;gap:1.5rem}.status-card{border-radius:20px;padding:2rem;text-align:center;transition:all .3s}.status-card.emerald{background:#10b9811a;color:#059669}.status-card.amber{background:#f59e0b1a;color:#d97706}.status-card.rose{background:#f43f5e1a;color:#e11d48}.status-icon{align-items:center;background:var(--decision-surface);border-radius:50%;box-shadow:0 4px 6px -1px #0000000d;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.status-card h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.recommendation-box{background:var(--decision-surface-muted);border:1px solid var(--decision-border);border-radius:16px;padding:1.5rem}.recommendation-box h4{color:var(--decision-muted);font-size:.9rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.recommendation-box p{color:var(--decision-text);line-height:1.5}.factors-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.factor-pill{background:var(--decision-surface-muted);border-radius:99px;color:var(--decision-muted);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:100%}.metric-item{background:var(--decision-surface);border:1px solid var(--decision-border);border-radius:16px;padding:1rem}.metric-item label{color:var(--decision-muted);font-size:.75rem}.metric-item p{color:var(--decision-text);font-size:1.1rem;font-weight:700}@media (max-width:900px){.decision-grid{grid-template-columns:1fr}}.mood-insight-page{background:linear-gradient(135deg,#0f0c29,#1a1a2e 50%,#16213e);color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:2rem 1.5rem 4rem}.mood-insight-page h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem;text-align:center}.mood-insight-page .subtitle{color:#8a8aa0;font-size:.9rem;margin-bottom:2rem;text-align:center}.demo-banner{background:#ffc1071f;border:1px solid #ffc10759;border-radius:10px;color:#ffd54f;font-size:.82rem;margin:0 auto 2rem;max-width:700px;padding:.75rem 1rem;text-align:center}.mood-error,.mood-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.mood-loading .spinner-ring{animation:spin .8s linear infinite;border:4px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.mood-error{color:#ef5350}.mood-error button{background:#ef535026;border:1px solid #ef535066;border-radius:8px;color:#ef5350;cursor:pointer;padding:.5rem 1.25rem;transition:all .2s}.mood-error button:hover{background:#ef535040}.mood-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1100px}.mood-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.mood-card:hover{box-shadow:0 8px 30px #667eea1a;transform:translateY(-3px)}.mood-card h2{align-items:center;color:#c5c5e0;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.mood-card h2 .card-icon{font-size:1.2rem}.verdict-card{grid-column:1/-1;padding:2rem;text-align:center}.verdict-card .verdict-text{color:#81c784;font-size:1.15rem;font-weight:500;margin-top:.25rem}.stats-row{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:1.25rem}.stat-item{text-align:center}.stat-value{font-size:1.6rem;font-weight:700}.stat-value.impulsive{color:#ef5350}.stat-value.intentional{color:#66bb6a}.stat-label{color:#8a8aa0;font-size:.75rem;letter-spacing:.5px;margin-top:.15rem;text-transform:uppercase}.stat-amount{color:#aaa;font-size:.85rem;margin-top:.15rem}.ratio-bar-container{margin-top:1.25rem}.ratio-bar{background:#ffffff0d;border-radius:8px;display:flex;height:10px;overflow:hidden}.ratio-bar .impulsive-fill{background:linear-gradient(90deg,#ef5350,#ff7043);transition:width .8s ease}.ratio-bar .intentional-fill{background:linear-gradient(90deg,#66bb6a,#26a69a);transition:width .8s ease}.ratio-labels{color:#8a8aa0;display:flex;font-size:.72rem;justify-content:space-between;margin-top:.4rem}.mood-table{border-collapse:collapse;font-size:.88rem;width:100%}.mood-table th{border-bottom:1px solid #ffffff0f;color:#8a8aa0;font-size:.75rem;font-weight:500;letter-spacing:.4px;padding:.5rem .75rem;text-align:left;text-transform:uppercase}.mood-table td{border-bottom:1px solid #ffffff08;padding:.6rem .75rem}.mood-emoji{font-size:1.1rem;margin-right:.4rem}.mood-name{font-weight:500;text-transform:capitalize}.trigger-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.trigger-item{background:#ffffff08;border-radius:10px;gap:.75rem;padding:.75rem}.trigger-item,.trigger-rank{align-items:center;display:flex}.trigger-rank{border-radius:50%;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.trigger-rank.rank-1{background:#ef535033;color:#ef5350}.trigger-rank.rank-2{background:#ffa72633;color:#ffa726}.trigger-rank.rank-3{background:#ffee5833;color:#ffee58}.trigger-info{flex:1 1}.trigger-mood{font-size:.95rem;font-weight:500;text-transform:capitalize}.trigger-amount{color:#8a8aa0;font-size:.8rem}.trigger-category{color:#667eea;font-size:.75rem;margin-top:.15rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.tip-item{align-items:flex-start;background:#667eea0f;border-left:3px solid #667eea;border-radius:0 10px 10px 0;color:#c5c5e0;display:flex;font-size:.88rem;gap:.6rem;line-height:1.5;padding:.75rem .85rem}.tip-icon{flex-shrink:0;margin-top:.1rem}.back-link{color:#667eea;font-size:.85rem;gap:.4rem;margin-bottom:1rem;transition:color .2s}.back-link:hover{color:#8e9bef}@media (max-width:768px){.mood-grid{grid-template-columns:1fr}.mood-insight-page h1{font-size:1.5rem}.stats-row{gap:1.5rem}.stat-value{font-size:1.3rem}}.gamification-container{--gami-bg:var(--bg-page,#f8fafc);--gami-surface:var(--bg-card,#fff);--gami-surface-muted:var(--bg-subtle,#f1f5f9);--gami-border:var(--border-light,#e2e8f0);--gami-text:var(--text-main,#1e293b);--gami-muted:var(--text-muted,#64748b);--gami-shadow:0 10px 25px #0f172a14;background-color:var(--gami-bg);color:var(--gami-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.dark .gamification-container,body.theme-dark .gamification-container{--gami-bg:#0b1120;--gami-surface:#101a2b;--gami-surface-muted:#0f172a;--gami-border:#223249;--gami-text:#e2e8f0;--gami-muted:#94a3b8;--gami-shadow:0 16px 32px #02061773}.gami-header{margin-bottom:2rem;position:relative;text-align:center}.gami-header h1{color:var(--gami-text);font-size:2.5rem;margin:5rem 0 .5rem}.gami-header p{color:var(--gami-muted);font-size:1.1rem}.back-btn{border-radius:8px;color:var(--gami-muted);font-weight:600;left:0;padding:.5rem 1rem;position:absolute;top:-20%;transform:translateY(-50%);transition:all .2s ease}.back-btn:hover{background-color:var(--gami-surface-muted)}.stats-hero{align-items:center;background:linear-gradient(135deg,var(--gami-surface) 0,var(--gami-surface-muted) 100%);border:1px solid var(--gami-border);border-radius:20px;box-shadow:var(--gami-shadow);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem;padding:3rem}.dark .stats-hero{background:linear-gradient(135deg,#132038,#0f172a)}.level-ring{height:150px;position:relative;width:150px}.level-number{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.level-number span{color:var(--gami-muted);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.level-number h2{color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:3rem;line-height:1;margin:0}.circular-chart{display:block;margin:0 auto;max-height:250px;max-width:100%}.circle-bg{stroke:var(--gami-border)}.circle,.circle-bg{fill:none;stroke-width:2.5}.circle{stroke-linecap:round;animation:progress 1s ease-out forwards}.circular-chart.orange .circle{stroke:#3b82f6;stroke:var(--primary-color,#3b82f6)}@keyframes progress{0%{stroke-dasharray:0 100}}.xp-details{flex:1 1;min-width:250px}.xp-details h3{align-items:baseline;display:flex;font-size:2rem;gap:.5rem;margin-bottom:.25rem}.xp-details h3 span{color:var(--gami-muted);font-size:1rem;font-weight:400}.xp-details p{color:var(--gami-muted);margin-bottom:1rem}.xp-bar-container{background-color:var(--gami-surface-muted);border-radius:5px;height:10px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:5px;height:100%;transition:width 1s ease-in-out}.streak-box{align-items:center;border:1px solid var(--gami-border);border-radius:16px;box-shadow:var(--gami-shadow);display:flex;gap:1.5rem;padding:1.5rem 2rem}.dark .streak-box,.streak-box{background-color:var(--gami-surface)}.streak-icon{color:#cbd5e1;font-size:3rem;transition:all .3s ease}.streak-icon.active{animation:pulseFire 2s infinite alternate;color:#fb923c;filter:drop-shadow(0 0 10px rgba(251,146,60,.4))}@keyframes pulseFire{0%{transform:scale(1)}to{transform:scale(1.05)}}.streak-text h3{font-size:1.5rem;margin:0}.streak-text p{color:var(--gami-muted);margin:0 0 .25rem}.streak-text small{color:var(--gami-muted);font-weight:600}.badges-section{border:1px solid var(--gami-border);border-radius:20px;padding:2rem}.badges-section,.dark .badges-section{background-color:var(--gami-surface)}.section-title{align-items:center;border-bottom:1px solid var(--gami-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-title h2{align-items:center;display:flex;font-size:1.5rem;gap:.75rem}.section-title span{background-color:var(--gami-surface-muted);border-radius:20px;color:#3b82f6;color:var(--primary-color,#3b82f6);font-size:.9rem;font-weight:600;padding:.25rem .75rem}.badges-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.badge-card{border:2px solid #0000;border-radius:16px;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.badge-card.unlocked{background:linear-gradient(to bottom,var(--gami-surface),var(--gami-surface-muted));border-color:#fce7f3;box-shadow:0 4px 15px #f472b61a}.dark .badge-card.unlocked{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:#831843}.badge-card.unlocked:hover{box-shadow:0 10px 25px #f472b633;transform:translateY(-5px)}.badge-card.locked{background-color:var(--gami-surface-muted);border:2px dashed #cbd5e1;opacity:.7}.dark .badge-card.locked{background-color:#0f172a;border-color:#334155}.badge-icon-wrapper{align-items:center;border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.unlocked .badge-icon-wrapper{background:linear-gradient(135deg,#fdf2f8,#fbcfe8);box-shadow:0 4px 10px #f472b633}.dark .unlocked .badge-icon-wrapper{background:linear-gradient(135deg,#831843,#be185d)}.locked .badge-icon-wrapper{background-color:#e2e8f0}.dark .locked .badge-icon-wrapper{background-color:#334155}.lock-icon{color:#94a3b8;font-size:1.5rem}.badge-card h4{color:var(--gami-text);font-size:1.1rem;margin:0 0 .5rem}.badge-card p{color:var(--gami-muted);font-size:.85rem;line-height:1.4;margin:0}.unlocked-label{background-color:#10b981;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.25rem 2rem;position:absolute;right:-30px;text-transform:uppercase;top:10px;transform:rotate(45deg)}.savings-cute-section{background:linear-gradient(135deg,#fff7ed,#fef9c3 45%,#ecfeff);border:1px solid #fde68a;border-radius:20px;margin-bottom:2rem;padding:1.4rem}.savings-cute-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.savings-cute-header h2{align-items:center;display:flex;gap:.5rem;margin:0 0 .2rem}.savings-cute-header p{color:#475569;margin:0}.savings-streak-chip{align-items:center;background:#fff;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:inline-flex;font-weight:600;gap:.4rem;padding:.45rem .8rem}.savings-streak-chip.ready{background:#f0fdf4;border-color:#86efac;color:#166534}.savings-cute-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr 1fr}.calendar-card,.reflection-card{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem}.calendar-title{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:2rem}.calendar-title h3{margin:0}.calendar-title span{color:#64748b;font-size:.8rem}.calendar-days,.calendar-weekdays{grid-gap:.35rem;display:grid;gap:.35rem;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays span{color:#64748b;font-size:.72rem;font-weight:700;text-align:center}.day-cell{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:flex;font-weight:600;justify-content:center;min-height:42px;position:relative}.day-cell.empty{background:#0000;border:none}.day-cell.saved{background:#ecfdf5;border-color:#86efac;color:#166534}.day-cell.today{outline:2px dashed #f59e0b;outline-offset:1px}.tick-icon{bottom:4px;font-size:.7rem;position:absolute;right:4px}.reflection-card h3{margin:0 0 .7rem}.reflection-list{display:flex;flex-direction:column;gap:.7rem}.reflection-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.7rem .8rem}.reflection-item strong{color:var(--gami-text);font-size:.9rem}.reflection-item p{color:#475569;font-size:.9rem;margin:.3rem 0 0}.boost-box{align-items:center;border-top:1px dashed #cbd5e1;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;margin-top:.9rem;padding-top:.8rem}.boost-box p{color:#334155;margin:0}.boost-btn{min-width:150px}.dark .savings-cute-section,body.theme-dark .savings-cute-section{background:linear-gradient(135deg,#1a2238,#1f2a44 45%,#0f172a);border-color:#334155}.dark .savings-cute-header p,body.theme-dark .savings-cute-header p{color:var(--gami-muted)}.dark .savings-streak-chip,body.theme-dark .savings-streak-chip{background:#111c30;border-color:#334155;color:#cbd5e1}.dark .savings-streak-chip.ready,body.theme-dark .savings-streak-chip.ready{background:#052e16;border-color:#166534;color:#86efac}.dark .calendar-card,.dark .reflection-card,body.theme-dark .calendar-card,body.theme-dark .reflection-card{background:#0f172ae6;border-color:var(--gami-border)}.dark .calendar-title span,.dark .calendar-weekdays span,body.theme-dark .calendar-title span,body.theme-dark .calendar-weekdays span{color:var(--gami-muted)}.dark .day-cell,body.theme-dark .day-cell{background:#111c30;border-color:var(--gami-border);color:#cbd5e1}.dark .day-cell.saved,body.theme-dark .day-cell.saved{background:#052e16;border-color:#166534;color:#86efac}.dark .reflection-item,body.theme-dark .reflection-item{background:#111c30;border-color:var(--gami-border)}.dark .boost-box p,.dark .reflection-item p,body.theme-dark .boost-box p,body.theme-dark .reflection-item p{color:var(--gami-muted)}.dark .boost-box,body.theme-dark .boost-box{border-top-color:var(--gami-border)}@media (max-width:768px){.stats-hero{flex-direction:column;padding:2rem 1rem}.xp-details{text-align:center}.xp-details h3{justify-content:center}.savings-cute-grid{grid-template-columns:1fr}.calendar-title{align-items:flex-start;flex-direction:column}}.simulator-page{margin:0 auto;max-width:1200px;padding:2rem}.simulator-topbar{margin-bottom:2rem}.back-link{align-items:center;color:#6366f1;display:inline-flex;font-weight:500;gap:.5rem;margin:0 0 2rem -1rem;text-decoration:none}.eyebrow{color:#8b5cf6;display:block;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin:1rem 0;padding:.5rem 1.5rem;text-transform:uppercase}.simulator-topbar h1{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.simulator-topbar p{color:#64748b;font-size:1.1rem}.simulator-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;padding:1.5rem}.card h2{align-items:center;border-bottom:1px solid #e2e8f0;color:#0f172a;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.balances{display:flex;gap:2rem;margin-bottom:2rem}.balance-item{display:flex;flex-direction:column}.balance-item .label{color:#64748b;font-size:.875rem;font-weight:600;text-transform:uppercase}.balance-item .value{color:#1e293b;font-size:1.75rem;font-weight:700}.holdings-table{border-collapse:collapse;width:100%}.holdings-table td,.holdings-table th{border-bottom:1px solid #f1f5f9;padding:.75rem;text-align:left}.holdings-table th{color:#64748b;font-size:.875rem;font-weight:600}.positive{color:#10b981}.negative{color:#ef4444}.btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.25rem .5rem}.btn-sell{background-color:#fee2e2;color:#ef4444}.btn-sell:hover{background-color:#fca5a5}.btn-buy{background-color:#d1fae5;border:none;border-radius:6px;color:#059669;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.btn-buy:hover{background-color:#a7f3d0}.terms-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.term-chip{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;color:#334155;cursor:help;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative}.tooltip{background-color:#1e293b;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;font-size:.75rem;left:50%;padding:.5rem 1rem;position:absolute;text-align:center;top:110%;transform:translateX(-50%);width:200px;z-index:10}.search-bar{align-items:center;background-color:#f1f5f9;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem}.search-bar input{background:#0000;border:none;font-size:1rem;outline:none;width:100%}.stock-list{display:flex;flex-direction:column;gap:1rem}.stock-card{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:border-color .2s}.stock-card:hover{border-color:#94a3b8}.stock-info h3{color:#0f172a;font-size:1.125rem;margin:0}.stock-info span{color:#64748b;font-size:.875rem}.stock-price{display:flex;flex-direction:column;text-align:right}.stock-price .price{color:#1e293b;font-size:1.125rem}.stock-price .change{font-size:.875rem;font-weight:500}@media (max-width:768px){.simulator-grid{grid-template-columns:1fr}}.shared-wallets-container,.wallet-details-container{--wallet-surface:var(--bg-card,#fff);--wallet-surface-muted:var(--bg-subtle,#f8fafc);--wallet-border:var(--border-light,#e2e8f0);--wallet-text:var(--text-main,#1f2937);--wallet-muted:var(--text-muted,#6b7280);--wallet-shadow:0 8px 22px #0f172a14;margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:2rem}.dark .shared-wallets-container,.dark .wallet-details-container,body.theme-dark .shared-wallets-container,body.theme-dark .wallet-details-container{--wallet-surface:#101a2b;--wallet-surface-muted:#0f172a;--wallet-border:#223249;--wallet-text:#e2e8f0;--wallet-muted:#94a3b8;--wallet-shadow:0 14px 30px #02061773}.shared-wallets-header{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.wallets-hero{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.wallets-hero h1{align-items:center;color:var(--wallet-text);display:flex;font-size:2rem;gap:.75rem;margin:0 0 .5rem}.wallets-hero p{color:var(--wallet-muted);margin:0}.wallets-summary{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.summary-chip{background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:10px;display:flex;flex-direction:column;min-width:160px;padding:.75rem 1rem}.summary-label{color:var(--wallet-muted);font-size:.8rem}.summary-value{color:var(--wallet-text);font-size:1.3rem;font-weight:700;margin-top:.2rem}.shared-wallets-header h1{align-items:center;color:var(--wallet-text);display:flex;font-size:2rem;gap:.75rem}.shared-wallets-header p{color:var(--wallet-muted)}.create-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-weight:600;gap:.5rem;height:38px;justify-content:center;margin-left:auto;min-width:0;padding:0 .85rem;transition:opacity .2s;width:-webkit-fit-content;width:fit-content}.create-btn:hover{opacity:.9}.empty-state{background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:12px;box-shadow:var(--wallet-shadow);padding:4rem 2rem;text-align:center}.empty-icon{color:var(--wallet-muted);margin-bottom:1rem}.wallets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wallet-card{background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:12px;box-shadow:var(--wallet-shadow);display:flex;flex-direction:column;padding:1.2rem;transition:transform .2s,box-shadow .2s}.wallet-card-main{color:inherit;display:block;text-decoration:none}.wallet-card:hover .wallet-card-main{transform:translateY(-4px)}.wallet-card:hover{box-shadow:0 10px 15px -3px #0000001a}.wallet-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.wallet-card-header h3{color:var(--wallet-text);font-size:1.25rem;margin:0}.wallet-currency{background:var(--wallet-surface-muted);border-radius:4px;color:var(--wallet-muted);font-size:.8rem;font-weight:700;padding:.25rem .5rem}.wallet-desc{color:var(--wallet-muted);flex-grow:1;font-size:.9rem;margin-bottom:1.5rem}.wallet-card-footer{align-items:flex-end;border-top:1px solid var(--wallet-border);display:flex;justify-content:space-between;padding-top:1rem}.wallet-card-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.action-link{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.wallet-stats{display:flex;flex-direction:column}.balance-label{color:var(--wallet-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.balance-value{font-size:1.25rem;font-weight:700}.balance-value.positive{color:#10b981;color:var(--success-color,#10b981)}.balance-value.negative{color:#ef4444;color:var(--danger-color,#ef4444)}.members-count{align-items:center;color:var(--wallet-muted);display:flex;font-size:.9rem;gap:.5rem}.wallet-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wallet-modal{background:var(--wallet-surface);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:2rem;width:90%}.wallet-modal h2{color:var(--wallet-text);margin-bottom:1.5rem;margin-top:0}.wallet-modal .form-group{margin-bottom:1.25rem}.wallet-modal label{color:var(--wallet-text);display:block;font-weight:500;margin-bottom:.5rem}.wallet-modal input,.wallet-modal select,.wallet-modal textarea{background:var(--wallet-surface-muted);border:1px solid var(--wallet-border);border-radius:6px;color:var(--wallet-text);font-family:inherit;padding:.75rem;width:100%}.wallet-modal textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-secondary{background:var(--wallet-surface-muted);border:2px solid var(--border-light);border-radius:15px;color:var(--wallet-text);cursor:pointer;padding:.75rem 1.5rem}.btn-secondary:hover{filter:brightness(1.06)}.btn-primary.small{font-size:.9rem;padding:.5rem 1rem}.wallet-modal-subtitle{color:var(--wallet-muted);font-size:.9rem;margin:-.5rem 0 1rem}.back-btn{align-items:center;background:none;border:none;color:var(--wallet-muted);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding:0}.back-btn:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}.wallet-header-panel{align-items:center;background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:12px;box-shadow:var(--wallet-shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.wallet-title-area h1{font-size:2.5rem;margin:0 0 .5rem}.wallet-title-area p{color:var(--wallet-muted);font-size:1.1rem;margin:0}.wallet-balance-area{text-align:right}.wallet-balance-area .balance-total{font-size:3rem;margin:0}.wallet-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}@media (max-width:768px){.create-btn{height:36px;margin-left:auto;min-width:0;width:-webkit-fit-content;width:fit-content}.wallets-hero{align-items:flex-start}.wallet-card-actions{justify-content:stretch}.wallet-card-actions .btn-primary,.wallet-card-actions .btn-secondary{flex:1 1}.wallet-content-grid{grid-template-columns:1fr}.wallet-header-panel{align-items:flex-start;flex-direction:column;gap:1rem}.wallet-balance-area{text-align:left}}.wallet-members,.wallet-transactions{background:var(--wallet-surface);border:1px solid var(--wallet-border);border-radius:12px;box-shadow:var(--wallet-shadow);padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid var(--wallet-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;display:flex;gap:.5rem;margin:0}.members-list,.shared-tx-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.shared-tx-item{align-items:center;background:var(--wallet-surface-muted);border:1px solid var(--wallet-border);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.tx-info{display:flex;flex-direction:column;gap:.25rem}.tx-cat{font-weight:600;text-transform:capitalize}.tx-desc{color:var(--wallet-muted);font-size:.9rem}.tx-paidby{color:var(--primary-color);font-size:.8rem;font-weight:500}.tx-amount{font-size:1.1rem;font-weight:700}.tx-amount.income{color:#10b981;color:var(--success-color,#10b981)}.tx-amount.expense{color:#ef4444;color:var(--danger-color,#ef4444)}.member-item{align-items:center;border-bottom:1px solid var(--wallet-border);display:flex;justify-content:space-between;padding:.75rem 0}.member-item:last-child{border-bottom:none}.member-info{align-items:center;display:flex;gap:1rem}.avatar-placeholder{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.member-name{display:block;font-weight:600}.member-role{align-items:center;color:var(--wallet-muted);display:flex;font-size:.8rem;gap:.25rem;margin-top:.2rem;text-transform:capitalize}.remove-member-btn{background:none;border:none;color:#ef4444;color:var(--danger-color,#ef4444);cursor:pointer;opacity:.7;padding:.5rem;transition:opacity .2s}.remove-member-btn:hover{opacity:1}
/*# sourceMappingURL=main.606d1cf4.css.map*/