.nav-container{display:flex;flex-direction:column;gap:.9rem;padding:1.6rem 2.6rem;width:94%;max-width:1400px;margin:1.6rem auto;font-size:1.15rem;font-weight:500;color:#232946;background:#f8fafcd9;backdrop-filter:blur(18px) saturate(185%);-webkit-backdrop-filter:blur(18px) saturate(185%);border-radius:2.5rem;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 14px 42px #38bdf829,inset 0 1px 2px #ffffff73;position:relative;overflow:hidden;z-index:10;animation:slideInFade .7s cubic-bezier(.16,1,.3,1);transition:background-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.4,0,.2,1)}.nav-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:linear-gradient(120deg,#38bdf8,#6366f1,#38bdf8);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;pointer-events:none;animation:borderGradientMove 8s linear infinite;z-index:-1}.nav-container:hover{transform:translateY(-2px)}.nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.5rem}.nav-brand{display:inline-flex;align-items:center;gap:.9rem;font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:700;letter-spacing:-.4px;color:#232946;text-decoration:none;transition:transform .25s ease,text-shadow .25s ease,color .25s ease;will-change:transform}.nav-brand:hover{transform:translate(4px);text-shadow:0 0 12px rgba(56,189,248,.45)}body.dark-mode .nav-brand:hover{text-shadow:0 0 14px rgba(99,102,241,.6)}.menu-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:#ffffff73;color:#232946;border:none;cursor:pointer;outline:none;border-radius:12px;padding:.6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 3px 8px #0000000f,inset 0 1px 1px #ffffff80;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,background-color .25s ease;will-change:transform}.menu-toggle{width:50px;height:50px;font-size:1.8rem}.theme-toggle{width:44px;height:44px;font-size:1.4rem;margin-left:auto}.menu-toggle:hover,.theme-toggle:hover{background:#38bdf838;transform:scale(1.08) rotate(6deg);box-shadow:0 6px 16px #38bdf82e,inset 0 1px 2px #fff9}.menu-toggle:active,.theme-toggle:active{transform:scale(.96)}.menu-toggle:focus-visible,.theme-toggle:focus-visible{box-shadow:0 0 0 3px #38bdf859,inset 0 1px 1px #fff9}.nav-links{display:flex;gap:2.3rem;flex-wrap:wrap;justify-content:flex-start;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:-16%;margin-top:-55px}.navBox{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.9rem;gap:.4rem;font-weight:600;letter-spacing:.02em;text-decoration:none;color:#232946;background:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.6rem;border:1.5px solid rgba(255,255,255,.45);box-shadow:0 6px 18px #38bdf81a,inset 0 1px 1px #fffc;overflow:hidden;z-index:1;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease,color .28s ease;will-change:transform}.navBox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#38bdf82e,#6366f138);opacity:0;transition:opacity .3s ease;z-index:-1}.navBox:after{content:"";position:absolute;bottom:7px;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:999px;transition:width .32s cubic-bezier(.4,0,.2,1)}.navBox:hover{background:#ffffffd9;color:#232946;transform:translateY(-3px);border-color:#38bdf859;box-shadow:0 12px 32px #38bdf838,inset 0 1px 2px #fffffff2}.navBox:hover:before{opacity:1}.navBox:hover:after{width:72%}.navBox.active{background:linear-gradient(90deg,#57bcff,#38bdf8);color:#fff;border-color:#38bdf88c;box-shadow:0 14px 34px #38bdf84d,inset 0 1px 2px #ffffff59}.navBox.active:after{width:80%}.navBox:active{transform:translateY(1px) scale(.97)}.navBox:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf866,0 12px 30px #38bdf840}body.dark-mode .navBox{background:#232946a6;color:#f4f4f4;border-color:#6366f140}body.dark-mode .navBox:hover{background:#232946d9}.navBox .ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@media (max-width: 768px){.nav-container{padding:1.2rem 1.8rem;border-radius:2rem;width:60%}.nav-links{flex-direction:column;gap:1rem;max-height:0;overflow:hidden;opacity:0;pointer-events:none}.nav-links.active{max-height:500px;opacity:1;pointer-events:auto;padding:1rem 0}.navBox{width:60%;justify-content:center}}@media (max-width: 426px){.nav-container{width:70%;padding:1rem 1.2rem;font-size:.95rem;border-radius:1.8rem}.navBox{width:80%;padding:.7rem 1.5rem;height:15px;margin-top:2rem}.menu-toggle{width:45px;height:45px;font-size:1.6rem}}body.dark-mode .nav-container{background:#232946e0;color:#f4f4f4;box-shadow:0 12px 40px #38bdf82e,inset 0 1px 2px #ffffff1a;border-color:#6366f133}body.dark-mode .nav-brand{color:#f4f4f4}body.dark-mode .menu-toggle,body.dark-mode .theme-toggle{background:#23294699;color:#f4f4f4;box-shadow:0 2px 6px #0003,inset 0 1px 1px #ffffff1a}body.dark-mode .navBox{background:#23294699;color:#f4f4f4;box-shadow:0 4px 12px #0003,inset 0 1px 1px #ffffff1a;border-color:#6366f133}body.dark-mode .navBox:hover{background:#232946cc}body.dark-mode .navBox.active{background:linear-gradient(90deg,#6366f1,#38bdf8)}*{transition:color .3s ease,background-color .3s ease,box-shadow .3s ease}@keyframes slideInFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGradientMove{0%{background-position:0% 50%}to{background-position:200% 50%}}.welcome-text{margin-left:1rem;font-weight:500;color:#374151;font-size:1.1rem;-webkit-user-select:none;user-select:none;transition:color .3s ease;flex-grow:1;text-align:center}.dark-mode .welcome-text{color:#e5e7eb}.logout-btn{height:40px;width:10%;margin-top:.8rem;padding:.5rem 1rem;border:none;border-radius:8px;background:#ef4444;color:#fff;font-weight:500;cursor:pointer;transition:background .2s ease-in-out}.logout-btn:hover{background:#dc2626}.logout-btn:active{transform:scale(.97)}@media (max-width: 768px){.welcome-text{font-size:1rem;margin-left:.5rem}.logout-btn{width:20%;font-size:.9rem}}.container_f315c9{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.inner_223de4{height:var(--uib-size);width:var(--uib-size);transform-origin:center;overflow:visible}.car_f1f6ed{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;stroke-linecap:round;animation:travel_b40570 var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}.track_497741{stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s ease}@keyframes travel_b40570{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}:root{--color-primary: #3b82f6;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #8b5cf6;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-gray-100);--bg-card: var(--color-white);--text-primary: var(--color-gray-800);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--border-color: var(--color-gray-200);--shadow-color: rgba(0, 0, 0, .05);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 6px var(--shadow-color);--shadow-lg: 0 10px 15px var(--shadow-color);--shadow-xl: 0 20px 25px var(--shadow-color);--transition-base: all .2s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}body.dark-mode{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-card: var(--color-gray-800);--text-primary: var(--color-gray-100);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-400);--border-color: var(--color-gray-700);--shadow-color: rgba(0, 0, 0, .2)}.dashboard{padding:var(--space-4);max-width:1400px;margin:0 auto;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.heading2{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-4) 0;color:var(--text-primary);line-height:1.2}.dashboard-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--border-color)}.dashboard-actions{display:flex;gap:var(--space-2);justify-content:center}.action-button{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:var(--transition-base);color:var(--text-primary);box-shadow:var(--shadow-sm);min-width:44px;min-height:44px}.action-button:hover:not(:disabled){background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spinning{animation:spin 1s linear infinite}.balanceBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.balanceBox{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.summary-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-2);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;border:1px solid var(--border-color);min-height:120px;will-change:transform}.summary-card.interactive{cursor:pointer}.summary-card.interactive:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg);background:var(--bg-card-hover, rgba(255, 255, 255, .92))}.summary-card.interactive:active{transform:translateY(0)}.summary-card .label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px}.summary-card .value{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;color:var(--text-primary)}.chart-container-box{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.chart-box{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);overflow:hidden;padding:var(--space-5);transition:background .3s ease}.chart-box:hover{background:var(--bg-card-hover, rgba(250, 250, 250, .95))}.chart-box h3{margin:0 0 var(--space-4) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);text-align:center}.empty-chart{text-align:center;color:var(--text-muted);padding:var(--space-8) 0;font-style:italic}.chart-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);margin-bottom:var(--space-6);overflow:hidden;border:1px solid var(--border-color);transition:background .3s ease}.chart-section:hover{background:var(--bg-card-hover, rgba(255, 255, 255, .95))}.chart-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap}.chart-section-title{display:flex;align-items:center;gap:var(--space-3)}.chart-icon{font-size:var(--font-size-xl);color:var(--text-accent, #6366f1)}.chart-section-title h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.data-count{color:var(--text-mut);font-size:var(--font-size-sm)}.chart-toggle-btn{border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .25s ease;display:flex;align-items:center;gap:var(--space-2);min-height:44px;background:var(--btn-bg, #f3f4f6);color:var(--btn-text, #111827)}.chart-toggle-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px);background:var(--btn-hover-bg, #e5e7eb)}.chart-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.btn-content{display:flex;align-items:center;gap:var(--space-2)}.btn-icon{font-weight:700;font-size:var(--font-size-lg);line-height:1}.chart-container{overflow:hidden;margin-top:var(--space-4);min-height:250px;display:flex;align-items:center}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted);animation:fadeIn .3s ease}.empty-state p{margin:0 0 var(--space-2) 0;font-weight:500}.empty-state small{font-size:var(--font-size-sm);opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.summary-card,.chart-box,.chart-section{background:var(--bg-card-dark, #1f2937);border-color:var(--border-color-dark, #374151)}.summary-card.interactive:hover,.chart-section:hover,.chart-box:hover{background:var(--bg-card-hover-dark, #2d3748)}.chart-toggle-btn{background:var(--btn-bg-dark, #374151);color:var(--btn-text-dark, #f9fafb)}.chart-toggle-btn:hover{background:var(--btn-hover-bg-dark, #4b5563)}}.recent-transactions{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:var(--space-6);max-height:35rem;overflow-y:auto;width:80%;margin-left:auto;margin-right:auto}.recent-transactions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.recent-transactions__heading{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.view-all-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:var(--transition-base);padding:var(--space-2);border-radius:var(--radius-sm)}.view-all-link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.recent-transactions__empty{text-align:center;color:var(--text-muted);padding:var(--space-8) 0;font-style:italic}.recent-transactions__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.recent-transactions__item{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:var(--transition-base);border:1px solid var(--border-color)}.recent-transactions__item:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.recent-transactions__item:active{transform:translateY(0)}.recent-transactions__content{display:flex;align-items:center;gap:var(--space-3)}.recent-transactions__badge{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;font-weight:700;flex-shrink:0;font-size:var(--font-size-lg)}.recent-transactions__badge--income{background:#10b9811a;color:var(--color-success)}.recent-transactions__badge--expense{background:#ef44441a;color:var(--color-danger)}.recent-transactions__info{flex:1;min-width:0}.recent-transactions__description{margin:0 0 var(--space-1) 0;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-sm)}.recent-transactions__category,.recent-transactions__payment-mode{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.recent-transactions__amount-container{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.recent-transactions__amount{font-weight:700;font-size:var(--font-size-base)}.recent-transactions__amount--income{color:var(--color-success)}.recent-transactions__amount--expense{color:var(--color-danger)}.recent-transactions__date-time{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.bar-chart-section,.area-chart-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden}.bar-chart-section h3,.area-chart-section h3{margin:0 0 var(--space-5) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);text-align:center}.custom-tooltip{background:var(--bg-card);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-width:200px}.custom-tooltip .label{font-weight:600;margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--font-size-sm)}.custom-tooltip p{margin:var(--space-1) 0;font-size:var(--font-size-xs);color:var(--text-secondary)}.fab-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);pointer-events:none}.fab-add{pointer-events:auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-info));color:var(--color-white);box-shadow:var(--shadow-lg);border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;-webkit-tap-highlight-color:transparent}.fab-add:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-xl)}.fab-add:active{transform:translateY(-1px) scale(.98)}.spinner-container{display:flex;align-items:center;justify-content:center;height:60vh}.action-button:focus,.filter-toggle:focus,.chart-toggle-btn:focus,.recent-transactions__item:focus,.fab-add:focus,.summary-card:focus,.view-all-link:focus,.clear-filters:focus{outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:var(--space-4);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top .3s ease}.skip-to-content:focus{top:var(--space-4)}@media (min-width: 480px){.balanceBox{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.recent-transactions{padding:var(--space-4)}}@media (min-width: 768px){.dashboard{padding:var(--space-6)}.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-actions{justify-content:flex-end}.balanceBox{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.chart-container-box{grid-template-columns:repeat(2,1fr);overflow-y:scroll}.chart-container-box .heading2{font-size:var(--font-size-3xl)}.chart-container-box .summary-card .value{font-size:var(--font-size-2xl)}@media (min-width: 1024px){.balanceBox{grid-template-columns:repeat(3,1fr)}.chart-container-box{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.balanceBox{grid-template-columns:repeat(6,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary)}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.action-button:hover,.summary-card.interactive:hover,.chart-toggle-btn:hover,.fab-add:hover,.recent-transactions__item:hover{transform:none}}@media print{.dashboard-actions,.fab-container,.chart-toggle-btn{display:none}.dashboard{padding:0}.balanceBox,.chart-container-box{break-inside:avoid}.summary-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.dashboard-summary-card{background:#f0f0f0;border-radius:24px;padding:28px;box-shadow:12px 12px 24px #0000001a,-12px -12px 24px #ffffff80;transition:var(--transition-smooth);border:1px solid rgba(255,255,255,.2)}.dashboard-summary-card:hover{transform:translateY(-4px);box-shadow:16px 16px 32px #0000001f,-16px -16px 32px #fff9}.chart-container{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;border:1px solid var(--glass-border-light);box-shadow:var(--shadow-glass);padding:24px}body.dark-mode .chart-container{background:var(--glass-bg-dark);border-color:var(--glass-border-dark)}:root{--color-primary: #3b82f6;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #8b5cf6;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-200: #e5e7eb;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--text-primary: #111827;--text-muted: #6b7280;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--radius-lg: 24px;--shadow-soft: 6px 6px 12px rgba(0, 0, 0, .12), -6px -6px 12px rgba(255, 255, 255, .6);--shadow-hover: 10px 10px 20px rgba(0, 0, 0, .15), -10px -10px 20px rgba(255, 255, 255, .7);--glass-bg-light: rgba(255, 255, 255, .4);--glass-bg-dark: rgba(30, 41, 59, .6);--transition-smooth: .25s cubic-bezier(.22, 1, .36, 1)}.summary-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-lg);background:linear-gradient(145deg,#fff,#f0f0f3);box-shadow:var(--shadow-soft);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);cursor:pointer;overflow:hidden}.summary-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-hover)}.summary-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-bg-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:0}.summary-card>*{position:relative;z-index:1}.summary-card .title{font-size:1rem;font-weight:500;color:var(--text-muted);margin-bottom:var(--space-sm)}.summary-card .value{font-size:2rem;font-weight:700;color:var(--text-primary);transition:color .3s ease}.summary-card.loading:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes glowPulse{0%{text-shadow:0 0 0 rgba(16,185,129,0)}50%{text-shadow:0 0 12px rgba(16,185,129,.8)}to{text-shadow:0 0 0 rgba(16,185,129,0)}}.value.updated{animation:glowPulse .8s ease;color:var(--color-success)}body.dark-mode{--text-primary: #f9fafb;--text-muted: #9ca3af}body.dark-mode .summary-card{background:linear-gradient(145deg,var(--color-gray-800),var(--color-gray-900));box-shadow:6px 6px 12px #000000b3,-6px -6px 12px #ffffff0d}body.dark-mode .summary-card:before{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.formDiv{padding:2rem 1.5rem;background:linear-gradient(120deg,#f8fafc 60%,#e0e7ff);border:2px solid slateblue;border-radius:18px;margin-bottom:2rem;box-shadow:0 6px 24px #5050a014;max-width:420px;margin-left:auto;margin-right:auto}.formDiv h3{margin-bottom:1.2rem;color:#3b3663;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-align:center}.formDiv input[type=text],.formDiv input[type=number],.formDiv select{width:100%;padding:12px 14px;margin-bottom:1rem;border:none;border-radius:8px;background:#e7eef9;font-size:1.08rem;color:#22223b;box-shadow:0 2px 8px #5050a00a}.formDiv input[type=text]:focus,.formDiv input[type=number]:focus,.formDiv select:focus{outline:none;background:#e0e7ff;box-shadow:0 4px 16px #5050a01a}.optionsDiv{width:100%;margin-bottom:1rem;border-radius:8px;background:#e9ecef;font-size:1.08rem;padding:10px 0;border:none;color:#3b3663}.optionsDiv:focus,.optionsDiv:hover{background:#dbeafe}.BtnAT{background:linear-gradient(90deg,#6366f1,#38bdf8);color:#fff;border:none;padding:12px 0;border-radius:8px;font-size:1.1rem;font-weight:700;width:100%;cursor:pointer;box-shadow:0 2px 8px #5050a014;margin-top:.5rem;letter-spacing:1px}.BtnAT:hover{background:linear-gradient(90deg,#38bdf8,#6366f1)}.transactionList{list-style:none;padding:0;margin:2rem auto 0;max-width:480px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transactionList li{background:#fff;border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 12px #5050a012;font-size:1.08rem}.transactionList li.income{border-left:5px solid #22c55e}.transactionList li.expense{border-left:5px solid #ef4444}.transactionList li:hover{box-shadow:0 6px 24px #5050a021;transform:scale(1.02)}.transactionList span{flex:1;text-align:left;color:#3b3663;font-weight:500}.transactionList span:last-child{text-align:right;font-weight:700}@media (max-width: 600px){.formDiv,.transactionList{max-width:98vw;padding:1rem}.transactionList li{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem .7rem}}.InputDiv{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.amountBox,.descriptionBox,.dateBox{background:#e0e7ff;border-radius:6px;color:#3b3663;font-weight:600;padding:8px 12px;font-size:1.08rem;box-shadow:0 2px 8px #5050a00a;width:100%}.amountBox{text-align:center;margin-left:10px}.descriptionBox{width:calc(100% - 10px)}.dateBox{margin-left:10px;margin-right:10px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;justify-content:center}.filters input[type=text],.filters input[type=date],.filters select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;min-width:140px;font-size:14px}.transaction-list-container{max-width:700px;margin:32px auto;padding:32px 24px;background:#f8fafc;border-radius:18px;box-shadow:0 8px 32px #5050a021;font-family:Segoe UI,Inter,Arial,sans-serif}.transaction-list-container h3{text-align:center;margin-bottom:28px;font-size:2rem;color:#3730a3;font-weight:800;letter-spacing:1px;position:relative}.transaction-list-container h3:after{content:"";display:block;width:60px;height:4px;margin:.5rem auto 0;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:2px}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;justify-content:center;background:#e0e7ff;padding:16px 12px;border-radius:12px;box-shadow:0 2px 12px #5050a012}.filters input[type=text],.filters input[type=date],.filters select{padding:10px 16px;border:1px solid #c7d2fe;border-radius:8px;min-width:150px;font-size:15px;background:#f1f5f9;color:#3730a3}.filters input[type=text]:focus,.filters input[type=date]:focus,.filters select:focus{outline:none;border:1.5px solid #6366f1;box-shadow:0 2px 8px #6366f121}.transaction-list{list-style:none;padding:0;margin:0}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;margin-bottom:18px;border-left:6px solid;border-radius:12px;background:#fff;box-shadow:0 4px 18px #5050a017}.transaction-item:hover{background:#f1f5f9;box-shadow:0 8px 32px #5050a026;transform:translateY(-2px) scale(1.01)}.transaction-item strong{display:block;font-size:1.1rem;margin-bottom:2px;color:#3730a3;font-weight:700}.transaction-item .category{font-size:13px;font-style:italic;color:#6366f1}.transaction-item .type{font-size:12px;color:#64748b;margin-top:4px}.amount{font-weight:700;display:flex;align-items:center;gap:10px;color:#0f172a;font-size:1.13rem}.delete-btn{background:none;border:none;color:#a5b4fc;font-size:22px;cursor:pointer;margin-left:10px;position:relative}.delete-btn:hover{color:#ef4444}.no-transactions{text-align:center;color:#64748b;padding:28px;font-size:1.1rem;background:#f1f5f9;border-radius:10px;margin-top:24px;box-shadow:0 2px 8px #5050a00a}.notesBox{background:#e0e7ff;border-radius:10px;color:#3730a3;font-weight:500;padding:12px 16px;font-size:1.08rem;box-shadow:0 2px 8px #5050a00f;border:1px solid #c7d2fe;width:95%;min-height:52px;margin-top:.7rem;margin-bottom:1rem;resize:vertical}.notesBox:focus,.notesBox:hover{outline:none;background:#dbeafe;border:1.5px solid #6366f1;box-shadow:0 4px 16px #5050a021}.notesBox::placeholder{color:#9ca3af;font-style:italic}@media (max-width: 900px){.transaction-list-container{padding:16px 2vw;border-radius:14px}.transaction-item{padding:14px 8px;border-radius:10px}.filters{padding:10px 4px;border-radius:10px}}@media (max-width: 700px){.transaction-list-container{padding:12px 2vw}.transaction-item{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 8px}.filters{flex-direction:column;gap:10px;padding:10px 4px}.formDiv,.transactionList{max-width:98vw;padding:1rem}.transactionList li{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem .7rem}}body.dark-mode .transaction-list-container{background:#181f2a;color:#e0e7ef;box-shadow:0 8px 32px #38bdf81a}body.dark-mode .transaction-item{background:#232946;color:#e0e7ef;box-shadow:0 4px 18px #38bdf814;border-left-color:#6366f1}body.dark-mode .transaction-item.income{border-color:#22d3ee;color:#22d3ee}body.dark-mode .transaction-item.expense{border-color:#f87171;color:#f87171}body.dark-mode .amount{color:#f4f4f4;text-shadow:0 0 8px #38bdf855}body.dark-mode .category{color:#a5b4fc}body.dark-mode .type{color:#c7d2fe}body.dark-mode .delete-btn{color:#a5b4fc}body.dark-mode .delete-btn:hover{color:#f87171}body.dark-mode .filters{background:#232946;box-shadow:0 2px 12px #38bdf80d}body.dark-mode .filters input,body.dark-mode .filters select{background:#181f2a;color:#e0e7ef;border:1.5px solid #6366f1}body.dark-mode .notesBox{background:#232946;color:#e0e7ef;border:1.5px solid #6366f1}body.dark-mode .notesBox:focus,body.dark-mode .notesBox:hover{background:#181f2a;border:1.5px solid #38bdf8;color:#fff}body.dark-mode .notesBox::placeholder{color:#64748b}body.dark-mode .transaction-list-container h3{color:#a5b4fc;text-shadow:0 2px 8px #23294655}body.dark-mode .transaction-list-container h3:after{background:linear-gradient(90deg,#38bdf8,#6366f1);opacity:.85}body.dark-mode .BtnAT:hover{background:linear-gradient(90deg,#38bdf8,#6366f1)}body.dark-mode .BtnAT:active{box-shadow:0 1px 4px #5050a00a}body.dark-mode .formDiv{background:linear-gradient(120deg,#1a2233 60%,#232946);box-shadow:0 6px 24px #38bdf814}body.dark-mode .formDiv input[type=text],body.dark-mode .formDiv input[type=number],body.dark-mode .formDiv select{background:#232946;color:#e0e7ef;border:1.5px solid #6366f1;margin:6px}body.dark-mode .formDiv input[type=text]:focus,body.dark-mode .formDiv input[type=number]:focus,body.dark-mode .formDiv select:focus{background:#181f2a;border:1.5px solid #38bdf8;color:#fff}body.dark-mode .formDiv h3{color:#38bdf8;text-shadow:0 2px 8px #23294655}.formDiv{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:28px;margin:24px auto;max-width:650px;box-shadow:0 8px 32px #5050a01a;border:1.5px solid rgba(99,102,241,.1);animation:fadeInTransaction .7s ease-out}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(99,102,241,.1)}.Heading1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.type-indicator{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.type-indicator.income{background-color:#d1fae5;color:#065f46}.type-indicator.expense{background-color:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:.9rem;font-weight:500;color:#374151;margin-bottom:8px;display:flex;align-items:center}.type-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px}.descriptionBox,.amountBox,.categoryBox,.dateBox,.paymentBox,.accountBox,.frequencyBox,.notesBox{padding:12px 14px;border-radius:8px;border:1.5px solid #e5e7eb;font-size:1rem;transition:all .2s ease;background:#fff}.descriptionBox:focus,.amountBox:focus,.categoryBox:focus,.dateBox:focus,.paymentBox:focus,.accountBox:focus,.frequencyBox:focus,.notesBox:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.amount-input-container{position:relative}.currency-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:500}.amountBox{padding-left:30px}.category-select-wrapper{position:relative}.category-icon-preview{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.char-count{font-size:.75rem;color:#9ca3af;text-align:right;margin-top:4px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#374151}.recurring-checkbox{position:absolute;opacity:0;cursor:pointer}.checkmark{height:20px;width:20px;background-color:#f3f4f6;border-radius:4px;margin-right:8px;position:relative;transition:all .2s ease}.checkbox-label:hover .checkmark{background-color:#e5e7eb}.recurring-checkbox:checked~.checkmark{background-color:#6366f1}.checkmark:after{content:"";position:absolute;display:none}.recurring-checkbox:checked~.checkmark:after{display:block;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.recurring-options{margin-top:12px;padding-left:28px;animation:fadeIn .3s ease}.BtnAT{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px}.BtnAT:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.BtnAT:active{transform:translateY(0)}.BtnAT:disabled{opacity:.7;cursor:not-allowed;transform:none}.BtnAT.submitting{background:linear-gradient(135deg,#818cf8,#6366f1)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark-mode .formDiv{background:#1a2233f2;border-color:#6366f133}body.dark-mode .Heading1{color:#f8fafc}body.dark-mode .form-label{color:#e5e7eb}body.dark-mode .type-toggle{background:#374151}body.dark-mode .toggle-btn.active{background:#4b5563}body.dark-mode .descriptionBox,body.dark-mode .amountBox,body.dark-mode .categoryBox,body.dark-mode .dateBox,body.dark-mode .paymentBox,body.dark-mode .accountBox,body.dark-mode .frequencyBox,body.dark-mode .notesBox{background:#1f2937;border-color:#4b5563;color:#f3f4f6}body.dark-mode .char-count{color:#6b7280}body.dark-mode .checkmark{background-color:#374151}body.dark-mode .checkbox-label:hover .checkmark{background-color:#4b5563}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:16px}.formDiv{padding:20px;margin:16px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.type-toggle{width:100%}}@media (max-width: 480px){.formDiv{padding:16px}.Heading1{font-size:1.3rem}}.type-toggle{display:flex;gap:10px;margin-top:8px}.toggle-btn{padding:8px 16px;border:2px solid #ddd;border-radius:6px;background-color:#f9f9f9;color:#333;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.toggle-btn:hover{background-color:#f0f0f0;border-color:#aaa}.toggle-btn.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.toggle-btn.active.expense{background-color:#e74c3c;border-color:#e74c3c}.transaction-list-container{max-width:650px;margin:36px auto;padding:32px 24px;background:#f8fafcd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;border:1.5px solid rgba(99,102,241,.13);box-shadow:0 8px 32px #5050a021,0 1.5px 8px #38bdf854;font-family:Segoe UI,Inter,Arial,sans-serif;animation:fadeInTransaction .7s;position:relative;overflow:hidden}.transaction-list-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:18px;padding:2px;background:linear-gradient(270deg,#38bdf8,#6366f1,#38bdf8);background-size:400% 400%;animation:borderGradientMoveTH 6s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}.transaction-list-container>*{position:relative;z-index:1}.transaction-list{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.transaction-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:.75rem;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(99,102,241,.1);box-shadow:0 4px 18px #5050a017;transition:all .2s ease;border-left:6px solid}.transaction-item.income{border-color:#22c55e;color:#166534}.transaction-item.expense{border-color:#ef4444;color:#991b1b}.transaction-item:hover{box-shadow:0 20px 60px #38bdf82e,0 2px 8px #5050a01a;transform:perspective(600px) rotateY(2deg) scale(1.03);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),background .2s;background:#e0e7ff}.transaction-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.transaction-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.transaction-title{margin:0;font-size:1rem;font-weight:500;color:#1f2937;display:flex;align-items:center;gap:.5rem}.amount{display:flex;align-items:center;gap:10px;font-weight:700;color:#0f172a;font-size:1.2rem}.amount-bubble{padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.amount-bubble.income{background-color:#d1fae5;color:#065f46}.amount-bubble.expense{background-color:#fee2e2;color:#991b1b}.category{font-style:italic;color:#6366f1;margin-left:8px;font-size:.98rem}.type{font-size:13px;margin-top:4px;color:#64748b}.transaction-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.8rem}.category-tag{background-color:#e5e7eb;padding:.25rem .5rem;border-radius:.5rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.type-tag{padding:.25rem .5rem;border-radius:.5rem;font-weight:500;font-size:.7rem;text-transform:uppercase}.type-tag.income{background-color:#d1fae5;color:#065f46}.type-tag.expense{background-color:#fee2e2;color:#991b1b}.date-tag{display:flex;align-items:center;gap:.25rem;color:#6b7280}.delete-btn-container{position:absolute;top:16px;right:16px}.delete-btn{background:#ffffffb3;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#a5b4fc;font-size:18px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #1e1e501a,inset 0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.delete-btn:hover{color:#ef4444;transform:scale(1.15);background:#ffffffe6;box-shadow:0 4px 12px #ef444426,inset 0 0 0 1px #ffffffb3}.delete-btn:active{transform:scale(.95) rotate(-8deg)}.delete-btn:active:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;background:#38bdf82e;border-radius:50%;transform:translate(-50%,-50%) scale(1);animation:rippleTransactionHistory .5s linear;pointer-events:none;z-index:2}.no-transactions{text-align:center;color:#64748b;padding:40px;font-size:1.3rem;background:linear-gradient(135deg,#f1f5f9cc,#f1f5f9e6);border-radius:16px;margin-top:32px;box-shadow:0 8px 24px #1e1e5014,inset 0 0 0 1px #ffffff80;animation:fadeInTransaction .9s cubic-bezier(.19,1,.22,1);border:1px dashed rgba(99,102,241,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;justify-content:center;background:#e0e7ff;padding:16px 12px;border-radius:12px;box-shadow:0 2px 12px #5050a012;animation:fadeInTransaction .8s}.filters input,.filters select{padding:10px 14px;border-radius:8px;border:1.5px solid #c7d2fe;min-width:150px;font-size:1rem;background:#f8fafc;color:#3730a3;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #5050a00a}.filters input:focus,.filters select:focus{outline:none;border:1.5px solid #6366f1;box-shadow:0 2px 8px #6366f121;background:#e0f2fe}.filters input[type=text]{width:100%}.filters select{width:auto}.SearchBox,.search-input{width:100%;padding:12px 14px;border-radius:8px;border:1.5px solid #c7d2fe;margin-bottom:20px;font-size:1rem;background:#f8fafc;color:#3730a3;font-family:Segoe UI,Arial,sans-serif;font-weight:400;box-sizing:border-box;box-shadow:0 2px 8px #5050a012;transition:border-color .2s,box-shadow .2s}.SearchBox:focus,.search-input:focus{border-color:#6366f1;box-shadow:0 2px 8px #6366f121;background:#e0f2fe}@keyframes fadeInTransaction{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGradientMoveTH{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rippleTransactionHistory{to{transform:translate(-50%,-50%) scale(10);opacity:0}}body.dark-mode .transaction-list-container{background:#232946;color:#f4f4f4;box-shadow:0 8px 32px #38bdf821}body.dark-mode .transaction-item{background:#1a2233;color:#f4f4f4;box-shadow:0 4px 18px #38bdf817}body.dark-mode .transaction-item.income{border-color:#22c55e;color:#22c55e}body.dark-mode .transaction-item.expense{border-color:#ef4444;color:#ef4444}body.dark-mode .amount{color:#f4f4f4;text-shadow:0 0 8px rgba(56,189,248,.33)}body.dark-mode .category,body.dark-mode .type{color:#a5b4fc}body.dark-mode .delete-btn{color:#a5b4fc;background:#1a2233b3}body.dark-mode .delete-btn:hover{color:#ef4444;background:#1a2233e6}body.dark-mode .no-transactions{background:#232946;color:#a5b4fc;box-shadow:0 2px 8px #38bdf80a}body.dark-mode .filters{background:#1a2233;box-shadow:0 2px 12px #38bdf812}body.dark-mode .filters input,body.dark-mode .filters select{background:#232946;color:#a5b4fc;border:1.5px solid #6366f1}body.dark-mode .filters input:focus,body.dark-mode .filters select:focus{background:#232946;border:1.5px solid #38bdf8;color:#fff}body.dark-mode .SearchBox,body.dark-mode .search-input{background:#232946;color:#a5b4fc;border:1.5px solid #6366f1}body.dark-mode .SearchBox:focus,body.dark-mode .search-input:focus{background:#1a2233;border:1.5px solid #38bdf8;color:#fff}body.dark-mode .transaction-title{color:#f8fafc}body.dark-mode .amount-bubble.income{background-color:#064e3b;color:#a7f3d0}body.dark-mode .amount-bubble.expense{background-color:#7f1d1d;color:#fecaca}body.dark-mode .category-tag{background-color:#334155;color:#cbd5e1}body.dark-mode .type-tag.income{background-color:#064e3b;color:#a7f3d0}body.dark-mode .type-tag.expense{background-color:#7f1d1d;color:#fecaca}body.dark-mode .date-tag{color:#94a3b8}@media (max-width: 768px){.transaction-list-container{padding:24px 16px;margin:24px auto;border-radius:16px}.transaction-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.transaction-header{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.delete-btn-container{position:absolute;top:12px;right:12px}.filters{flex-direction:column;gap:12px;padding:12px}.filters input,.filters select{width:100%;min-width:auto}}@media (max-width: 480px){.transaction-list-container{padding:16px 12px;margin:16px auto;border-radius:14px}.transaction-item{padding:12px}.amount{font-size:1rem}.category,.type{font-size:.85rem}.no-transactions{padding:24px;font-size:1.1rem}.delete-btn{width:32px;height:32px;font-size:16px}}@media (max-width: 360px){.transaction-list-container{padding:12px 8px}.transaction-item{padding:10px}.amount{font-size:.9rem}.category,.type{font-size:.8rem}.no-transactions{padding:16px;font-size:1rem}}.new-badge{display:inline-block;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;margin-left:6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #22c55e4d;animation:pulseNew 1.5s infinite}@keyframes pulseNew{0%{transform:scale(1);box-shadow:0 0 #22c55e99}70%{transform:scale(1.05);box-shadow:0 0 8px 4px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.premium-badge{display:inline-block;background:linear-gradient(135deg,#facc15,#eab308);color:#111;font-size:.7rem;font-weight:700;padding:2px 8px;margin-left:6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #facc1566;position:relative;overflow:hidden}.premium-badge:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:#fff9;transform:skew(-20deg);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-40%}to{left:140%}}.recurring-badge{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;margin-left:6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #3b82f64d;animation:rotateRecurrence 2s linear infinite}@keyframes rotateRecurrence{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transaction-item:focus-within{outline:3px solid #6366f1;outline-offset:4px;box-shadow:0 0 12px #6366f166}.delete-btn:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 8px #3b82f680}.transaction-list-container{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--glass-bg-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);transition:background var(--transition-smooth),box-shadow var(--transition-smooth)}body.dark-mode .transaction-list-container{background:var(--glass-bg-dark);box-shadow:4px 4px 12px #0009,-4px -4px 12px #ffffff0d}.transaction-list-container h3{font-size:1.5rem;margin-bottom:var(--space-md);font-weight:600;color:var(--text-primary)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);align-items:center}.SearchBox{position:relative;flex:1}.search-input{width:100%;padding:.65rem .75rem .65rem 2rem;border-radius:12px;border:1px solid var(--color-gray-200);font-size:.95rem;transition:all var(--transition-smooth)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f640}.search-icon{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);color:var(--text-muted)}.filter-select,.download-btn{padding:.55rem .9rem;border-radius:10px;border:1px solid var(--color-gray-200);font-size:.9rem;background:var(--color-white);cursor:pointer;transition:var(--transition-smooth)}.filter-select:hover,.download-btn:hover{background:var(--color-gray-50)}body.dark-mode .filter-select,body.dark-mode .download-btn{background:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--text-primary)}.transaction-list{display:flex;flex-direction:column;gap:var(--space-sm)}.transaction-item{background:linear-gradient(145deg,#fff,#f4f4f4);border-radius:16px;padding:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);position:relative;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-soft)}.transaction-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}body.dark-mode .transaction-item{background:linear-gradient(145deg,var(--color-gray-800),var(--color-gray-900));box-shadow:6px 6px 12px #0009,-6px -6px 12px #ffffff0d}.transaction-title{font-weight:500;margin:0;color:var(--text-primary)}.premium-badge,.new-badge,.recurring-badge{display:inline-block;margin-left:.5rem;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:500;animation:fadeIn .3s ease}.premium-badge{background:linear-gradient(90deg,gold,#facc15);color:#000}.new-badge{background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff}.recurring-badge{background:linear-gradient(90deg,#10b981,#34d399);color:#fff}.amount-bubble{font-weight:600;border:2px solid;border-radius:12px;padding:.4rem .75rem;font-size:.95rem;display:flex;align-items:center;gap:.4rem}.amount-bubble.income{background:#10b98114;color:var(--color-success)}.amount-bubble.expense{background:#ef444414;color:var(--color-danger)}.transaction-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem;font-size:.8rem}.category-tag,.type-tag,.status-tag,.date-tag,.location-tag{padding:.25rem .55rem;border-radius:8px;background:var(--color-gray-50);font-weight:500;color:var(--text-muted)}body.dark-mode .transaction-meta span{background:var(--color-gray-800);color:var(--text-primary)}.tag-pill{display:inline-block;padding:.2rem .55rem;border-radius:20px;background:var(--color-primary);color:#fff;font-size:.75rem;margin-right:.25rem;transition:transform var(--transition-smooth)}.tag-pill:hover{transform:scale(1.05)}.delete-btn{background:transparent;border:none;font-size:1.2rem;color:var(--color-danger);cursor:pointer;transition:transform var(--transition-smooth)}.delete-btn:hover{transform:scale(1.2)}.th-fab-add{background:var(--color-primary)!important;box-shadow:0 6px 18px #00000040;transition:transform var(--transition-smooth)}.th-fab-add:hover{transform:scale(1.1) rotate(8deg)}.note-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999}.note-modal{background:var(--glass-bg-light);padding:var(--space-lg);border-radius:var(--radius-lg);width:min(500px,90%);box-shadow:var(--shadow-hover);animation:fadeIn .3s ease}body.dark-mode .note-modal{background:var(--glass-bg-dark);color:var(--text-primary)}.note-actions button{padding:.4rem .75rem;border-radius:8px;border:none;cursor:pointer;transition:var(--transition-smooth)}.note-actions button:hover{opacity:.9}.note-actions .save-btn{background:var(--color-primary);color:#fff;margin-right:var(--space-sm)}.note-actions .cancel-btn{background:var(--color-gray-200);color:var(--text-primary)}.loading-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;align-items:center;justify-content:center}.spinner-section{display:flex;flex-direction:column;align-items:center;gap:.6rem}.skeleton-list{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1rem}.skeleton-item{background:var(--card-bg, rgba(255, 255, 255, .7));border-radius:1.2rem;padding:1.2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem;position:relative;overflow:hidden}.dark-mode .skeleton-item{background:#1e293b99}.shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,#c8c8c826 25%,#c8c8c859,#c8c8c826 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.dark-mode .shimmer{background:linear-gradient(90deg,#50505040 25%,#78787873,#50505040 75%)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-title{width:60%;height:16px}.skeleton-meta{width:40%;height:12px}.skeleton-amount{width:30%;height:18px;align-self:flex-end}.skeleton-line{width:100%;height:10px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(120deg,#f0fff4,#e0e7ff);margin:0;padding:0}@keyframes fadeInTools{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.container{max-width:600px;margin:48px auto;padding:32px 28px;background:#ffffffd9;box-shadow:0 8px 32px #38a16921,0 1.5px 6px #5050a014;border-radius:18px;animation:fadeInTools .7s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1,h2{color:#2563eb;margin-bottom:24px;text-align:center;font-weight:800;letter-spacing:.5px;animation:fadeInTools 1s}input,select{width:100%;padding:12px 14px;margin:10px 0;border:1.5px solid #c7d2fe;border-radius:8px;box-sizing:border-box;font-size:17px;background:#f8fafc;color:#2563eb;transition:box-shadow .2s,border-color .2s;box-shadow:0 1px 4px #5050a00a}input:focus,select:focus{outline:none;border-color:#38a169;box-shadow:0 0 10px #38a16933;background:#e0f2fe}button{width:100%;background:linear-gradient(90deg,#38a169,#2563eb);color:#fff;padding:14px;font-size:17px;border:none;border-radius:8px;cursor:pointer;margin-top:14px;font-weight:700;letter-spacing:.5px;transition:background .2s,transform .15s,box-shadow .2s;animation:fadeInTools .8s;box-shadow:0 4px 16px #38a16921}button:hover{background:linear-gradient(90deg,#2563eb,#38a169);transform:scale(1.05);box-shadow:0 8px 32px #38a1692e}.result{background:linear-gradient(90deg,#f0fff4 60%,#e0e7ff);color:#22543d;padding:16px;margin-top:14px;border-radius:8px;font-weight:700;font-size:1.08rem;animation:fadeInTools .9s;transition:box-shadow .2s;box-shadow:0 4px 16px #38a1691a}@media (max-width: 600px){.container{max-width:98vw;margin:14px 1vw;padding:14px 4vw;border-radius:10px}h1,h2{font-size:1.2rem;margin-bottom:14px}input,select{font-size:15px;padding:9px 8px;margin:7px 0;border-radius:7px}button{font-size:15px;padding:11px;margin-top:9px;border-radius:7px}.result{font-size:1rem;padding:11px;margin-top:9px;border-radius:7px;box-shadow:0 2px 6px #38a1690f}}body.dark-mode .container{background:#181f2af7;box-shadow:0 8px 32px #38bdf81a;color:#e0e7ef}body.dark-mode h1,body.dark-mode h2{color:#38bdf8;text-shadow:0 2px 8px #23294655}body.dark-mode input,body.dark-mode select{background:#232946;color:#e0e7ef;border:1.5px solid #6366f1}body.dark-mode input:focus,body.dark-mode select:focus{background:#181f2a;border:1.5px solid #38bdf8;color:#fff}body.dark-mode button{background:linear-gradient(90deg,#6366f1,#38bdf8);color:#fff;box-shadow:0 4px 16px #38bdf821}body.dark-mode button:hover{background:linear-gradient(90deg,#38bdf8,#6366f1)}body.dark-mode .BtnAT{background:linear-gradient(90deg,#6366f1,#38bdf8);color:#fff;box-shadow:0 2px 8px #5050a014}body.dark-mode .BtnAT:hover{background:linear-gradient(90deg,#38bdf8,#6366f1);transform:translateY(-2px) scale(1.03)}body.dark-mode .BtnAT:active{transform:translateY(0) scale(1);box-shadow:0 1px 4px #5050a00a}body.dark-mode .container{border-radius:12px;padding:24px 20px}body.dark-mode h1,body.dark-mode h2{font-size:1.4rem;margin-bottom:20px}body.dark-mode input,body.dark-mode select{font-size:16px;padding:10px 12px;margin:8px 0;border-radius:6px}body.dark-mode button{font-size:16px;padding:12px;margin-top:10px;border-radius:6px}body.dark-mode .result{font-size:1.1rem;padding:12px;margin-top:10px;border-radius:6px}.container{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(56,161,105,.13);box-shadow:0 8px 32px #38a16921,0 1.5px 8px #38a16955;position:relative;overflow:hidden}.container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:18px;padding:2px;background:linear-gradient(270deg,#38a169,#2563eb,#38a169);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}button{position:relative;overflow:hidden}button:active:after{position:absolute;left:50%;top:50%;width:10px;height:10px;background:#38a1692e;border-radius:50%;transform:translate(-50%,-50%) scale(1);pointer-events:none;z-index:2}input::placeholder,select::placeholder{opacity:.7;transition:opacity .3s}input:focus::placeholder,select:focus::placeholder{opacity:.3}.result{transition:box-shadow .2s,transform .18s}.result:hover{box-shadow:0 12px 36px #38a1692e;transform:translateY(-2px) scale(1.025)}input:focus,select:focus,button:focus{outline:2px solid #38a169;outline-offset:2px}input,select,button,.result{transition:background .3s,color .3s,border .3s,box-shadow .3s,transform .18s}@media (max-width: 600px){.container{padding:10px 2vw;border-radius:12px}h1,h2{font-size:1.1rem;margin-bottom:10px}input,select{font-size:14px;padding:8px 6px;margin:6px 0;border-radius:6px}button{font-size:14px;padding:9px;margin-top:7px;border-radius:6px}.result{font-size:.95rem;padding:8px;margin-top:7px;border-radius:6px}}.tools-heading{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;letter-spacing:.02em;background:linear-gradient(90deg,#38a169,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tool-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 8px 32px #38a16921,0 1.5px 8px #38a16955;padding:1.5rem 1.2rem;margin-bottom:2rem;position:relative;overflow:hidden;border:1.5px solid rgba(56,161,105,.13)}.tool-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#2563eb}.tool-input{width:100%;font-size:1rem;padding:10px 12px;margin:8px 0;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;transition:border .2s,box-shadow .2s}.tool-input:focus{border:1.5px solid #38a169;box-shadow:0 2px 8px #38a16933;outline:none}.tool-btn-row{display:flex;gap:.7rem;margin-top:.5rem}.tool-btn{font-size:1rem;padding:10px 18px;border-radius:8px;border:none;cursor:pointer;transition:background .2s,transform .15s;box-shadow:0 2px 8px #38a16914;font-weight:600}.tool-btn-green{background:linear-gradient(90deg,#38a169,#2563eb);color:#fff}.tool-btn-green:hover{background:linear-gradient(90deg,#2563eb,#38a169);transform:translateY(-2px) scale(1.03)}.result{margin-top:1rem;font-size:1.1rem;padding:.7rem 1rem;border-radius:10px;background:#f0fdf4;color:#166534;box-shadow:0 2px 8px #38a16922;font-weight:500}.result.info{background:#f0f9ff;color:#2563eb}.result.success{background:#f0fdf4;color:#166534}@media (max-width: 600px){.tool-card{padding:1rem .5rem;border-radius:12px}.tools-heading{font-size:1.3rem}.tool-title{font-size:1rem}.result{font-size:1rem;padding:.5rem .7rem}}body.dark-mode{background:linear-gradient(120deg,#181f2a,#232946);color:#e0e7ef}body.dark-mode .container{background:#181f2af7;box-shadow:0 8px 32px #38bdf81a;color:#e0e7ef;border:1.5px solid rgba(99,102,241,.13)}body.dark-mode .tools-heading{background:linear-gradient(90deg,#38bdf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .tool-card{background:#232946eb;box-shadow:0 8px 32px #38bdf81a;border:1.5px solid rgba(99,102,241,.13)}body.dark-mode .tool-title{color:#38bdf8}body.dark-mode .tool-input{background:#232946;color:#e0e7ef;border:1.5px solid #6366f1}body.dark-mode .tool-input:focus{background:#181f2a;border:1.5px solid #38bdf8;color:#fff}body.dark-mode .tool-btn{background:linear-gradient(90deg,#6366f1,#38bdf8);color:#fff;box-shadow:0 2px 8px #38bdf821;font-weight:600;transition:background .2s,transform .15s;border-radius:8px;padding:10px 18px;font-size:1rem;border:none;cursor:pointer;margin-top:.5rem;display:inline-block;text-align:center;width:100%;box-sizing:border-box;transition:background .2s,transform .15s,box-shadow .2s}body.dark-mode .tool-btn:hover{background:linear-gradient(90deg,#38bdf8,#6366f1)}body.dark-mode .tool-btn-reset{background:#232946;color:#38bdf8;border:1px solid #38bdf8}body.dark-mode .tool-btn-reset:hover{background:#38bdf8;color:#fff}body.dark-mode .result{background:linear-gradient(90deg,#232946 60%,#181f2a);color:#38bdf8;box-shadow:0 4px 16px #38bdf81a}body.dark-mode .result.info{background:linear-gradient(90deg,#232946 60%,#181f2a);color:#38bdf8}body.dark-mode .result.success{background:linear-gradient(90deg,#232946 60%,#181f2a);color:#22d3ee}body.dark-mode input::placeholder,body.dark-mode select::placeholder{color:#64748b}body.dark-mode .result:hover{box-shadow:0 6px 24px #38bdf826}body.dark-mode .result:active{box-shadow:0 2px 8px #38bdf814}@media (max-width: 600px){body.dark-mode .container{border-radius:12px;padding:24px 20px}body.dark-mode .tools-heading{font-size:1.3rem}body.dark-mode .tool-title{font-size:1rem}body.dark-mode .result{font-size:1rem;padding:.5rem .7rem;border-radius:8px}}body.dark-mode ::selection{background:#38bdf8;color:#181f2a}:root{--bg: #f8fafc;--card-bg: rgba(255, 255, 255, .7);--text: #1f2937;--subtext: #6b7280;--border: rgba(0, 0, 0, .08);--primary: #3b82f6;--success: #10b981;--danger: #ef4444;--shadow: 0 8px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg: #0f172a;--card-bg: rgba(30, 41, 59, .75);--text: #f3f4f6;--subtext: #9ca3af;--border: rgba(255, 255, 255, .08);--shadow: 0 6px 20px rgba(0, 0, 0, .4);--shadow-hover: 0 8px 28px rgba(0, 0, 0, .5)}.borrow-lend-container{max-width:800px;margin:2rem auto;padding:1.5rem;background:var(--bg);color:var(--text);transition:background .3s,color .3s}.borrow-lend-container h2{text-align:center;font-size:1.8rem;margin-bottom:1.5rem;font-weight:700}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.8rem}.summary-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-radius:1.2rem;padding:1rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-align:center}.summary-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.summary-card h3{margin:.5rem 0;font-size:1.1rem}.summary-card p{font-weight:600;font-size:1rem}.summary-card.borrowed{border-left:4px solid var(--danger)}.summary-card.lent{border-left:4px solid var(--success)}.records-list h3{font-size:1.2rem;margin-bottom:.8rem}.record-item{display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:1rem;padding:.8rem 1rem;margin-bottom:.8rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.record-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.avatar{width:40px;height:40px;background:var(--primary);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:.8rem;flex-shrink:0}.record-details{flex:1;display:flex;flex-direction:column}.record-name{font-weight:600;font-size:1rem}.record-note{font-size:1rem;color:var(--subtext)}.record-meta{text-align:right;margin-left:1rem}.record-amount{font-weight:700;font-size:1.4rem;margin-right:.9rem;text-align:right}.record-amount.red{color:var(--danger)}.record-amount.green{color:var(--success)}.record-date{font-size:.8rem;color:var(--subtext)}.record-actions{display:flex;gap:.5rem;margin-left:1rem}.record-actions button{border:none;background:transparent;cursor:pointer;color:var(--subtext);font-size:1rem;transition:color .2s,transform .2s}.record-actions button:hover{transform:scale(1.1);color:var(--primary)}.record-actions .delete-btn:hover{color:var(--danger);transform:scale(1.1)}.bl-fab{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;z-index:50}.bl-fab:hover{transform:scale(1.08);box-shadow:var(--shadow-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--card-bg);padding:1.5rem;border-radius:1rem;width:100%;max-width:420px;box-shadow:var(--shadow-hover)}.modal h3{margin-top:0;font-size:1.3rem;margin-bottom:1rem}.modal form{display:grid;gap:.8rem}.modal input,.modal select{padding:.6rem .8rem;border-radius:.6rem;border:1px solid var(--border);font-size:.95rem;background:#fff9;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.5rem}.modal-actions button{padding:.6rem 1rem;border-radius:.6rem;border:none;font-size:.9rem;cursor:pointer;transition:background .3s}.modal-actions button[type=button]{background:#e5e7eb;color:#111827}[data-theme=dark] .modal-actions button[type=button]{background:#374151;color:#f9fafb}.modal-actions button[type=submit]{background:var(--primary);color:#fff}.modal-actions button[type=submit]:hover{background:#2563eb}.modal-actions button[type=button]:hover{background:#d1d5db}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}.borrow-lend-container{padding:1rem}.borrow-lend-container h2{font-size:1.5rem}.record-item{flex-direction:column;align-items:flex-start}.record-meta,.record-actions{margin-left:0;margin-top:.5rem;width:100%;display:flex;justify-content:space-between}.record-amount{font-size:1.2rem}}@media (max-width: 480px){.borrow-lend-container{padding:.8rem}.borrow-lend-container h2{font-size:1.3rem}.summary-card{padding:.8rem}.summary-card h3{font-size:1rem}.summary-card p{font-size:.9rem}.record-item{padding:.6rem .8rem}.record-name{font-size:.9rem}.record-note{font-size:.75rem}.record-amount{font-size:1.1rem}.bl-fab{width:48px;height:48px;font-size:1.1rem;bottom:1.2rem;right:1.2rem}.modal{padding:1rem;border-radius:.8rem}.modal h3{font-size:1.1rem}}body.dark-mode{background:radial-gradient(circle at top,#0b1220,#050810);color:var(--text, #e6eefc);--bl-card-bg: rgba(20, 24, 36, .6);--bl-border: rgba(255, 255, 255, .05);--bl-shadow: 0 8px 26px rgba(2, 6, 23, .55);--bl-shadow-hover: 0 12px 34px rgba(2, 6, 23, .65);font-family:Inter,Segoe UI,sans-serif;letter-spacing:.3px;transition:background .4s ease}body.dark-mode .borrow-lend-container,body.dark-mode .summary-card,body.dark-mode .record-item,body.dark-mode .modal{position:relative;background:linear-gradient(160deg,#141824c7,#0a0c148c);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);color:var(--text, #e6eefc);border:1px solid var(--bl-border);box-shadow:var(--bl-shadow);border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}body.dark-mode .summary-card:hover,body.dark-mode .record-item:hover{transform:translateY(-3px);box-shadow:var(--bl-shadow-hover)}body.dark-mode .summary-card:before,body.dark-mode .record-item:before,body.dark-mode .modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 60%);mix-blend-mode:overlay;opacity:.5}body.dark-mode .SearchBox{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px #38bdf81a;border-radius:14px;transition:box-shadow .3s ease}body.dark-mode .SearchBox input{color:var(--text, #e6eefc)}.bl-export-btn,body.dark-mode .download-btn{background:linear-gradient(135deg,#6366f133,#38bdf82e);color:#eef2ff;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-weight:500;padding:10px 16px;transition:all .3s ease}body.dark-mode .bl-export-btn:hover,body.dark-mode .download-btn:hover{background:linear-gradient(135deg,#6366f147,#38bdf83d);transform:translateY(-2px);box-shadow:0 8px 22px #38bdf84d}body.dark-mode .record-item{border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#ffffff02);border-radius:16px;padding:14px}body.dark-mode .avatar{background:linear-gradient(135deg,#3b82f633,#38bdf82e);color:#e6eefc;border-radius:50%;font-weight:600}body.dark-mode .record-name{font-weight:500;color:#5f7daa}body.dark-mode .record-note{font-size:13px;color:#fff9}body.dark-mode .record-amount{font-weight:600;font-size:15px;color:#eef2ff}body.dark-mode .record-amount.red{color:#fca5a5;text-shadow:0 0 6px rgba(239,68,68,.25)}body.dark-mode .record-amount.green{color:#86efac;text-shadow:0 0 6px rgba(16,185,129,.25)}body.dark-mode .record-date{font-size:12px;color:#ffffff8c}body.dark-mode .record-actions button{color:#ffffffb3;transition:all .2s ease}body.dark-mode .record-actions button:hover{color:#fff;transform:translateY(-3px) scale(1.05);text-shadow:0 0 8px rgba(255,255,255,.25)}body.dark-mode .record-actions .delete-btn,body.dark-mode .record-delete-btn{color:#f87171}body.dark-mode .record-actions .delete-btn:hover,body.dark-mode .record-delete-btn:hover{color:#fca5a5;text-shadow:0 0 8px rgba(239,68,68,.3)}body.dark-mode .bl-fab,body.dark-mode .fab-add{background:linear-gradient(135deg,#38bdf829,#6366f12e);color:#fff;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 20px 48px #020617bf;transition:transform .25s ease,box-shadow .25s ease}body.dark-mode .bl-fab:hover{transform:translateY(-4px) scale(1.07);box-shadow:0 24px 54px #020617d9}body.dark-mode .modal input,body.dark-mode .modal select,body.dark-mode .modal textarea{background:#ffffff08;color:var(--text, #e6eefc);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:10px}body.dark-mode .modal input:focus,body.dark-mode .modal select:focus,body.dark-mode .modal textarea:focus{border-color:#38bdf880;box-shadow:0 0 0 3px #38bdf840}body.dark-mode :focus-visible{outline:3px solid rgba(56,189,248,.18);outline-offset:4px;border-radius:6px}body.dark-mode ::-webkit-scrollbar{width:8px;height:8px}body.dark-mode ::-webkit-scrollbar-track{background:transparent}body.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#ffffff24}.net-balance.green{color:var(--color-success)}.net-balance.red{color:var(--color-danger)}.net-balance.neutral{color:var(--color-gray-400)}.payback{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:none;background:linear-gradient(180deg,#10b981,#059669);color:#fff;cursor:pointer;margin-left:6px;box-shadow:0 6px 18px #10b9811f;transition:transform .16s ease,box-shadow .16s ease}.payback-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #10b98129}.payback-btn:active{transform:translateY(0)}body.dark-mode .summary-cards-text{color:#cbd5e1;font-weight:600}.record-details .settled-badge{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:#cbd5e1;font-size:.78rem;font-weight:700}.record-item .settled-badge{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.08)}body.dark-mode .payback{background:linear-gradient(180deg,#059669,#047857);box-shadow:0 10px 30px #02061799}strong,b{font-size:4rem}.bl-export-btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f133,#38bdf82e);color:#111113;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-weight:500;padding:10px 16px}.record-name{text-decoration:none;color:var(--primary);font-weight:bolder;font-size:1.3rem}body{font-family:Inter,Segoe UI,Poppins,sans-serif;letter-spacing:.3px;line-height:1.6}:root{--lux-gold: linear-gradient(135deg, #facc15, #eab308, #f59e0b);--lux-silver: linear-gradient(135deg, #f3f4f6, #d1d5db, #9ca3af);--lux-emerald: linear-gradient(135deg, #34d399, #10b981, #059669);--lux-royal: linear-gradient(135deg, #6366f1, #4f46e5, #4338ca)}.borrow-lend-container h2{font-size:2rem;-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:.5px;text-shadow:0 4px 12px rgba(79,70,229,.25);margin-bottom:2rem;position:relative}.borrow-lend-container h2:after{content:"";display:block;width:60px;height:4px;margin:.8rem auto 0;background:var(--lux-gold);border-radius:999px}.summary-card{position:relative;overflow:hidden;background:var(--card-bg);border-radius:1.4rem;box-shadow:0 12px 32px #0000001f}.summary-card.borrowed{border-left:5px solid #ef4444;background:linear-gradient(160deg,#ef44440f,#ffffffb3)}.summary-card.lent{border-left:5px solid #10b981;background:linear-gradient(160deg,#10b9810f,#ffffffb3)}.record-item{border-radius:1.2rem;background:linear-gradient(160deg,#ffffffc7,#f3f4f699);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:all .3s ease}.record-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 28px #00000026}.avatar{background:var(--lux-royal);box-shadow:0 6px 16px #4f46e559}.bl-fab{background:var(--lux-gold);box-shadow:0 20px 40px #facc1559;font-size:1.5rem;transition:all .3s ease}.bl-fab:hover{transform:translateY(-5px) scale(1.12);box-shadow:0 24px 60px #facc1573}.payback{background:var(--lux-emerald);box-shadow:0 12px 28px #10b98140}.payback:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 18px 40px #10b98159}.record-item .settled-badge{background:var(--lux-silver);color:#1f2937;font-weight:600;text-shadow:0 1px 3px rgba(255,255,255,.6)}body.dark-mode,body.dark-mode .borrow-lend-container{background:radial-gradient(circle at top,#0b1220,#050810);color:#e5e7eb}body .dark-mode .SearchBox{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px #38bdf81a}body.dark-mode .SearchBox:focus-within{box-shadow:0 0 0 2px #38bdf866}body.dark-mode .SearchBox input{color:#e5e7eb}body.dark-mode .SearchBox svg{color:#ffffffb3}body .dark-mode .bl-export-btn,body .dark-mode .download-btn{background:linear-gradient(135deg,#6366f133,#38bdf82e);color:#eef2ff;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-weight:500;padding:10px 16px;transition:all .3s ease}body .dark-mode .summary-card-title{color:#f8fafc}body.dark-mode .summary-card,body.dark-mode .record-item,body.dark-mode .modal{background:linear-gradient(160deg,#141824e6,#0a0c14a6);border:1px solid rgba(255,255,255,.05);box-shadow:0 16px 40px #00000073}body.dark-mode .bl-fab{background:var(--lux-gold);box-shadow:0 20px 48px #facc1566}body.dark-mode .bl-fab:hover{box-shadow:0 24px 60px #facc1580}body.dark-mode .avatar{background:var(--lux-royal);box-shadow:0 6px 16px #4f46e580}body.dark-mode .record-item{border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#ffffff02)}body.dark-mode .modal input,body.dark-mode .modal textarea{box-shadow:0 6px 16px #4f46e580;color:#e5e7eb}body.dark-mode .modal input:focus,body.dark-mode .modal textarea:focus{box-shadow:0 0 0 3px #4f46e566}body.dark-mode .modal h3{color:#9ca3af}body.dark-mode .payback{background:var(--lux-emerald);box-shadow:0 14px 36px #10b98159}body.dark-mode .payback:hover{box-shadow:0 18px 40px #10b98173}body.dark-mode .records-section-header h3{color:#9ca3af}body.dark-mode .summary-cards-text{color:#9ca3af;font-weight:600}body.dark-mode .record-name{color:#60a5fa}body.dark-mode .empty-msg{color:#9ca3af}.record-item{animation:fadeSlideUp .4s ease forwards;opacity:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal{animation:modalSlideUp .35s cubic-bezier(.22,1,.36,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}button,.bl-fab,.bl-export-btn{transition:transform .2s ease,box-shadow .3s ease}button:active,.bl-fab:active,.bl-export-btn:active{transform:scale(.96)}.payback{position:relative}.payback:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#10b98140;transform:scale(1);opacity:0;animation:pulse 2s infinite}:root{--primary: #3b82f6;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text: #111827;--bg: #f9fafb;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 8px 24px rgba(0, 0, 0, .08)}body.dark-mode{--text: #f3f4f6;--bg: #111827;--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .1);--shadow: 0 8px 24px rgba(0, 0, 0, .5)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--glass-border);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.summary-card span{font-size:.9rem;opacity:.8}.summary-card h3{margin-top:.5rem;font-size:1.3rem;font-weight:700}.summary-card.borrowed h3{color:var(--danger)}.summary-card.lent h3,.summary-card.net.positive h3{color:var(--success)}.summary-card.net.negative h3{color:var(--danger)}:root{--primary: #3b82f6;--primary-dark: #2563eb;--glass-light: rgba(255, 255, 255, .12);--glass-dark: rgba(17, 24, 39, .65);--border-light: rgba(99, 102, 241, .45);--border-dark: rgba(99, 102, 241, .35);--radius: 14px;--shadow-light: 0 20px 45px rgba(0, 0, 0, .18), inset 0 1px 1px rgba(255, 255, 255, .25);--shadow-dark: 0 20px 50px rgba(0, 0, 0, .6), inset 0 1px 1px rgba(255, 255, 255, .05)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:Segoe UI,system-ui,sans-serif}.auth-form{position:relative;width:100%;max-width:380px;padding:2.2rem;display:flex;flex-direction:column;gap:1.2rem;background:var(--glass-light);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-radius:var(--radius);box-shadow:var(--shadow-light);border:1.5px solid transparent;background-clip:padding-box;animation:fadeIn .5s ease}.auth-form:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#6366f1,#a855f7,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.auth-form h2{text-align:center;font-size:1.6rem;font-weight:600;color:#0f172a}.auth-form input{width:100%;padding:.9rem 1rem;border-radius:10px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff26;color:#0f172a;font-size:.95rem;transition:border .25s ease,box-shadow .25s ease}.auth-form input::placeholder{color:#0f172a99}.auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640}.auth-form button{margin-top:.5rem;padding:.9rem 1rem;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease}.password-field{display:flex;align-items:center;border-radius:10px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff1f}.password-field input{flex:1;border:none;background:transparent}.show-pass-btn{width:44px;height:44px;border:none;background:transparent;cursor:pointer;color:#2563eb}.show-pass-btn:hover{color:#1e40af}.auth-form-button{padding:.95rem;border-radius:10px;border:none;background:var(--primary);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.auth-form-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.auth-form-button:active{transform:scale(.97)}.auth-form .switch-auth{text-align:center;font-size:.9rem;color:#0f172a}.auth-switch{text-align:center;font-size:.9rem;color:var(--primary);cursor:pointer;position:relative}.auth-switch:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:currentColor;transition:width .3s ease}.auth-switch:hover:after{width:100%}body.dark-mode{--glass-light: var(--glass-dark)}body.dark-mode .auth-form{box-shadow:var(--shadow-dark)}body.dark-mode .auth-form h2{color:#f3f4f6}body.dark-mode input{background:#ffffff0f;color:#f9fafb}body.dark-mode input::placeholder{color:#ffffff80}body.dark-mode .show-pass-btn,body.dark-mode .auth-switch{color:#93c5fd}body.dark-mode .auth-form-button{background:#2563eb}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-form-button{display:flex;align-items:center;justify-content:center;gap:.6rem}.auth-form-button:disabled{opacity:.75;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h5{margin:0;font-size:.95rem;font-weight:600;color:#0f172a}body.dark-mode h5{color:#f3f4f6}