@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--black:#000;--white:#fff;--gray-50:#f8fafc;--gray-100:#eef2f6;--gray-200:#cbd5e1;--gray-300:#94a3b8;--gray-400:#64748b;--gray-500:#475569;--gray-600:#334155;--gray-800:#0f172a;--success:#10b981;--error:#ef4444;--font-sans:"IBM Plex Sans", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-display:"DM Serif Display", serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1)}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--white);color:var(--black);line-height:1.5;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s,transform .12s}button:active{transform:scale(.98)}button:focus-visible{box-shadow:0 0 0 2px var(--white), 0 0 0 4px var(--black);outline:none}button:disabled{cursor:not-allowed;opacity:.5;transform:none}input,select,textarea{transition:var(--transition-smooth);font-family:inherit}a{transition:var(--transition-smooth);text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--gray-100);background:var(--white);scrollbar-width:thin;flex-direction:column;width:260px;height:100vh;min-height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.logo-section{align-items:center;gap:10px;margin-bottom:36px;padding:0 8px;display:flex}.logo-icon{background:var(--black);width:32px;height:32px;color:var(--white);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.logo-text{font-family:var(--font-display);font-size:19px}.nav-menu{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--gray-500);text-align:left;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:background .18s,color .18s;display:flex}.nav-item:hover{background:var(--gray-50);color:var(--black)}.nav-item.active{background:var(--black);color:var(--white);font-weight:600}.user-section{border-top:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:12px;padding:20px 8px 12px;display:flex}.user-avatar{background:var(--gray-100);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-email{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{border-radius:var(--radius-md);color:var(--gray-400);align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.logout-btn:hover{color:var(--error);background:#fff5f5}.main-content{flex:1;padding:44px 48px;overflow-y:auto}.page{animation:.35s ease-out both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}h1{font-family:var(--font-display);margin-bottom:6px;font-size:34px;font-weight:400}.page-header p{color:var(--gray-400);font-size:14px}.page-header-actions{align-items:center;gap:10px;display:flex}.page-header.center-align{text-align:center;flex-direction:column;gap:16px;align-items:center!important}.calendar-controls.center-controls{justify-content:center;gap:16px;width:100%;margin-top:12px}.calendar-controls.center-controls .btn-icon{flex-shrink:0;width:44px;height:44px}.calendar-controls.center-controls .current-month-label{min-width:140px}.stats-grid{border-top:1.5px solid var(--gray-200);border-bottom:1.5px solid var(--gray-200);grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:36px;padding:24px 0;display:grid}.stat-card{border-right:1.5px solid var(--gray-200);padding:0 28px}@media (width>=1025px){.stat-card:first-child{padding-left:0}.stat-card:last-child{border-right:none;padding-right:0}}.stat-label{color:var(--gray-400);letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;line-height:1;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transform:translateY(.5px)}.stat-value{font-size:30px;font-family:var(--font-display);color:var(--black);margin-bottom:4px;line-height:1.1}.stat-sub{color:var(--gray-400);font-size:11px;font-weight:500}.card{background:var(--white);border-radius:var(--radius-xl);border:1px solid #00000014;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000000d,0 2px 4px #00000005}.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000014}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title{color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700}.card-subtitle{color:var(--gray-400);font-size:12px}.view-all{color:var(--gray-400);cursor:pointer;font-size:13px;font-weight:600}.view-all:hover{color:var(--black)}.feedback-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.feedback-form{min-width:0}.feedback-card{margin-bottom:20px}.feedback-card-header{margin-bottom:16px}.feedback-card-subtitle{color:var(--gray-400);white-space:nowrap;font-size:12px}.feedback-dropdown{position:relative}.feedback-dropdown-trigger{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);width:100%;min-height:48px;color:var(--gray-600);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.feedback-dropdown-trigger.open,.feedback-dropdown-trigger:focus{border-color:var(--black)}.feedback-dropdown-trigger svg{flex-shrink:0;transition:transform .18s}.feedback-dropdown-trigger.open svg{transform:rotate(180deg)}.feedback-dropdown-menu{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:8px;display:flex;box-shadow:0 12px 28px #00000014}.feedback-dropdown-option{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--gray-600);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.feedback-dropdown-option.active{background:var(--black);color:var(--white)}.feedback-dropdown-option svg{flex-shrink:0}.feedback-chip-list{flex-wrap:wrap;gap:10px;display:flex}.feedback-chip{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.feedback-chip.active{border-color:var(--black);background:var(--black);color:var(--white)}.feedback-submit{justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:15px;display:flex}.feedback-info-card{background:var(--black);border:none}.charts-row{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px;display:grid}.table-wrap{width:100%}.table-head{border-bottom:1.5px solid var(--gray-200);grid-template-columns:110px 140px 1fr 110px;margin-bottom:2px;padding:10px 0;display:grid}.th{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.table-row{border-bottom:1px solid var(--gray-200);grid-template-columns:110px 140px 1fr 110px;align-items:center;padding:14px 0;transition:background .15s;display:grid}.table-row:hover{background:var(--gray-50)}.manage-table-head{border-bottom:1.5px solid var(--gray-200);grid-template-columns:40px 110px 140px 1fr 100px 80px;padding:10px 0;display:grid}.manage-table-row{border-bottom:1.5px solid var(--gray-200);grid-template-columns:40px 110px 140px 1fr 100px 80px;align-items:center;padding:14px 0;display:grid}.manage-table-row:hover{background:var(--gray-50)}.td{font-size:13px}.amount{font-family:var(--font-mono);font-size:13px}.transactions-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;transition:opacity .2s;display:inline-block}.badge-food{color:#9b1c1c;background:#fdf2f2}.badge-transport{color:#0369a1;background:#f0f9ff}.badge-bills{color:#a16207;background:#fefce8}.badge-shopping{color:#5b21b6;background:#f5f3ff}.badge-entertainment{color:#166534;background:#f0fdf4}.badge-healthcare{color:#c2410c;background:#fff7ed}.badge-savings{color:#047857;background:#ecfdf5}.badge-debtrepayment{color:#0f172a;background:#f1f5f9}.badge-uncategorized{color:#374151;background:#f3f4f6}.badge-other{color:#4b5563;background:#f9fafb}.btn-primary{background:var(--black);color:var(--white);border-radius:var(--radius-md);padding:11px 22px;font-size:14px;font-weight:600;transition:opacity .18s,box-shadow .18s}.btn-primary:hover{opacity:.87;box-shadow:0 4px 14px #0003}.btn-primary:active{opacity:1;box-shadow:none}.btn-secondary{background:var(--white);color:var(--black);border-radius:var(--radius-md);border:1px solid var(--gray-200);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.btn-secondary:hover{background:var(--gray-50)}.btn-black-full{background:var(--black);width:100%;color:var(--white);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex}.btn-black-full:hover{opacity:.85}.action-btns{justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn,.cat-action,.dl-btn,.modal-close,.btn-icon{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--white);width:34px;height:34px;color:var(--gray-500);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.action-btn:hover,.cat-action:hover,.dl-btn:hover,.modal-close:hover,.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--black)}.action-btn.danger:hover,.cat-action.danger:hover,.dl-btn.danger:hover{color:var(--error);background:#fef2f2;border-color:#fecaca}.filter-bar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-wrap{border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-400);background:var(--white);flex:1;align-items:center;gap:12px;padding:10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.search-wrap:focus-within{border-color:var(--black);box-shadow:0 0 0 1px var(--black)}.search-wrap input{width:100%;color:var(--black);border:none;outline:none;font-size:14px}.search-wrap input::placeholder{color:var(--gray-400)}.select-btn,.filter-btn{border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);background:var(--white);align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.select-btn:hover,.filter-btn:hover{border-color:var(--black);color:var(--black)}.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(180%);z-index:1000;background:#ffffff40;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .2s;display:none;position:fixed;top:0;left:0}.modal{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:480px;padding:36px;animation:.28s cubic-bezier(.22,1,.36,1) modalIn;box-shadow:0 30px 100px #0000002e,0 0 0 1px #00000014}@keyframes modalIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-title{font-family:var(--font-display);font-size:22px}.modal-sub{color:var(--gray-400);margin-top:4px;font-size:13px}.modal-close{width:32px;height:32px}.modal-field{margin-bottom:18px}.modal-field label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.modal-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);outline:none;width:100%;padding:13px 16px;font-size:14px;transition:border-color .2s}.modal-input:focus{border-color:var(--black)}.modal-select{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;width:100%;padding:12px 16px;font-size:14px}.modal-footer{gap:12px;margin-top:28px;display:flex}.btn-submit{background:var(--black);color:var(--white);border-radius:var(--radius-md);flex:1.5;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:600;display:flex}.btn-submit:hover{opacity:.85}.btn-cancel{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);flex:1;padding:13px;font-size:14px;font-weight:500}.btn-cancel:hover{background:var(--gray-50)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:28px}.settings-card-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.settings-icon{background:var(--gray-50);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-card-title{margin-bottom:2px;font-size:16px;font-weight:600}.settings-card-sub{color:var(--gray-400);font-size:12px}.field-group{margin-bottom:16px}.form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--black)}.select-field{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;width:100%;padding:12px 14px;font-size:14px}.cat-list-item{border-bottom:1px solid var(--gray-50);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.cat-dot-label{align-items:center;gap:8px;font-size:14px;display:flex}.cat-dot{border-radius:50%;width:6px;height:6px}.cat-actions{align-items:center;gap:8px;display:flex}.btn-save{background:var(--black);color:var(--white);border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:600}.btn-backup{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:500;display:flex}.btn-backup:hover{background:var(--gray-50)}.btn-restore{border-radius:var(--radius-md);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px;font-size:14px;font-weight:500;display:flex}.savings-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.savings-stat{border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:28px}.savings-stat.dark{background:var(--black);color:var(--white);border-color:var(--black)}.savings-stat .label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:12px}.savings-stat.dark .label{color:var(--gray-400)}.savings-stat .value{font-size:32px;font-family:var(--font-display);margin-bottom:6px;line-height:1.1}.savings-stat .sub{color:var(--gray-400);font-size:12px}.goal-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:28px}.goal-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.goal-icon{border-radius:var(--radius-md);background:var(--gray-50);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.goal-name{margin-bottom:3px;font-size:16px;font-weight:600}.goal-amounts{color:var(--gray-500);font-size:13px}.goal-progress-row{color:var(--gray-500);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.goal-bar-wrap{background:var(--gray-100);border-radius:4px;height:7px;margin-bottom:20px;overflow:hidden}.goal-bar{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.goal-footer{justify-content:space-between;align-items:center;display:flex}.goal-date-label{color:var(--gray-400);margin-bottom:2px;font-size:11px}.goal-date-val{font-size:13px;font-weight:600}.btn-add-funds{border-radius:var(--radius-sm);border:1.5px solid var(--black);align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.btn-add-funds:hover{background:var(--black);color:var(--white)}.create-goal-card{border:2px dashed var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;transition:all .2s;display:flex}.create-goal-card:hover{border-color:var(--black);background:var(--gray-50)}.create-plus{background:var(--gray-100);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.create-goal-card h3{margin-bottom:6px;font-size:15px;font-weight:600}.create-goal-card p{color:var(--gray-400);font-size:12px}.export-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-group label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.date-range-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.date-input-wrap{position:relative}.date-input-wrap input{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);outline:none;width:100%;padding:11px 14px 11px 36px;font-size:14px}.date-input-wrap input:focus{border-color:var(--black)}.cat-select-wrap{position:relative}.cat-select-wrap select{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);appearance:none;outline:none;width:100%;padding:11px 14px 11px 36px;font-size:14px}.format-options{gap:10px;margin-bottom:20px;display:flex}.format-opt{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-500);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 10px;font-size:13px;font-weight:500;display:flex}.format-opt:hover{border-color:var(--black)}.format-opt.active{border-color:var(--black);color:var(--black);background:var(--gray-50);font-weight:600}.export-preview-row{border-bottom:1px solid var(--gray-50);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.export-preview-row .label{color:var(--gray-500)}.export-preview-row .value{font-weight:600}.recent-export-item{align-items:center;gap:12px;padding:12px 0;display:flex}.export-icon{background:var(--gray-100);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--gray-500);justify-content:center;align-items:center;display:flex}.export-file{flex:1}.export-filename{font-size:14px;font-weight:600}.export-date{color:var(--gray-400);margin-top:2px;font-size:12px}.dl-btn{width:32px;height:32px}.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.subscription-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-card.paused{filter:grayscale(.6);border-style:dashed}.subscription-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.borrowed-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.borrowed-card{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);padding:22px}.borrowed-card.paid{background:#fbfdfc}.borrowed-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.borrowed-icon{border-radius:var(--radius-md);background:var(--black);width:46px;height:46px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.borrowed-card h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:16px;font-weight:700;overflow:hidden}.borrowed-card p{color:var(--gray-400);margin:0;font-size:12px;line-height:1.4}.borrowed-status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:10px;font-weight:800}.borrowed-status.open{color:#7c2d12;background:#ffedd5}.borrowed-status.paid{color:#047857;background:#ecfdf5}.borrowed-money-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.borrowed-money-row div{border:1px solid var(--gray-100);border-radius:var(--radius-md);min-width:0;padding:11px 12px}.borrowed-money-row span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.borrowed-money-row strong{font-size:13px;font-family:var(--font-mono);text-overflow:ellipsis;display:block;overflow:hidden}.borrowed-meta{color:var(--gray-500);justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:600;display:flex}.borrowed-meta span{align-items:center;gap:6px;display:inline-flex}.borrowed-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-toast{background:var(--black);color:var(--white);border-radius:var(--radius-lg);z-index:9999;align-items:center;gap:14px;padding:16px 24px;animation:.6s cubic-bezier(.34,1.56,.64,1) both springIn;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 20px 40px #0003}.notification-close{border-radius:var(--radius-sm);color:#ffffff8c;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;display:inline-flex}.notification-close:hover{color:var(--white);background:#ffffff1f}@keyframes springIn{0%{opacity:0;transform:translateY(40px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:3000;background:#0000004d;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-xl);transform-origin:50%;width:90%;max-width:460px;padding:32px;animation:.5s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;box-shadow:0 40px 80px #00000026}.source-chart-container{flex-direction:column;align-items:center;gap:16px;padding:10px 0;display:flex;position:relative}.chart-center-text{text-align:center;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center-value{font-family:var(--font-sans);color:var(--black);font-size:26px;font-weight:700;line-height:1;display:block}.chart-center-label{color:var(--gray-400);font-size:14px;font-weight:500}.source-legend{flex-wrap:wrap;justify-content:center;gap:16px 28px;margin-top:10px;display:flex}.legend-item{color:var(--black);align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.calendar-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calendar-summary>div{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);height:36px;color:var(--gray-600);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.calendar-heatmap-card{padding:28px;overflow:hidden}.heatmap-scroll{scrollbar-color:var(--gray-300) transparent;width:100%;padding-bottom:8px;overflow-x:auto}.heatmap-scroll::-webkit-scrollbar{height:10px}.heatmap-scroll::-webkit-scrollbar-track{background:0 0}.heatmap-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}.heatmap-shell{min-width:max-content;width:calc(var(--heatmap-weeks) * 17px + 42px)}.heatmap-months{grid-template-columns:repeat(var(--heatmap-weeks), 13px);gap:4px;margin-bottom:8px;margin-left:42px;display:grid}.heatmap-month{color:var(--gray-600);white-space:nowrap;font-size:12px;font-weight:600}.heatmap-body{align-items:flex-start;gap:12px;display:flex}.heatmap-weekdays{width:30px;color:var(--gray-400);grid-template-rows:repeat(7,13px);gap:4px;padding-top:17px;font-size:10px;font-weight:600;display:grid}.heatmap-weekdays span:first-child{grid-row:2}.heatmap-weekdays span:nth-child(2){grid-row:4}.heatmap-weekdays span:nth-child(3){grid-row:6}.heatmap-grid{gap:4px;display:flex}.heatmap-week{grid-template-rows:repeat(7,13px);gap:4px;display:grid}.heatmap-day{background:var(--gray-100);border:1px solid #1b1f240f;border-radius:3px;width:13px;height:13px;padding:0}.heatmap-day:not(:disabled):hover{border-color:var(--black);transform:scale(1.15)}.heatmap-day:disabled{opacity:0}.heatmap-day.selected{box-shadow:0 0 0 2px var(--black)}.heatmap-day.level-0{background:#f6f8fa}.heatmap-day.level-1{background:#d9d9d9}.heatmap-day.level-2{background:#a3a3a3}.heatmap-day.level-3{background:#525252}.heatmap-day.level-4{background:#111}.heatmap-footer{color:var(--gray-500);justify-content:flex-end;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:600;display:flex}.heatmap-legend{gap:4px;display:flex}.selected-date-details{margin-top:24px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.total-badge{background:var(--gray-100);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.slide-up{animation:.3s ease-out both slideUp}.page-fadein{animation:.35s ease-out both pageFadeIn}.mobile-nav{-webkit-backdrop-filter:blur(16px)saturate(180%);border-top:1px solid var(--gray-100);padding:8px 10px calc(10px + env(safe-area-inset-bottom));z-index:1000;background:#ffffffeb;justify-content:space-between;gap:4px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000008}.mobile-nav-item{color:var(--gray-400);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;min-height:54px;padding:7px 3px 6px;font-size:10.5px;font-weight:600;transition:all .2s;display:flex}.mobile-nav-item.active{color:var(--black);background:var(--gray-50)}.mobile-nav-item:active{transform:scale(.92)}.mobile-header{border-bottom:1px solid var(--gray-100);background:var(--white);z-index:900;justify-content:space-between;align-items:center;padding:16px 20px;display:none;position:sticky;top:0}.mobile-header .logo-section{margin-bottom:0;padding:0}.mobile-header .logo-text{font-size:17px}.mobile-menu-overlay{z-index:2500;background:#0f172a47;justify-content:center;align-items:flex-end;padding:16px;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{display:flex}.mobile-menu-sheet{background:var(--white);border-radius:22px;width:100%;max-width:520px;padding:18px;animation:.28s cubic-bezier(.22,1,.36,1) slideUpModal;box-shadow:0 24px 80px #00000038}.mobile-menu-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;padding-bottom:12px;display:flex}.mobile-menu-title{font-family:var(--font-display);font-size:22px;line-height:1.1}.mobile-menu-sub{color:var(--gray-400);margin-top:4px;font-size:12px}.mobile-menu-row{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--gray-600);align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.mobile-menu-row.active{background:var(--black);color:var(--white)}.mobile-menu-row-danger{border-top:1px solid var(--gray-100);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--error);margin-top:10px}.mobile-menu-row-danger:hover{background:#fff5f5}@media (width<=1024px){.sidebar{display:none}.layout{display:block}.mobile-nav,.mobile-header{display:flex}h1{font-size:28px}.page-header{flex-direction:column;gap:12px;margin-bottom:24px;align-items:flex-start!important}.page-header p{margin-top:2px;font-size:13px}.page-header .btn-primary,.page-header button{justify-content:center;width:100%}.main-content{padding:20px 16px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.stats-grid{border:none;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0}.stat-card{border-radius:var(--radius-xl);background:var(--white);border:1px solid #00000008;flex-direction:column;justify-content:center;min-height:110px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #00000005}.stat-value{margin:6px 0;font-size:26px;font-weight:700}.stat-card:last-child{flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;min-height:auto}.charts-row{grid-template-columns:1fr;gap:16px}.card{border-radius:var(--radius-lg);padding:16px}.card:hover,.subscription-card:hover{transform:none}.card-header{align-items:flex-start;gap:12px}.feedback-grid{grid-template-columns:1fr;gap:16px}.feedback-card{margin-bottom:16px}.feedback-card-header{flex-direction:column;gap:4px;margin-bottom:14px}.feedback-card-subtitle{white-space:normal}.feedback-chip-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.feedback-chip{border-radius:var(--radius-md);text-align:center;min-height:44px;padding:9px 10px;line-height:1.25}.feedback-info-card{margin-top:0}.manage-table-head,.table-head{display:none!important}.manage-table-row{transition:background .2s;border:none!important;border-bottom:1px solid var(--gray-50)!important;background:var(--white)!important;border-radius:0!important;grid-template:"select desc amount""select meta actions"/24px minmax(0,1fr) auto!important;align-items:center!important;gap:2px 14px!important;margin-bottom:0!important;padding:14px 18px!important;display:grid!important}.table-row{border:none!important;border-bottom:1px solid var(--gray-50)!important;background:var(--white)!important;border-radius:0!important;grid-template:"desc amount""meta amount"/minmax(0,1fr) auto!important;align-items:center!important;gap:3px 12px!important;margin-bottom:0!important;padding:14px 4px!important;display:grid!important}.manage-table-row:last-child,.table-row:last-child{border-bottom:none!important}.manage-table-row:hover,.table-row:hover{background:#fafafa!important}.td-select{grid-area:select;justify-content:flex-start;align-items:center;display:flex!important}.td-description{color:var(--black);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;grid-area:desc;overflow:hidden;margin:0!important;font-size:14px!important;font-weight:600!important}.td-date,.td-category{color:var(--gray-400);font-weight:500;font-size:11px!important;display:inline-flex!important}.td-date{grid-area:meta;margin:0!important}.td-category{grid-area:meta;margin-left:72px!important}.td-category .badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 7px;font-size:9px;transform:translateY(-1px)}.td-amount{letter-spacing:-.02em;grid-area:amount;text-align:right!important;font-size:16px!important;font-weight:700!important;font-family:var(--font-mono)!important}.td-actions{grid-area:actions;justify-content:flex-end;display:flex!important}.action-btns{gap:8px!important}.action-btn{width:32px!important;height:32px!important}.action-btn:hover{background:var(--gray-50)!important}.filter-bar-mobile{margin-bottom:24px;gap:10px!important}.filter-bar-mobile>div{flex:1;min-width:calc(50% - 5px)}.filter-bar-mobile .search-wrap{flex-basis:100%;order:-1}@media (width<=640px){.mobile-header{padding:14px 16px}.mobile-header .logo-text{font-size:16px}.source-legend{gap:12px 16px;grid-template-columns:repeat(2,1fr)!important}.subscriptions-grid,.borrowed-grid{grid-template-columns:1fr}.subscription-card{min-width:0}.settings-card{padding:20px 16px}.goal-footer,.borrowed-actions{flex-direction:column;align-items:stretch;gap:12px}.borrowed-actions>div,.goal-footer>div{justify-content:space-between}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{min-height:100px;padding:14px 16px}.stat-value{font-size:22px}.stat-card:last-child{text-align:center;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;gap:4px;padding:20px}.stat-card:last-child .stat-label{justify-content:center;margin-bottom:4px}.stat-card:last-child .stat-value{margin:2px 0;font-size:28px}.filter-bar-mobile>div{min-width:100%}.savings-stats{grid-template-columns:1fr}.page-header h1{font-size:24px}.main-content{padding-left:12px;padding-right:12px}.feedback-chip-list{grid-template-columns:1fr}.feedback-submit{min-height:50px}.mobile-nav{padding-left:6px;padding-right:6px}.mobile-nav-item{gap:3px;min-height:52px;font-size:9.5px}.mobile-nav-item svg{width:18px;height:18px}.savings-stat .value,.stat-value{overflow-wrap:anywhere}}.settings-grid,.export-grid{grid-template-columns:1fr;gap:16px}.savings-stats{grid-template-columns:repeat(2,1fr);gap:12px}.savings-stat{padding:20px 16px}.savings-stat .value{font-size:26px}.borrowed-grid,.borrowed-money-row,.subscriptions-grid{grid-template-columns:1fr}.calendar-summary{width:100%}.calendar-summary>div{flex:1;justify-content:center}.calendar-heatmap-card{padding:18px 14px}.heatmap-shell{width:calc(var(--heatmap-weeks) * 15px + 38px)}.heatmap-months{grid-template-columns:repeat(var(--heatmap-weeks), 11px);gap:4px;margin-left:38px}.heatmap-week{grid-template-rows:repeat(7,11px)}.heatmap-weekdays{grid-template-rows:repeat(7,11px);width:26px}.heatmap-day{border-radius:3px;width:11px;height:11px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:calc(100dvh - 28px);margin-bottom:0;padding:24px 20px 40px;animation:.4s cubic-bezier(.22,1,.36,1) slideUpModal;position:fixed;bottom:0;overflow-y:auto}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.two-col{grid-template-columns:1fr!important;gap:12px!important}.modal-header{margin-bottom:20px}.modal-footer{flex-direction:column-reverse;gap:10px}.btn-submit,.btn-cancel{width:100%;height:48px}}.select-trigger{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--black);text-align:left;cursor:pointer;outline:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex!important}.select-trigger:hover{border-color:var(--gray-300);background:var(--gray-50)}.select-trigger.open{border-color:var(--black);box-shadow:0 0 0 2px #0000000d}.select-content{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);z-index:2000;transform-origin:top;max-height:280px;padding:6px;animation:.2s cubic-bezier(.2,0,0,1) selectDropDownIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}@keyframes selectDropDownIn{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.select-item{color:var(--gray-600);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.select-item:last-child{margin-bottom:0}.select-item:hover{background:var(--gray-100);color:var(--black)}.select-item.selected{background:var(--gray-50);color:var(--black);font-weight:600}.select-item.selected:after{content:"";background:var(--black);border-radius:50%;width:6px;height:6px}.select-icon{color:var(--gray-400);margin-right:12px;display:flex}