:root{--color-brass:#b58900;--color-purple:#6c71c4}:root[data-theme=dark]{--color-brass:#c69a53;--color-purple:#bb9af7}body{--font-sans:"Outfit", system-ui, sans-serif;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-bg{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 50%, var(--color-surface) 75%);background-size:200% 100%;animation:2s linear infinite shimmer}.budget-bar-wrapper{background-color:var(--color-surface-2);border-radius:4px;height:8px;transition:height .2s,box-shadow .2s;overflow:hidden}@media (hover:hover){.budget-bar-wrapper:hover{height:12px;box-shadow:0 0 8px var(--color-border)}}.budget-bar-wrapper-large{background-color:var(--color-surface-2);border-radius:6px;height:12px;transition:height .2s,box-shadow .2s;overflow:hidden}@media (hover:hover){.budget-bar-wrapper-large:hover{height:16px;box-shadow:0 0 10px var(--color-border)}}.transaction-row{transition:background-color .2s,transform .2s,box-shadow .2s}@media (hover:hover){.transaction-row:hover{background-color:var(--color-surface-2)!important;box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)!important}.settings-row:hover{background-color:var(--color-surface-2)!important}}.nav-tab-btn{color:var(--color-muted);cursor:pointer;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.nav-tab-btn:hover{background:var(--color-surface);color:var(--color-ink)}.nav-tab-btn.active{background:var(--color-surface-2);color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 20%, transparent)}.nav-period-btn,.nav-filter-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:6px;display:flex}button,[role=button],a,label,select,summary,input{-webkit-tap-highlight-color:transparent}select option{background-color:var(--color-bg);color:var(--color-ink)}.nav-logo-short{display:none}@media (width<=940px){.nav-tab-text{display:none}}@media (width<=650px){.mobile-nav-header{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important;gap:4px!important}.nav-logo-full{display:none}.nav-logo-short{display:inline}.nav-add-text,.nav-tab-text{display:none}.nav-tab-btn{padding:6px}.nav-controls{margin-left:auto}.trend-chart-container{height:250px!important}.insights-view,.dashboard-container,[class*=-view],[class*=-container]{overflow-x:hidden;padding-left:var(--space-md)!important;padding-right:var(--space-md)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-left:auto!important}.main-content-wrapper{padding-left:6px!important;padding-right:6px!important}.tx-form-actions button{padding-left:12px!important;padding-right:12px!important}.settings-action-buttons{flex-direction:column!important}.settings-action-buttons button{width:100%!important}.skeleton-kpi-grid{grid-template-columns:1fr!important}.tx-col-account{display:none!important}.transaction-row,.transaction-list-header{grid-template-columns:minmax(0,1fr) 76px 20px 64px!important;gap:2px!important}}.tx-sort-btn{font:inherit;color:inherit;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;margin:0;padding:0}.tx-sort-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.kpi-card{cursor:default;transition:transform .2s,box-shadow .2s}@media (hover:hover){.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.shimmer-bg{background:var(--color-surface-2);animation:none}.flair-empty .empty-state-icon{animation:none!important}.transaction-row,.kpi-card,.budget-bar-wrapper,.budget-bar-wrapper-large,.budget-bar-wrapper>div,.budget-bar-wrapper-large>div{transition:none!important}.transaction-row:hover,.kpi-card:hover{transform:none!important}}.trend-chart-container{height:400px}.wiw-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wiw-no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wiw-no-spinner{appearance:textfield}.wiw-settings-summary{list-style:none}.wiw-settings-summary::-webkit-details-marker{display:none}.wiw-settings-summary::marker{content:""}.flair-ambient:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 30%, transparent) 0%, transparent 60%);filter:blur(80px);z-index:-1;pointer-events:none;width:80vw;height:80vh;animation:20s ease-in-out infinite alternate ambientFloat;position:fixed;top:5%;left:15%}.flair-ambient:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-purple) 30%, transparent) 0%, transparent 60%);filter:blur(80px);z-index:-1;pointer-events:none;width:70vw;height:70vh;animation:25s ease-in-out infinite alternate-reverse ambientFloat;position:fixed;bottom:5%;right:15%}@keyframes ambientFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,10%)scale(1.1)}to{transform:translate(-5%,-5%)scale(.9)}}.flair-glass .card-container,.flair-glass .kpi-card{-webkit-backdrop-filter:blur(24px);background-color:color-mix(in srgb, var(--color-surface) 60%, transparent)!important;border-color:color-mix(in srgb, var(--color-border) 60%, transparent)!important;box-shadow:0 12px 40px 0 color-mix(in srgb, var(--color-ink) 5%, transparent)!important}@media (hover:hover){.flair-hover .kpi-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background-color .3s}.flair-hover .kpi-card.kpi-income:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px color-mix(in srgb, var(--color-success) 15%, transparent)!important;background-color:color-mix(in srgb, var(--color-surface) 95%, transparent)!important}.flair-hover .kpi-card.kpi-expense:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px color-mix(in srgb, var(--color-danger) 15%, transparent)!important;background-color:color-mix(in srgb, var(--color-surface) 95%, transparent)!important}.flair-hover .kpi-card.kpi-net:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px color-mix(in srgb, var(--color-accent) 15%, transparent)!important;background-color:color-mix(in srgb, var(--color-surface) 95%, transparent)!important}.flair-hover .transaction-row:hover{box-shadow:0 4px 12px color-mix(in srgb, var(--color-ink) 5%, transparent)!important}}.flair-stagger .stagger-1{animation:1.2s cubic-bezier(.16,1,.3,1) .15s both slideUpFade}.flair-stagger .stagger-2{animation:1.2s cubic-bezier(.16,1,.3,1) .3s both slideUpFade}.flair-stagger .stagger-3{animation:1.2s cubic-bezier(.16,1,.3,1) .45s both slideUpFade}.flair-stagger .stagger-4{animation:1.2s cubic-bezier(.16,1,.3,1) .6s both slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.density-compact{--space-2xl:24px;--space-xl:16px;--space-lg:12px;--space-md:8px;--space-sm:4px;--space-xs:2px;--text-lg:1rem;--text-base:.85rem;--text-sm:.75rem;--text-xs:.65rem}.layout-modern .app-layout-container{flex:1;overflow:hidden;height:100dvh!important;max-height:100dvh!important;display:flex!important}.layout-modern .main-content-wrapper{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow-y:auto}.layout-modern .main-content-wrapper::-webkit-scrollbar{display:none}@media (width>=800px){.layout-modern .app-layout-container{flex-direction:row!important;align-items:stretch!important}.layout-modern .mobile-nav-header{box-sizing:border-box;flex-direction:column;width:250px;height:100vh;position:sticky;top:0;padding:var(--space-xl) var(--space-lg)!important;border-bottom:none!important;border-right:none!important;align-items:flex-start!important;margin-bottom:0!important}.layout-modern .nav-brand-container{width:100%;align-items:stretch!important;gap:var(--space-lg)!important;flex-direction:column!important}.layout-modern .nav-logo{text-align:center!important}.layout-modern .nav-add-btn{width:100%;padding:var(--space-md)!important;justify-content:center!important}.layout-modern .nav-tabs{width:max-content;margin-top:var(--space-2xl);flex-direction:column;align-self:flex-start;align-items:stretch!important}.layout-modern .nav-spacer{display:none!important}.layout-modern .nav-tab-btn{padding:var(--space-md) var(--space-lg)!important;justify-content:flex-start!important}.layout-modern .nav-controls{display:none!important}.layout-modern .nav-controls-modern{display:flex!important}.layout-modern .nav-add-btn-classic{display:none!important}.layout-modern .nav-add-btn-modern{display:flex!important}.layout-modern .main-content-wrapper{padding:var(--space-xl)!important}}@media (width<=799px){.layout-modern .app-layout-container{flex-direction:column!important}.layout-modern .mobile-nav-header{z-index:1000;flex-wrap:nowrap;bottom:0;left:0;right:0;border-top:1px solid color-mix(in srgb, var(--color-border) 40%, transparent)!important;padding:0 var(--space-xs)!important;padding-bottom:env(safe-area-inset-bottom,0)!important;border-bottom:none!important;justify-content:space-evenly!important;margin-bottom:0!important;position:fixed!important;top:auto!important}.layout-modern .nav-spacer,.layout-modern .nav-logo{display:none!important}.layout-modern .nav-brand-container{bottom:calc(100% + var(--space-md))!important;left:var(--space-lg)!important;width:auto!important;margin:0!important;padding:0!important;position:absolute!important;right:auto!important}.layout-modern .nav-add-btn-classic{width:56px!important;height:56px!important;box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent) 50%, transparent)!important;background:var(--color-accent)!important;color:var(--color-on-accent)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.layout-modern .nav-add-icon{justify-content:center;align-items:center;color:var(--color-on-accent)!important;display:flex!important}.layout-modern .nav-add-icon svg{width:28px!important;height:28px!important}.layout-modern .nav-add-text,.layout-modern .nav-controls{display:none!important}.layout-modern .nav-controls-modern{display:flex!important}.layout-modern .nav-tabs{flex:1;width:100%;padding:0 var(--space-md)!important;justify-content:space-evenly!important;gap:0!important}.layout-modern .nav-tab-btn{flex-direction:column;flex:1;gap:2px;min-height:56px;padding:var(--space-sm) 0!important;justify-content:center!important}.layout-modern .nav-tab-text{letter-spacing:-.2px;font-size:.65rem!important;font-weight:600!important;display:block!important}.layout-modern .main-content-wrapper{padding-top:var(--space-xl)!important;padding-bottom:120px!important}}.nav-add-btn-modern,.nav-controls-modern{display:none!important}.flair-tactile button:active,.flair-tactile .nav-tab-btn:active,.flair-tactile .nav-period-btn:active,.flair-tactile .nav-filter-btn:active,.flair-tactile .transaction-row:active{transition:transform .1s cubic-bezier(.4,0,.2,1)!important;transform:scale(.97)!important}@keyframes fab-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 60%, transparent)}70%{box-shadow:0 0 0 15px color-mix(in srgb, var(--color-accent) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}}.flair-pulse .nav-add-btn:hover,.flair-pulse .nav-add-btn-classic:hover{animation:1.5s infinite fab-pulse}@keyframes float-icon{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.flair-empty .empty-state-icon{animation:4s ease-in-out infinite float-icon}@keyframes slideRight{0%{opacity:0;width:0}to{opacity:1}}.flair-budget .budget-bar-fill,.flair-budget .budget-bar-fill-large{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideRight}.flair-theme,.flair-theme *{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}.flair-theme .nav-tab-btn,.flair-theme .transaction-row,.flair-theme button,.flair-theme input,.flair-theme select{transition:all .2s}.flair-tab .nav-tab-btn.active{position:relative;overflow:hidden}.flair-tab .nav-tab-btn.active:after{content:"";background-color:var(--color-accent);width:80%;height:3px;box-shadow:0 -2px 8px var(--color-accent);border-radius:3px 3px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:absolute;bottom:0;left:10%}.swipe-enabled .transaction-row-wrapper{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.swipe-enabled .transaction-row{z-index:2;transition:transform .2s cubic-bezier(.16,1,.3,1);position:relative;border-bottom:none!important}.swipe-enabled .transaction-row.swiping{transition:none}.swipe-action-bg{padding:0 var(--space-xl);font-weight:var(--weight-bold);font-size:var(--text-sm);z-index:1;background-color:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.swipe-action-left{color:var(--color-success)}.swipe-action-right{color:var(--color-warning)}@media (width<=600px){.swipe-enabled .tx-col-repeat{display:none!important}.swipe-enabled .transaction-row,.swipe-enabled .transaction-list-header{grid-template-columns:minmax(0,1fr) 76px 64px!important}}.tx-bottom-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-md);z-index:50;gap:var(--space-sm);flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.tx-bottom-bar-header{align-self:flex-start;font-weight:700}.quick-tx-container{scrollbar-width:none;flex-wrap:nowrap;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.quick-tx-container::-webkit-scrollbar{display:none}.tx-bottom-bar-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%;padding-bottom:2px;display:flex}.action-pill-btn{white-space:nowrap;background:color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);cursor:pointer;border:none;flex-shrink:0;padding:6px 12px;transition:background .2s}.action-pill-btn:hover{background:color-mix(in srgb, var(--color-ink) 12%, transparent)}.action-pill-btn[disabled]{opacity:.5;cursor:not-allowed}.action-pill-btn.danger{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.action-pill-btn.danger:hover{background:color-mix(in srgb, var(--color-danger) 15%, transparent)}@media (width>=768px){.tx-bottom-bar{flex-direction:row;justify-content:space-between}.tx-bottom-bar-header{flex:1;align-self:center}.tx-bottom-bar-actions{flex:2;justify-content:center;width:auto}.tx-bottom-bar:after{content:"";flex:1}}@keyframes pulseGlow{0%{background-color:color-mix(in srgb, var(--color-accent) 20%, transparent);box-shadow:0 0 0 2px var(--color-accent)}to{background-color:#0000;box-shadow:0 0 #0000}}.highlight-pulse{animation:3s ease-out forwards pulseGlow}.budget-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=600px){.budget-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.budget-grid{grid-template-columns:repeat(3,1fr)}}.budget-hero-card{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-surface-2) 50%, transparent));border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));box-shadow:0 4px 20px #0000000d}.budget-mini-card{background-color:var(--color-surface-2);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border);flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}@media (hover:hover){.budget-mini-card:hover{box-shadow:var(--shadow-sm);border-color:color-mix(in srgb, var(--color-border) 80%, var(--color-ink));transform:translateY(-2px)}}.action-toast{z-index:200;background:color-mix(in srgb, var(--color-surface) 92%, var(--color-accent));border:1px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border));border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);pointer-events:none;max-width:280px;padding:10px 16px;animation:.22s ease-out toastIn,.4s ease-in 4.6s forwards toastOut;position:fixed;bottom:80px;right:16px;box-shadow:0 4px 16px #00000040}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@media (width>=768px){.action-toast{bottom:24px;right:24px}}._formError_1yw0p_1{font-family:var(--font-sans,"Inter", system-ui, sans-serif);font-size:var(--text-sm,.875rem);color:var(--color-danger,#d23f3f);background-color:color-mix(in srgb, var(--color-danger,#d23f3f) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-danger,#d23f3f) 30%, transparent);padding:var(--space-sm,12px);border-radius:var(--radius-sm,6px);margin-top:var(--space-xs,8px)}._footer_2x1kp_1{align-items:center;gap:var(--space-sm,12px);margin-top:var(--space-xs,8px);flex-wrap:wrap;display:flex}._left_2x1kp_9{align-items:center;display:flex}._right_2x1kp_14{gap:var(--space-sm,12px);margin-left:auto;display:flex}@media (width<=480px){._footer_2x1kp_1{flex-flow:column;align-items:stretch}._right_2x1kp_14{margin-left:0}._right_2x1kp_14>*,._left_2x1kp_9>*{flex:1}._left_2x1kp_9{order:1}}._saveLabel_2x1kp_47{place-items:center;display:grid}._saveLabel_2x1kp_47>*{white-space:nowrap;grid-area:1/1}._hidden_2x1kp_56{visibility:hidden}
