@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=DM+Serif+Display&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");:root{--color-primary-50:#fff8f1;--color-primary-100:#ffe9d0;--color-primary-200:#ffd7a8;--color-primary-300:#ffc078;--color-primary-400:#ffa94d;--color-primary-500:#f5a75d;--color-primary-600:#fd7e14;--color-primary-700:#f76707;--color-primary-800:#e8590c;--color-primary-900:#d9480f;--color-secondary-50:#fff9f3;--color-secondary-100:#ffeedb;--color-secondary-200:#ffe0b2;--color-secondary-300:#ffd180;--color-secondary-400:#ffc04d;--color-secondary-500:#ffb300;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-neutral-50:#fafafa;--color-neutral-100:#f4f4f5;--color-neutral-200:#e4e4e7;--color-neutral-300:#d4d4d8;--color-neutral-400:#a1a1aa;--color-neutral-500:#71717a;--color-neutral-600:#52525b;--color-neutral-700:#3f3f46;--color-neutral-800:#27272a;--color-neutral-900:#18181b;--bg-primary:#fff3e0;--bg-secondary:#ffe0b2;--bg-tertiary:#fff8f1;--bg-elevated:#fff;--text-primary:#4e2e0e;--text-secondary:#7c4a1e;--text-tertiary:#a67c52;--text-inverse:#fff;--text-disabled:#d3bfa6;--card-default:rgba(255,228,180,.8);--card-muted:rgba(255,228,180,.6);--card-subtle:rgba(255,228,180,.3);--card-highlight:#ffecc7;--card-system:hsla(0,0%,94%,.9);--overlay-subtle:rgba(0,0,0,.05);--overlay-light:rgba(0,0,0,.1);--overlay-medium:rgba(0,0,0,.35);--overlay-heavy:rgba(0,0,0,.5);--overlay-white-10:hsla(0,0%,100%,.1);--overlay-white-20:hsla(0,0%,100%,.2);--overlay-white-40:hsla(0,0%,100%,.4);--overlay-white-75:hsla(0,0%,100%,.75);--overlay-white-90:hsla(0,0%,100%,.9);--shadow-card:0 2px 4px rgba(0,0,0,.05);--shadow-card-elevated:0 4px 8px rgba(0,0,0,.1);--shadow-modal:0 8px 16px rgba(0,0,0,.15);--shadow-button:0 4px 12px rgba(0,0,0,.25);--shadow-primary-action:0 4px 12px rgba(245,167,93,.3);--shadow-nav:0 4px 6px rgba(0,0,0,.1);--shadow-subtle:0 2px 2px rgba(0,0,0,.1);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-none:0;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-display:"DM Serif Display",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-legacy:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.4;--leading-relaxed:1.5;--leading-loose:1.75;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}.card{background:var(--card-default);box-shadow:var(--shadow-card)}.card,.card-elevated{border-radius:var(--radius-lg);padding:var(--space-4)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-card-elevated)}.card-floating{background:var(--card-highlight);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-modal)}.card-subtle{background:var(--card-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.card-muted{background:var(--card-muted);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card-info{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);padding:var(--space-4)}.card-success{background:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:var(--radius-md);padding:var(--space-4)}.card-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-100);border-radius:var(--radius-md);padding:var(--space-4)}.card-hover{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-modal)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);background:var(--color-primary-500);color:var(--text-inverse);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-primary-action);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,167,93,.4)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-primary-action)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);background:transparent;color:var(--color-primary-500);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:2px solid var(--color-primary-500);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.btn-secondary:hover{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-600)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-primary-500);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.btn-ghost:hover{color:var(--color-primary-700)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>:first-child{transition-delay:0s}.stagger-children>:nth-child(2){transition-delay:.1s}.stagger-children>:nth-child(3){transition-delay:.2s}.stagger-children>:nth-child(4){transition-delay:.3s}.stagger-children>:nth-child(5){transition-delay:.4s}.stagger-children>:nth-child(6){transition-delay:.5s}.hero-stagger>:first-child{transition-delay:0s}.hero-stagger>:nth-child(2){transition-delay:80ms}.hero-stagger>:nth-child(3){transition-delay:.16s}.hero-stagger>:nth-child(4){transition-delay:.24s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:400;line-height:var(--leading-tight);color:var(--text-primary)}.text-h1{font-size:var(--text-4xl)}.text-h1,.text-h2{font-family:var(--font-display);font-weight:400;line-height:var(--leading-snug);color:var(--text-primary)}.text-h2{font-size:var(--text-3xl)}.text-h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug);color:var(--text-primary)}.text-body{font-size:var(--text-base)}.text-body,.text-body-lg{font-family:var(--font-body);font-weight:400;line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-body-lg{font-size:var(--text-lg)}.text-caption{font-size:var(--text-sm);font-weight:400;color:var(--text-tertiary)}.text-caption,.text-label{font-family:var(--font-body);line-height:var(--leading-normal)}.text-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)}.text-accent{color:var(--color-primary-500)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.section-lg{padding:var(--space-20) 0}.container-landing{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}@media (max-width:768px){.container-landing{padding:0 var(--space-4)}.section{padding:var(--space-8) 0}.section-lg{padding:var(--space-10) 0}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin-bottom:.5rem}h1{margin-bottom:.75rem}h2{margin-bottom:.5rem}[class*=Text],[data-testid*=Text],span[style*=font-size]{display:block;margin-bottom:.25rem}span[style*="font-size: 24px"],span[style*="font-size: 30px"],span[style*="font-size: 36px"]{margin-bottom:.5rem}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;scroll-behavior:smooth}body{min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#4d2e1e;background-color:#ffe6b9;background-image:url(/background.png);background-repeat:repeat;background-size:auto;background-attachment:fixed;background-position:0 0;position:relative;overflow-x:hidden}ol[role=list],ul[role=list]{list-style:none;height:auto}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:#d67a51}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@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}}:focus-visible{outline:2px solid #f5a75d!important;outline-offset:2px;border-radius:8px}[role=button]:focus,[role=button]:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible{outline:none!important;box-shadow:0 0 0 2px #f5a75d44!important;border-radius:8px}::-moz-focus-inner{border:0!important;outline:none!important}:focus:not(:focus-visible){outline:none!important}.css-text:focus,.css-text:focus-visible,.css-view:focus,.css-view:focus-visible,[class*=css-]:focus,[class*=css-]:focus-visible,[data-focusable=true]:focus,[data-focusable=true]:focus-visible{outline:none!important;box-shadow:none!important}[data-testid*=Button]:focus,[data-testid*=Button]:focus-visible,[data-testid*=button]:focus,[data-testid*=button]:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none!important;box-shadow:0 0 0 2px #f5a75d44!important;border-radius:8px}:focus{-webkit-focus-ring-color:transparent!important;outline:none!important}:active,:focus,:focus-visible,:focus-within{outline:none!important;-webkit-tap-highlight-color:transparent!important}button.css-view-175oi2r:active,button.css-view-175oi2r:focus,button.css-view-175oi2r:focus-visible,button[role=button].css-view-175oi2r:active,button[role=button].css-view-175oi2r:focus,button[role=button].css-view-175oi2r:focus-visible{outline:none!important;border:none!important;box-shadow:none!important;-webkit-focus-ring-color:transparent!important}[class*=css-view-][role=button]:active,[class*=css-view-][role=button]:focus,[class*=css-view-][role=button]:focus-visible{outline:none!important;border:none!important;box-shadow:none!important;-webkit-focus-ring-color:transparent!important}::-moz-selection{background-color:#d67a51;color:#fff}::selection{background-color:#d67a51;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f4f4f5}::-webkit-scrollbar-thumb{background:#a1a1aa;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#71717a}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#e4e4e7}to{background-color:#f4f4f5}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.glass{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ebf5ff,#f5f3ff)}.dashboard-layout{min-height:100vh;background-color:transparent;padding:1rem}@media (max-width:1024px){.mobile-responsive-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}.mobile-responsive-sidebar{order:1}}@media (max-width:768px){.mobile-responsive-grid{gap:16px!important}.mobile-responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;margin-bottom:20px!important}.mobile-responsive-header h1,.mobile-responsive-header h2,.mobile-responsive-header h3{font-size:22px!important;line-height:1.3!important}.welcome-header-container{gap:4px!important;margin-bottom:12px!important}.welcome-header-compact{gap:2px!important;margin-bottom:8px!important}.welcome-header-minimal{margin-bottom:6px!important}.welcome-header-title{font-size:20px!important;line-height:1.2!important;margin-bottom:0!important}.welcome-header-subtitle{font-size:13px!important;line-height:1.3!important;margin-top:0!important}.welcome-header-compact .welcome-header-title{font-size:18px!important}.welcome-header-compact .welcome-header-subtitle{font-size:12px!important}}@media (min-width:769px){.welcome-header-container{gap:8px;margin-bottom:24px}}@media (max-width:768px){.mobile-responsive-header>div:last-child{width:100%;display:flex;flex-direction:column;gap:12px}.mobile-responsive-header>div:last-child>div{display:flex;flex-direction:column;gap:8px;width:100%}.mobile-responsive-header>div:last-child a,.mobile-responsive-header>div:last-child button{width:100%!important}.container{padding-left:.5rem!important;padding-right:.5rem!important}.mobile-space-optimized{margin-left:.5rem!important;margin-right:.5rem!important}.transactions-container{padding-left:.375rem!important;padding-right:.375rem!important}.mobile-card-padding{padding:16px!important}.mobile-card-margin{margin:0!important}.card,[data-variant=elevated]{margin:0!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.budget-content-grid,.transactions-list{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.transactions-list,.transactions-list .transaction-row{position:relative}}@media (max-width:768px){.transactions-list .transaction-row-dropdown-open,.transactions-list .transaction-row:has([data-dropdown-open=true]){z-index:1000!important;position:relative!important}[data-dropdown-open=true]{z-index:99999!important}[style*="position: fixed"][data-dropdown-open=true]{z-index:999999!important}.transactions-list,[data-variant=elevated]{overflow:visible!important}[role=button],a,button,input{min-height:44px;min-width:44px;padding:8px 16px}.dashboard-layout nav .nav-actions a{min-height:36px!important;min-width:auto!important}.dashboard-layout nav [style*="width: 40px"],.dashboard-layout nav img{min-width:40px!important;min-height:40px!important}}@media (max-width:640px){body{font-size:14px}h1:not(.hero-title){font-size:26px!important}h2{font-size:22px!important}h3{font-size:20px!important}h4{font-size:18px!important}div,p,span{font-size:inherit}}.dashboard-layout nav a[href="/"]:hover{background-color:rgba(214,122,81,.1)!important;transform:none!important}.dashboard-layout nav a[href="/"]:focus-visible{outline:2px solid #d67a51!important;outline-offset:2px!important;border-radius:16px!important;background-color:rgba(214,122,81,.1)!important}@media (hover:hover){.dashboard-layout nav a[href="/transactions"]{transition:all .2s ease}.dashboard-layout nav a[href="/transactions"]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(214,122,81,.4),inset 0 1px 0 hsla(0,0%,100%,.3)!important}}@media (max-width:768px){body{-webkit-overflow-scrolling:touch}*{animation-duration:.2s!important;transition-duration:.2s!important}}.dashboard-layout nav,.dashboard-layout nav>div{min-width:0;width:100%;box-sizing:border-box}@media (max-width:768px){.dashboard-layout nav a[href="/api/auth/logout"],.dashboard-layout nav div[style*="display: flex"]:last-child{flex-shrink:0!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.dashboard-layout nav a[href="/api/auth/logout"]{white-space:nowrap!important}}@media (max-width:375px){.dashboard-layout nav a[href="/"] span{display:none!important}}input:active,input:focus,select:active,select:focus{outline:none;border-color:#f5a75d!important;box-shadow:0 0 0 2px #f5a75d22;background-color:#fff3e0;z-index:1}