@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #00A3FF;--color-primary-glow: rgba(0, 163, 255, .4);--color-accent: #00A3FF;--color-secondary: #00A3FF;--color-bg-deep: #0B0F19;--color-surface: #111827;--color-bg-elevated: #1F2937;--color-glass: rgba(17, 24, 39, .7);--color-income: #10B981;--color-expense: #EF4444;--color-text-main: #F9FAFB;--color-text-muted: #9CA3AF;--color-border-subtle: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .2);--font-family-sans: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .5rem;--spacing-sm: .875rem;--spacing-md: 1.25rem;--spacing-lg: 2rem;--spacing-xl: 3.5rem;--card-padding: 1.25rem;--card-padding-desktop: 1.5rem;--grid-gap: 1rem;--grid-gap-desktop: 1.25rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-glow: 0 0 15px rgba(0, 163, 255, .15)}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.click-scale:active{transform:scale(.98)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg-deep);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-weight:300}.page-title-consistent{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);line-height:1.1;letter-spacing:-.02em}@media(max-width:480px){.page-title-consistent{font-size:1.1rem}}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;background:none;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}select{background-color:#ffffff0d;color:#fffffff2;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 36px 10px 14px;min-height:44px;font-size:.95rem;line-height:1.2;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3688fb1a}select option{background-color:#0b1220;color:#fffffff2;padding:12px}select option:checked{background-color:var(--color-primary);color:#fff}select:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.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}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-secondary{color:var(--color-secondary)!important}.text-income{color:var(--color-income)!important}.text-expense{color:var(--color-expense)!important}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:400px;padding:12px 16px;border-radius:12px;background:#111827;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px #00000080;display:flex;align-items:center;gap:12px;animation:toast-in .3s ease-out;color:#f9fafb}.toast-success{border-left:4px solid #10B981}.toast-error{border-left:4px solid #EF4444}.toast-warning{border-left:4px solid #F59E0B}.toast-info{border-left:4px solid #3B82F6}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;display:flex;border-radius:4px;transition:all .2s}.toast-close:hover{color:#fff;background:#ffffff1a}@keyframes toast-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:640px){.toast-container{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px;left:16px}.toast{min-width:0;width:100%}}.notification-wrapper{position:relative;display:inline-block}.notification-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;position:relative;transition:all .2s}.notification-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-badge{position:absolute;top:0;right:0;background:var(--accent-color, #3b82f6);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:99px;border:2px solid var(--bg-primary)}.notification-dropdown{position:absolute;top:50px;right:0;width:320px;max-height:400px;background:var(--bg-card);background-color:#1e293b;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 10px 25px -5px #0000004d;z-index:200;display:flex;flex-direction:column;margin-top:.5rem;overflow:hidden}@media(max-width:767px){.notification-dropdown{position:fixed;inset:70px 12px auto;width:auto;max-height:70vh;border-radius:1rem;z-index:9999;background:#0d111b;background-color:#0d111b;-webkit-backdrop-filter:none;backdrop-filter:none}}.notification-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:1rem;font-weight:600}.mark-all-read{background:none;border:none;color:var(--accent-color, #3b82f6);font-size:.8rem;cursor:pointer}.notification-list{overflow-y:auto;max-height:350px}.notification-item{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;display:flex;align-items:flex-start;gap:.75rem;transition:background .2s}.notification-item:hover{background:#ffffff08}.notification-item.unread{background:#3b82f61a}.notification-content{flex:1}.notification-title{font-weight:600;font-size:.9rem;margin:0 0 .25rem;color:#fff}.notification-message{font-size:.85rem;color:#9ca3af;margin:0 0 .5rem;line-height:1.4}.notification-date{font-size:.75rem;color:#6b7280}.invite-accept-btn{margin-top:.6rem;border:1px solid rgba(54,136,251,.4);background:#3688fb26;color:#cfe3ff;font-size:.75rem;font-weight:600;border-radius:999px;padding:.35rem .65rem;cursor:pointer;transition:all .2s ease}.invite-accept-btn:hover:not(:disabled){background:#3688fb40;color:#fff}.invite-accept-btn:disabled{opacity:.7;cursor:not-allowed}.unread-dot{width:8px;height:8px;background:var(--accent-color, #3b82f6);border-radius:50%;margin-top:.4rem}.empty-notifications{padding:2rem;text-align:center;color:#6b7280}.workspace-switcher{position:relative;display:flex;align-items:center;margin-right:16px}.workspace-backdrop{position:fixed;inset:0;z-index:1990;background:transparent}.workspace-no-switch .workspace-toggle{cursor:default}.workspace-active-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;flex-shrink:0;margin-left:auto}.workspace-toggle{display:flex;align-items:center;gap:8px;background:#00a3ff1f;border:1px solid rgba(0,163,255,.3);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;color:#fff;box-shadow:0 2px 8px #0003}.workspace-toggle:hover{background:#00a3ff26;border-color:#00a3ff66;box-shadow:0 4px 12px #00a3ff1a}.workspace-toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#00a3ff33;color:#00a3ff}.workspace-toggle-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.workspace-toggle-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:#fff9;font-weight:600;margin-bottom:2px}.workspace-toggle-name{font-weight:600;font-size:.9rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.workspace-chevron{color:var(--text-secondary);transition:transform .2s}.workspace-chevron.open{transform:rotate(180deg)}.workspace-menu{position:absolute;top:calc(100% + 12px);left:0;right:auto;width:280px;box-sizing:border-box;background:#0d111b;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 12px 48px #000000b3;overflow:hidden;z-index:2000;padding:8px;display:flex;flex-direction:column;gap:4px}.workspace-menu-header{font-size:.7rem;text-transform:uppercase;color:#ffffff80;font-weight:700;padding:10px 12px 6px;letter-spacing:.8px}.workspace-menu-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.workspace-menu-item:hover{background:#ffffff08;border-color:#ffffff0d}.workspace-menu-item.active{background:linear-gradient(145deg,#00a3ff1a,#00a3ff05);border:1px solid rgba(0,163,255,.3)}.workspace-list-scroll{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.workspace-list-scroll::-webkit-scrollbar{width:6px}.workspace-list-scroll::-webkit-scrollbar-track{background:transparent}.workspace-list-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.workspace-list-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.workspace-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d;color:#f9fafb}.workspace-menu-item.active .workspace-icon{color:#00a3ff;background:#00a3ff26;box-shadow:inset 0 0 0 1px #00a3ff4d}.workspace-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.workspace-name{font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-role{font-size:.75rem;color:#fff9;text-transform:capitalize;display:flex;align-items:center;gap:4px}.workspace-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.workspace-members{display:flex;align-items:center;gap:3px;font-size:.7rem;color:#ffffff80}.workspace-pending-badge{font-size:.65rem;padding:2px 6px;background:#f59e0b33;color:#f59e0b;border-radius:10px;font-weight:600;margin-left:4px}.workspace-menu-item.pending{border-left:2px solid #f59e0b;padding-left:10px}.workspace-invitations-section{padding:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:4px}.workspace-invitations-header{display:flex;align-items:center;gap:6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;font-weight:600;margin-bottom:8px}.workspace-invitations-list{display:flex;flex-direction:column;gap:8px}.workspace-invitation-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px}.workspace-invitation-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f59e0b26;color:#f59e0b;flex-shrink:0}.workspace-invitation-info{display:flex;flex-direction:column;flex:1;min-width:0}.workspace-invitation-name{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-invitation-role{font-size:.7rem;color:#fff9}.workspace-invitation-accept{padding:6px 12px;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.workspace-invitation-accept:hover{background:#10b9814d;transform:translateY(-1px)}.workspace-help-section{padding:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:4px}.workspace-help-title{font-size:.75rem;font-weight:600;color:#fffc;margin-bottom:6px}.workspace-help-text{font-size:.7rem;color:#ffffff80;line-height:1.5}@media(max-width:768px){.workspace-switcher{margin-right:8px}.workspace-toggle{padding:4px 8px;gap:6px}.workspace-toggle-icon{width:20px;height:20px}.workspace-toggle-name{max-width:80px;font-size:.8rem}.workspace-toggle-label{font-size:.6rem}.workspace-menu{position:fixed;top:70px;right:12px;left:12px;width:auto;z-index:10001;border-radius:16px;box-shadow:0 8px 40px #000000e6;background:#0d111b;border:1px solid rgba(255,255,255,.15);max-height:70vh;overflow-y:auto}.workspace-menu-header{font-size:.65rem;padding:8px 12px 4px}.workspace-menu-item{padding:10px;gap:10px}.workspace-icon{width:32px;height:32px;font-size:14px}.workspace-name{font-size:.9rem}.workspace-role{font-size:.7rem}.workspace-invitations-section{padding:10px}.workspace-invitation-item{padding:8px;gap:8px}.workspace-invitation-icon{width:28px;height:28px}.workspace-invitation-name{font-size:.8rem}.workspace-invitation-accept{padding:5px 10px;font-size:.7rem}.workspace-help-section{padding:10px}}@media(max-width:360px){.workspace-toggle-name{max-width:80px}}@keyframes ws-pulse{0%,to{opacity:.4}50%{opacity:.8}}.workspace-toggle--skeleton{pointer-events:none;cursor:default}.workspace-skeleton-icon{width:24px;height:24px;border-radius:6px;background:#ffffff1f;animation:ws-pulse 1.5s ease infinite}.workspace-skeleton-text{display:inline-block;width:80px;height:14px;border-radius:6px;background:#ffffff1a;animation:ws-pulse 1.5s ease infinite .3s}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#007bbd);color:#fff;font-weight:700;border-radius:50%}.avatar-sm{width:28px;height:28px}.avatar-md{width:38px;height:38px}.avatar-lg{width:48px;height:48px}.avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-background, #030712);box-shadow:0 0 0 1px #0003;transition:background-color .2s}.avatar-sm .avatar-status{width:8px;height:8px;border-width:1.5px}.avatar-lg .avatar-status{width:12px;height:12px;border-width:2.5px}.avatar-status-online{background-color:#10b981}.avatar-status-offline{background-color:#6b7280;opacity:.6}.avatar-status-away{background-color:#f59e0b}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--color-background, #030712);transition:transform .2s,z-index .2s}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{transform:translateY(-2px);z-index:10}.layout-container{display:flex;height:100vh;width:100vw;background-color:var(--color-bg-deep);color:var(--color-text-main);overflow:hidden;position:relative}.sidebar{width:280px;min-width:280px;background:#0d111acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,width .3s ease;z-index:100}@media(max-width:1024px){.sidebar{width:240px;min-width:240px}}@media(max-width:767px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);width:280px;min-width:280px;padding-top:60px;z-index:9100}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border-subtle)}.sidebar-header .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.sidebar-workspace-section{padding:0 1rem 1rem}.workspace-container{padding:0 .25rem}@media(max-width:767px){.workspace-container{display:block;margin-bottom:1rem}}.personal-workspace-btn{width:100%;margin:.35rem 0 .5rem;padding:.55rem .85rem;border-radius:10px;border:1px solid var(--color-border-subtle);background:linear-gradient(120deg,#6366f129,#6366f10d);color:#fff;font-weight:700;font-size:.9rem;text-align:center;cursor:pointer;transition:all .18s ease}.personal-workspace-btn.highlight{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;border-color:#00a3ff66;background:linear-gradient(120deg,#00a3ff2e,#00a3ff0d);box-shadow:0 10px 30px #00a3ff2e;text-align:left}.pw-title{font-weight:800;font-size:.95rem;color:#fff}.pw-subtitle{font-size:.8rem;color:var(--color-text-muted)}.personal-workspace-btn:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #6366f133;transform:translateY(-1px)}.personal-workspace-btn:active{transform:translateY(0)}@media(max-width:767px){.sidebar-header{padding:var(--spacing-md)}}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-image{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}.logo-text{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#6366f11a;color:var(--color-primary)}.nav-link span{overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.nav-link span{display:none}.nav-link:after{content:attr(data-tooltip);display:block}.nav-link{min-height:44px;min-width:44px}}@media(max-width:767px){.nav-link span{display:inline}.nav-link:after{display:none}.nav-link{padding:var(--spacing-md);border-radius:12px}}.sidebar-workspace-section{padding:0 var(--spacing-md) var(--spacing-sm);border-top:1px solid var(--color-border-subtle)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-version-display{padding:2px 8px;font-size:.7rem;color:var(--color-text-muted);background:#ffffff08;border-radius:4px;align-self:flex-start;opacity:.6}.logout-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);width:100%;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:all .2s;font-weight:600;justify-content:center}.logout-btn:hover{background:#ef44441a}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-bar{position:relative;z-index:9000;height:auto;min-height:72px;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-left:24px;border-bottom:1px solid var(--color-border-subtle);background:#0d111a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar .top-bar-subtitle{display:none}.header-page-title{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1}.top-bar-actions{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;flex-shrink:0;min-height:48px}.members-display{position:relative;display:flex;align-items:center}.members-trigger{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:20px;transition:all .2s;display:flex;align-items:center}.members-trigger:hover,.members-trigger.active{background:#ffffff14}.members-avatars{display:flex;align-items:center}.member-avatar-overlap{margin-left:-8px}.members-more-count{font-size:.7rem;color:var(--color-text-muted);margin-left:4px;font-weight:600}.members-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden}.members-dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);font-size:.85rem;font-weight:600;color:var(--color-text)}.members-list{max-height:300px;overflow-y:auto;padding:8px}.member-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background .2s}.member-dropdown-item:hover{background:#ffffff0d}.member-dropdown-info{display:flex;flex-direction:column;min-width:0}.member-dropdown-name{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-dropdown-role{font-size:.7rem;color:var(--color-text-muted);text-transform:capitalize}.user-profile-menu{position:relative;display:flex;align-items:center}.profile-trigger{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border-subtle);background:#ffffff08;padding:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.profile-trigger:hover,.profile-trigger.active{border-color:var(--color-primary);background:#00a3ff1a;transform:translateY(-1px)}.profile-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.personal-badge-micro{position:absolute;bottom:-2px;right:-2px;background:var(--color-primary);color:#fff;font-size:8px;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-deep)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:250px;background:#0d111afa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;box-shadow:0 10px 40px #000c,0 0 0 1px #ffffff0d;z-index:1000;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{padding:.75rem .5rem}.dropdown-user-name{font-weight:700;font-size:1rem;margin:0;color:#fff}.dropdown-user-email{font-size:.8rem;color:var(--color-text-muted);margin:.1rem 0 0}.dropdown-divider{height:1px;background-color:var(--border-color);margin:8px 0}.dropdown-section-label{padding:8px 12px 4px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.workspace-list-dropdown{display:flex;flex-direction:column;gap:2px}.workspace-item{position:relative;padding-right:32px!important}.workspace-item.active{background-color:var(--primary-light);color:var(--primary-color)!important}.active-dot{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 0 2px var(--bg-card)}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.workspace-cta{background:#00a3ff14;border:1px solid rgba(0,163,255,.15)}.dropdown-item.workspace-cta:hover{background:#00a3ff26;border-color:var(--color-primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a}.item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff08}.item-text{display:flex;flex-direction:column}.item-title{font-weight:600;font-size:.9rem}.item-sub{font-size:.75rem;opacity:.6}@media(max-width:767px){.profile-dropdown{position:fixed;top:70px;right:12px;left:auto;width:280px;z-index:9999;background:#0d111b;-webkit-backdrop-filter:none;backdrop-filter:none}.header-page-title{display:none}}.content-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg)}@media(max-width:1024px){.content-container{padding:var(--spacing-md)}}@media(max-width:640px){.content-container{padding:var(--spacing-sm)}}.mobile-toggle{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:9100;width:44px;height:44px;min-width:44px;border-radius:var(--radius-md);background:#0d111ae6;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.mobile-toggle{display:none}}.global-dropdown-overlay{position:fixed;inset:0;background:#03071299;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:8999;animation:fadeIn .2s ease-out}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9050;touch-action:pan-y}@media(max-width:767px){.sidebar-overlay.visible{display:block}@supports (padding: max(0px)){.top-bar{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.content-container{padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom))}}.mobile-toggle{display:flex;top:max(var(--spacing-sm),env(safe-area-inset-top));left:var(--spacing-xs);background:var(--color-primary);box-shadow:0 4px 12px #00a3ff66;border:none}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border-top:1px solid rgba(255,255,255,.08)}@media(min-width:768px){.card{padding:var(--card-padding-desktop)}}.card-glass{background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.card-gold{background:linear-gradient(135deg,#ffd7001a,#daa5200d);border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 20px #ffd7001a}.card-neon{background:linear-gradient(135deg,#00a3ff1a,#00a3ff05);border:1px solid rgba(0,163,255,.2);box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;border-radius:var(--radius-full);transition:all .2s ease;cursor:pointer;border:none;outline:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:linear-gradient(135deg,gold,#d4af37);color:#000;box-shadow:0 4px 10px #d4af374d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #d4af3766}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-main)}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#fff6}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--color-text-main);background:#ffffff0d}.btn-icon{padding:.5rem;border-radius:50%;aspect-ratio:1}.loader{width:1rem;height:1rem;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 10px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #10b98166}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 10px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #ef444466}@media(max-width:480px){.btn{min-height:44px;touch-action:manipulation}.btn-sm{padding:.5rem .875rem;font-size:.8rem;min-height:40px}.btn-md{padding:.625rem 1.25rem;font-size:.9rem;min-height:44px}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;min-height:48px}}@media(max-width:400px){.btn{min-height:44px;padding-left:1rem;padding-right:1rem}.btn-sm{min-height:38px;padding:.4rem .75rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,rgba(0,163,255,.1),transparent 40%),radial-gradient(circle at bottom left,rgba(239,68,68,.05),transparent 40%);padding:var(--spacing-md)}.auth-card{width:100%;max-width:400px;padding:var(--spacing-xl)}.auth-logo{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.auth-logo img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 15px rgba(99,102,241,.4))}.auth-title{text-align:center;margin-bottom:var(--spacing-xs);color:var(--color-primary);font-size:1.75rem;font-weight:700}.auth-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-size:.9rem}.auth-error{background:#ef44441a;color:var(--color-expense);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);text-align:center;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;color:var(--color-text-muted)}.form-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:var(--radius-sm);color:var(--color-text-main);font-family:inherit;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-primary)}.w-full{width:100%}.auth-divider{text-align:center;margin:var(--spacing-md) 0;color:var(--color-text-muted);font-size:.8rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#ffffff1a}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-footer{text-align:center;margin-top:var(--spacing-lg);font-size:.875rem;color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}@media(max-width:480px){.auth-container{padding:var(--spacing-sm)}.auth-card{padding:var(--spacing-md);box-shadow:none;border:1px solid var(--color-border-subtle);background:#0d111af2}.auth-title{font-size:1.5rem}}@media(max-width:400px){.auth-container{padding:1rem .75rem .75rem;align-items:flex-start}.auth-card{padding:1.25rem}.auth-logo img{width:56px;height:56px}.auth-title{font-size:1.35rem}.auth-subtitle{font-size:.85rem}.form-group input{padding:.7rem;font-size:.95rem}.form-group label{font-size:.8rem}.auth-error{font-size:.8rem;padding:.625rem}}.input-wrapper{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.75rem;border-radius:10px;color:var(--color-text-main);font-family:inherit;font-size:1rem;transition:all .2s;min-height:48px}.input:focus{outline:none;border-color:var(--color-primary);background:#ffffff14;box-shadow:0 0 0 3px #00a3ff26}.input-error{border-color:var(--color-expense)}.input-error-text{font-size:.75rem;color:var(--color-expense)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%239ca3af'%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 .75rem center;background-size:1rem;padding-right:2.5rem}textarea.input{resize:vertical;min-height:80px}@media(max-width:480px){.input{padding:.625rem .75rem;font-size:.95rem;min-height:44px}.input-label{font-size:.75rem}textarea.input{min-height:60px}}.transactions-page{max-width:1200px;margin:0 auto;padding:0;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.page-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.03em;line-height:1.1;background:none;-webkit-text-fill-color:currentColor}.page-subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:1rem;font-weight:500}.btn-add-transaction{background:var(--color-primary)!important;border-radius:12px!important;font-weight:600!important;height:48px!important;padding:0 1.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px var(--color-primary-glow)!important}.btn-add-transaction:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-primary-glow)!important}.filter-bar-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;background:var(--color-glass);padding:1rem;border-radius:20px;border:1px solid var(--color-border-subtle);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.transactions-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1.25rem!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important}.sort-controls{display:flex;align-items:center;gap:.75rem;background:#0003;padding:.5rem .75rem;border-radius:12px;border:1px solid var(--color-border-subtle)}.sort-select{background:transparent;border:none;color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;outline:none}.sort-order-btn{background:#ffffff0d;border:1px solid var(--color-border-subtle);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);cursor:pointer;transition:all .2s}.sort-order-btn:hover{background:#ffffff1a;transform:scale(1.05)}.overview-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);margin-bottom:2rem}@media(min-width:768px){.overview-stats-grid{gap:var(--grid-gap-desktop)}}.stat-card{background:var(--color-glass);border:1px solid var(--color-border-subtle);border-radius:20px;padding:var(--card-padding);display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a}@media(min-width:768px){.stat-card{padding:var(--card-padding-desktop)}}.stat-label{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.stat-value{font-size:1.75rem;font-weight:800}.smart-input-section-txn{margin-bottom:2rem}.transactions-container-box{background:var(--color-glass);border:1px solid var(--color-border-subtle);border-radius:20px;padding:1rem 0;overflow:hidden}.transactions-list{display:flex;flex-direction:column;gap:1.5rem}.date-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;margin:1rem 0 .5rem;background:#ffffff0a;border-radius:12px}.date-label,.date-count{font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.transactions-table-header{display:grid;grid-template-columns:80px minmax(200px,1fr) 200px 50px;align-items:center;gap:1.5rem;padding:0 1.5rem 1rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.th-amount{text-align:right}.transaction-row{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0;padding:1.25rem 1.5rem;display:grid;grid-template-columns:80px minmax(200px,1fr) 200px 50px;align-items:center;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.transaction-row:last-child{border-bottom:none}.transaction-row:hover{transform:translateY(-2px);background:#ffffff05;border-radius:12px}.txn-icon-col{display:flex;align-items:center}.txn-details-col{display:flex;flex-direction:column;gap:.25rem;min-width:0}.txn-category-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.txn-category-type-tag{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid currentColor;opacity:.9}.txn-time-col{display:flex;align-items:center}.txn-amount-col{display:flex;justify-content:flex-end;align-items:center}.txn-actions-col{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.txn-actions-wrapper{position:relative;display:inline-flex}.txn-action-menu{position:absolute;top:110%;right:0;background:var(--color-surface, #101420);border:1px solid var(--color-border-subtle);border-radius:12px;padding:.35rem;min-width:160px;box-shadow:0 20px 40px #00000059;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.txn-action-menu-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;background:transparent;border:none;color:var(--color-text);font-weight:600;border-radius:10px;cursor:pointer;text-align:left;transition:background .2s,color .2s}.txn-action-menu-item:hover{background:#ffffff0f}.txn-action-menu-item.danger{color:#ef4444}.txn-action-menu-item.danger:hover{background:#ef44441f}.txn-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:inset 0 0 15px #ffffff0d;flex-shrink:0}.txn-category-text{font-size:1.1rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-note-text{font-size:.9rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-time-text{font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.txn-amount-text{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.txn-amount-text.income{color:#10b981}.txn-amount-text.expense{color:#ef4444}.action-icon-btn,.action-icon-btn-sm{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.action-icon-btn-sm{width:32px;height:32px;border-radius:8px;background:transparent;border:none}.action-icon-btn:hover,.action-icon-btn-sm:hover{background:#ffffff14;color:var(--color-text)}.action-icon-btn.delete:hover,.action-icon-btn-sm.delete:hover{background:#ef44441a;color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.overview-stats-grid{grid-template-columns:1fr;gap:1rem}.transactions-table-header{display:none}.transactions-container-box{padding:0;background:transparent;border:none}.transaction-row{grid-template-columns:50px 1fr auto 40px;gap:.75rem;padding:1.25rem 1rem;background:var(--color-glass);border:1px solid var(--color-border-subtle);border-radius:16px;margin-bottom:.75rem}.transaction-row:last-child{margin-bottom:0}.txn-icon-wrapper{width:44px;height:44px;font-size:1.25rem}.txn-category-text{font-size:1rem}.txn-note-text{font-size:.85rem}.txn-amount-text{font-size:1.1rem}.txn-category-header{gap:.4rem}.txn-category-type-tag{font-size:.6rem;padding:.15rem .4rem}.txn-action-menu{min-width:150px;top:100%}.action-icon-btn-sm{width:44px;height:44px}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-card{width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;padding:1.5rem;background:linear-gradient(180deg,#1a1f2e,#111520);border-radius:20px;border:1px solid rgba(255,255,255,.1);position:relative;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.modal-card h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-header h2{margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.modal-close:hover{background:#ffffff26;color:#fff}.transaction-form{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem;flex:1}.transaction-form .input-wrapper{margin-bottom:0}.transaction-form .input{padding:.875rem 1rem;font-size:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;width:100%;outline:none;transition:all .2s}.transaction-form .input:focus{border-color:var(--color-primary);background:#00a3ff0d}.transaction-form .input-label{font-size:.8rem;font-weight:600;margin-bottom:.4rem;color:var(--color-text-muted)}.input-wrapper{display:flex;flex-direction:column}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);background:transparent}.type-selector{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:12px}.type-option{flex:1;padding:.75rem 1rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--color-text-muted)}.type-option:hover{background:#ffffff1a;color:#fff}.type-option.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00a3ff4d}.type-option.active.expense{background:var(--color-expense);box-shadow:0 2px 8px #ef44444d}.type-option.active.income{background:var(--color-income);box-shadow:0 2px 8px #10b9814d}.category-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.category-type-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text-main);font-size:.95rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300A3FF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all .2s ease}.category-type-select:hover{background-color:#ffffff14;border-color:#fff3}.category-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00a3ff26}.category-type-select option{background:#0b1220;color:#fff;padding:.75rem}.category-type-desc{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem;text-align:left;padding-left:.25rem}.category-type-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text);cursor:pointer;transition:all .25s ease;font-size:.85rem;font-weight:600;justify-content:center;text-transform:capitalize}.category-type-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.category-type-btn.active{border-color:var(--color-primary);background:linear-gradient(135deg,#00a3ff33,#00a3ff14);box-shadow:0 0 15px #00a3ff33,0 4px 12px #00000026}.category-type-btn .cat-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.date-time-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.category-type-desc{font-size:.75rem;color:var(--color-text-muted);margin-top:.5rem;text-align:center}@media(max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-card{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;padding:1.25rem}.category-type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.filter-bar-enhanced{padding:.75rem;gap:.75rem}.transactions-filters{flex-wrap:wrap;width:100%}.filter-btn{flex:1;min-width:calc(50% - .25rem);padding:.5rem .75rem!important;font-size:.8rem!important}.sort-controls{width:100%;justify-content:space-between}.sort-select{font-size:.8rem;max-width:60%}.page-header h1{font-size:1.1rem}.btn-add-transaction{width:100%;justify-content:center}.overview-stats-grid{grid-template-columns:1fr;gap:var(--grid-gap)}.stat-card{padding:var(--card-padding)}.stat-value{font-size:1.4rem}}.automation-row{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);display:grid;grid-template-columns:80px 2fr 1.5fr 1.5fr 60px;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-left:4px solid transparent}.automation-row:hover{background:#ffffff0f;border-color:#00a3ff33;border-left-color:var(--color-primary);transform:translate(6px);box-shadow:0 10px 30px #0000004d}.automation-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#00a3ff1a;border-radius:12px;color:var(--color-primary);box-shadow:0 4px 12px #0000a31a}.automation-col{display:flex;flex-direction:column;gap:10px}.automation-col.center{align-items:flex-start;text-align:left}.automation-col .main-text{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.01em}.automation-col .sub-text{font-size:.9rem;color:#9ca3af;font-weight:400}.automation-col .freq-value{font-size:1.2rem;text-transform:lowercase;color:#fff;font-weight:400}.automation-col .type-value{font-size:1.2rem;color:#fff;font-weight:400}.automation-actions-vertical{display:flex;flex-direction:column;gap:14px;align-items:flex-end}.icon-btn-minimal{background:none;border:none;color:#ffffff40;cursor:pointer;padding:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn-minimal:hover{color:#fff;transform:scale(1.15) rotate(5deg)}.icon-btn-minimal.delete:hover{color:#ef4444}@media(max-width:1024px){.automation-row{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg)}.automation-icon-wrapper{display:none}.automation-actions-vertical{flex-direction:row;gap:var(--spacing-md)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px dashed rgba(255,255,255,.1);border-radius:24px;margin:1rem 0;min-height:320px}.empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#00a3ff26,#00a3ff0d);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0003,0 0 20px #00a3ff26;border:1px solid rgba(0,163,255,.2)}.empty-state h3{font-size:1.35rem;font-weight:700;color:var(--color-text-main);margin:0 0 .5rem}.empty-state p{color:var(--color-text-muted);font-size:.95rem;max-width:320px;margin:0 0 1.5rem;line-height:1.5}.empty-state .btn{min-width:160px}@media(max-width:480px){.empty-state{padding:2rem 1.25rem;min-height:280px}.empty-icon{width:64px;height:64px;font-size:2rem}.empty-state h3{font-size:1.15rem}.empty-state p{font-size:.875rem}}.transactions-skeleton{padding:2rem 0;animation:pulse 1.5s ease-in-out infinite}.transactions-skeleton .skeleton-header{margin-bottom:2rem}.transactions-skeleton .skeleton-title{width:50%;height:2rem;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem}.transactions-skeleton .skeleton-subtitle{width:30%;height:1rem;background:#ffffff14;border-radius:4px}.transactions-skeleton .skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.transactions-skeleton .skeleton-stat-card{height:80px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.transactions-skeleton .skeleton-list{display:flex;flex-direction:column;gap:1rem}.transactions-skeleton .skeleton-transaction{height:80px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.transactions-skeleton .skeleton-stats{grid-template-columns:1fr}}.smart-ai-hide{display:none!important}.smart-ai-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}.smart-ai-input-card{padding:0!important;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden}.smart-input-container{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);min-height:60px;gap:var(--spacing-sm);width:100%;position:relative;background:#03071266}.ai-icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0;z-index:2}.smart-text-input{flex:1;background:transparent;border:none;color:var(--color-text-main);font-size:1.05rem;padding:var(--spacing-sm) 0;outline:none;min-width:0;z-index:2}.smart-text-input::-moz-placeholder{color:var(--color-text-muted);opacity:.6;-moz-transition:all .3s ease;transition:all .3s ease}.smart-text-input::placeholder{color:var(--color-text-muted);opacity:.6;transition:all .3s ease}.action-buttons{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;z-index:2;padding-left:var(--spacing-sm)}.icon-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.icon-btn:hover:not(:disabled){background:#ffffff1a;color:var(--color-primary)}.icon-btn.listening{color:var(--color-expense);background:#ef44441a}.send-btn{background:var(--color-primary);color:#fff!important;border-radius:var(--radius-md);margin-left:4px}.send-btn:hover:not(:disabled){background:var(--color-primary-glow);filter:brightness(1.1)}.camera-btn,.mic-btn{color:var(--color-secondary)!important}.pulse-dot{width:10px;height:10px;background-color:var(--color-expense);border-radius:50%;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(1.2)}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.listening-indicator-text{font-size:.75rem;color:var(--color-expense);text-align:center;padding:4px 0;font-weight:600}.confirmation-message{padding:var(--spacing-md);background:#10b9810d;border-top:1px solid rgba(16,185,129,.1)}@media(max-width:600px){.smart-input-container{padding:var(--spacing-xs) var(--spacing-sm)}.action-buttons{gap:2px}.icon-btn{min-width:36px;min-height:36px;padding:6px}}@media(max-width:400px){.smart-ai-input-card{margin-bottom:1rem;border-radius:12px}.smart-input-container{padding:.5rem;min-height:52px}.smart-text-input{font-size:.95rem;padding:.375rem 0}.icon-btn{min-width:32px;min-height:32px;padding:4px}.icon-btn svg{width:18px;height:18px}}.goal-row-card{display:grid;grid-template-columns:1.35fr 1fr auto;grid-template-areas:"info progress actions" "tip tip tip";gap:20px 24px;align-items:center;padding:16px 20px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s}.goal-row-card>div:nth-child(1){grid-area:info}.goal-row-card>div:nth-child(2){grid-area:progress}.goal-row-card>.goal-row-actions{grid-area:actions}.goal-row-card>.goal-row-tip{grid-area:tip}.goal-row-card:hover{background:#ffffff12;border-color:#6366f133;transform:translate(4px)}@media(max-width:900px){.goal-row-card{grid-template-columns:1fr auto;grid-template-areas:"info actions" "progress progress" "tip tip";gap:16px}}.goal-row-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.goal-row-name{font-size:1.1rem;font-weight:800;color:#fffffff2;line-height:1.3;max-width:100%}.goal-row-badge{font-size:.65rem;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:999px;color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;white-space:nowrap}.goal-row-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#fff9;font-weight:600;font-size:.8rem}.goal-row-meta-item{display:inline-flex;gap:8px;align-items:center}.goal-row-meta-item svg{opacity:.9}.meta-date svg{color:var(--color-primary)!important;stroke:var(--color-primary)!important}.meta-target svg{color:var(--color-accent)!important;stroke:var(--color-accent)!important}.meta-saved svg{color:var(--color-income)!important;stroke:var(--color-income)!important}.goal-row-meta-subitem{color:#fff6!important;font-weight:400;transition:color .2s}.goal-row-card:hover .goal-row-meta-subitem{color:#ffffffd9}.goal-row-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.goal-row-progress-track{height:8px;border-radius:999px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.05)}.goal-row-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#60cfff,#00a3ff);transition:width .35s ease}.goal-row-progress-sub{margin-top:6px;color:#ffffff80;font-weight:600;font-size:.8rem}.goal-row-actions{display:flex;gap:10px;justify-content:flex-end}.goal-row-action{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;transition:all .2s}.goal-row-action:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.goal-row-tip{border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:-4px}.goal-row-tip-content{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#00a3ff0f;border:1px solid rgba(0,163,255,.12);border-radius:12px;color:#99d6ff;font-size:.85rem;font-weight:600;line-height:1.4}.tip-sparkle{color:#60cfff;filter:drop-shadow(0 0 4px rgba(96,207,255,.4))}.goals-widget-full{width:100%}.goals-widget-full .goal-row-card{display:grid;grid-template-columns:1.35fr 1fr auto;grid-template-areas:"info progress actions" "tip tip tip";gap:20px 24px;align-items:center;padding:16px 20px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s;width:100%;margin-bottom:12px}.goals-widget-full .goal-row-card:last-child{margin-bottom:0}.goals-widget-full .goal-row-card>div:nth-child(1){grid-area:info}.goals-widget-full .goal-row-card>div:nth-child(2){grid-area:progress}.goals-widget-full .goal-row-card>.goal-row-actions{grid-area:actions}.goals-widget-full .goal-row-card>.goal-row-tip{grid-area:tip;display:block}.goals-widget-full .goal-row-card:hover{background:#ffffff12;border-color:#6366f133;transform:translate(4px)}.streak-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.streak-header{display:flex;justify-content:space-between;align-items:flex-start}.streak-title h3{font-size:1.5rem;font-weight:800;margin-top:.25rem}.streak-icon-wrapper{padding:.75rem;border-radius:1rem;background:#ffffff0d;color:var(--text-secondary)}.streak-icon-wrapper.active{background:#ef444426;color:#ef4444;box-shadow:0 0 20px #ef444433}.flame-icon{filter:drop-shadow(0 0 5px currentColor)}.streak-message{font-size:.875rem;line-height:1.5;color:var(--text-primary)}.streak-message.inactive{color:var(--text-secondary)}.badge-container{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:9999px;background:color-mix(in srgb,var(--badge-color),transparent 85%);color:var(--badge-color);border:1px solid rgba(255,255,255,.1);border:1px solid color-mix(in srgb,var(--badge-color),transparent 70%);font-size:.75rem;font-weight:600}.badge-icon{display:flex;align-items:center;justify-content:center}.progress-bar-container{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1)}.streak-icon-wrapper.active .flame-icon{animation:flame-pulse 2s infinite ease-in-out}@keyframes flame-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.confirm-modal-overlay{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.confirm-modal{background:#111827;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:2.5rem 2rem 2rem;width:90%;max-width:400px;position:relative;text-align:center}.confirm-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.confirm-modal-close:hover{background:#ffffff0d;color:var(--color-text)}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;margin:0 auto 1.5rem}.confirm-modal-icon.danger{background:#ef44441a;color:#ef4444}.confirm-modal-icon.warning{background:#f59e0b1a;color:#f59e0b}.confirm-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.confirm-modal-message{color:var(--color-text-muted);line-height:1.6;margin-bottom:2rem}.confirm-modal-footer{display:flex;gap:1rem;justify-content:center}.confirm-modal-footer button{flex:1;min-width:120px}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dashboard-container{max-width:1200px;margin:0 auto;padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.greeting-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.greeting-name{color:var(--color-primary);font-weight:800;word-wrap:break-word}.balance-amount{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;margin:0;letter-spacing:-.05em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.balance-amount{font-size:clamp(1.5rem,8vw,2rem)}.main-grid{gap:var(--grid-gap)}.dashboard-header{gap:1rem}.greeting-title{font-size:1.1rem}.greeting-subtitle{font-size:.85rem}}.balance-positive{color:var(--color-income)}.balance-negative{color:var(--color-expense)}.balance-label{font-size:clamp(.75rem,2vw,1rem);color:var(--color-text-muted);margin-top:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.projection-alert{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:-moz-fit-content;width:fit-content;max-width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}@media(min-width:640px){.projection-alert{padding:1.25rem 1.5rem;margin-top:1.5rem}}.projection-alert:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:0 4px 4px 0}.projection-success{background:#00a3ff14;border:1px solid rgba(0,163,255,.15)}.projection-success:before{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.projection-warning{background:#00a3ff14;border:1px solid rgba(0,163,255,.15)}.projection-warning:before{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.projection-icon{font-size:1.25rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.2));flex-shrink:0}.projection-text{font-size:clamp(.8rem,2vw,1rem);color:var(--color-text);font-weight:500;line-height:1.4;word-wrap:break-word}.projection-text .highlight,.projection-text .highlight-danger{color:var(--color-primary);font-weight:700}.text-success{color:var(--color-income)}.text-danger{color:var(--color-expense)}.header-actions{display:flex;gap:.75rem;width:100%}@media(min-width:480px){.header-actions{width:auto}}.btn-add-txn{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:.75rem 1.25rem;border-radius:12px;min-height:44px;flex:1}@media(min-width:480px){.btn-add-txn{flex:none;padding:.75rem 1.5rem}}.category-breakdown{margin-bottom:2rem}.breakdown-card{padding:var(--card-padding)}@media(min-width:768px){.breakdown-card{padding:var(--card-padding-desktop)}}.dashboard-section-mb{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}@media(min-width:768px){.section-header{margin-bottom:1.5rem}}.title-group h2{margin:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;word-wrap:break-word}.section-subtitle{margin:0;color:var(--color-text-muted);font-size:clamp(.75rem,2vw,.875rem)}.range-toggle{display:flex;background:#ffffff0d;padding:4px;border-radius:10px;overflow-x:auto}.toggle-btn{padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);transition:all .2s;border:none;background:transparent;cursor:pointer;white-space:nowrap}@media(min-width:640px){.toggle-btn{padding:6px 16px;font-size:.875rem}}.toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #00a3ff4d}.main-grid{display:flex;flex-direction:column;gap:var(--grid-gap);margin-top:2rem;width:100%}@media(min-width:768px){.main-grid{gap:var(--grid-gap-desktop)}}.goals-widget-full{width:100%;margin-top:1.5rem}.goals-widget-full .dashboard-card{width:100%}.activity-section{display:flex;flex-direction:column;gap:var(--grid-gap)}.activity-section .section-header{padding:0 .5rem}@media(min-width:768px){.activity-section{gap:var(--grid-gap-desktop)}}.transaction-list{display:flex;flex-direction:column;gap:var(--grid-gap)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;transition:transform .2s,background-color .2s;gap:12px;min-height:64px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}@media(max-width:400px){.transaction-item{padding:.75rem;gap:.375rem}.txn-icon{width:36px;height:36px;min-width:36px;font-size:1.1rem}.txn-name{font-size:.85rem}.txn-date{font-size:.7rem}.txn-amount{font-size:.85rem}}.transaction-item:hover{transform:translate(4px);background-color:#ffffff0a;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a}.txn-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}@media(min-width:480px){.txn-left{gap:1rem}}.txn-icon{font-size:1.25rem;width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}@media(min-width:480px){.txn-icon{font-size:1.5rem;width:48px;height:48px;min-width:48px;border-radius:12px}}.txn-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.txn-name{font-weight:600;margin:0;font-size:clamp(.875rem,2vw,1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.category-tag{font-size:.6rem;font-weight:600;text-transform:uppercase;padding:.35rem .65rem;border-radius:4px;letter-spacing:.5px;background:#ffffff1a;color:var(--color-text-muted);border:1px solid;box-shadow:0 0 3px currentColor;margin-left:.5rem}.txn-date{font-size:.75rem;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-amount{font-weight:700;font-size:clamp(.9rem,2.5vw,1.125rem);text-align:right;white-space:nowrap}.text-income{color:var(--color-income)}.text-expense{color:var(--color-expense)}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delay-50{animation-delay:.05s}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}@media(max-width:968px){.dashboard-container{padding:0}.main-grid{grid-template-columns:1fr;gap:var(--grid-gap)}.balance-amount{font-size:clamp(2rem,8vw,2.75rem)}}@media(max-width:640px){.dashboard-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-add-txn{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.transaction-item:hover{transform:none;background-color:transparent}.transaction-item:active{background-color:#ffffff0a}.btn-add-txn,.toggle-btn,.nav-link{min-height:44px}}.dashboard-skeleton{padding:2rem 0;animation:pulse 1.5s ease-in-out infinite}.skeleton-header{margin-bottom:1.5rem}.skeleton-title{width:60%;height:2rem;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem}.skeleton-subtitle{width:40%;height:1rem;background:#ffffff14;border-radius:4px}.skeleton-balance{width:80%;height:4rem;background:#ffffff0d;border-radius:8px;margin-bottom:2rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.skeleton-card{height:150px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg)}.pie-chart{width:280px;height:280px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;position:relative;box-shadow:0 8px 30px #0000004d;animation:pieReveal 1s ease-out}@keyframes pieReveal{0%{transform:scale(.8) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.pie-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;aspect-ratio:1 / 1;max-width:80%;max-height:80%;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000080;padding:var(--spacing-sm)}.pie-chart-total{text-align:center}.pie-total-label{font-size:.875rem;color:var(--color-text-muted);margin:0 0 .25rem}.pie-total-amount{font-size:clamp(1rem,5vw,1.75rem);font-weight:700;color:var(--color-primary);margin:0;word-break:break-all;max-width:120px;line-height:1.1}.pie-chart-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.pie-legend{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:400px}.pie-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);transition:all .3s ease}.pie-legend-item:hover{background:#ffffff14;transform:translate(4px)}.pie-legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pie-legend-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.pie-legend-icon{font-size:1.25rem}.pie-legend-label{font-weight:600;color:var(--color-text)}.pie-legend-values{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.pie-legend-percent{font-size:.875rem;font-weight:700;color:var(--color-primary)}.pie-legend-amount{font-size:.75rem;color:var(--color-text-muted)}@media(max-width:480px){.pie-chart{width:250px;height:250px}.pie-chart-center{width:125px;height:125px;aspect-ratio:1 / 1}.pie-total-amount{font-size:1.35rem}.pie-chart-container{padding:var(--spacing-md)}}@media(min-width:768px){.pie-chart-container{flex-direction:row;justify-content:space-around;align-items:center}.pie-chart{width:320px;height:320px}.pie-chart-center{width:160px;height:160px;aspect-ratio:1 / 1}}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-xl);text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:32px;margin:var(--spacing-xl) 0;min-height:380px}.no-data-icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl);color:var(--color-primary);box-shadow:0 8px 32px #0003,0 0 15px #00a3ff26;border:1px solid rgba(255,255,255,.05)}.no-data-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-main)}.no-data-description{color:var(--color-text-muted);font-size:1rem;max-width:300px;margin-bottom:var(--spacing-xl);line-height:1.5}.no-data-action{min-width:180px}.budget-page{max-width:1200px;margin:0 auto;padding:0}.page-header{margin-bottom:2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--grid-gap);margin-top:1.5rem}@media(min-width:768px){.categories-grid{gap:var(--grid-gap-desktop)}}.category-card{padding:var(--card-padding)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.category-info{display:flex;align-items:center;gap:var(--spacing-sm)}.category-color{width:16px;height:16px;border-radius:50%}.category-info h3{margin:0;font-size:1.125rem}.category-actions{display:flex;gap:var(--spacing-xs)}.category-stats{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.stat-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.stat-row .amount{color:var(--color-text-main);font-weight:600}.stat-row .amount.over-budget{color:var(--color-expense)}.progress-container{height:8px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-fill.over-budget{background:var(--color-expense)}.progress-text{font-size:.75rem;color:var(--color-text-muted);text-align:center}.over-text{color:var(--color-expense);font-weight:600}.category-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-picker{width:100%;height:50px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);cursor:pointer}@media(max-width:768px){.budget-page{padding:var(--spacing-md)}.categories-grid{grid-template-columns:1fr;gap:var(--grid-gap)}.category-card{padding:var(--card-padding);margin:0;border-radius:12px}.category-info h3{white-space:normal;overflow-wrap:break-word;max-width:150px}.stat-row{flex-direction:row;flex-wrap:wrap}}@media(max-width:480px){.category-info h3{max-width:160px}}@media(max-width:400px){.budget-page{padding:var(--spacing-sm)}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header h1{font-size:1.1rem}.categories-grid{gap:.75rem}.category-card{padding:1rem}.category-info h3{max-width:120px;font-size:.95rem}.budget-amount{font-size:1rem}.progress-bar{height:8px}}.goals-section{margin-bottom:var(--spacing-xl)}.goals-card{padding:var(--spacing-lg)}.goals-card .section-header{margin-bottom:var(--spacing-lg)}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--grid-gap)}@media(min-width:768px){.goals-grid{gap:var(--grid-gap-desktop)}}.goal-item{display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-info{display:flex;justify-content:space-between;align-items:center}.goal-label{font-size:.875rem;color:var(--color-text-muted)}.goal-value{font-size:1.25rem;font-weight:700;color:var(--color-text-main)}.goal-input{max-width:150px;text-align:right}.goal-progress-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.goal-progress-bar{height:10px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.goal-progress-fill{height:100%;transition:width .5s ease-out}.goal-progress-fill.income{background:linear-gradient(90deg,#10b981,#34d399)}.goal-progress-fill.savings{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.goal-stats{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.budget-skeleton{padding:2rem 0;animation:pulse 1.5s ease-in-out infinite}.budget-skeleton .skeleton-header{margin-bottom:2rem}.budget-skeleton .skeleton-title{width:60%;height:2rem;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem}.budget-skeleton .skeleton-subtitle{width:40%;height:1rem;background:#ffffff14;border-radius:4px}.budget-skeleton .skeleton-goals{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.budget-skeleton .skeleton-goal-card{height:120px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.budget-skeleton .skeleton-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap)}.budget-skeleton .skeleton-category-card{height:180px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.budget-skeleton .skeleton-goals{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dropdown-container{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:8px;white-space:nowrap}.dropdown-chevron{transition:transform .2s ease}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;min-width:200px;overflow:hidden;animation:fadeIn .1s ease-out}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:#d1d5db;font-size:.875rem;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#374151;color:#fff}.dropdown-item-icon{color:#9ca3af}.dropdown-item:hover .dropdown-item-icon{color:#60a5fa}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calendar-charts-section{display:block;margin-top:2rem;width:100%}.wide-card{width:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}@media(max-width:640px){.chart-header{margin-bottom:1rem}}.chart-title{display:flex;align-items:center;gap:.75rem}.chart-title h3{margin:0;font-size:1rem;font-weight:700}@media(min-width:640px){.chart-title h3{font-size:1.25rem}}.time-range-toggle{display:flex;background:#ffffff0d;padding:.25rem;border-radius:.75rem;width:-moz-fit-content;width:fit-content}.time-range-toggle button{padding:.4rem .75rem;border:none;background:none;color:var(--text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;border-radius:.5rem;transition:all .2s;white-space:nowrap}@media(min-width:640px){.time-range-toggle button{padding:.4rem 1rem;font-size:.8rem}}.time-range-toggle button.active{background:var(--bg-card);color:var(--color-primary);box-shadow:0 2px 8px #0003}.filter-chips{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.25rem 0;width:100%;max-width:100%}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:.3rem .5rem;border-radius:2rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.6rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}@media(min-width:640px){.filter-chip{padding:.4rem .8rem;font-size:.75rem}}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.trend-chart-container{position:relative;width:100%;height:auto;min-height:200px;padding:.5rem .25rem 2rem;background:#ffffff03;border-radius:var(--radius-lg)}@media(min-width:640px){.trend-chart-container{min-height:280px;padding:1rem .5rem 2.5rem}}.area-chart{width:100%;height:auto;min-height:180px;display:block}@media(min-width:640px){.area-chart{min-height:260px}}.grid-line{stroke:#ffffff1a;stroke-width:1;stroke-dasharray:4,4}.grid-label{fill:#ffffffb3;font-size:11px;font-weight:600}@media(min-width:640px){.grid-label{font-size:12px}}.chart-marker{transition:all .3s ease;cursor:pointer}.chart-marker:hover{r:6;fill:#fff}.chart-x-axis{display:flex;justify-content:space-between;padding:.75rem .5rem 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.08)}@media(min-width:640px){.chart-x-axis{padding:1rem .75rem 0;font-size:.85rem}}.chart-tooltip{position:absolute;width:calc(100% - 2rem);max-width:200px;left:1rem;top:1rem;background:#1a1f2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.75rem;z-index:100;box-shadow:0 10px 30px #00000080}@media(min-width:768px){.chart-tooltip{top:20px;right:20px;left:auto;width:200px;padding:1rem}}.tooltip-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.tooltip-header strong{font-size:1.1rem}.tooltip-header span{font-size:.7rem;color:var(--text-secondary)}.tooltip-txn{margin-bottom:.75rem}.txn-title{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.txn-note{font-size:.75rem;color:var(--text-secondary);margin:.2rem 0 0;font-style:italic}.more-txns{font-size:.7rem;color:var(--text-secondary);text-align:center;margin:0}@media(max-width:768px){.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-chips{width:100%;overflow-x:auto;padding-bottom:.5rem}.chart-tooltip{width:calc(100% - 40px);top:auto;bottom:80px}}.reports-page{max-width:1200px;margin:0 auto;padding:0}.page-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1}.page-subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:.95rem;font-weight:500}.filter-bar{display:flex;gap:1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end;background:var(--color-surface);border-radius:1rem}.reports-tabs{display:flex;gap:.75rem;margin-bottom:2rem;padding:0}.reports-tabs .tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reports-tabs .tab-btn:hover{background:#ffffff14;color:var(--color-text)}.reports-tabs .tab-btn.active{background:linear-gradient(135deg,var(--color-primary),#2563eb);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 15px #00a3ff4d}@media(max-width:768px){.reports-tabs{padding:0;margin-bottom:var(--spacing-lg)}.reports-tabs .tab-btn{flex:1;justify-content:center;padding:var(--spacing-md);font-size:.85rem}}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.filter-group label{color:var(--color-text);font-size:.9375rem;cursor:pointer;transition:all .2s;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%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 .75rem center;background-size:1rem}.filter-group select:hover{border-color:#fff3;background-color:#ffffff14}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--grid-gap)}@media(min-width:768px){.reports-grid{gap:var(--grid-gap-desktop)}}.summary-card{padding:var(--card-padding)}@media(min-width:768px){.summary-card{padding:var(--card-padding-desktop)}}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.card-icon{width:20px;height:20px}.card-icon.income{color:var(--color-income)}.card-icon.expense{color:var(--color-expense)}.card-value{font-size:2rem;font-weight:700;margin:0}.chart-card{padding:var(--card-padding);grid-column:span 2}@media(min-width:768px){.chart-card{padding:var(--card-padding-desktop)}}.chart-card h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.empty-text{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.category-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all .2s}.category-bar-item:hover{background:#ffffff05;transform:translate(4px)}.bar-label{display:flex;justify-content:space-between;font-size:.875rem}.bar-amount{color:var(--color-text-muted);font-weight:600}.bar-container{height:8px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.trend-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.trend-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);transition:all .2s}.trend-item:hover{background:#ffffff08;transform:translate(2px)}.trend-label{color:var(--color-text-muted)}.trend-value{font-weight:600;color:var(--color-text-main)}@media(max-width:768px){.reports-page{padding:0}.chart-card{grid-column:span 1}}.calendar-summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);margin-bottom:1.5rem}@media(min-width:768px){.summary-small-grid{gap:var(--grid-gap-desktop)}}.summary-card-small{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);padding:var(--card-padding);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.25rem}.summary-card-small .summary-label{font-size:.8rem;color:var(--color-text-muted)}.summary-card-small .summary-amount{font-size:1.25rem;font-weight:700;color:var(--color-text)}.summary-card-small .summary-amount.income{color:#10b981}.summary-card-small .summary-amount.expense{color:#ef4444}@media(max-width:640px){.calendar-summary-section{grid-template-columns:1fr}}@media(max-width:400px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:1rem}.page-header h1{font-size:1.1rem}.filter-bar{padding:1rem;gap:1rem}.filter-group{min-width:100%}.reports-tabs{overflow-x:auto;scrollbar-width:none}.reports-tabs::-webkit-scrollbar{display:none}.reports-tabs .tab-btn{min-width:100px;padding:.75rem;font-size:.8rem}.calendar-summary-section{gap:.75rem}.summary-card-small{padding:1rem}.summary-card-small .summary-amount{font-size:1.1rem}}.view-toggle-container{display:flex;justify-content:center;margin-bottom:1.5rem}.view-toggle{display:inline-flex;background:#ffffff0d;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.view-toggle button{padding:.6rem 1.5rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.view-toggle button.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 10px #00a3ff4d}.view-toggle button:hover:not(.active){color:var(--color-text)}@media(max-width:640px){.view-toggle button{padding:.5rem 1rem;font-size:.85rem}}.day-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.day-popup{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg-elevated) 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.day-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.day-popup-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:var(--color-text)}.day-popup-summary{display:flex;gap:1rem;padding:1rem 1.25rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.day-popup-summary .summary-item{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:8px;background:#ffffff08}.day-popup-summary .summary-item span:first-child{font-size:.75rem;color:var(--color-text-muted)}.day-popup-summary .summary-item span:last-child{font-size:1.1rem;font-weight:700}.day-popup-summary .summary-item.income span:last-child{color:#10b981}.day-popup-summary .summary-item.expense span:last-child{color:#ef4444}.day-popup-transactions{padding:1rem 1.25rem;overflow-y:auto;flex:1}.popup-txn-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.popup-txn-row:last-child{border-bottom:none}.popup-txn-row .txn-info{display:flex;flex-direction:column;gap:.2rem}.popup-txn-row .txn-category{font-weight:600;font-size:.9rem;color:var(--color-text)}.popup-txn-row .txn-note{font-size:.75rem;color:var(--color-text-muted)}.popup-txn-row .txn-amount{font-weight:600;font-size:.9rem}.popup-txn-row .txn-amount.income{color:#10b981}.popup-txn-row .txn-amount.expense{color:#ef4444}.no-txns{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:.9rem}.calendar-page{max-width:1200px;margin:0 auto;padding:0 0 2rem}.page-header{padding:0;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);line-height:1.1;letter-spacing:-.02em}.calendar-container{padding:0!important;overflow:hidden;background:var(--color-surface);border-radius:1rem}.calendar-header-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);gap:.75rem;flex-wrap:wrap}@media(min-width:640px){.calendar-header-controls{padding:1.25rem 1.5rem}}.calendar-nav-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:var(--text-secondary);transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.calendar-nav-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.current-month{font-size:clamp(1rem,3vw,1.25rem);font-weight:600;color:var(--text-primary);text-align:center;flex:1}.calendar-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(min-width:640px){.calendar-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}}.summary-card{background-color:var(--bg-card);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);display:flex;flex-direction:column}.summary-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.summary-amount{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-amount.income{color:var(--success-color, #10B981)}.summary-amount.expense{color:var(--error-color, #EF4444)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-collapse:collapse}.weekday-header{text-align:center;padding:1rem .5rem;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);font-size:.875rem}.calendar-cell{min-height:120px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:.5rem;position:relative;background-color:var(--bg-card);display:flex;flex-direction:column;justify-content:flex-start;transition:background-color .2s}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.other-month{background-color:var(--bg-secondary);opacity:.6}.calendar-cell.today{background-color:#6366f10d}.calendar-cell.has-data:hover{background-color:var(--bg-hover);cursor:pointer}.day-number{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.calendar-cell.today .day-number span{background-color:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.daily-summary{display:flex;flex-direction:column;gap:4px;flex:1}.daily-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin-top:auto}.daily-income{font-size:.75rem;font-weight:600;color:var(--success-color, #10B981)}.daily-expense{font-size:.75rem;font-weight:600;color:var(--error-color, #EF4444)}.category-bars{display:flex;height:6px;width:100%;background-color:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:2px}.category-bar{height:100%;transition:width .3s ease}.recurring-preview{margin-top:auto;display:flex;flex-direction:column;gap:2px;opacity:.7}.recurring-item{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-secondary);padding:1px 2px;border:1px dashed var(--border-color);border-radius:3px;background-color:#ffffff05}.recurring-dot{width:6px;height:6px;border-radius:50%}.recurring-amount{font-family:monospace}@media(max-width:768px){.calendar-cell{min-height:80px;padding:.25rem}.daily-total{font-size:.75rem}.category-bars{height:4px}.recurring-item{font-size:.6rem}.weekday-header{font-size:.75rem;padding:.5rem .25rem}}.calendar-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calendar-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:420px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:1}.modal-date{display:flex;align-items:center;gap:.75rem;color:var(--primary-color)}.modal-date h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.calendar-modal-summary{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-summary-item{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:12px;background:#ffffff08}.modal-summary-item svg{flex-shrink:0}.modal-summary-item.income svg{color:var(--success-color, #10B981)}.modal-summary-item.expense svg{color:var(--error-color, #EF4444)}.modal-summary-item div{display:flex;flex-direction:column;gap:2px}.modal-summary-item .label{font-size:.75rem;color:var(--text-secondary)}.modal-summary-item .amount{font-size:1.1rem;font-weight:700}.modal-summary-item.income .amount{color:var(--success-color, #10B981)}.modal-summary-item.expense .amount{color:var(--error-color, #EF4444)}.calendar-modal-transactions,.calendar-modal-breakdown{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.calendar-modal-transactions:last-child,.calendar-modal-breakdown:last-child{border-bottom:none}.calendar-modal-transactions h4,.calendar-modal-breakdown h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.modal-txn-list{display:flex;flex-direction:column;gap:.75rem}.modal-txn-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff08;border-radius:10px}.txn-main{display:flex;flex-direction:column;gap:2px}.txn-category{font-weight:600;font-size:.9rem;color:var(--text-primary)}.txn-note{font-size:.75rem;color:var(--text-secondary);font-style:italic}.txn-amount{font-weight:700;font-size:.95rem}.txn-amount.income{color:var(--success-color, #10B981)}.txn-amount.expense{color:var(--error-color, #EF4444)}.calendar-modal-empty{padding:2rem 1.5rem;text-align:center;color:var(--text-secondary)}.calendar-modal-empty p{margin:0;font-size:.9rem}.breakdown-bars{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;flex-direction:column;gap:.35rem}.breakdown-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.breakdown-label span:last-child{font-weight:600;color:var(--text-primary)}.breakdown-bar-bg{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}@media(max-width:480px){.calendar-modal{max-height:90vh;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.calendar-modal-overlay{align-items:flex-end;padding:0}.calendar-modal-summary{flex-direction:column;gap:.75rem}}@media(max-width:400px){.calendar-day{min-width:36px;min-height:36px;font-size:.75rem}.calendar-header{gap:.25rem}.calendar-day-label{font-size:.7rem}.day-amount{font-size:.65rem}.calendar-nav{gap:.5rem}.calendar-nav-btn{width:32px;height:32px}}.ai-coach-page{max-width:1200px;width:100%;margin:0 auto;height:80vh;max-height:80vh;min-height:600px;display:flex;flex-direction:column}.ai-lock-card{margin-top:1rem;border:1px solid rgba(245,158,11,.35);background:linear-gradient(180deg,#f59e0b1f,#020617bf);border-radius:16px;padding:1.25rem;color:#e2e8f0;max-width:720px}.ai-lock-card h3{margin:0 0 .45rem;color:#f8fafc;font-size:1.1rem}.ai-lock-card p{margin:0 0 1rem;line-height:1.5;color:#cbd5e1}.ai-lock-cta{border:none;background:var(--color-primary);color:#fff;padding:.65rem 1rem;border-radius:10px;font-weight:700;cursor:pointer}.ai-lock-cta:hover{filter:brightness(1.06)}.compact-header{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0;flex-shrink:0}.compact-header .goals-title h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1}.compact-header .goals-title p{color:var(--color-text-muted);margin-top:.35rem;font-size:.95rem;font-weight:500}.chat-interface{flex:1;display:flex;flex-direction:column;background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;position:relative;box-shadow:0 -4px 32px #0003;min-height:0}.messages-area{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message{display:flex;gap:var(--spacing-sm);max-width:92%;animation:fadeIn .3s ease}.message.user{align-self:flex-end;justify-content:flex-end}.message.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-avatar.bot{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.message-avatar.user{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3);order:2}.message.user .message-content-wrapper{align-items:flex-end;order:1}.message-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.message-bubble{padding:10px 14px;border-radius:12px;font-size:.95rem;line-height:1.5;position:relative;overflow-wrap:anywhere;word-break:normal;max-width:100%}.message.assistant .message-bubble{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-top-left-radius:4px}.message.user .message-bubble{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #4f46e54d;border-top-right-radius:4px}.voice-floating-toggle{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:100}.voice-toggle-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e293b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.voice-toggle-btn:hover{background:#1e293be6;border-color:var(--color-primary);color:var(--color-white)}.voice-toggle-btn.enabled{color:var(--color-primary);border-color:#4f46e54d}.voice-toggle-btn.disabled{color:#ef4444}.markdown-content p{margin-bottom:.5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul{margin-left:1.2rem;margin-bottom:.5rem}.markdown-content h2,.markdown-content h3{font-size:1rem;font-weight:600;margin:.8rem 0 .4rem;color:#e2e8f0}.markdown-content strong{color:#f8fafc;font-weight:600}.message-actions{opacity:1;margin-left:4px;margin-top:4px}.speak-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);cursor:pointer;padding:6px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:.75rem;transition:all .2s}.speak-btn:hover{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.speak-btn.active{color:var(--color-white);background:var(--color-accent);border-color:var(--color-accent);animation:pulse 2s infinite}.typing-bubble{padding:12px 20px}.typing{display:flex;gap:6px}.typing span{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing span:nth-child(1){animation-delay:-.32s}.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ai-suggestions{padding:0 var(--spacing-lg) var(--spacing-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;flex-shrink:0}.chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);padding:6px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.chip:hover{background:#ffffff1a;border-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.input-area-wrapper{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.05);background:#0f172af2;flex-shrink:0;z-index:10;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.input-area{display:flex;gap:8px;align-items:flex-end;position:relative;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px}.input-area:focus-within{border-color:var(--color-primary);background:#0000004d}.chat-textarea{flex:1;background:transparent;border:none;color:var(--color-white);padding:10px;font-family:inherit;font-size:.95rem;resize:none;min-height:44px;max-height:150px;line-height:1.5;overflow-y:auto}.chat-textarea:focus{outline:none}.chat-textarea::-moz-placeholder{color:var(--color-text-muted)}.chat-textarea::placeholder{color:var(--color-text-muted)}.mic-btn,.send-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);transition:all .2s;margin-bottom:4px}.mic-btn:hover{color:var(--color-white);background:#ffffff1a}.mic-btn.listening{color:#ef4444;background:#ef44441a;animation:pulse-red 1.5s infinite}.send-btn{color:var(--color-primary)}.send-btn:hover{background:var(--color-primary);color:#fff}.send-btn:disabled{color:var(--color-text-muted);cursor:not-allowed;background:transparent}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@media(max-width:768px){.ai-coach-page{padding:0;height:calc(100vh - 56px)}.chat-interface{border-radius:16px;border:none}.message{max-width:85%}.messages-area{padding:var(--spacing-sm)}.input-area-wrapper{padding:8px}.chip{font-size:.75rem;padding:4px 10px;white-space:nowrap}.ai-suggestions{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 var(--spacing-sm) 8px}}.invite-modal{width:100%;max-width:450px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;padding:24px}.invite-form-container{display:flex;flex-direction:column;gap:20px}.input-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:8px;display:block}.role-selector{display:flex;flex-direction:column;gap:8px}.role-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 16px;background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:12px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;gap:12px;text-align:left}.role-option:hover{background:#ffffff0d;color:var(--color-text-main)}.role-option.active{background:var(--color-primary-glow);border-color:var(--color-primary-glow);color:var(--color-text-main)}.role-option.active .role-title{color:var(--color-primary)}.role-option.active.admin{background:var(--color-primary-glow);border-color:var(--color-primary-glow)}.role-option.active.admin .role-title{color:var(--color-primary)}.role-title{font-weight:600;font-size:.95rem;margin-bottom:0}.role-desc{font-size:.8rem;opacity:.7;margin-left:auto}.permissions-list{display:flex;flex-direction:column;gap:12px;background:#0003;border:1px solid var(--color-border-subtle);border-radius:12px;padding:16px}.permission-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.permission-row .flex{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.permission-icon-wrapper{width:32px;height:32px;min-width:32px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.toggle-switch-custom{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch-custom input{opacity:0;width:0;height:0}.toggle-switch-custom .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-border-subtle);transition:.3s;border-radius:34px}.toggle-switch-custom .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch-custom input:checked+.slider{background-color:var(--color-primary)}.toggle-switch-custom input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}.toggle-switch-custom input:checked+.slider:before{transform:translate(20px)}.settings-page{padding:0 1rem 2.5rem;max-width:900px;margin:0 auto;animation:settingsFadeIn .5s cubic-bezier(.16,1,.3,1)}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}.workspace-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:12px;background:#00a3ff1f;border:1px solid rgba(0,163,255,.35);color:#fff;font-weight:700;box-shadow:0 10px 24px #00a3ff2e;line-height:1.1;font-size:.9rem}.workspace-pill-role{background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.settings-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1;background:none;-webkit-text-fill-color:currentColor}.settings-header .page-subtitle{color:var(--color-text-muted);margin-top:.35rem;font-size:.9rem;font-weight:500}.settings-tabs{display:flex;gap:.25rem;justify-content:center;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:6px;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.05rem;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1;justify-content:center}.settings-tab:hover{color:var(--color-text-main);background:#ffffff0f}.settings-tab.active{color:#fff;background:linear-gradient(135deg,var(--color-primary),#6b8bff);box-shadow:0 4px 16px var(--color-primary-glow)}.settings-tab svg{flex-shrink:0;width:18px;height:18px}.settings-content{animation:settingsSlideUp .35s cubic-bezier(.16,1,.3,1)}.settings-panel{display:flex;flex-direction:column;gap:1.25rem}.settings-card{padding:var(--card-padding)!important;background:var(--color-glass)!important;border:1px solid var(--color-border-subtle)!important;border-radius:16px!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px #00000047}@media(min-width:768px){.settings-card{padding:var(--card-padding-desktop)!important}}.card-icon-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;width:100%}.icon-circle{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a3ff26,#00a3ff0d);border-radius:10px;color:var(--color-primary);border:1px solid rgba(0,163,255,.2)}.icon-circle svg{width:18px;height:18px}.card-icon-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-main);text-align:left;line-height:1.2}.section-description{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.5}.profile-section .profile-content{display:flex;flex-direction:column;gap:2rem}.avatar-upload{position:relative;cursor:pointer;align-self:center}.avatar-image,.avatar-placeholder{width:110px;height:110px;border-radius:24px;-o-object-fit:cover;object-fit:cover;border:2px solid var(--color-primary-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar-upload:hover .avatar-image,.avatar-upload:hover .avatar-placeholder{border-color:var(--color-primary);transform:rotate(-2deg) scale(1.05)}.avatar-placeholder{background:linear-gradient(135deg,var(--color-primary),#007bbd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:700}.avatar-overlay{position:absolute;bottom:-6px;right:-6px;width:32px;height:32px;background:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid var(--color-bg-deep);box-shadow:0 4px 12px #0000004d}.profile-fields{display:flex;flex-direction:column;gap:1.25rem}.field-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.field-input{background:#0006!important;border:1px solid var(--color-border-subtle)!important;border-radius:12px!important;padding:.8rem 1rem!important;color:var(--color-text-main)!important;font-size:.95rem!important;transition:all .3s;width:100%}.field-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-glow)!important}.field-value{background:#0000004d;border:1px solid var(--color-border-subtle);border-radius:12px;padding:.8rem 1rem;color:var(--color-text-muted);font-size:.95rem}.preferences-grid{display:flex;flex-direction:column;gap:1rem}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#00000040;border:1px solid rgba(255,255,255,.03);border-radius:12px;gap:1rem;transition:all .2s}.preference-item:hover{background:#00000059;border-color:#ffffff0f}.preference-label{display:flex;align-items:center;gap:.625rem;color:var(--color-text-main);font-weight:600;font-size:.875rem;min-width:120px}.preference-label svg{color:var(--color-primary);flex-shrink:0;width:18px;height:18px}.preference-control{flex:1;display:flex;justify-content:flex-end}.currency-pills{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.currency-pill{padding:.45rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--color-text-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.currency-pill:hover{background:#ffffff12;border-color:#ffffff1a;color:var(--color-text-main)}.currency-pill.active{background:var(--color-primary);border-color:transparent;color:#fff;box-shadow:0 2px 10px var(--color-primary-glow)}.settings-select{padding:.6rem 2.25rem .6rem .875rem;background:#0006;border:1px solid var(--color-border-subtle);border-radius:10px;color:var(--color-text-main);font-size:.9rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300A3FF' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;min-width:150px;transition:all .2s}.settings-select:hover{border-color:#ffffff26}.settings-select:focus{outline:none;border-color:var(--color-primary)}.toggle-button{width:48px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:all .3s;padding:0}.toggle-button.off{background:#ffffff14}.toggle-button.on{background:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-button.on .toggle-knob{transform:translate(22px)}.workspace-content{display:flex;flex-direction:column;gap:1rem}.workspace-current{display:flex;align-items:center;justify-content:space-between;background:#0000004d;padding:1.25rem;border-radius:14px;border:1px solid var(--color-border-subtle)}.workspace-badge{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--color-text-main);font-size:1.05rem}.workspace-badge svg{color:var(--color-primary)}.role-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:var(--color-primary-glow);border:1px solid var(--color-primary-glow);border-radius:8px;font-size:.8rem;font-weight:700;color:var(--color-primary)}.invite-team-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;background:var(--color-primary)!important;box-shadow:0 4px 15px var(--color-primary-glow)!important;transition:all .25s ease!important}.invite-team-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--color-primary-glow)!important}.permission-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border:1px dashed var(--color-border-subtle);border-radius:12px;background:#ffffff08;color:var(--color-text-muted)}.permission-banner strong{color:var(--color-text-main);display:block;margin-bottom:.15rem;font-size:.9rem}.permission-subtext{font-size:.8rem;color:var(--color-text-muted)}.sent-invites-section{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--color-border-subtle)}.section-subtitle{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.invite-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--color-primary-glow);color:var(--color-primary);font-size:.7rem;font-weight:800;margin-left:.25rem}.sent-invites-list{display:flex;flex-direction:column;gap:.625rem}.sent-invite-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.sent-invite-row:hover{background:#ffffff0a;border-color:#ffffff1a}.invite-main{display:flex;flex-direction:column;gap:.25rem}.invite-email{font-weight:600;color:var(--color-text-main);font-size:.9rem}.invite-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.role-tag{font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-glow);padding:.2rem .6rem;border-radius:6px;text-transform:uppercase}.role-tag.mini,.status-tag.mini,.time-tag.mini{font-size:.65rem;padding:.15rem .4rem;border-radius:4px}.status-tag.mini,.status-pending{background:#f59e0b1a;color:#f59e0b}.status-accepted{background:#22c55e1f;color:#22c55e}.status-revoked{background:#ef44441f;color:#ef4444}.time-tag.mini{color:var(--color-text-muted);font-size:.65rem}.invite-actions{display:flex;gap:.4rem}.action-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--color-border-subtle);background:#0003;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.action-icon-btn:disabled{cursor:not-allowed;opacity:.55;border-color:var(--color-border-subtle);color:var(--color-text-muted);background:#ffffff0a}.action-icon-btn.delete:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.invitations-list{display:flex;flex-direction:column;gap:.75rem}.invitation-card{background:linear-gradient(135deg,var(--color-primary-glow),rgba(0,0,0,.2));border:1px solid var(--color-primary-glow);border-radius:14px;padding:var(--card-padding);display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.invitation-card{padding:var(--card-padding-desktop)}}.invitation-info{display:flex;align-items:center;gap:.75rem}.invitation-info svg{color:var(--color-primary);flex-shrink:0}.invitation-details{display:flex;flex-direction:column;gap:.15rem}.invitation-name{font-weight:700;color:var(--color-text-main);font-size:.95rem}.invitation-meta{font-size:.8rem;color:var(--color-text-muted)}.invitation-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.active-members-list{display:flex;flex-direction:column;gap:.625rem}.active-member-row{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.active-member-row:hover{background:#ffffff0a;border-color:#ffffff1a}.member-avatar-wrap{flex-shrink:0}.member-initials-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),#007bbd);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#fff;letter-spacing:.02em}.member-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.member-display-name{font-weight:600;color:var(--color-text-main);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email-sub{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-area{flex-shrink:0}.role-select-dropdown{padding:.3rem 1.8rem .3rem .65rem;border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff14;color:var(--color-text);border:1px solid rgba(255,255,255,.15);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;transition:all .2s}.role-select-dropdown:hover{background-color:#ffffff1f;border-color:#ffffff40}.role-select-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 0, 163, 255),.3)}.role-select-dropdown option{background:#1a1a2e;color:var(--color-text);padding:.5rem}.role-badge-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.role-badge-pill.role-owner{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.role-badge-pill.role-admin{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.role-badge-pill.role-editor{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.role-badge-pill.role-viewer,.role-badge-pill.role-commenter{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.15)}.category-types-list{display:flex;flex-direction:column;gap:1.25rem}.category-type-group h4{font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.625rem;padding-left:.5rem;border-left:2px solid var(--color-primary)}.category-type-item{background:#00000040;border:1px solid rgba(255,255,255,.03);border-radius:10px;margin-bottom:.5rem;transition:all .2s}.category-type-item:hover{background:#00000059;border-color:#ffffff1a}.category-type-edit{display:flex;gap:.5rem;align-items:center;width:100%;padding:.75rem}.color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.native-color-input{width:48px;height:48px;border:none;border-radius:10px;cursor:pointer;background:transparent;padding:0}.native-color-input::-webkit-color-swatch-wrapper{padding:0}.native-color-input::-webkit-color-swatch{border:2px solid rgba(255,255,255,.2);border-radius:10px}.hex-input{width:100px;padding:.625rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-main);font-family:monospace;font-size:.875rem;text-transform:uppercase}.hex-input:focus{outline:none;border-color:var(--color-primary)}.color-preview{width:40px;height:40px;border-radius:10px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.category-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}@media(min-width:768px){.category-row{padding:1rem}}.category-type-info{display:flex;align-items:center;gap:.5rem}.category-type-icon{font-size:1rem;width:24px;text-align:center}.category-type-name{font-weight:600;color:var(--color-text-main);font-size:.875rem}.category-type-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-type-actions{display:flex;gap:.35rem}.edit-btn,.delete-btn{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--color-border-subtle);background:#ffffff08;color:var(--color-text-muted);transition:all .2s}.edit-btn:hover{background:var(--color-primary-glow);color:var(--color-primary);border-color:var(--color-primary-glow)}.delete-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.add-category-type-form{background:#0000004d;border-radius:14px;padding:var(--card-padding);margin-top:1rem;border:1px dashed var(--color-border-subtle)}@media(min-width:768px){.add-category-type-form{padding:var(--card-padding-desktop)}}.add-category-btn{width:100%;margin-top:1rem;height:44px!important;border-radius:12px!important;border:1px dashed var(--color-primary)!important;background:var(--color-primary-glow)!important}.mini-modal{max-width:360px!important}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.role-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:#0000004d;border:1px solid var(--color-border-subtle);border-radius:12px;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.role-btn svg{opacity:.7}.role-btn span{font-size:.75rem;font-weight:600}.role-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow)}.role-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-glow);box-shadow:0 0 12px var(--color-primary-glow)}.role-btn.active svg{opacity:1}.profile-v2{gap:1.5rem}.profile-hero-card{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem!important;background:radial-gradient(circle at 20% 15%,rgba(0,163,255,.18),transparent 35%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 30%),#0d1324;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 14px 32px #00000059;text-align:center}@media(min-width:768px){.profile-hero-card{padding:2rem!important}}.profile-picture-section{display:flex;align-items:center;justify-content:center;gap:1rem;flex-direction:column;text-align:center}.hero-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.hero-avatar-wrapper .hero-avatar-image,.hero-avatar-wrapper .hero-avatar-initials{width:72px;height:72px;border-radius:18px;-o-object-fit:cover;object-fit:cover}.hero-avatar-wrapper .hero-avatar-initials{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),#007bbd);color:#fff;font-size:1.5rem;font-weight:700}.avatar-edit-overlay{position:absolute;inset:0;background:#000000a6;border-radius:18px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.hero-avatar-wrapper:hover .avatar-edit-overlay{opacity:1}.profile-info{flex:1;min-width:0;text-align:center}.profile-email{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.9rem;word-break:break-all}.profile-member-since{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.8rem;opacity:.8}.profile-info .input-wrapper{margin:0 0 .35rem;width:100%}.profile-info .input-label{text-align:center}.inline-name-input{background:#ffffff14!important;border-color:#ffffff29!important;color:#fff!important;text-align:center}.inline-name-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-glow)!important}@media(max-width:767px){.workspace-pill{width:100%;justify-content:center}.settings-page{padding:0 .75rem 2rem}}.password-section{padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.password-section .password-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;transition:all .2s}.password-section .password-btn:hover{background:#ffffff1a;color:#fff}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.subscription-note{font-size:.85rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.5;padding:.75rem;background:#00a3ff14;border-radius:8px;border-left:3px solid var(--color-primary)}.subscription-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--color-text-main)}.subscription-title svg{color:#f59e0b}.plan-badge{padding:.35rem .75rem;background:#10b98126;color:#10b981;border-radius:20px;font-size:.8rem;font-weight:600}.hero-text h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{margin:.15rem 0;color:#60a5fa;font-weight:600;letter-spacing:.01em}.hero-meta{margin:0;color:#9ca3af;font-size:.95rem}.hero-actions{display:flex;align-items:center;gap:.75rem}.edit-profile-btn{border-radius:999px!important;padding-inline:1.35rem!important;background:linear-gradient(90deg,#00a3ff,#0ea5e9)!important;box-shadow:0 14px 30px #00a3ff59;font-weight:700!important}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--grid-gap)}@media(min-width:768px){.profile-grid{gap:var(--grid-gap-desktop)}}.overview-card{background:linear-gradient(145deg,#ffffff05,#ffffff03)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 10px 35px #00000047}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.6rem;font-weight:700;color:#f3f4f6;letter-spacing:.01em}.field-stack{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field-stack label{font-size:.9rem;color:#9ca3af;font-weight:600}.pill-input{background:#0b1220;border:1px solid #1f2937;border-radius:12px;padding:.9rem 1rem;font-weight:600;color:#e5e7eb;height:48px;box-shadow:inset 0 1px #ffffff08}.pill-input:disabled{color:#9ca3af;border-style:dashed}.subscription-card .plan-chip{display:flex;align-items:center;gap:.75rem;background:#00a3ff1a;border:1px solid rgba(0,163,255,.25);border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem}.plan-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0ea5e9;color:#fff;box-shadow:0 10px 25px #0ea5e959}.plan-label{margin:0;color:#9ca3af;font-size:.85rem}.plan-name{margin:0;color:#f9fafb;font-weight:800;font-size:1.1rem}.feature-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.65rem;color:#d1d5db;font-weight:600}.feature-list li{display:flex;align-items:center;gap:.6rem}.upgrade-btn{width:100%;border-radius:14px!important;background:linear-gradient(90deg,#00a3ff,#38bdf8)!important;box-shadow:0 14px 30px #00a3ff59;font-weight:800!important}.workspace-card .workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.invite-link{color:#38bdf8;background:none;border:none;font-weight:700;cursor:pointer}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--grid-gap)}@media(min-width:768px){.member-grid{gap:var(--grid-gap-desktop)}}.member-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0b1220;border:1px solid #111827;border-radius:14px}@media(min-width:768px){.member-card{padding:1rem}}.member-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#111827,#0f172a);color:#e5e7eb;font-weight:700}.member-details .member-name{font-weight:700;color:#f9fafb}.member-details .member-role{font-size:.85rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.member-status{margin-left:auto;margin-right:.5rem;padding:.25rem .6rem;border-radius:999px;background:#facc1529;color:#fbbf24;font-size:.8rem;font-weight:700}.member-actions{background:none;border:none;color:#9ca3af;cursor:pointer}.empty-workspace{grid-column:1 / -1;text-align:center;color:#9ca3af;padding:1rem 0;border:1px dashed #1f2937;border-radius:12px}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-page{padding:0}.settings-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.settings-header h1{font-size:clamp(1.25rem,4vw,1.5rem)}.settings-header .page-subtitle{font-size:.85rem}.settings-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:4px;border-radius:12px;padding:4px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:1;min-width:60px;padding:.65rem .5rem;font-size:.75rem;gap:.25rem;justify-content:center}.settings-tab span{display:inline;font-size:.7rem}.settings-tab svg{width:18px;height:18px}.settings-card{padding:1.25rem!important;border-radius:16px!important}.card-icon-header{margin-bottom:1.25rem}.icon-circle{width:38px;height:38px;min-width:38px;border-radius:10px}.card-icon-header h2{font-size:1rem}.preference-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;background:#0003;border-radius:12px}.preference-control{justify-content:flex-start;width:100%}.currency-pills{flex-wrap:wrap;justify-content:flex-start}.currency-pill{padding:.4rem .75rem!important;font-size:.75rem!important}.settings-select{width:100%;padding:.625rem .875rem;font-size:.875rem}.voice-control{flex-direction:column;gap:.5rem}.voice-control .settings-select{width:100%}.play-button{align-self:flex-start}.workspace-current{flex-direction:column;gap:.75rem;align-items:flex-start}.profile-hero-card{flex-direction:column;align-items:stretch;text-align:center;padding:1.5rem}.hero-left{flex-direction:column;align-items:center}.hero-avatar{width:80px;height:80px}.hero-avatar-initials{font-size:1.75rem}.hero-text{text-align:center}.hero-text h1{font-size:clamp(1.25rem,4vw,1.5rem)}.hero-actions{width:100%;justify-content:center}.edit-profile-btn{width:100%}.profile-grid{gap:var(--grid-gap)}.field-stack,.section-head{margin-bottom:1rem}.invitation-card{flex-direction:column;gap:.75rem;padding:1rem}.invite-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.sent-invite-row{flex-direction:column;gap:.75rem}.category-type-group{margin-bottom:1.5rem}.category-type-item{padding:1rem}.category-type-edit{flex-direction:column;gap:.5rem}.category-type-edit .field-input{width:100%}.edit-actions{width:100%;justify-content:flex-end}.add-category-type-form .form-row{flex-direction:column}.add-category-type-form .form-group{width:100%}.color-picker{justify-content:flex-start}.form-actions{flex-direction:column;gap:.5rem}.form-actions button{width:100%}.overview-card{padding:1rem!important}.workspace-header{flex-direction:column;gap:1rem;align-items:stretch}.member-grid{grid-template-columns:1fr}.invitations-list{gap:.75rem}.role-select-wrapper,.role-select-wrapper select{width:100%}}@media(max-width:480px){.settings-header h1{font-size:1.1rem}.settings-tabs{grid-template-columns:repeat(4,1fr);gap:2px}.settings-tab{padding:.5rem .35rem}.settings-card{padding:1rem!important}.icon-circle{width:32px;height:32px;min-width:32px}.icon-circle svg{width:16px;height:16px}.preference-item{padding:.875rem}.toggle-button{width:48px;height:26px}.toggle-knob{width:20px;height:20px}.section-description{font-size:.8rem}.category-type-group h4{font-size:.65rem}.category-type-name{font-size:.85rem}.color-option{width:28px;height:28px}.floating-save-container{bottom:1.5rem;right:1rem;left:1rem}.floating-save-btn{width:100%;height:48px;border-radius:12px!important}}@media(max-width:400px){.settings-tabs{padding:4px;gap:2px}.settings-tab{min-width:50px;padding:.5rem .375rem}.settings-tab span{display:none}.settings-tab svg{width:16px;height:16px}.profile-hero-card{padding:1rem!important}.profile-picture-section{flex-direction:column;text-align:center}.hero-avatar-wrapper{margin:0 auto}.profile-info{text-align:center}.name-edit-section{margin-bottom:1rem}.subscription-note{font-size:.8rem;padding:.5rem}.floating-save-container{bottom:1rem;left:.75rem;right:.75rem}.floating-save-btn{height:44px;font-size:.9rem}}.floating-save-container{position:fixed;bottom:2rem;right:2rem;z-index:100;animation:floatingSaveIn .3s ease-out}@keyframes floatingSaveIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-save-btn{min-width:160px;height:48px;padding:0 1.5rem;background:var(--color-primary)!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 20px var(--color-primary-glow),0 8px 30px #0000004d!important;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease!important}.floating-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--color-primary-glow),0 12px 40px #0006!important}.subscription-lede{margin:0 0 1rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.plan-column{padding:1rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#00000047}.plan-column.free-plan{border-color:#10b98147;background:linear-gradient(180deg,#10b9811f,#0000002e)}.plan-column.premium-plan{border-color:#f59e0b52;background:linear-gradient(180deg,#f59e0b1f,#0000002e)}.plan-kicker{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700}.plan-column h3{margin:0;color:var(--color-text-main);font-size:1.15rem}.plan-price{margin:.4rem 0 0;color:#f9fafb;font-size:.92rem;font-weight:700}.plan-caption{margin:.45rem 0 .85rem;color:var(--color-text-muted);font-size:.82rem;line-height:1.45}.plan-status{margin:-.5rem 0 .75rem;font-size:.78rem;color:#fbbf24;font-weight:600}.plan-badge.premium{background:#f59e0b29;color:#f59e0b}.plan-features{display:flex;flex-direction:column;gap:.45rem;margin-bottom:0}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted);padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.feature-item:last-child{border-bottom:none}.feature-item.included{color:#a7f3d0}.feature-item.unavailable{color:#ffffff80}.feature-item svg{flex-shrink:0}@media(max-width:768px){.plan-grid{grid-template-columns:1fr}.plan-column{padding:.9rem}}.password-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.5rem}.hidden-file-input{display:none}.profile-page{max-width:1000px;margin:0 auto}.page-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}}.page-header h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.1;word-wrap:break-word}.page-subtitle{color:var(--color-text-muted);margin-top:.35rem;font-size:clamp(.875rem,2vw,1rem);font-weight:500}.profile-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media(min-width:768px){.profile-grid{grid-template-columns:1fr 1.5fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}}.profile-card{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:768px){.profile-card{padding:var(--spacing-xl)}}.profile-avatar{width:80px;height:80px;min-width:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-bg);overflow:hidden}@media(min-width:640px){.profile-avatar{width:100px;height:100px;min-width:100px}}.profile-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-name{margin:0;margin-bottom:var(--spacing-xs);color:var(--color-text-main)}.profile-email{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.profile-stats{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);width:100%}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center;color:var(--color-text-muted);font-size:.875rem}.logout-btn{width:100%}.account-info-card{padding:var(--spacing-xl)}.account-info-card h3{margin-top:0;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{color:var(--color-text-muted);font-size:.875rem}.info-value{color:var(--color-text-main);font-weight:500}.info-value.uid{font-family:monospace;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.profile-page{padding:var(--spacing-md)}.profile-grid{grid-template-columns:1fr}}@media(max-width:400px){.profile-page{padding:var(--spacing-sm)}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.1rem}.profile-card{padding:1.25rem}.profile-avatar{width:64px;height:64px;min-width:64px}.profile-avatar svg{width:32px;height:32px}.profile-name{font-size:1.25rem}.profile-email{font-size:.85rem;word-break:break-all}.stat-item{font-size:.8rem;flex-direction:column;gap:.25rem}.account-info-card{padding:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value.uid{max-width:100%;word-break:break-all;font-size:.7rem}}.goals-page{max-width:1200px;margin:0 auto;color:var(--color-text);padding:0}.goals-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width:640px){.goals-header{flex-direction:column;align-items:stretch}}.goals-title h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.1;font-weight:800;color:var(--color-primary);letter-spacing:-.02em;word-wrap:break-word}.goals-title p{margin:.35rem 0 0;color:var(--color-text-muted);font-weight:500}.goals-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.goals-primary-btn{display:inline-flex;align-items:center;gap:.55rem;border:0;padding:.7rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),#0087D1);color:#fff;font-weight:800;box-shadow:0 4px 15px #00a3ff4d;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.goals-primary-btn:active{transform:scale(.98)}.goals-primary-btn:hover{filter:brightness(1.03)}.goals-secondary-btn{border-radius:999px;padding:.8rem 1.5rem;background:#ffffff1a;color:var(--color-text);font-weight:600;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.goals-secondary-btn:hover{background:#fff3;transform:translateY(-2px)}.goals-error-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#ef444414;border:1px solid rgba(239,68,68,.18)}.goals-error{display:flex;align-items:center;gap:var(--spacing-sm);color:#fecaca;font-weight:600}.goals-error p{margin:0}.goals-error-dot{width:10px;height:10px;border-radius:999px;background:var(--color-expense);box-shadow:0 0 0 4px #ef44441f}.goals-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.goals-skeleton-card{height:180px;border-radius:24px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;border:1px solid rgba(255,255,255,.06);animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.goals-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--grid-gap);margin-bottom:var(--spacing-lg)}@media(min-width:768px){.goals-summary-grid{gap:var(--grid-gap-desktop);margin-bottom:var(--spacing-xl)}}.goals-hero{position:relative;background:linear-gradient(135deg,#1a1f2efa,#111520f2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;margin-bottom:var(--spacing-xl);overflow:hidden}.goals-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,163,255,.15) 0%,transparent 70%);pointer-events:none}.goals-hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(0,163,255,.1) 0%,transparent 70%);pointer-events:none}.goals-hero-content{position:relative;z-index:1}.goals-hero-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.goals-hero-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#00a3ff33,#60cfff1a);border:1px solid rgba(0,163,255,.3);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.goals-hero-title h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.goals-hero-title p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.9rem}.goals-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}@media(min-width:768px){.goals-hero-grid{gap:var(--grid-gap-desktop)}}.goals-hero-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:var(--card-padding);transition:all .3s ease}.goals-hero-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.goals-hero-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.goals-hero-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.goals-hero-card-icon.target{background:#00a3ff26;color:#00a3ff}.goals-hero-card-icon.saved{background:#10b98126;color:#10b981}.goals-hero-card-icon.remaining{background:#00a3ff26;color:var(--color-primary)}.goals-hero-card-label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.goals-hero-card-value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.2}.goals-hero-card-sub{color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem}.goals-hero-progress{margin-top:.75rem}.goals-hero-progress-bar{height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.goals-hero-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#60cfff);transition:width .6s ease}.goals-hero-progress-text{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.7rem;color:var(--color-text-muted)}@media(max-width:768px){.goals-hero{padding:1.25rem;border-radius:16px}.goals-hero-grid{grid-template-columns:1fr;gap:var(--grid-gap)}.goals-hero-card{padding:var(--card-padding)}.goals-hero-card-value{font-size:1.35rem}.goals-hero-icon{width:44px;height:44px}.goals-hero-title h2{font-size:1.25rem}}.goals-summary-card{padding:var(--card-padding)}@media(min-width:768px){.goals-summary-card{padding:var(--card-padding-desktop)}}.goals-summary-head{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--spacing-md)}.goals-summary-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.goals-summary-icon.income{color:var(--color-primary);background:#00a3ff1f;border-color:#00a3ff2e}.goals-summary-icon.savings{color:var(--color-income);background:#10b9811f;border-color:#10b9812e}.goals-summary-icon.target{color:#f5d76e;background:#d4af3724;border-color:#d4af3733}.goals-summary-value{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0;line-height:1.2}.goals-summary-sub{margin-top:.35rem;color:var(--color-text-muted);font-weight:600;font-size:.8rem}.goals-progress{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.goals-progress-bar{flex:1;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);overflow:hidden}.goals-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#60cfff,#00a3ff);transition:width .6s ease}.goals-progress-meta{min-width:44px;text-align:right;color:var(--color-text-muted);font-weight:700}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.goals-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.goals-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}.goals-toolbar-left{display:flex;gap:10px;align-items:center}.goals-toolbar-label{color:#ffffffa6;font-weight:600;font-size:.9rem}.goals-view-toggle{display:flex;gap:8px;padding:4px;background:#0003;border-radius:10px}.view-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.view-btn:hover{background:#ffffff0d;color:var(--color-text)}.view-btn.active{background:var(--color-primary);color:#000}.goals-empty{padding:3rem 2rem;text-align:center}.goals-empty-icon{width:64px;height:64px;margin:0 auto 1.25rem;border-radius:18px;display:grid;place-items:center;color:var(--color-primary);background:#00a3ff1f;border:1px solid rgba(0,163,255,.18)}.goals-empty h3{margin:0;font-size:1.25rem;font-weight:800}.goals-empty p{margin:.75rem auto 1.5rem;max-width:520px;color:var(--color-text-muted);font-weight:600}.goal-modal-overlay{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}@media(min-width:640px){.goal-modal-overlay{padding:3rem 1.5rem}}.goal-modal{width:100%;max-width:480px;max-height:calc(100vh - 2rem);background:#0d111b;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.goal-modal-header.centered{padding:1.25rem 1.5rem .75rem;text-align:center;position:relative;flex-shrink:0}.main-title{color:var(--color-primary);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:800;margin:0;letter-spacing:-.025em}.goal-modal-close-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.goal-modal-close-icon:hover{background:#ffffff1f;color:#fff}.goal-modal-body{padding:.75rem 1.5rem 1.5rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.goal-form-vertical{display:flex;flex-direction:column;gap:1rem}.goal-field-v{display:flex;flex-direction:column;gap:.4rem}.goal-label-centered{display:flex;align-items:center;gap:.5rem;color:#ffffffd9;font-size:.9rem;font-weight:600}.goal-label-centered svg{color:var(--color-primary);flex-shrink:0}.goal-input-dark{width:100%;padding:.7rem .875rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;outline:none;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.goal-input-dark::-moz-placeholder{color:#ffffff4d}.goal-input-dark::placeholder{color:#ffffff4d}.goal-input-dark:focus{border-color:var(--color-primary);background:#00a3ff0f}.goal-input-wrapper-dark{display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;transition:border-color .2s ease,background .2s ease}.goal-input-wrapper-dark.full-w{width:100%}.goal-input-wrapper-dark:focus-within{border-color:var(--color-primary);background:#00a3ff0f}.goal-currency-prefix{padding:.7rem 0 .7rem .875rem;color:#ffffff73;font-weight:600;font-size:.95rem;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.goal-input-inner{flex:1;min-width:0;padding:.7rem .875rem .7rem .35rem;background:transparent;border:none;color:#fff;font-size:.95rem;font-weight:500;outline:none}.goal-input-inner::-moz-placeholder{color:#ffffff4d}.goal-input-inner::placeholder{color:#ffffff4d}.goal-select-dark{width:100%;padding:.7rem .875rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;outline:none;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.goal-select-dark:focus{border-color:var(--color-primary);background:#00a3ff0f}.goal-select-dark option{background:#0d111b;color:#fff}.goal-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.goal-error-centered{color:#ef4444;font-size:.85rem;font-weight:600;text-align:center;padding:.5rem 0}.goal-modal-footer-centered{display:flex;justify-content:center;gap:.75rem;padding-top:.75rem;margin-top:.25rem}.goal-btn-yellow{padding:.7rem 1.5rem;border-radius:12px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.goal-btn-yellow:active{transform:translateY(0)}@media(max-width:480px){.goal-modal-overlay{align-items:flex-end;padding:0}.goal-modal{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;position:relative}.goal-modal-header.centered{padding:1rem 1rem .5rem}.main-title{font-size:clamp(1.1rem,5vw,1.4rem)}.goal-modal-close-icon{right:.75rem;padding:.35rem}.goal-modal-body{padding:.5rem 1rem 1.25rem}.goal-form-vertical{gap:.85rem}.goal-field-v{gap:.3rem}.goal-label-centered{font-size:.85rem}.goal-input-dark{padding:.6rem .75rem;font-size:.9rem;border-radius:10px}.goal-input-wrapper-dark{border-radius:10px}.goal-currency-prefix{padding:.6rem 0 .6rem .75rem;font-size:.9rem}.goal-input-inner{padding:.6rem .75rem .6rem .3rem;font-size:.9rem}.goal-select-dark{padding:.6rem .75rem;font-size:.9rem;border-radius:10px}.goal-summary-grid{grid-template-columns:1fr;gap:.85rem}.goal-modal-footer-centered{padding-top:.5rem;gap:.5rem}.goal-btn-yellow{flex:1;padding:.65rem 1rem;font-size:.9rem;border-radius:10px}}@media(min-width:481px)and (max-width:768px){.goal-modal{max-width:440px}.goal-summary-grid{grid-template-columns:1fr 1fr}}.goals-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.goals-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px}.goals-toolbar-label{color:#fff9;font-weight:600}@media(max-width:400px){.goals-header{flex-direction:column;align-items:stretch;gap:.75rem}.goals-header h1{font-size:1.1rem}.goal-card{padding:1rem}.goal-progress-ring{width:60px;height:60px}.goal-progress-text{font-size:1rem}.goal-target-date{font-size:.75rem}}.loans-page{max-width:1200px;margin:0 auto;color:var(--color-text);padding:0}.loans-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.loans-title h1{margin:0;font-size:clamp(1.25rem,4vw,1.5rem);line-height:1.1;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.loans-title p{margin:.35rem 0 0;color:var(--color-text-muted);font-weight:500}.loans-actions{display:flex;gap:var(--spacing-md)}.loans-primary-btn{display:inline-flex;align-items:center;gap:.55rem;border:0;padding:.7rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),#0087D1);color:#fff;font-weight:800;box-shadow:0 4px 15px var(--color-primary-glow);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.loans-ai-btn{display:inline-flex;align-items:center;gap:.55rem;border:0;padding:.7rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-weight:800;box-shadow:0 4px 15px #8b5cf64d;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.loans-primary-btn:hover,.loans-ai-btn:hover{filter:brightness(1.03);transform:translateY(-2px)}.loans-primary-btn:active,.loans-ai-btn:active{transform:scale(.98)}.loans-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.loans-hero{position:relative;background:linear-gradient(135deg,#1a1f2efa,#111520f2);border:1px solid var(--color-border-subtle);border-radius:24px;padding:2rem;margin-bottom:var(--spacing-xl);overflow:hidden}.loans-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);pointer-events:none}.loans-hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);pointer-events:none}.loans-hero-content{position:relative;z-index:1}.loans-hero-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.loans-hero-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary-glow),rgba(0,163,255,.1));border:1px solid var(--color-primary-glow);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.loans-hero-title h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.loans-hero-title p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.9rem}.loans-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}@media(min-width:768px){.loans-hero-grid{gap:var(--grid-gap-desktop)}}.loans-hero-card{background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:16px;padding:var(--card-padding);transition:all .3s ease}.loans-hero-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.loans-hero-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.loans-hero-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.loans-hero-card-icon.debt{background:#ef444426;color:#ef4444}.loans-hero-card-icon.emi{background:#d4af3726;color:gold}.loans-hero-card-icon.total{background:#8b5cf626;color:#8b5cf6}.loans-hero-card-label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.loans-hero-card-value{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.2}.loans-hero-card-sub{color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem}@media(max-width:768px){.loans-hero{padding:1.25rem;border-radius:16px}.loans-hero-grid{grid-template-columns:1fr;gap:var(--grid-gap)}.loans-hero-card{padding:var(--card-padding)}.loans-hero-card-value{font-size:1.35rem}.loans-hero-icon{width:44px;height:44px}.loans-hero-title h2{font-size:1.25rem}}.loans-summary-card{padding:var(--card-padding)}@media(min-width:768px){.loans-summary-card{padding:var(--card-padding-desktop)}}.loans-summary-head{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--spacing-md)}.loans-summary-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.loans-summary-icon.debt{color:var(--color-expense);background:#ef44441f;border-color:#ef44442e}.loans-summary-icon.emi{color:#f5d76e;background:#d4af3724;border-color:#d4af3733}.loans-summary-icon.count{color:var(--color-primary);background:var(--color-primary-glow);border-color:var(--color-primary-glow)}.loans-summary-value{font-size:2rem;font-weight:800;margin:0}.loan-skeleton-item{height:100px;border-radius:20px;background:#ffffff0f;animation:pulse 1.5s infinite ease-in-out}.loans-summary-sub{margin-top:.4rem;color:var(--color-text-muted);font-weight:600;font-size:.9rem}.loans-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.loan-card{display:flex;align-items:center;justify-content:space-between;padding:var(--card-padding)}@media(min-width:768px){.loan-card{padding:var(--card-padding-desktop)}}.loan-info{display:flex;align-items:center;gap:var(--spacing-md)}.loan-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ffffff0d;color:var(--color-primary)}.loan-details h3{margin:0;font-size:1.1rem;font-weight:700}.loan-details p{margin:2px 0 0;font-size:.85rem;color:var(--color-text-muted)}.loan-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.loan-type-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.35rem .65rem;border-radius:6px;border:1px solid;letter-spacing:.5px;box-shadow:0 0 3px currentColor;margin-left:.5rem}.loan-stats{display:flex;gap:var(--spacing-xl);text-align:right}.loan-stat-item label{display:block;font-size:.85rem;font-weight:500;margin-bottom:4px}.loan-stat-item label.label-emi{color:#f5d76e}.loan-stat-item label.label-remaining{color:var(--color-primary)}.loan-stat-item label.label-interest{color:#4ade80}.loan-stat-item span{font-weight:700;font-size:1.15rem;color:var(--color-text)}.loan-actions-menu{display:flex;gap:var(--spacing-sm)}.loan-action-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.loan-action-btn:hover{background:#ffffff1a;color:#fff}.loan-action-btn.delete:hover{color:var(--color-expense);background:#ef444426}.ai-analysis-overlay{position:fixed;inset:0;background:#030712e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.ai-analysis-modal{width:min(700px,100%);max-height:90vh;background:#0d111b;border:1px solid var(--color-border-subtle);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.ai-analysis-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ai-analysis-header h2{display:flex;align-items:center;gap:10px;margin:0;color:var(--color-primary);font-size:1.1rem}.ai-analysis-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.ai-disclaimer{margin-top:1rem;padding:.75rem;background:var(--color-primary-glow);border:1px solid var(--color-primary-glow);border-radius:10px;font-size:.8rem;color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.loans-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.loans-title h1{font-size:clamp(1.25rem,4vw,1.5rem)}.loans-hero{padding:1rem;border-radius:16px;margin:0 -.5rem var(--spacing-lg);width:calc(100% + 1rem)}.loans-hero-grid{grid-template-columns:1fr;gap:.75rem}.loans-hero-card{padding:.875rem}.loans-hero-card-value{font-size:1.25rem}.loans-hero-header{margin-bottom:1rem}.loans-hero-icon{width:40px;height:40px}.loans-hero-title h2{font-size:1.1rem}.loan-card{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start;padding:1rem;margin:0 -.5rem;width:calc(100% + 1rem);border-radius:12px}.loan-info{width:100%}.loan-icon{width:40px;height:40px;min-width:40px}.loan-details{min-width:0;flex:1}.loan-details h3{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loan-details p{font-size:.8rem}.loan-stats{width:100%;justify-content:space-between;text-align:left;flex-wrap:wrap;gap:.75rem}.loan-stat-item{flex:1;min-width:80px}.loan-stat-item label{font-size:.7rem}.loan-stat-item span{font-size:.95rem}.loan-actions-menu{width:auto;border-top:none;padding-top:0;margin-top:0;justify-content:flex-end;gap:.25rem}.loan-action-btn{padding:.4rem}.loan-action-btn svg{width:16px;height:16px}.loan-actions{width:auto;display:flex;justify-content:flex-end;gap:.25rem}}@media(max-width:400px){.loans-page{padding:var(--spacing-sm)}.loans-header{flex-direction:column;align-items:stretch;gap:.75rem}.loans-title h1{font-size:1.1rem}.loans-hero{padding:.875rem;margin:0 0 1rem;width:100%}.loans-hero-card{padding:.75rem}.loans-hero-card-value{font-size:1.1rem}.loan-card{padding:.875rem}.loan-amount{font-size:1rem}.loan-emi{font-size:.85rem}}