@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-primary: #0055ff;--color-primary-light: #3377ff;--color-primary-dark: #0044cc;--color-personal-start: #0055ff;--color-personal-end: #3377ff;--color-business-start: #0055ff;--color-business-end: #0099ff;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #0055ff;--color-info-bg: rgba(0, 85, 255, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 12px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px}[data-theme=dark]{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4);--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(51, 65, 85, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.theme-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.theme-transition-circle{position:absolute;border-radius:50%;transform:scale(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg,var(--color-personal-start),var(--color-personal-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text.business{background:linear-gradient(135deg,var(--color-business-start),var(--color-business-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .4s ease}.animate-slide-down{animation:slideDown .4s ease}.animate-scale-in{animation:scaleIn .3s ease}.animate-shimmer{animation:shimmer 2s infinite linear}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s infinite linear}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.rupee-symbol{font-family:Arial,Helvetica,sans-serif;font-weight:500}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-image-pair(root){isolation:isolate}::view-transition-new(root){z-index:10}::view-transition-old(root){z-index:1}[data-transition-direction=to-light]::view-transition-old(root){z-index:10}[data-transition-direction=to-light]::view-transition-new(root){z-index:1}[data-transition-direction=to-dark]::view-transition-new(root){z-index:10}[data-transition-direction=to-dark]::view-transition-old(root){z-index:1}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.sidebar{position:fixed;left:0;top:0;height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;padding:12px;overflow:hidden;cursor:pointer}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:8px;margin-bottom:12px;border-radius:var(--radius-md);transition:background .2s;min-height:52px}.sidebar-header:hover{background:var(--color-bg-tertiary)}.sidebar-logo{height:32px;width:auto;object-fit:contain}.mode-toggle-container{padding:0 4px;overflow:hidden}.mode-toggle-btn{position:relative;display:flex;width:100%;height:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.mode-toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:linear-gradient(135deg,#05f,#09f);border-radius:6px;z-index:1;pointer-events:none;box-shadow:0 2px 8px #0055ff4d}.mode-option{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;letter-spacing:.5px;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s;white-space:nowrap;padding:0}.mode-option.active{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mode-option:hover:not(.active){color:var(--color-text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-link{text-decoration:none;border-radius:var(--radius-md)}.sidebar-link-content{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer}.sidebar-link-bg{position:absolute;inset:0;border-radius:var(--radius-md)}.sidebar-link-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.sidebar-link-label{position:relative;z-index:1;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.sidebar-link.active .sidebar-link-label{font-weight:600}.active-indicator{position:absolute;right:8px;width:6px;height:6px;border-radius:50%;z-index:2}@media(min-width:769px){.sidebar-overlay{display:none}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.header-actions-float{position:fixed;top:16px;right:24px;display:flex;align-items:center;gap:10px;z-index:150}.header-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.header-icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.header-icon-btn:first-child{color:var(--color-warning)}[data-theme=light] .header-icon-btn:first-child{color:#8b5cf6}.header-icon-btn.account{background:linear-gradient(135deg,#8b5cf61a,#a855f726);border-color:#8b5cf64d;color:#8b5cf6}.header-icon-btn.account:hover{background:linear-gradient(135deg,#8b5cf633,#a855f740);border-color:#8b5cf680}@media(max-width:768px){.header-actions-float{top:12px;right:16px;gap:8px}.header-icon-btn{width:34px;height:34px}}.app-layout{display:flex;min-height:100vh}.main-wrapper{flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-layout.sidebar-open .main-wrapper{margin-left:260px}.app-layout.sidebar-closed .main-wrapper{margin-left:72px}.main-content{flex:1;padding:24px 90px 24px 24px;max-width:1400px;width:100%;margin:0 auto}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}@media(max-width:768px){.app-layout.sidebar-open .main-wrapper,.app-layout.sidebar-closed .main-wrapper{margin-left:0}.main-content{padding:60px 16px 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;border-radius:var(--radius-md);transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:.75rem}.btn-medium{padding:10px 18px;font-size:.875rem}.btn-large{padding:14px 24px;font-size:1rem}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf666}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444466}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.btn-success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66}.btn-icon,.btn-loader{flex-shrink:0}[data-mode=business] .btn-primary{background:linear-gradient(135deg,#3b82f6,#0ea5e9);box-shadow:0 2px 8px #3b82f64d}[data-mode=business] .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #3b82f666}.landing-page{position:relative;min-height:100vh;background:var(--color-bg-primary);overflow:hidden;color:var(--color-text-primary);font-family:Lexend,Inter,sans-serif;transition:background-color .3s ease,color .3s ease}.landing-page:before,.landing-page:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0;pointer-events:none;animation:flow 20s infinite alternate}.landing-page:before{background:radial-gradient(circle,#6366f1,transparent 70%);top:-100px;left:-100px}.landing-page:after{background:radial-gradient(circle,#a855f7,transparent 70%);bottom:-100px;right:-100px;animation-delay:-10s}@keyframes flow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.1)}}.landing-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-word{position:absolute;font-weight:800;color:var(--color-text-primary);opacity:.04;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;filter:blur(1px)}.bg-gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--color-bg-primary) 90%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.landing-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px 48px;max-width:1400px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:12px}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.nav-actions{display:flex;gap:16px}.landing-hero{position:relative;z-index:10;min-height:calc(100vh - 88px);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px}.hero-content{max-width:800px;display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:99px;color:#818cf8;font-size:.875rem;font-weight:600;margin-bottom:32px}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.text-highlight{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin-bottom:40px;line-height:1.6}.hero-cta{display:flex;gap:16px;margin-bottom:64px}.hero-features{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:500}.feature-icon{color:#6366f1}@media(max-width:768px){.landing-nav{padding:16px 20px}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-features{flex-direction:column;gap:16px}}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.card-padding-small{padding:12px}.card-padding-medium{padding:20px}.card-padding-large{padding:28px}.card-padding-none{padding:0}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.card.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-color:var(--glass-border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.card-body{color:var(--color-text-secondary)}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.input-wrapper{display:flex;flex-direction:column;gap:6px}.input-static-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-static-label .required-mark{color:#ef4444;margin-left:2px}.input-container{position:relative;display:flex;align-items:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,background-color .2s ease}.input-container.focused{border-color:#8b5cf6;background:var(--color-bg-secondary)}.input-container.error{border-color:#ef4444}.input-container.disabled{opacity:.6;cursor:not-allowed}.input-icon{display:flex;align-items:center;justify-content:center;padding-left:12px;color:var(--color-text-muted)}.input-container.focused .input-icon{color:#8b5cf6}.input-field-wrapper{position:relative;flex:1;display:flex;align-items:center}.input-field{width:100%;padding:12px;background:transparent;border:none;outline:none;font-size:.9375rem;color:var(--color-text-primary);font-family:inherit}.input-field::placeholder{color:var(--color-text-muted);opacity:.7}.input-toggle-password{display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease}.input-toggle-password:hover{color:var(--color-text-primary)}.input-helper{font-size:.75rem;color:var(--color-text-muted);padding-left:4px}.input-helper.error{color:#ef4444}textarea.input-field{resize:vertical;min-height:100px;line-height:1.5}select.input-field{cursor:pointer;appearance:none;padding-right:40px}.form-select{padding:12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;cursor:pointer;transition:border-color .2s}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.auth-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)!important;padding:24px;position:relative;overflow:hidden;transition:background-color .3s ease}.auth-page-container:before{content:"";position:absolute;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);border-radius:50%;filter:blur(80px);z-index:0;animation:authFloat 15s infinite alternate}.auth-page-container:after{content:"";position:absolute;bottom:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(168,85,247,.15),transparent 70%);border-radius:50%;filter:blur(100px);z-index:0;animation:authFloat 20s infinite alternate-reverse}@keyframes authFloat{0%{transform:translate(0)}to{transform:translate(30px,20px)}}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo-text{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin-bottom:24px;letter-spacing:-.05em}.auth-header h1{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.02em}.auth-header p{color:var(--color-text-secondary);font-size:1rem;font-weight:300}.auth-card{padding:40px!important;background:var(--glass-bg, rgba(30, 41, 59, .4))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border, rgba(255, 255, 255, .1))!important;box-shadow:0 25px 50px -12px #00000080!important;border-radius:24px!important}.auth-form{display:flex;flex-direction:column;gap:20px}.form-actions{margin-top:12px}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:var(--color-text-muted);font-size:.875rem}.link-btn{border:none;background:transparent;color:#6366f1;font-weight:600;cursor:pointer;margin-left:6px;padding:0}.link-btn:hover{text-decoration:underline}.auth-actions-fixed{position:absolute;bottom:32px;left:32px;display:flex;gap:16px;z-index:50}.auth-logo-center{display:flex;justify-content:center;margin-bottom:24px;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--color-bg-secondary);transform:translateY(-2px)}.theme-toggle{color:#f59e0b}@media(max-width:768px){.auth-actions-fixed{bottom:24px;left:24px}}.due-timer{position:relative;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.due-timer.normal{border-left:4px solid #22c55e}.due-timer.warning{border-left:4px solid #f59e0b}.due-timer.urgent{border-left:4px solid #ef4444;animation:pulse-border 2s infinite}.due-timer.overdue{border-left:4px solid #dc2626;background:linear-gradient(135deg,#ef44440d,#dc26260d)}@keyframes pulse-border{0%,to{border-left-color:#ef4444}50%{border-left-color:#dc2626}}.due-timer-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.due-timer-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.due-timer.overdue .due-timer-icon{background:#ef444426;color:#ef4444}.due-timer-info{display:flex;flex-direction:column}.due-timer-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.due-timer-type{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.due-timer-amount{display:flex;align-items:baseline;margin-bottom:20px}.due-timer-amount .rupee-symbol{font-size:1.5rem;font-weight:600;color:var(--color-text-secondary);margin-right:4px}.due-timer-amount .amount-value{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.due-timer-countdown{margin-bottom:16px}.countdown-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.countdown-boxes{display:flex;align-items:center;gap:4px}.countdown-box{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:10px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.countdown-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.countdown-unit{font-size:.625rem;font-weight:500;text-transform:uppercase;color:var(--color-text-muted);margin-top:2px}.countdown-separator{font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.overdue-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border-radius:var(--radius-md);color:#ef4444;font-size:.875rem;font-weight:600}.due-timer-progress{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px}.due-timer.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.due-timer.urgent .progress-fill,.due-timer.overdue .progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.due-timer-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.due-timer-action:hover{filter:brightness(1.1)}.due-timer.overdue .due-timer-action{background:linear-gradient(135deg,#ef4444,#dc2626)}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-title h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.dashboard-title p{color:var(--color-text-secondary);font-size:.9375rem}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text.business{background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.urgent-due-section{margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{cursor:pointer}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md)}.stat-arrow{color:var(--color-text-muted);transition:transform .2s ease,color .2s ease}.stat-card:hover .stat-arrow{transform:translate(4px);color:var(--color-text-primary)}.stat-card-body{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-top:4px}.stat-subtext{font-size:.75rem;color:var(--color-text-muted);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.money-flow-card .card-header{margin-bottom:20px}.money-flow-card .card-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.money-flow-content{display:flex;align-items:center;gap:24px;margin-bottom:20px}.money-flow-item{display:flex;align-items:center;gap:12px;flex:1}.flow-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md)}.lending .flow-icon{background:#22c55e26;color:#22c55e}.borrowing .flow-icon{background:#ef444426;color:#ef4444}.flow-info{display:flex;flex-direction:column}.flow-label{font-size:.75rem;color:var(--color-text-muted)}.flow-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.money-flow-divider{width:1px;height:48px;background:var(--color-border)}.money-flow-net{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-border)}.money-flow-net span:first-child{font-size:.875rem;color:var(--color-text-secondary)}.net-value{font-size:1.125rem;font-weight:700}.net-value.positive{color:#22c55e}.net-value.negative{color:#ef4444}.upcoming-dues-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.upcoming-dues-card .card-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.empty-icon{color:var(--color-text-muted);margin-bottom:12px;opacity:.5}.empty-state p{color:var(--color-text-muted);font-size:.875rem}.dues-list{display:flex;flex-direction:column;gap:12px}.due-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.due-info{display:flex;flex-direction:column}.due-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.due-date{font-size:.75rem;color:var(--color-text-muted)}.due-amount{font-size:.9375rem;font-weight:600}.due-amount.incoming{color:#22c55e}.due-amount.outgoing{color:#ef4444}.quick-actions h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.quick-actions-grid{display:flex;gap:12px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;transition:all .2s ease}.quick-action-btn:hover{border-color:var(--action-color);color:var(--action-color);background:color-mix(in srgb,var(--action-color) 10%,var(--color-bg-secondary))}.quick-action-btn svg{color:var(--action-color)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{flex-wrap:wrap}.quick-action-btn{flex:1;justify-content:center;min-width:140px}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}.modal-small{max-width:400px}.modal-medium{max-width:560px}.modal-large{max-width:720px}.modal-xlarge{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background-color .2s ease,color .2s ease}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-content{padding:24px;overflow-y:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.credit-cards-page{display:flex;flex-direction:column;gap:24px}.card-type-tabs{display:flex;gap:8px;padding:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:fit-content}.card-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.card-tab:hover{color:var(--color-text-primary)}.card-tab.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.tab-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:var(--radius-full);font-size:.75rem}.card-tab:not(.active) .tab-count{background:var(--color-bg-tertiary)}.card-type-badge{position:absolute;top:16px;left:16px;font-size:.5rem;font-weight:700;letter-spacing:.1em;padding:4px 8px;border-radius:4px;background:#ffffff40;color:#fff}.card-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-type-toggle .type-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.card-type-toggle .type-option:hover{border-color:var(--color-text-muted)}.card-type-toggle .type-option.active{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border-color:#8b5cf6;color:#8b5cf6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.credit-card-wrapper{display:flex;flex-direction:column;gap:16px}.credit-card-3d{position:relative;width:100%;aspect-ratio:1.586;border-radius:16px;padding:24px;color:#fff;perspective:1000px;transform-style:preserve-3d;box-shadow:0 15px 35px #0000004d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.credit-card-3d:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.1) 55%,transparent 60%);pointer-events:none}.card-chip{width:50px;height:40px}.chip-svg{width:100%;height:100%}.card-network{position:absolute;top:20px;right:24px}.network-name{font-size:1.25rem;font-weight:700;letter-spacing:.1em;opacity:.9}.card-number{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:500;letter-spacing:.15em;font-family:Consolas,Monaco,monospace}.toggle-number{display:flex;align-items:center;justify-content:center;padding:4px;background:#fff3;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s}.toggle-number:hover{background:#ffffff4d}.card-footer{display:flex;justify-content:space-between;align-items:flex-end}.card-holder,.card-bank{display:flex;flex-direction:column}.card-holder .label,.card-bank .label{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:2px}.card-holder .value,.card-bank .value{font-size:.875rem;font-weight:600;text-transform:uppercase}.card-info{background:var(--color-bg-secondary)}.card-info-row{display:flex;justify-content:space-between;margin-bottom:12px}.info-item{display:flex;flex-direction:column}.info-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:2px}.info-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.info-value.used{color:#f59e0b}.info-value.rewards{color:#8b5cf6}.limit-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:12px}.limit-bar-fill{height:100%;border-radius:3px}.card-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-tag{padding:4px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-secondary)}.card-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--color-border)}.card-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s}.card-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.card-action-btn.danger:hover{background:#ef44441a;color:#ef4444}.add-card-form{display:flex;flex-direction:column;gap:16px}.color-picker{display:flex;gap:8px}.color-option{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .2s,border-color .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--color-text-primary);transform:scale(1.1)}.category-picker{display:flex;flex-wrap:wrap;gap:8px}.category-option{padding:8px 14px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.category-option:hover{border-color:#8b5cf6;color:#8b5cf6}.category-option.selected{background:linear-gradient(135deg,#8b5cf6,#a855f7);border-color:transparent;color:#fff}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}}.events-page{display:flex;flex-direction:column;gap:24px}.events-stats{display:flex;gap:16px}.stat-box{flex:1;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-box .stat-icon{color:#8b5cf6}.stat-label{font-size:.75rem;color:var(--color-text-muted)}.stat-number{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.events-list{display:flex;flex-direction:column;gap:16px}.event-card{cursor:pointer}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.event-info{display:flex;flex-direction:column}.event-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:var(--radius-sm);width:fit-content;margin-bottom:8px}.event-status.active{background:#22c55e26;color:#22c55e}.event-status.upcoming{background:#3b82f626;color:#3b82f6}.event-status.completed{background:#64748b26;color:#64748b}.event-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.event-dates{font-size:.8125rem;color:var(--color-text-muted)}.event-menu{padding:8px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s}.event-menu:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.event-budget-section{margin-bottom:16px}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.budget-label{font-size:.75rem;color:var(--color-text-muted)}.budget-percentage{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.budget-percentage.over{color:#ef4444}.budget-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.budget-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:background .3s}.budget-bar-fill.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.budget-values{display:flex;justify-content:space-between}.spent{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.spent.over{color:#ef4444}.budget-total{font-size:.8125rem;color:var(--color-text-muted)}.event-footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--color-border)}.expense-count{font-size:.8125rem;color:var(--color-text-muted);flex:1}.event-arrow{color:var(--color-text-muted);transition:transform .2s}.event-card:hover .event-arrow{transform:translate(4px);color:var(--color-text-primary)}.event-form,.expense-form{display:flex;flex-direction:column;gap:16px}.event-detail{display:flex;flex-direction:column;gap:24px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.detail-info h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:8px 0}.detail-dates{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-muted);margin-bottom:8px}.event-status-badge{display:inline-flex;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:var(--radius-sm)}.event-status-badge.active{background:#22c55e26;color:#22c55e}.event-status-badge.upcoming{background:#3b82f626;color:#3b82f6}.event-status-badge.completed{background:#64748b26;color:#64748b}.event-category-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;background:#8b5cf626;color:#8b5cf6;border-radius:var(--radius-sm)}.detail-header-actions{display:flex;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s}.icon-btn.danger:hover{background:#ef444426;color:#ef4444}.budget-overview{padding:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.budget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.budget-stat{display:flex;flex-direction:column;text-align:center}.budget-stat-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.budget-stat-value{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.budget-stat-value.over{color:#ef4444}.budget-stat-value.positive{color:#22c55e}.budget-stat-value.negative{color:#ef4444}.budget-progress-bar{height:10px;background:var(--color-bg-secondary);border-radius:5px;overflow:hidden;margin-bottom:8px}.budget-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:5px}.budget-progress-fill.over{background:linear-gradient(90deg,#ef4444,#dc2626)}.budget-progress-text{font-size:.75rem;color:var(--color-text-muted);text-align:center}.category-breakdown{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.category-breakdown h3{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;align-items:center;justify-content:space-between}.breakdown-info{display:flex;align-items:center;gap:10px}.breakdown-color{width:12px;height:12px;border-radius:50%}.breakdown-category{font-size:.875rem;color:var(--color-text-primary)}.breakdown-values{display:flex;align-items:center;gap:12px}.breakdown-amount{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.breakdown-percentage{font-size:.75rem;color:var(--color-text-muted);min-width:40px;text-align:right}.expenses-section{display:flex;flex-direction:column;gap:16px}.expenses-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.loading-state{padding:32px;text-align:center;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.empty-expenses{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.empty-expenses .empty-icon{color:var(--color-text-muted);opacity:.5;margin-bottom:12px}.empty-expenses p{color:var(--color-text-muted);margin-bottom:16px}.expenses-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.expense-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s}.expense-item:hover{border-color:var(--color-text-muted)}.expense-left{display:flex;align-items:flex-start;gap:12px;flex:1}.expense-category-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.expense-info{display:flex;flex-direction:column;gap:2px}.expense-description{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.expense-meta{font-size:.75rem;color:var(--color-text-muted)}.expense-notes{font-size:.75rem;color:var(--color-text-muted);font-style:italic;margin-top:4px}.expense-right{display:flex;flex-direction:column;align-items:flex-end}.expense-amount{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.expense-actions{display:flex;gap:4px;margin-left:8px}.expense-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s}.expense-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.expense-action-btn.edit:hover{background:#3b82f626;color:#3b82f6}.expense-action-btn.delete:hover{background:#ef444426;color:#ef4444}@media(max-width:768px){.events-stats{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.budget-stats{grid-template-columns:1fr;gap:12px}.budget-stat{flex-direction:row;justify-content:space-between;text-align:left}.expense-item{flex-wrap:wrap}.expense-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.expense-actions{margin-left:auto;margin-top:0}.breakdown-item{flex-wrap:wrap;gap:8px}.breakdown-values{width:100%;justify-content:flex-end}}.people-page{display:flex;flex-direction:column;gap:24px}.people-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px!important}.summary-card.lending .summary-icon{background:#22c55e26;color:#22c55e}.summary-card.borrowing .summary-icon{background:#ef444426;color:#ef4444}.summary-card.net.positive .summary-icon{background:#22c55e26;color:#22c55e}.summary-card.net.negative .summary-icon{background:#ef444426;color:#ef4444}.people-list{display:flex;flex-direction:column;gap:16px}.people-list.compact{gap:8px}.person-card{cursor:pointer;transition:all .2s ease}.person-card.compact{padding:12px 16px!important;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.person-card.compact:hover{border-color:#8b5cf6;transform:translate(4px)}.person-row{display:flex;align-items:center;gap:16px;width:100%}.person-row .person-avatar{width:40px;height:40px;font-size:1rem}.person-row .person-info{flex:1;display:flex;flex-direction:column;gap:2px}.person-row .person-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.person-net-balance{font-size:.75rem;font-weight:500}.person-net-balance.positive{color:#22c55e}.person-net-balance.negative{color:#ef4444}.person-actions{display:flex;align-items:center;gap:8px;opacity:.6;transition:opacity .2s}.person-card:hover .person-actions{opacity:1}.type-toggle.three-way{grid-template-columns:1fr 1fr 1fr}.type-btn.active.split{background:#a855f726;border-color:#a855f7;color:#a855f7}.split-fields{padding:16px;background:#a855f70d;border:1px dashed #a855f7;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px}.split-summary{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.person-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.person-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:1.25rem;font-weight:700;border-radius:50%}.person-info{flex:1}.person-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.person-meta{font-size:.75rem;color:var(--color-text-muted)}.person-menu{padding:8px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .2s}.person-menu:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.person-balance-section{margin-bottom:16px}.balance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.balance-item{display:flex;flex-direction:column;padding:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.balance-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:4px}.balance-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.balance-item.lending .balance-value{color:#22c55e}.balance-item.borrowing .balance-value{color:#ef4444}.balance-item.net.positive .balance-value{color:#22c55e}.balance-item.net.negative .balance-value{color:#ef4444}.person-footer{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--color-border);justify-content:flex-end}.person-arrow{color:var(--color-text-muted);transition:transform .2s}.person-card:hover .person-arrow{transform:translate(4px);color:var(--color-text-primary)}.person-form,.transaction-form,.edit-transaction-form{display:flex;flex-direction:column;gap:16px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.type-btn:hover{border-color:var(--color-text-muted)}.type-btn.active.lend{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.type-btn.active.borrow{background:#ef44441a;border-color:#ef4444;color:#ef4444}.emi-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.emi-toggle input[type=checkbox]{width:20px;height:20px;accent-color:#8b5cf6}.emi-toggle-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.emi-options{padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.emi-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:8px}.person-detail{display:flex;flex-direction:column;gap:24px}.detail-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.detail-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;font-size:1.75rem;font-weight:700;border-radius:50%}.detail-info h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.detail-contact{font-size:.875rem;color:var(--color-text-muted)}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.stat-item svg{flex-shrink:0}.stat-item.lending{background:#22c55e1a;color:#22c55e}.stat-item.borrowing{background:#ef44441a;color:#ef4444}.stat-item.net.positive{background:#22c55e1a;color:#22c55e}.stat-item.net.negative{background:#ef44441a;color:#ef4444}.stat-item .stat-label{font-size:.75rem;color:var(--color-text-muted)}.stat-item .stat-value{font-size:1.125rem;font-weight:700}.detail-actions{display:flex;gap:12px}.transactions-section{display:flex;flex-direction:column;gap:16px}.transactions-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.loading-state,.empty-transactions{padding:32px;text-align:center;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.transactions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s}.transaction-item:hover{border-color:var(--color-text-muted)}.transaction-item.paid{opacity:.7}.txn-left{display:flex;align-items:center;gap:12px;flex:1}.txn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%}.txn-icon.lend{background:#22c55e26;color:#22c55e}.txn-icon.borrow{background:#ef444426;color:#ef4444}.txn-info{display:flex;flex-direction:column;gap:2px}.txn-reason{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.txn-date{font-size:.75rem;color:var(--color-text-muted)}.txn-emi-badge{display:inline-flex;align-items:center;gap:4px;font-size:.625rem;padding:2px 6px;background:#8b5cf626;color:#8b5cf6;border-radius:var(--radius-sm);width:fit-content;margin-top:4px}.txn-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.txn-amounts{display:flex;flex-direction:column;align-items:flex-end}.txn-amount{font-size:1rem;font-weight:600}.txn-amount.lend{color:#22c55e}.txn-amount.borrow{color:#ef4444}.txn-remaining{font-size:.625rem;color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-sm)}.status-badge.pending{background:#eab30826;color:#eab308}.status-badge.partial{background:#3b82f626;color:#3b82f6}.status-badge.paid{background:#22c55e26;color:#22c55e}.status-badge.overdue{background:#ef444426;color:#ef4444}.txn-actions{display:flex;gap:4px;margin-left:12px}.txn-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s}.txn-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.txn-action-btn.settle:hover{background:#22c55e26;color:#22c55e}.txn-action-btn.emi:hover{background:#8b5cf626;color:#8b5cf6}.txn-action-btn.edit:hover{background:#3b82f626;color:#3b82f6}.txn-action-btn.delete:hover{background:#ef444426;color:#ef4444}.settle-modal{display:flex;flex-direction:column;gap:20px}.settle-summary{padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.settle-summary p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px}.settle-summary .remaining{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);font-size:1rem;color:var(--color-text-primary)}.settle-options{display:flex;flex-direction:column;gap:12px}.settle-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.settle-option input[type=radio]{display:none}.settle-option.active{border-color:#8b5cf6;background:#8b5cf61a}.settle-option .option-content{display:flex;align-items:center;gap:12px;color:var(--color-text-primary)}.emi-schedule{display:flex;flex-direction:column;gap:20px}.emi-progress{text-align:center}.emi-progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.emi-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:4px}.emi-progress p{font-size:.875rem;color:var(--color-text-muted)}.emi-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.emi-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.emi-item:hover{border-color:var(--color-text-muted)}.emi-item.paid{background:#22c55e0d;border-color:#22c55e4d}.emi-number{font-size:.75rem;font-weight:600;color:var(--color-text-muted);width:24px}.emi-details{flex:1;display:flex;justify-content:space-between;align-items:center}.emi-due-date{font-size:.875rem;color:var(--color-text-primary)}.emi-amount{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.emi-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.emi-status.paid{color:#22c55e}.emi-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%}.delete-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:16px 0}.delete-icon{color:#ef4444}.delete-confirm p{color:var(--color-text-primary)}.delete-warning{font-size:.875rem;color:var(--color-text-muted)}button[class*=danger]{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.mode-toggle-group{display:flex;flex-direction:column;gap:12px}.product-toggle-container{padding:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.product-toggle-btn{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.product-toggle-btn.active{background:#8b5cf61a;color:#8b5cf6}.product-toggle-btn:hover{background:#ffffff0d}.toggle-icon{display:flex;align-items:center;justify-content:center;color:currentColor}.circle-placeholder{width:16px;height:16px;border:2px solid var(--color-text-muted);border-radius:50%}.toggle-text{font-size:.875rem;font-weight:500}.product-fields{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);animation:slideDown .2s ease-out}.custom-select{width:100%;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;outline:none;transition:all .2s}.custom-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.emi-summary-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center;padding:8px;background:#8b5cf61a;border-radius:var(--radius-md)}.active-loans-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.active-loans-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.loans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.loan-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:16px;transition:all .2s}.loan-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #0000001a}.loan-header{display:flex;align-items:flex-start;gap:12px}.loan-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b5cf626;color:#8b5cf6;border-radius:var(--radius-md)}.loan-title{flex:1;display:flex;flex-direction:column}.loan-title h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.loan-meta{font-size:.75rem;color:var(--color-text-muted)}.loan-amount{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.loan-progress-container{display:flex;flex-direction:column;gap:8px}.loan-progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.loan-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:3px;transition:width .5s ease-out}.loan-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary)}.loan-actions{display:flex;gap:8px;margin-top:auto}.loan-action-btn{flex:1;padding:8px;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.loan-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.loan-action-btn.primary{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.loan-action-btn.primary:hover{background:#7c3aed}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.people-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-tabs{width:100%;overflow-x:auto}.balance-row,.form-row,.type-toggle,.detail-stats{grid-template-columns:1fr}.transaction-item{flex-wrap:wrap}.txn-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.txn-actions{margin-left:auto;margin-top:0}}.subscriptions-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.page-header p{color:var(--color-text-secondary);font-size:.9rem}.summary-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem}.total-liability-section{text-align:center;margin-bottom:1.5rem}.total-liability-section.incoming{margin-top:16px;padding-top:16px;border-top:1px dashed var(--color-border);margin-bottom:0}.summary-value-large{font-size:2.5rem;font-weight:700;line-height:1.2;margin-top:.5rem}.summary-value-small{font-size:1.5rem;font-weight:600;margin-top:.25rem}.summary-value-small.positive{color:#22c55e}.per-month{font-size:1rem;color:var(--color-text-muted);font-weight:500;margin-left:.25rem}.summary-divider.horizontal{height:1px;background:var(--color-border);margin:1.5rem 0;opacity:.5}.summary-breakdown{display:flex;justify-content:space-around;gap:1rem}.breakdown-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.breakdown-item .label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.breakdown-item .value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.payables-grid{display:flex;flex-direction:column;gap:2rem}.payable-group{display:flex;flex-direction:column;gap:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text-secondary);padding-left:.5rem}.group-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.payable-card{display:flex;align-items:center;gap:1rem;padding:1rem;position:relative;overflow:hidden;transition:all .2s ease}.payable-card.incoming{background:#22c55e0d;border:1px solid rgba(34,197,94,.2)}.payable-card.incoming:hover{border-color:#22c55e}.payable-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.payable-icon-wrapper.danger{background:var(--color-danger-bg);color:var(--color-danger)}.payable-icon-wrapper.success{background:var(--color-success-bg);color:var(--color-success)}.payable-icon-wrapper.info{background:var(--color-info-bg);color:var(--color-info)}.payable-info{flex:1;min-width:0}.payable-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payable-info p{font-size:.85rem;color:var(--color-text-muted)}.payable-amount{text-align:right}.payable-amount .amount{display:block;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.payable-amount.positive .amount{color:#22c55e}.payable-amount .meta{font-size:.75rem;color:var(--color-text-muted)}.card-actions-hover{position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .2s ease;background:var(--color-bg-secondary);padding-left:.5rem}.payable-card:hover .card-actions-hover{opacity:1}.icon-btn{padding:.5rem;border-radius:.5rem;transition:background-color .2s}.icon-btn:hover{background:var(--color-bg-tertiary)}.icon-btn.danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.empty-state-mini{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.9rem;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-container .empty-icon{color:var(--color-text-muted);margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .2s;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}@media(max-width:640px){.summary-breakdown{flex-direction:column;gap:1.5rem;align-items:flex-start;padding:0 1rem}.breakdown-item{flex-direction:row;width:100%;justify-content:space-between}.group-items,.form-row{grid-template-columns:1fr}}.sips-page{display:flex;flex-direction:column;gap:24px}.sip-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sip-summary .summary-card{display:flex;align-items:center;gap:16px;padding:20px!important}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md)}.summary-icon.monthly{background:#8b5cf626;color:#8b5cf6}.summary-icon.active{background:#22c55e26;color:#22c55e}.summary-icon.paused{background:#f59e0b26;color:#f59e0b}.summary-icon.total{background:#3b82f626;color:#3b82f6}.filter-tabs{display:flex;gap:8px;padding:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:fit-content}.filter-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.filter-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:var(--radius-full);font-size:.75rem}.filter-tab:not(.active) .filter-count{background:var(--color-bg-tertiary)}.sips-timeline{display:flex;flex-direction:column;gap:24px}.sip-date-group{display:flex;flex-direction:column;gap:12px}.date-header{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.date-header svg{color:#8b5cf6}.date-total{margin-left:auto;font-weight:700;color:#8b5cf6}.sip-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sip-card{position:relative}.sip-card.paused{opacity:.6}.sip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.sip-info{display:flex;flex-direction:column}.sip-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.sip-folio{font-size:.75rem;color:var(--color-text-muted)}.status-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:var(--radius-sm)}.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.paused{background:#f59e0b26;color:#f59e0b}.sip-amount{display:flex;align-items:baseline;margin-bottom:8px}.sip-amount .rupee-symbol{font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);margin-right:2px}.sip-amount .amount-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.sip-amount .amount-freq{font-size:.75rem;color:var(--color-text-muted);margin-left:4px}.sip-amc{display:flex;gap:6px;font-size:.75rem;color:var(--color-text-muted);margin-bottom:12px}.amc-value{color:var(--color-text-secondary)}.sip-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--color-border)}.sip-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s}.sip-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sip-action-btn.pause:hover{background:#f59e0b1a;color:#f59e0b}.sip-action-btn.play:hover{background:#22c55e1a;color:#22c55e}.sip-action-btn.danger:hover{background:#ef44441a;color:#ef4444}.sip-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-select{padding:12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s}.form-select:focus{outline:none;border-color:#8b5cf6}@media(max-width:1200px){.sip-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sip-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.sip-cards,.form-row{grid-template-columns:1fr}}.investments-page{display:flex;flex-direction:column;gap:24px}.portfolio-summary{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:16px}.portfolio-card{display:flex;flex-direction:column;padding:20px!important}.portfolio-card.main{background:linear-gradient(135deg,#1a1a2e,#16213e);border:none}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.portfolio-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.portfolio-change{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.portfolio-change.positive{background:#22c55e33;color:#22c55e}.portfolio-change.negative{background:#ef444433;color:#ef4444}.portfolio-value{display:flex;align-items:baseline;margin-bottom:16px}.portfolio-value .rupee-symbol{font-size:1.5rem;font-weight:600;color:#ffffffb3;margin-right:4px}.portfolio-value .value{font-size:2.5rem;font-weight:700;color:#fff}.portfolio-invested{display:flex;justify-content:space-between;font-size:.875rem;color:#fff9}.portfolio-invested .gain{color:#22c55e}.portfolio-invested .loss{color:#ef4444}.portfolio-card:not(.main){flex-direction:row;align-items:center;gap:16px}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.stat-icon.gain{background:#22c55e26;color:#22c55e}.stat-icon.loss{background:#ef444426;color:#ef4444}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:2px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.stat-value.gain{color:#22c55e}.stat-value.loss{color:#ef4444}.investments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.investment-card{cursor:pointer}.investment-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.investment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.investment-info{flex:1;min-width:0}.investment-info h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.investment-type{font-size:.75rem;color:var(--color-text-muted)}.investment-card:hover .more-btn{opacity:1}.investment-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.value-item{display:flex;flex-direction:column}.value-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.value-amount{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.investment-returns{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600}.investment-returns.positive{background:#22c55e1a;color:#22c55e}.investment-returns.negative{background:#ef44441a;color:#ef4444}.return-percent{font-size:.75rem;opacity:.8}.investment-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}@media(max-width:1200px){.portfolio-summary{grid-template-columns:1fr 1fr}.portfolio-card.main{grid-column:span 2}}@media(max-width:768px){.portfolio-summary{grid-template-columns:1fr}.portfolio-card.main{grid-column:span 1}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.investments-grid,.form-row{grid-template-columns:1fr}.type-selector{flex-direction:column}}.insurance-page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.page-header p{color:var(--color-text-secondary);font-size:.875rem}.insurance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.insurance-summary .summary-card{display:flex;align-items:center;gap:16px;padding:20px!important}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.summary-content{display:flex;flex-direction:column}.summary-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:2px}.summary-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.type-filters{display:flex;gap:8px;flex-wrap:wrap}.type-filter{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.type-filter:hover{border-color:var(--filter-color, var(--color-text-muted));color:var(--filter-color, var(--color-text-primary))}.type-filter.active{background:var(--filter-color, #8b5cf6);border-color:var(--filter-color, #8b5cf6);color:#fff}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-xl)}.empty-state-container .empty-icon{color:var(--color-text-muted);margin-bottom:16px;opacity:.5}.empty-state-container h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state-container p{color:var(--color-text-secondary);margin-bottom:24px}.policies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.policy-card{cursor:pointer;border-left:4px solid transparent}.policy-card.expired{border-left-color:#ef4444;opacity:.7}.policy-card.due-soon{border-left-color:#f59e0b}.policy-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.policy-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.policy-info{flex:1;min-width:0}.policy-info h4{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.policy-type{font-size:.75rem;color:var(--color-text-muted)}.more-btn{padding:4px;color:var(--color-text-muted);opacity:0;transition:opacity .2s}.policy-card:hover .more-btn{opacity:1}.policy-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.detail-item,.financial-item{display:flex;flex-direction:column}.detail-label,.financial-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.detail-value{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.policy-financials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.financial-value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.policy-renewal{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#22c55e1a;border-radius:var(--radius-md);font-size:.75rem;color:#22c55e}.policy-renewal.expired{background:#ef44441a;color:#ef4444}.policy-renewal.due-soon{background:#f59e0b1a;color:#f59e0b}.days-badge{margin-left:auto;padding:2px 8px;background:#fff3;border-radius:var(--radius-full);font-weight:600}.policy-form{display:flex;flex-direction:column;gap:16px}.type-selector{display:flex;flex-wrap:wrap;gap:8px}.type-option{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.type-option:hover{border-color:var(--type-color);color:var(--type-color)}.type-option.active{background:color-mix(in srgb,var(--type-color) 15%,transparent);border-color:var(--type-color);color:var(--type-color)}@media(max-width:1200px){.insurance-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.insurance-summary{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.policies-grid{grid-template-columns:1fr}}.digital-assets-page{padding:24px 24px 100px;max-width:1200px;margin:0 auto}.assets-grid{display:flex;flex-direction:column;gap:20px}.security-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.2);border-radius:12px;color:#059669}.dark .security-banner{background:linear-gradient(135deg,#10b9810d,#0596690d);color:#34d399}.banner-content h3{font-size:.9375rem;font-weight:600;margin-bottom:2px}.banner-content p{font-size:.8125rem;opacity:.9}.asset-card{border:1px solid var(--color-border);transition:all .2s}.asset-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.asset-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.asset-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.asset-icon-wrapper.instagram{background:#e1306c1a;color:#e1306c}.asset-icon-wrapper.google{background:#4285f41a;color:#4285f4}.asset-icon-wrapper.twitter{background:#1da1f21a;color:#1da1f2}.asset-info{flex:1}.asset-info h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.asset-meta{font-size:.8125rem;color:var(--color-text-muted)}.asset-actions{display:flex;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;color:var(--color-text-secondary);border:1px solid transparent;cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.secure-field{margin-bottom:12px}.secure-field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:4px}.field-value{font-family:monospace;font-size:.9375rem;color:var(--color-text-primary);background:var(--color-bg-tertiary);padding:8px 12px;border-radius:6px;display:inline-block;min-width:200px}.backup-codes-preview{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--color-text-secondary);margin-top:8px}.asset-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px dashed var(--color-border)}.last-updated{font-size:.75rem;color:var(--color-text-muted)}.security-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#10b981;background:#10b9811a;padding:4px 8px;border-radius:99px}.settings-page{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.settings-grid{display:grid;gap:24px}.settings-section-card{padding:0!important;overflow:hidden}.section-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border)}.section-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.settings-items{display:flex;flex-direction:column}.settings-item{display:flex;align-items:center;gap:16px;padding:16px 24px;width:100%;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background-color .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background-color:var(--color-bg-tertiary)}.settings-item.danger .item-label,.settings-item.danger .item-icon{color:#ef4444}.item-icon{color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center}.item-content{flex:1;display:flex;flex-direction:column;gap:2px}.item-label{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.item-description{font-size:.8125rem;color:var(--color-text-tertiary)}.item-actions{display:flex;align-items:center;gap:12px}.chevron{color:var(--color-text-tertiary);opacity:.5}.status-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.status-badge.connected{background-color:#22c55e1a;color:#22c55e}.status-badge.connect{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.toggle-switch{width:36px;height:20px;background-color:var(--color-bg-tertiary);border-radius:999px;padding:2px;cursor:pointer;transition:background-color .2s;border:1px solid var(--color-border)}.toggle-switch.active{background-color:#05f;border-color:#05f}.toggle-thumb{width:14px;height:14px;background-color:#fff;border-radius:50%;box-shadow:0 1px 2px #0000001a}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.profile-edit-page{padding:24px 24px 100px;max-width:800px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.back-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:translate(-2px)}.page-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.page-subtitle{font-size:.9375rem;color:var(--color-text-muted)}.profile-form-card{padding:32px!important}.profile-avatar-section{display:flex;align-items:center;gap:24px;padding-bottom:32px;border-bottom:1px solid var(--color-border);margin-bottom:32px}.avatar-wrapper{position:relative;width:80px;height:80px}.avatar-text{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #6366f14d}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:32px;height:32px;background:#fff;border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.avatar-edit-btn:hover{color:#6366f1;border-color:#6366f1;transform:scale(1.05)}.avatar-info h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.avatar-info p{font-size:.875rem;color:var(--color-text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.full-width{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid var(--color-border)}@media(max-width:640px){.profile-edit-page{padding:16px}.form-grid{grid-template-columns:1fr}.profile-form-card{padding:20px!important}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}