.nav-sidebar{position:fixed;left:0;top:0;width:80px;height:100vh;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-2);z-index:50}@media(max-width:1023px){.nav-sidebar{display:none}}.nav-sidebar-logo{width:48px;height:48px;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-10)}.nav-logo-image{max-width:100%;max-height:100%;display:block}.nav-sidebar-menu{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.nav-sidebar-item{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer;background:none;border:none;position:relative;overflow:hidden}.nav-sidebar-item:before{content:"";position:absolute;inset:0;background:var(--color-primary);border-radius:inherit;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.22,1,.36,1)}.nav-sidebar-item .material-symbols-outlined{font-size:24px;position:relative;z-index:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-sidebar-item:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.nav-sidebar-item:hover .material-symbols-outlined{transform:scale(1.1)}.nav-sidebar-item.active{background-color:var(--color-primary-alpha-10);color:var(--color-primary)}.nav-sidebar-item.active:before{transform:scale(1);opacity:.1}.nav-sidebar-item:active .material-symbols-outlined{transform:scale(.9)}.nav-sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:auto}.nav-sidebar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;border:2px solid var(--color-border)}.nav-mobile-header{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:100}@media(min-width:1024px){.nav-mobile-header{display:none}}.nav-mobile-logo{display:flex;align-items:center;gap:var(--space-3)}.nav-mobile-logo-icon{width:32px;height:32px;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.nav-mobile-logo-text{font-weight:700;font-size:1rem;color:var(--color-text-primary)}@media(max-width:1024px){.nav-mobile-logo-text{display:none}}.nav-mobile-actions{display:flex;gap:var(--space-2)}.nav-mobile-btn{width:40px;height:40px;border-radius:var(--radius-lg);background-color:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;border:none}.nav-mobile-btn:hover{background-color:var(--color-border);color:var(--color-text-primary)}.nav-mobile-btn .material-symbols-outlined{font-size:20px}.nav-bottom{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);width:calc(100% - var(--space-8));max-width:600px;height:64px;background-color:#181411;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--space-3);z-index:100;box-shadow:0 8px 32px #0000004d;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:var(--space-1)}.nav-bottom::-webkit-scrollbar{display:none}.dark .nav-bottom{background-color:var(--color-primary)}@media(min-width:1024px){.nav-bottom{display:none}}.nav-bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-3);color:#ffffff80;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);min-width:60px;flex-shrink:0;position:relative}.nav-bottom-item .material-symbols-outlined{font-size:22px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-bottom-item:hover .material-symbols-outlined{transform:translateY(-2px) scale(1.1)}.nav-bottom-item:hover,.nav-bottom-item.active{color:#fff}.nav-bottom-item.active .material-symbols-outlined{transform:scale(1.15)}.nav-bottom-item:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background-color:#fff;transform:scale(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-bottom-item.active:after{transform:scale(1)}.nav-bottom-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}@media(max-width:768px){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root,.light{--color-primary: #f48c25;--color-primary-dark: #e07a15;--color-primary-light: #f9a54d;--color-primary-alpha-10: rgba(244, 140, 37, .1);--color-primary-alpha-20: rgba(244, 140, 37, .2);--color-primary-alpha-30: rgba(244, 140, 37, .3);--color-primary-alpha-50: rgba(244, 140, 37, .5);--color-primary-rgb: 244, 140, 37;--color-secondary: #10b981;--color-secondary-dark: #059669;--color-purple: #8b5cf6;--color-pink: #ec4899;--color-bg-base: #f8f7f5;--color-bg-secondary: #ffffff;--color-bg-secondary-rgb: 255, 255, 255;--color-bg-card: #ffffff;--color-bg-elevated: #f5f2f0;--color-bg-input: #f5f2f0;--color-text-primary: #0a0a0a;--color-text-secondary: #2d2d2d;--color-text-muted: #6b6b6b;--color-text-placeholder: #9ca3af;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-success: #059669;--color-success-bg: #dcfce7;--color-success-text: #065f46;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-info: #2563eb;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-cat-food: #f97316;--color-cat-food-bg: #ffedd5;--color-cat-transport: #3b82f6;--color-cat-transport-bg: #dbeafe;--color-cat-internet: #8b5cf6;--color-cat-internet-bg: #ede9fe;--color-cat-utilities: #eab308;--color-cat-utilities-bg: #fef9c3;--color-cat-health: #10b981;--color-cat-health-bg: #d1fae5;--color-cat-shopping: #ec4899;--color-cat-shopping-bg: #fce7f3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px rgba(244, 140, 37, .25);--shadow-primary-lg: 0 8px 25px rgba(244, 140, 37, .35);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-family: "Plus Jakarta Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.dark{--color-bg-base: #1a1612;--color-bg-secondary: #241e18;--color-bg-secondary-rgb: 36, 30, 24;--color-bg-card: #2a2319;--color-bg-elevated: #352b20;--color-bg-input: #352b20;--color-text-primary: #ffffff;--color-text-secondary: #e5ddd4;--color-text-muted: #b8a99a;--color-text-placeholder: #8a7a6a;--color-border: #4a3d30;--color-border-light: #5a4a3a;--color-success-bg: rgba(5, 150, 105, .2);--color-success-text: #6ee7b7;--color-danger-bg: rgba(220, 38, 38, .2);--color-danger-text: #fca5a5;--color-warning-bg: rgba(217, 119, 6, .2);--color-warning-text: #fcd34d;--color-info-bg: rgba(37, 99, 235, .2);--color-info-text: #93c5fd}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.text-display{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.text-headline{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.text-title{font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.text-subtitle{font-size:1.125rem;font-weight:600;line-height:1.4}.text-body{font-size:1rem;font-weight:400;line-height:1.6}.text-small{font-size:.875rem;font-weight:500;line-height:1.5}.text-caption{font-size:.75rem;font-weight:500;line-height:1.4}.text-overline{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.app-container{display:flex;min-height:100vh}.page-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.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-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.sidebar{width:80px;height:100vh;background-color:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-2);position:fixed;left:0;top:0;z-index:50}@media(max-width:1024px){.sidebar{display:none}}.sidebar-logo{width:48px;height:48px;background-color:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-10)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-4);flex:1}.sidebar-nav-item{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base)}.sidebar-nav-item:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sidebar-nav-item.active{background-color:var(--color-primary-alpha-10);color:var(--color-primary)}.bottom-nav{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);width:calc(100% - var(--space-8));max-width:420px;background-color:#181411;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);display:flex;justify-content:space-around;align-items:center;z-index:100;box-shadow:var(--shadow-xl)}@media(min-width:1024px){.bottom-nav{display:none}}.dark .bottom-nav{background-color:var(--color-primary)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);color:#fff9;font-size:.625rem;font-weight:700;transition:color var(--transition-fast)}.bottom-nav-item:hover,.bottom-nav-item.active{color:#fff}.bottom-nav-spacer{width:56px}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.22,1,.36,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary-alpha-20)}.card-glass{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--space-6)}.dark .card-glass{background:#22191066;border:1px solid rgba(255,255,255,.1)}.card-highlight{background:linear-gradient(135deg,var(--color-primary-alpha-10) 0%,transparent 100%);border:1px solid var(--color-primary-alpha-20)}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card-label{font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card-value{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.stat-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:.75rem;font-weight:700;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:700;font-size:.875rem;transition:all .3s cubic-bezier(.22,1,.36,1);cursor:pointer;border:none;outline:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fff6;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn:active:after{animation:btnRipple .5s ease-out}@keyframes btnRipple{0%{transform:scale(0) translate(-50%,-50%);opacity:.6}to{transform:scale(40) translate(-50%,-50%);opacity:0}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary-alpha-20)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-alpha-10)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}@media(max-width:375px){.btn{padding:8px 12px;font-size:.8rem}.btn-sm{padding:6px 10px;font-size:.75rem}.btn-lg{padding:10px 16px;font-size:.9rem}.btn-icon{width:36px;height:36px}.card,.card-glass,.stat-card{padding:12px}.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:.8rem}.stat-card-badge{font-size:.7rem}}@media(max-width:320px){.btn{padding:6px 10px;font-size:.75rem}.btn-sm{padding:5px 8px;font-size:.7rem}.btn-lg{padding:8px 14px;font-size:.85rem}.btn-icon{width:32px;height:32px}.card,.card-glass,.stat-card{padding:10px}.stat-card-value{font-size:1.125rem}.stat-card-label{font-size:.75rem}.stat-card-badge{font-size:.65rem}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:1rem;transition:all var(--transition-base);outline:none}.form-input:hover{border-color:var(--color-border-light)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}.form-input::placeholder{color:var(--color-text-placeholder)}.form-input-rounded{border-radius:var(--radius-full);padding-left:var(--space-5);padding-right:var(--space-5)}.form-input-with-icon{padding-left:48px}.form-input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238a7560'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;padding-right:44px;cursor:pointer}.form-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;appearance:none;transition:all var(--transition-fast)}.form-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}.toggle{position:relative;width:44px;height:24px}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-elevated);border-radius:var(--radius-full);transition:all var(--transition-base)}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--color-primary-alpha-10);color:var(--color-primary);border:1px solid var(--color-primary-alpha-20)}.badge-secondary{background-color:#10b9811a;color:var(--color-secondary);border:1px solid rgba(16,185,129,.2)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-neutral{background-color:var(--color-bg-elevated);color:var(--color-text-muted)}.progress{width:100%;height:8px;background-color:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;border-radius:var(--radius-full);background-color:var(--color-primary);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-success{background-color:var(--color-success)}.progress-bar-danger{background-color:var(--color-danger)}.progress-bar-warning{background-color:var(--color-warning)}.voice-fab-container{position:fixed;bottom:calc(80px + var(--space-4));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);z-index:90}@media(min-width:1024px){.voice-fab-container{bottom:var(--space-8);right:var(--space-8);left:auto;transform:none}}.voice-fab-label{background-color:#181411cc;color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-fab{width:72px;height:72px;border-radius:50%;background-color:var(--color-primary);border:6px solid var(--color-bg-base);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary-lg);color:#fff}.voice-fab:hover{transform:scale(1.05);box-shadow:0 12px 40px #f48c2573}.voice-fab:active{transform:scale(.98)}.voice-fab.recording{animation:pulse-recording 1.5s ease-in-out infinite;background-color:var(--color-danger);box-shadow:0 8px 32px #e7100866}@keyframes pulse-recording{0%,to{box-shadow:0 0 #e7100880}50%{box-shadow:0 0 0 15px #e7100800}}.transaction-list{display:flex;flex-direction:column;gap:var(--space-3)}.transaction-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer}.transaction-item:hover{box-shadow:var(--shadow-md);border-color:transparent}.transaction-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.transaction-info{flex:1;min-width:0}.transaction-title{font-weight:700;font-size:.9375rem;color:var(--color-text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-meta{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--color-text-muted)}.transaction-amount{font-weight:800;font-size:.9375rem;color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4);animation:fadeIn .2s ease-out}.modal{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .25s ease-out}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-slide-up{animation:slideUp .4s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.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-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{width:64px;height:64px;border-radius:var(--radius-xl);background-color:var(--color-primary-alpha-10);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-primary)}.divider{height:1px;background-color:var(--color-border);margin:var(--space-6) 0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-alpha-20);color:var(--color-text-primary)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-base)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.loading-icon{position:relative;width:80px;height:80px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary-lg)}.loading-icon .material-symbols-outlined{font-size:40px;color:#fff}.loading-pulse{position:absolute;inset:0;border-radius:var(--radius-full);border:4px solid var(--color-primary-alpha-30);animation:pulse-loading 1.5s ease-in-out infinite}@keyframes pulse-loading{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}.loading-text{text-align:center}.loading-text h1{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.loading-text p{font-size:.875rem;color:var(--color-text-muted)}.loading-credit{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);font-size:.5625rem;color:var(--color-text-muted);opacity:.3;font-style:italic}.app-main{min-height:100vh}.content-with-header{padding-top:72px}@media(min-width:1024px){.content-with-header{padding-top:0}.content-with-sidebar{margin-left:80px}}@media(max-width:1023px){.desktop-only{display:none!important}.mobile-header{position:fixed;top:0;left:0;right:0;height:72px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:100}}@media(min-width:1024px){.mobile-only{display:none!important}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.page-enter{animation:pageSlideIn .4s cubic-bezier(.22,1,.36,1) forwards}.page-exit{animation:pageSlideOut .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:staggerFadeIn .5s cubic-bezier(.22,1,.36,1) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes cardPulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-lg),0 0 30px var(--color-primary-alpha-20)}}@keyframes cardShine{0%{background-position:-200% center}to{background-position:200% center}}.card-float:hover{animation:cardFloat 3s ease-in-out infinite}.card-pulse{animation:cardPulse 2s ease-in-out infinite}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:cardShine 3s ease-in-out infinite;pointer-events:none}@keyframes buttonPop{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes buttonGlow{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:var(--shadow-primary-lg),0 0 40px var(--color-primary-alpha-30)}}@keyframes buttonRipple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.btn-animated{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.22,1,.36,1)}.btn-animated:active{animation:buttonPop .2s ease-out}.btn-animated.btn-primary:hover{animation:buttonGlow 1.5s ease-in-out infinite}.btn-animated:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.btn-animated:active:before{animation:buttonRipple .6s ease-out}@keyframes micPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-primary)}50%{transform:scale(1.05);box-shadow:0 0 0 15px #f48c2500,var(--shadow-primary-lg)}}@keyframes micWave{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes micRecording{0%,to{background-color:var(--color-danger)}50%{background-color:#ff6b6b}}.voice-fab{transition:all .3s cubic-bezier(.22,1,.36,1)}.voice-fab:hover:not(.recording){animation:micPulse 1.5s ease-in-out infinite}.voice-fab.recording{animation:micRecording 1s ease-in-out infinite}.voice-fab.recording:before,.voice-fab.recording:after{content:"";position:absolute;border:3px solid var(--color-danger);border-radius:50%;animation:micWave 1.5s ease-out infinite}.voice-fab.recording:after{animation-delay:.75s}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.number-animate{display:inline-block;animation:countUp .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes progressFill{0%{width:0}}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-animated .progress-bar{animation:progressFill 1s cubic-bezier(.22,1,.36,1) forwards;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);background-size:200% 100%}.progress-animated .progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:progressShimmer 2s ease-in-out infinite}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-100%) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}.toast-enter{animation:toastSlideIn .4s cubic-bezier(.22,1,.36,1) forwards}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes modalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalContentOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}.modal-overlay{animation:modalBackdropIn .3s cubic-bezier(.22,1,.36,1) forwards}.modal-animated{animation:modalContentIn .4s cubic-bezier(.22,1,.36,1) forwards}.modal-exit{animation:modalContentOut .25s cubic-bezier(.22,1,.36,1) forwards}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.5}}@keyframes loadingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-dots{display:flex;gap:8px}.loading-dots span{width:12px;height:12px;border-radius:50%;background-color:var(--color-primary);animation:loadingDots 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0ms}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-elevated);border-top-color:var(--color-primary);border-radius:50%;animation:loadingSpin .8s linear infinite}.loading-pulse{animation:loadingPulse 1.5s ease-in-out infinite}.loading-bounce{animation:loadingBounce .6s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-border) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-xl)}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes pieRotate{0%{transform:rotate(-90deg);stroke-dasharray:0 100}}.bar-animated{animation:barGrow .8s cubic-bezier(.22,1,.36,1) forwards}.bar-animated:nth-child(1){animation-delay:0ms}.bar-animated:nth-child(2){animation-delay:.1s}.bar-animated:nth-child(3){animation-delay:.2s}.bar-animated:nth-child(4){animation-delay:.3s}.bar-animated:nth-child(5){animation-delay:.4s}.bar-animated:nth-child(6){animation-delay:.5s}@keyframes hoverLift{to{transform:translateY(-4px);box-shadow:var(--shadow-lg)}}@keyframes hoverGlow{to{box-shadow:0 0 20px var(--color-primary-alpha-30)}}.hover-lift{transition:all .3s cubic-bezier(.22,1,.36,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:0 0 20px var(--color-primary-alpha-30)}.hover-scale{transition:transform .3s cubic-bezier(.22,1,.36,1)}.hover-scale:hover{transform:scale(1.02)}.hover-rotate{transition:transform .3s cubic-bezier(.22,1,.36,1)}.hover-rotate:hover{transform:rotate(5deg)}@keyframes scrollReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0}.scroll-reveal.revealed{animation:scrollReveal .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes successCheck{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes successCircle{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.success-icon{animation:successCircle .5s cubic-bezier(.22,1,.36,1) forwards}.success-check{stroke-dasharray:100;stroke-dashoffset:100;animation:successCheck .6s cubic-bezier(.22,1,.36,1) .2s forwards}.error-shake{animation:errorShake .5s ease-out}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti{position:fixed;width:10px;height:10px;pointer-events:none;animation:confettiFall 3s linear forwards}@keyframes textReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px var(--color-primary-alpha-30)}50%{text-shadow:0 0 20px var(--color-primary-alpha-50)}}.text-reveal{animation:textReveal .8s cubic-bezier(.22,1,.36,1) forwards}.text-glow{animation:textGlow 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.icon-bounce:hover{animation:iconBounce .6s ease-out}.icon-spin{animation:iconSpin 1s linear infinite}.icon-pop:hover{animation:iconPop .3s ease-out}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animated{background:linear-gradient(-45deg,var(--color-primary),var(--color-primary-light),#fbbf24,var(--color-primary));background-size:400% 400%;animation:gradientShift 5s ease infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--color-primary)}}.typing-effect{overflow:hidden;white-space:nowrap;border-right:3px solid var(--color-primary);animation:typing 2s steps(30) forwards,blink .8s step-end infinite}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}.particle{position:fixed;width:6px;height:6px;background:var(--color-primary);border-radius:50%;opacity:0;pointer-events:none;animation:particleFloat 8s ease-in-out infinite}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.wave-animation{display:inline-block;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%}.scroll-reveal-awwwards{opacity:0;transform:translateY(60px);transition:all .8s cubic-bezier(.22,1,.36,1)}.scroll-reveal-awwwards.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-awwwards-left{opacity:0;transform:translate(-60px);transition:all .8s cubic-bezier(.22,1,.36,1)}.scroll-reveal-awwwards-left.revealed{opacity:1;transform:translate(0)}.scroll-reveal-awwwards-right{opacity:0;transform:translate(60px);transition:all .8s cubic-bezier(.22,1,.36,1)}.scroll-reveal-awwwards-right.revealed{opacity:1;transform:translate(0)}.scroll-reveal-awwwards-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.22,1,.36,1)}.scroll-reveal-awwwards-scale.revealed{opacity:1;transform:scale(1)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.22,1,.36,1)}.scroll-reveal-stagger.revealed>*:nth-child(1){transition-delay:.1s}.scroll-reveal-stagger.revealed>*:nth-child(2){transition-delay:.2s}.scroll-reveal-stagger.revealed>*:nth-child(3){transition-delay:.3s}.scroll-reveal-stagger.revealed>*:nth-child(4){transition-delay:.4s}.scroll-reveal-stagger.revealed>*:nth-child(5){transition-delay:.5s}.scroll-reveal-stagger.revealed>*:nth-child(6){transition-delay:.6s}.scroll-reveal-stagger.revealed>*:nth-child(7){transition-delay:.7s}.scroll-reveal-stagger.revealed>*:nth-child(8){transition-delay:.8s}.scroll-reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.parallax-slow{transition:transform .3s ease-out}.parallax-medium{transition:transform .2s ease-out}.parallax-fast{transition:transform .1s ease-out}.glass-effect{background:rgba(var(--color-bg-secondary-rgb),.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-effect-strong{background:rgba(var(--color-bg-secondary-rgb),.9);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.22,1,.36,1)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.22,1,.36,1)}.magnetic-hover{transition:transform .3s cubic-bezier(.22,1,.36,1)}.magnetic-hover:hover{transform:translateY(-8px) scale(1.02)}.text-gradient-animated{background:linear-gradient(90deg,var(--color-primary),#ff6b35,var(--color-primary),#4ecdc4,var(--color-primary));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.shine-effect:hover:after{left:100%}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #f48c254d}50%{box-shadow:0 0 40px #f48c2599}}.morphing-blob{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morph 8s ease-in-out infinite}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.liquid-effect{position:relative;overflow:hidden}.liquid-effect:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f48c251a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.liquid-effect:hover:before{width:300px;height:300px}.split-text{display:inline-block;overflow:hidden}.split-text span{display:inline-block;transform:translateY(100%);transition:transform .6s cubic-bezier(.22,1,.36,1)}.split-text.revealed span{transform:translateY(0)}.tilt-3d{transform-style:preserve-3d;transition:transform .3s ease}.tilt-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.scale-smooth{transition:transform .4s cubic-bezier(.22,1,.36,1)}.scale-smooth:hover{transform:scale(1.05)}.border-animated{position:relative;overflow:hidden}.border-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left .5s}.border-animated:hover:before{left:100%}.float-animation{animation:float 3s ease-in-out infinite}.float-animation-delayed{animation:float 3s ease-in-out infinite;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.gradient-border{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,var(--color-primary),#ff6b35,#4ecdc4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.gradient-border:hover:before{opacity:1}.neon-glow{text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 30px var(--color-primary);animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 30px var(--color-primary)}50%{text-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary),0 0 40px var(--color-primary)}}.fade-in-smooth{opacity:0;animation:fadeInSmooth .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeInSmooth{to{opacity:1}}.slide-in-bottom{opacity:0;transform:translateY(40px);animation:slideInBottom .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideInBottom{to{opacity:1;transform:translateY(0)}}.rotate-on-hover{transition:transform .4s cubic-bezier(.22,1,.36,1)}.rotate-on-hover:hover{transform:rotate(5deg) scale(1.05)}.blur-on-hover{transition:filter .3s ease}.blur-on-hover:hover{filter:blur(2px)}.zoom-on-hover{transition:transform .4s cubic-bezier(.22,1,.36,1)}.zoom-on-hover:hover{transform:scale(1.1)}.skew-on-hover{transition:transform .3s ease}.skew-on-hover:hover{transform:skew(-5deg)}.perspective-card{transform-style:preserve-3d;transition:transform .3s ease}.perspective-card:hover{transform:perspective(1000px) rotateY(5deg) rotateX(5deg)}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-bg-elevated) 0%,var(--color-border) 50%,var(--color-bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}.page-container{padding:var(--space-6)}}@media(min-width:1024px){.container{max-width:960px}.page-container{padding:var(--space-8)}}@media(min-width:1280px){.container{max-width:1200px}}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:.9rem}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.card{width:100%;padding:var(--space-4)}@media(min-width:768px){.card{padding:var(--space-6)}}.btn{padding:var(--space-2) var(--space-4);font-size:.875rem}@media(min-width:768px){.btn{padding:var(--space-3) var(--space-6);font-size:1rem}}.modal{width:95%;max-width:500px;margin:var(--space-4)}@media(min-width:768px){.modal{width:90%;max-width:600px;margin:var(--space-8)}}@media(max-width:1023px){.app-main{padding-bottom:80px}}@media(max-width:768px){table{font-size:.875rem}th,td{padding:var(--space-2)}}@media(max-width:768px){input,textarea,select{font-size:16px}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}@media(max-width:768px){button,a,.clickable{min-height:44px;min-width:44px}}@media(max-width:375px){.card{padding:12px}.btn{padding:8px 12px;font-size:.8rem}.btn-sm{padding:6px 10px;font-size:.75rem}.btn-lg{padding:10px 16px;font-size:.9rem}.btn-icon{width:36px;height:36px}.stat-card{padding:12px}.stat-card-value{font-size:1.25rem}.stat-card-label{font-size:.8rem}button,a,.clickable{min-height:36px;min-width:36px}}@media(max-width:320px){.card{padding:10px}.btn{padding:6px 10px;font-size:.75rem}.btn-sm{padding:5px 8px;font-size:.7rem}.btn-lg{padding:8px 14px;font-size:.85rem}.btn-icon{width:32px;height:32px}.stat-card{padding:10px}.stat-card-value{font-size:1.125rem}.stat-card-label{font-size:.75rem}button,a,.clickable{min-height:32px;min-width:32px}}