@layer reset,tokens,base,layout,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}}@layer tokens{:root{--bg: #0a0a0f;--bg-elevated: #111118;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.06);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--divider: rgba(255,255,255,.05);--text: #ffffff;--text-secondary: #636366;--text-tertiary: #8E8E93;--text-quaternary:rgba(255,255,255,.18);--accent-1: #10B981;--accent-1-rgb: 16,185,129;--accent-1-hover: #34D399;--accent-2: #14B8A6;--accent-2-rgb: 20,184,166;--accent-1: oklch(69% .18 163);--accent-2: oklch(68% .16 180);--success: #30D158;--success-rgb: 48,209,88;--success-bg: rgba(48,209,88,.12);--warning: #FF9500;--warning-rgb: 255,149,0;--warning-bg: rgba(255,149,0,.12);--error: #FF3B30;--error-rgb: 255,59,48;--error-bg: rgba(255,59,48,.12);--financial-positive: var(--success);--financial-warning: var(--warning);--financial-critical: var(--error);--financial-neutral: var(--text-tertiary);--cat-housing: #6366f1;--cat-food: #f97316;--cat-transport: #3b82f6;--cat-subscriptions: #8b5cf6;--cat-health: #10b981;--cat-leisure: #ec4899;--cat-savings: #14b8a6;--cat-income: #22c55e;--sidebar-width: 256px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--bottom-nav-height: 64px;--card-padding: 24px;--modal-max-width: 560px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 36px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--stagger-delay: 55ms;--text-xs: clamp(.688rem, .65rem + .1vw, .75rem);--text-sm: clamp(.813rem, .78rem + .15vw, .875rem);--text-base: clamp(.938rem, .9rem + .2vw, 1rem);--text-lg: clamp(1.063rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);--text-hero: clamp(2.5rem, 2rem + 2.5vw, 4rem);--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-fluid-xs: clamp(4px, .5vw, 8px);--space-fluid-sm: clamp(8px, 1vw, 12px);--space-fluid-md: clamp(16px, 2vw, 24px);--space-fluid-lg: clamp(24px, 3vw, 40px);--space-fluid-xl: clamp(40px, 5vw, 64px);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 24px rgba(0,0,0,.4);--shadow-lg: 0 16px 48px rgba(0,0,0,.5);--glow-accent: 0 0 40px rgba(var(--accent-1-rgb),.3);--overlay: rgba(0,0,0,.55);--tooltip-bg: rgba(15,15,22,.96);--tooltip-border: rgba(255,255,255,.1);--tooltip-text: #ffffff;--btn-ghost-bg: rgba(255,255,255,.06);--btn-ghost-border: rgba(255,255,255,.12);--btn-ghost-bg-hover: rgba(255,255,255,.1);--chart-grid: rgba(255,255,255,.05);--glass-blur: 40px;--glass-saturation: 180%;--glass-brightness: 1.02;--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color-scheme:dark}[data-theme=light]{--bg: #F2F2F7;--bg-elevated: #FFFFFF;--surface: rgba(255,255,255,.72);--surface-hover: rgba(255,255,255,.9);--border: rgba(0,0,0,.08);--border-hover: rgba(0,0,0,.15);--divider: rgba(0,0,0,.05);--text: #000000;--text-secondary: #636366;--text-tertiary: #8E8E93;--text-quaternary:rgba(60,60,67,.18);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);--shadow-lg: 0 16px 48px rgba(0,0,0,.16);--glass-brightness: 1;--overlay: rgba(0,0,0,.4);--tooltip-bg: rgba(255,255,255,.96);--tooltip-border: rgba(0,0,0,.1);--tooltip-text: #000000;--btn-ghost-bg: rgba(0,0,0,.04);--btn-ghost-border: rgba(0,0,0,.1);--btn-ghost-bg-hover: rgba(0,0,0,.08);--chart-grid: rgba(0,0,0,.08);color-scheme:light}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #F2F2F7;--bg-elevated: #FFFFFF;--surface: rgba(255,255,255,.72);--surface-hover: rgba(255,255,255,.9);--border: rgba(0,0,0,.08);--divider: rgba(0,0,0,.05);--text: #000000;--text-secondary: #636366;--text-tertiary: #8E8E93;--text-quaternary: rgba(60,60,67,.18);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 24px rgba(0,0,0,.12);color-scheme:light}}}@layer overrides{@supports not (backdrop-filter:blur(1px)){.glass{background:var(--bg-elevated)}}@supports not (color:oklch(0 0 0)){:root{--accent-1:#10B981;--accent-2:#14B8A6}}select option{background:var(--bg-elevated);color:var(--text)}}@layer base{body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*:focus{outline:none}*:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(var(--accent-1-rgb),.7);border-radius:inherit}.skip{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--accent-1);color:#fff;border-radius:var(--radius-pill);font-weight:600;z-index:9999;text-decoration:none;transition:top .2s}.skip:focus{top:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.15s!important}.stagger{opacity:1!important;transform:none!important}}@media (prefers-contrast: high){:root{--border: rgba(255,255,255,.25);--text-secondary: rgba(255,255,255,.8)}}@media (display-mode: standalone){.topbar{padding-top:max(16px,var(--safe-top))}}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer layout{.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.sidebar{width:var(--sidebar-width);height:100dvh;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));transition:width var(--duration-normal) var(--ease-smooth);position:relative;z-index:10;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--collapsed .sidebar-label,.sidebar--collapsed .sidebar-logo-text{display:none}.topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:sticky;top:0;z-index:9}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.main-content{flex:1;overflow-y:auto;padding:var(--space-fluid-lg);scroll-padding-top:var(--space-6)}.bottom-nav{display:none;height:var(--bottom-nav-height);flex-shrink:0;align-items:center;justify-content:space-around;padding:0 var(--space-4);padding-bottom:max(var(--space-3),var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));position:sticky;bottom:0;z-index:10}.card-container,.grid-container{container-type:inline-size}@container (max-width: 500px){.kpi-grid{grid-template-columns:1fr}}.charts-responsive{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.charts-responsive{grid-template-columns:2fr 1fr}}.search-input-wrap{flex:1;min-width:140px;max-width:320px}@media (max-width:767px){.search-input-wrap{max-width:100%}}}.bottom-nav,.sidebar-toggle{display:none!important}@media (max-width: 1024px){.sidebar{width:var(--sidebar-width-collapsed)!important}.sidebar .sidebar-label{display:none!important}}@media (max-width: 767px){.sidebar{display:none!important}.bottom-nav{display:flex!important}.main-content{padding:var(--space-4)!important}.page-title-mobile{display:block!important}.topbar-title{display:none!important}.topbar-logo,.topbar-theme{display:flex!important}}@media (min-width: 1025px){.sidebar{display:flex!important;width:var(--sidebar-width)!important}.bottom-nav{display:none!important}.main-content{padding:var(--space-8) clamp(32px,4vw,64px)!important}.page-title-mobile{display:none!important}.topbar-title{display:block!important}.topbar-logo,.topbar-theme{display:none!important}}.page-title-mobile{display:block}.topbar-title{display:none}.topbar-logo,.topbar-theme{display:flex}@layer components{@property --angle{syntax:"<angle>"; inherits:false; initial-value:0deg;}.glass{background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.glass{backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(var(--glass-brightness));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) brightness(var(--glass-brightness))}}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 30%,transparent 60%);pointer-events:none;z-index:1}.glass:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none;z-index:2}.stagger{opacity:0;transform:translateY(14px);animation:staggerIn var(--duration-slow) var(--ease-out-expo) forwards;animation-delay:calc(var(--i,0) * var(--stagger-delay))}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.skeleton{background:#ffffff0d;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:shimmer 1.8s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.rip{position:relative;overflow:hidden}.rip-wave{position:absolute;border-radius:50%;background:#ffffff2e;transform:scale(0);animation:ripOut .55s ease-out forwards;pointer-events:none}@keyframes ripOut{to{transform:scale(4);opacity:0}}@keyframes anticipate{0%{transform:translateY(0) scale(1)}30%{transform:translateY(2px) scale(.98)}to{transform:translateY(-3px) scale(1.02)}}@keyframes coachPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes modalIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:none}}.input-base{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm);font-family:inherit;outline:none;transition:all .25s var(--ease-smooth);height:48px}.input-base:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px rgba(var(--accent-1-rgb),.18)}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:767px){.form-row{grid-template-columns:1fr}}.btn-row{display:flex;gap:8px;align-items:center}@media (max-width:767px){.btn-row{flex-direction:column}.btn-row>*{width:100%}}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 16px + var(--safe-bottom, 0px));right:16px;z-index:50;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(var(--accent-1-rgb),.35);transition:all .3s var(--ease-spring)}.fab:hover{transform:scale(1.1);box-shadow:0 8px 28px rgba(var(--accent-1-rgb),.5)}@media (min-width:768px){.fab{bottom:24px;right:24px}}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grid{display:grid}.hidden{display:none}.block{display:block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-fluid-sm{gap:var(--space-fluid-sm)}.gap-fluid-md{gap:var(--space-fluid-md)}.p-card{padding:var(--card-padding)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-auto{margin-top:auto}.ms-auto{margin-inline-start:auto}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-hero{font-size:var(--text-hero)}.text-primary{color:var(--text)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-1)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-heavy{font-weight:800}.uppercase{text-transform:uppercase}.tracking-caps{letter-spacing:.08em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-full{border-radius:50%}.min-h-touch{min-height:44px;min-width:44px}.border-bottom{border-bottom:1px solid var(--divider)}.border-top{border-top:1px solid var(--divider)}.bg-surface{background:var(--surface)}.bg-elevated{background:var(--bg-elevated)}.z-modal{z-index:400}.z-toast{z-index:500}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.line-1{line-height:1.1}.line-normal{line-height:1.6}.no-border{border:none}.no-bg{background:none}.bg-accent-gradient{background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.text-gradient{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:1025px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:767px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:767px){.grid-3{grid-template-columns:1fr}}}