@layer small-screen-base, small-screen-components, small-screen-utilities;@layer small-screen-base{@media (max-width:374px){html{font-size:14px}}@media (min-width:375px) and (max-width:414px){html{font-size:15px}}@media (max-width:640px){p,span{word-wrap:break-word;overflow-wrap:break-word}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[style*=transform]{transition:none!important}}@layer small-screen-components{@media (max-width:640px){.onboarding-logo{width:36px;height:36px}.onboarding-step-icon{width:56px;height:56px}.onboarding-step-icon svg{width:28px;height:28px}.onboarding-title{font-size:1.375rem;line-height:1.4;padding-inline:8px}.onboarding-description{font-size:.875rem;line-height:1.5;padding-inline:8px}.onboarding-options{grid-template-columns:1fr;gap:12px}.onboarding-option-card{padding:14px;border-radius:12px}.onboarding-option-card .icon-wrapper{width:44px;height:44px;margin-bottom:8px}.onboarding-option-card .label{font-size:.9375rem}.onboarding-option-card .description{font-size:.75rem;line-height:1.4}.onboarding-input{font-size:1.5rem;padding:16px}.onboarding-input-currency{font-size:2rem}.onboarding-dots{gap:6px}.onboarding-dot{height:6px}.onboarding-dot.active{width:24px}.onboarding-actions{gap:8px;padding-inline:4px}.onboarding-btn-primary{padding:12px 20px;font-size:.9375rem;border-radius:12px}.onboarding-btn-secondary{padding:10px 16px;font-size:.875rem}.onboarding-skip{font-size:.8125rem;margin-top:20px}.onboarding-info-banner{padding:14px;border-radius:12px;margin-top:20px}.onboarding-info-banner h3{font-size:.875rem}.onboarding-info-banner p{font-size:.75rem;line-height:1.5}}@media (max-width:374px){.onboarding-title{font-size:1.25rem}.onboarding-description{font-size:.8125rem}.onboarding-option-card{padding:12px}.onboarding-input{font-size:1.25rem;padding:14px}.onboarding-input-currency{font-size:1.75rem}.onboarding-btn-primary{padding:10px 16px;font-size:.875rem}}@media (max-width:640px){.dashboard-greeting{padding:16px;border-radius:14px}.dashboard-greeting h2{font-size:1.25rem;line-height:1.4}.dashboard-greeting p{font-size:.875rem}.kpi-card{padding:14px;border-radius:12px}.kpi-card .kpi-title{font-size:.75rem}.kpi-card .kpi-value{font-size:1.25rem;line-height:1.3}.kpi-card .kpi-change{font-size:.6875rem}.kpi-card .kpi-icon{width:32px;height:32px;padding:6px}.section-title{font-size:1rem;margin-bottom:12px}.transaction-item{padding:10px}.transaction-icon{width:36px;height:36px}.transaction-name{font-size:.8125rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-category{font-size:.6875rem}.transaction-amount{font-size:.8125rem}.transaction-date{font-size:.625rem}.category-bar{height:10px}.category-name{font-size:.8125rem}.category-amount{font-size:.875rem}.category-percentage{font-size:.6875rem}.chart-container{min-height:120px;max-height:180px}.empty-state-icon{width:48px;height:48px}.empty-state-title{font-size:.9375rem}.empty-state-description,.quick-action-btn{font-size:.8125rem}.quick-action-btn{padding:10px 14px}.quick-action-icon{width:16px;height:16px}.ai-insights-card{padding:14px}.ai-insights-title{font-size:.875rem}.ai-insights-content{font-size:.75rem;line-height:1.5}.period-selector{padding:12px}.period-selector-label{font-size:.75rem}.period-selector-value{font-size:.875rem}}@media (max-width:374px){.dashboard-greeting h2,.kpi-card .kpi-value{font-size:1.125rem}.transaction-icon{width:32px;height:32px}.transaction-name{max-width:100px}.chart-container{min-height:100px;max-height:150px}}@media (max-width:640px){input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px;padding:12px 14px;border-radius:10px}label{font-size:.8125rem;margin-bottom:6px}.form-error,.form-helper{font-size:.75rem;margin-top:4px}input[type=checkbox],input[type=radio]{width:20px;height:20px}.toggle-switch{width:44px;height:24px}.toggle-knob{width:20px;height:20px}input[type=range]{height:8px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}}@media (max-width:640px){.dialog-overlay,[data-state=open][role=dialog]{padding:12px}.dialog-content{width:calc(100vw - 24px);max-height:calc(100vh - 48px);border-radius:16px}.dialog-header{padding:16px}.dialog-title{font-size:1.125rem}.dialog-description{font-size:.8125rem}.dialog-body{padding:0 16px 16px}.dialog-footer{padding:16px;gap:10px}.bottom-sheet{border-radius:20px 20px 0 0;max-height:90vh}.bottom-sheet-handle{width:40px;height:5px;margin:10px auto}.bottom-nav-label{font-size:.6875rem}.bottom-nav-icon{width:22px;height:22px}.quick-actions-menu{padding:14px;gap:10px}.quick-action-item{padding:12px}.quick-action-item .icon{width:48px;height:48px}.quick-action-item .label{font-size:.8125rem}}@media (max-width:374px){.bottom-nav-label{font-size:.6875rem;letter-spacing:-.01em}.quick-action-item .icon{width:44px;height:44px}}}@layer small-screen-utilities{@supports (padding:env(safe-area-inset-bottom)){.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.pb-safe-4{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 16px)}.pb-safe-6{padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 24px)}.pt-safe{padding-top:env(safe-area-inset-top,0)}.pt-safe-4{padding-top:calc(env(safe-area-inset-top, 0px) + 16px)}.px-safe{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}}@media (hover:none) and (pointer:coarse){.touch-target,[role=button],[role=menuitem],[role=tab],a[role=button],button{min-height:44px;min-width:44px}.tap-expand{position:relative}.tap-expand:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}}@media (max-height:500px) and (orientation:landscape){.landscape-compact-py{padding-top:12px;padding-bottom:12px}.landscape-compact-my{margin-top:12px;margin-bottom:12px}.landscape-hide{display:none}.landscape-scroll-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.landscape-scroll-x>*{flex-shrink:0;scroll-snap-align:start}}@media (max-width:640px){.gpu-accelerate{transform:translateZ(0);will-change:transform}.decorative-element,.floating-decoration{display:none}}@media (max-width:374px){.decoration-large,.hero-decoration{display:none}}.text-truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}@media (max-width:319px){.grid-force-1{grid-template-columns:1fr}}@media (max-width:374px){.grid-max-2{grid-template-columns:repeat(2,1fr)}}}@media (max-width:640px){.dark{--card-bg-mobile:rgba(24,24,27,0.8);--card-border-mobile:rgba(63,63,70,0.5)}}@media print{.bottom-nav,.floating-button,.mobile-menu,[role=navigation]{display:none}main{padding:0;margin:0}.animated-background,.gradient-bg{background:none}}@media (max-width:768px){[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}.tap-target{position:relative}.tap-target:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.pull-to-refresh{overscroll-behavior-y:contain}.swipeable{touch-action:pan-y;overscroll-behavior-x:contain}.keyboard-open{position:fixed;bottom:0;left:0;right:0;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:768px){.mobile-transition{transition-duration:.2s!important}.mobile-animation{animation-duration:.3s!important}}.touch-feedback{transition:transform .1s ease,opacity .1s ease}.touch-feedback:active{transform:scale(.95);opacity:.8}.elastic-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:768px){input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}}.bottom-nav-padding{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.fab-position{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));right:16px;z-index:40}.drawer-left{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-left.open{transform:translateX(0)}.drawer-right{transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-right.open{transform:translateX(0)}@media (max-width:768px){.mobile-shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.mobile-shadow-md{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.mobile-shadow-lg{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}}.swipe-hint{position:relative}.swipe-hint:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;background-color:rgba(0,0,0,.2);border-radius:2px}@media (max-width:640px){.mobile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}.sticky-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width:768px){.mobile-text-xs{font-size:.75rem;line-height:1rem}.mobile-text-sm{font-size:.875rem;line-height:1.25rem}.mobile-text-base{font-size:1rem;line-height:1.5rem}.mobile-text-lg{font-size:1.125rem;line-height:1.75rem}.mobile-text-xl{font-size:1.25rem;line-height:1.75rem}.chart-container{min-height:140px;max-height:250px}.chart-sm{height:140px!important}.chart-md{height:180px!important}.chart-lg{height:220px!important}.chart-tooltip{max-width:85vw;font-size:10px;padding:6px 8px}.chart-legend{flex-wrap:wrap;gap:8px;font-size:10px}.chart-legend-item{font-size:10px;padding:4px 6px}}.chart-touchable{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.chart-touchable svg{pointer-events:none}.chart-touchable .interactive{pointer-events:all;cursor:pointer}@media (max-width:768px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.table-container table{min-width:600px}.table-cell-mobile{padding:8px 6px;font-size:12px}.table-header-mobile{padding:10px 8px;font-size:11px;font-weight:600}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.3) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(156,163,175,.3);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(156,163,175,.5)}@media (max-width:768px){.chart-label{font-size:9px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-value{font-size:10px}.chart-axis-label{font-size:8px}.dashboard-card{padding:12px;margin-bottom:12px}.dashboard-card-title{font-size:14px;margin-bottom:8px}.dashboard-metric{font-size:20px}.dashboard-metric-label{font-size:11px}}@media (max-width:768px) and (hover:none){.chart-bar,.chart-point,.chart-segment{min-width:44px;min-height:44px}}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr;gap:12px}.analytics-row{flex-direction:column;gap:8px}}