@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-primary-light:#a5b4fc;--color-primary-tint:#eef2ff;--color-secondary:#1e1b4b;--color-bg:#f5f3ff;--color-surface:#fff;--color-border:#e0dffb;--color-text:#1e1b4b;--color-text-muted:#6b7280;--color-success:#059669;--color-success-tint:#d1fae5;--color-warning:#d97706;--color-warning-tint:#fef3c7;--color-danger:#dc2626;--color-danger-tint:#fee2e2;--cat-transport:#4f46e5;--cat-food:#059669;--cat-utilities:#d97706;--cat-rent:#7c3aed;--cat-entertainment:#db2777;--cat-healthcare:#0284c7;--cat-shopping:#ea580c;--cat-other:#6b7280;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--fs-xs:.72rem;--fs-sm:.85rem;--fs-base:.94rem;--fs-md:1.05rem;--fs-lg:1.32rem;--fs-xl:1.65rem;--fs-2xl:2.06rem;--fs-3xl:2.58rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-full:999px;--shadow-card:0 2px 14px #4f46e512;--shadow-card-hover:0 8px 28px #4f46e521;--shadow-focus:0 0 0 3px #4f46e538;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-base:.2s}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-secondary);margin:0}h1{font-size:var(--fs-2xl);font-weight:700}h2{font-size:var(--fs-lg);font-weight:700}h3{font-size:var(--fs-md);font-weight:600}p{margin:0;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:var(--color-primary);text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-light)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.page-enter{animation:pageIn var(--dur-base) var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#e8e6f9 25%,#f5f3ff 50%,#e8e6f9 75%) 0 0/200% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);white-space:nowrap;border:0;padding:11px 20px;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:hover:not(:disabled){transform:scale(1.02)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 14px #0d5c6347}.btn--secondary{background:var(--color-primary-tint);color:var(--color-primary-dark)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-light)}.btn--danger{background:var(--color-danger-tint);color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff;box-shadow:0 4px 14px #c7403d40}.btn--ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn__spinner{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;display:flex}.field--full{grid-column:1/-1}.field__label{font-size:var(--fs-sm);color:var(--color-secondary);font-weight:600}.field__control{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:stretch;display:flex}.field__control:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.field__control--error{border-color:var(--color-danger)}.field__control--error:focus-within{box-shadow:0 0 0 3px #c7403d29}.field__prefix{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--fs-sm);align-items:center;padding:0 0 0 12px;font-weight:600;display:flex}.field__input{font-size:var(--fs-base);color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:0;flex:1;min-width:0;padding:11px 12px}.field__input:focus{outline:none}.field__control--prefixed .field__input{padding-left:6px}.field__textarea{resize:vertical;min-height:84px;font-family:var(--font-body)}.field__select{appearance:none;cursor:pointer}.field__hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.field__error{font-size:var(--fs-xs);color:var(--color-danger);opacity:0;min-height:15px;max-height:0;transition:max-height var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);overflow:hidden;transform:translateY(-4px)}.field__error--show{opacity:1;max-height:20px;transform:translateY(0)}.auth-shell{background:var(--color-bg);min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:var(--space-7) var(--space-6)}.auth-logo{font-family:var(--font-display);color:var(--color-secondary);margin:0 0 var(--space-6);text-align:center;font-size:1.35rem;font-weight:800}.auth-logo span{color:var(--color-primary)}.auth-heading{font-size:var(--fs-lg);color:var(--color-secondary);margin:0 0 var(--space-1);text-align:center;font-weight:700}.auth-sub{font-size:var(--fs-sm);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-6)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-error{background:var(--color-danger-tint);color:var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);font-weight:500}.auth-footer{margin-top:var(--space-5);text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--fs-xs);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-success{background:var(--color-success-tint);color:var(--color-success);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);font-weight:500}.app-shell{min-height:100vh;display:flex}.sidebar-desktop{flex-shrink:0;width:260px}.sidebar{border-right:1px solid var(--color-border);z-index:100;background:#fff;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar__logo{font-family:var(--font-display);color:var(--color-secondary);padding:30px var(--space-5) 20px;letter-spacing:-.01em;font-size:1.375rem;font-weight:800}.sidebar__logo span{color:var(--color-primary)}.sidebar__tagline{color:var(--color-text-muted);letter-spacing:.01em;margin:4px 0 0;font-size:.72rem;font-weight:400}.sidebar__nav{padding:0 var(--space-3);flex-direction:column;gap:6px;margin:0;list-style:none;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background var(--dur-fast), color var(--dur-fast);align-items:center;gap:12px;padding:13px 14px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-primary-tint);color:var(--color-primary)}.sidebar__link--active{background:var(--color-primary);color:#fff}.sidebar__link--active svg{color:#fff}.sidebar__link--admin{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:calc(13px + var(--space-3))}.sidebar__link--admin:hover{background:var(--color-primary-tint);color:var(--color-primary)}.sidebar__link--admin.sidebar__link--active{background:var(--color-primary);color:#fff}.sidebar__add-btn{margin:20px var(--space-3) 0;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;transition:background var(--dur-fast), opacity var(--dur-fast);align-items:center;gap:8px;padding:13px 16px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.sidebar__add-btn:hover{background:var(--color-primary-dark);color:#fff}.sidebar__spacer{flex:1}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4);display:flex}.sidebar__avatar{background:var(--color-primary);color:#fff;width:34px;height:34px;font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.68rem;overflow:hidden}.sidebar__role{color:var(--color-text-muted);text-transform:capitalize;margin:0;font-size:.65rem}.sidebar__logout{color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast), background var(--dur-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar__logout:hover{color:var(--color-danger);background:var(--color-danger-tint)}.app-main{background:var(--color-bg);flex:1;min-width:0;min-height:100vh}.topbar{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);height:54px;padding:0 var(--space-4);z-index:110;background:#fff;display:none;position:fixed;top:0;left:0;right:0}.topbar__hamburger{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex}.topbar__hamburger:hover{color:var(--color-primary)}.topbar__logo{font-family:var(--font-display);color:var(--color-secondary);font-size:1rem;font-weight:800}.topbar__logo span{color:var(--color-primary)}.sidebar-overlay{z-index:150;background:#1e1b4b59;position:fixed;inset:0}.sidebar-drawer{z-index:160;position:fixed;top:0;left:0;box-shadow:4px 0 24px #4f46e526}@media (width<=767px){.sidebar-desktop{display:none}.topbar{display:flex}.app-main{padding-top:54px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);position:relative;overflow:hidden}.card--hoverable:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card__accent{background:var(--accent,var(--color-primary));height:4px;position:absolute;top:0;left:0;right:0}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.2px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.badge__dot{border-radius:50%;flex:none;width:7px;height:7px}.donut-wrap{gap:var(--space-4);flex-direction:column;display:flex}.donut-svg-wrap{justify-content:center;align-items:center;display:flex;position:relative}.donut-empty{height:160px;color:var(--color-text-muted);font-size:var(--fs-sm);justify-content:center;align-items:center;display:flex}.donut-tip{background:var(--color-secondary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-sm);pointer-events:none;white-space:nowrap;z-index:20;padding:8px 14px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 8px 24px #17203338}.donut-tip__name{font-weight:700;font-family:var(--font-display);margin:0 0 1px}.donut-tip__amt{margin:0 0 1px;font-weight:600}.donut-tip__pct{color:var(--color-primary-light);font-size:var(--fs-xs);margin:0}.donut-legend{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.legend-item{border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--color-text-muted);transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);background:0 0;border:1.5px solid #0000;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:inline-flex}.legend-item:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.legend-item--active{background:var(--cat-color,var(--color-primary))!important;color:#fff!important;border-color:#0000!important}.legend-item--active .legend-item__amt{color:#fffc}.legend-item__dot{background:var(--cat-color,var(--color-text-muted));border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-item__name{font-weight:500}.legend-item__amt{font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:auto;padding-left:6px}.db-main{max-width:1060px;padding:var(--space-5) var(--space-5) var(--space-8);width:100%;margin:0 auto}.db-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.db-title{font-size:var(--fs-xl);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:800}.db-subtitle{color:var(--color-text-muted);margin-top:var(--space-1);font-size:var(--fs-sm)}.db-date{font-size:var(--fs-sm);color:var(--color-text-muted);white-space:nowrap;padding-top:6px}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{animation:fadeUp .42s var(--ease-out) both;animation-delay:var(--delay,0s);border-radius:18px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.stat-card__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.stat-card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card__trend{font-size:var(--fs-xs);border-radius:var(--radius-full);align-items:center;gap:3px;padding:3px 8px;font-weight:600;display:inline-flex}.stat-card__trend--up{background:var(--color-success-tint);color:var(--color-success)}.stat-card__trend--down{background:var(--color-danger-tint);color:var(--color-danger)}.stat-card__label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-1);font-weight:600}.stat-card__value{font-size:var(--fs-xl);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.1}.stat-card__sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.stat-card__footer{margin-top:var(--space-2);padding-top:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-muted);border-top:1px solid #00000012;align-items:center;gap:5px;font-weight:500;display:flex}.stat-card__footer-arrow--up{color:var(--color-success)}.stat-card__footer-arrow--down{color:var(--color-danger)}.stat-card--dark{border-color:#0000}.stat-card--dark .stat-card__label{color:#ffffffb8}.stat-card--dark .stat-card__value{color:#fff}.stat-card--dark .stat-card__sub{color:#ffffffa6}.stat-card--dark .stat-card__trend--up,.stat-card--dark .stat-card__trend--down{color:#fff;background:#ffffff2e}.stat-card--dark .stat-card__footer{color:#ffffffb3;border-top-color:#ffffff2e}.stat-card--dark .stat-card__footer-arrow--up,.stat-card--dark .stat-card__footer-arrow--down{color:#ffffffe6}.db-cta{justify-content:space-between;align-items:center;gap:var(--space-4);background:linear-gradient(135deg, var(--color-primary) 0%, #0a7a84 100%);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);animation:fadeUp .42s var(--ease-out) .26s both;display:flex}.db-cta__text{flex:1}.db-cta__title{font-size:var(--fs-base);color:#fff;margin:0 0 2px;font-weight:700}.db-cta__sub{font-size:var(--fs-xs);color:#ffffffbf;margin:0}.db-cta__btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-weight:700;display:inline-flex;color:var(--color-primary)!important;background:#fff!important;box-shadow:0 2px 12px #00000026!important}.db-cta__btn:hover{transform:scale(1.02);background:#ffffffeb!important}.db-cta-skeleton{border-radius:var(--radius-lg);height:76px;margin-bottom:var(--space-5)}.db-lower{gap:var(--space-5);grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;display:grid}.section-title{font-size:var(--fs-md);color:var(--color-secondary);margin:0 0 2px;font-weight:700}.section-sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0 0 var(--space-4);min-height:16px}.chart-card{padding:var(--space-5);overflow:visible}.txn-card{padding:var(--space-5)}.txn-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.view-all{font-size:var(--fs-xs);color:var(--color-primary);white-space:nowrap;padding-top:2px;font-weight:600}.view-all:hover{text-decoration:underline}.txn-list{flex-direction:column;display:flex}.txn-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.txn-row:last-child{border-bottom:none}.txn-row__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.txn-row__meta{flex:1;min-width:0}.txn-row__merchant{font-weight:600;font-size:var(--fs-sm);color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.txn-row__cat{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0}.txn-row__right{text-align:right;flex-shrink:0}.txn-row__amount{font-size:var(--fs-sm);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:600}.txn-row__date{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0}.txn-empty{padding:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--fs-sm);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.txn-empty__emoji{font-size:2rem}.clear-filter{margin-top:var(--space-4);width:100%;padding:var(--space-2) 0;font-size:var(--fs-xs);color:var(--color-danger);background:var(--color-danger-tint);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--dur-fast);border:none;font-weight:600}.clear-filter:hover{opacity:.8}.db-empty{text-align:center;min-height:calc(100vh - 54px);padding:var(--space-7);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.db-empty__emoji{font-size:3.5rem}.db-empty__title{font-size:var(--fs-lg);color:var(--color-secondary);margin:0}.db-empty__text{color:var(--color-text-muted);font-size:var(--fs-sm);max-width:320px}@media (width<=760px){.stat-grid{grid-template-columns:1fr 1fr}.db-lower{grid-template-columns:1fr}.db-title{font-size:var(--fs-lg)}.db-cta{align-items:flex-start;gap:var(--space-3);flex-direction:column}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}.db-main{padding:var(--space-4) var(--space-3) var(--space-7)}}.exp-page{max-width:900px;padding:var(--space-5) var(--space-5) var(--space-8);margin:0 auto}.page-title{font-size:var(--fs-xl);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:800}.page-sub{font-size:var(--fs-sm);color:var(--color-text-muted);margin:4px 0 0}.exp-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.btn-add{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.exp-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.exp-search{flex:1;min-width:200px;position:relative}.exp-search__icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.exp-search__input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;font-size:var(--fs-sm);color:var(--color-text);transition:border-color var(--dur-fast);padding:9px 36px}.exp-search__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.exp-search__input::placeholder{color:var(--color-text-muted)}.exp-search__clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.exp-search__clear:hover{color:var(--color-text)}.exp-select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast);padding:9px 12px}.exp-select:focus{border-color:var(--color-primary);outline:none}.exp-clear-btn{background:var(--color-danger-tint);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;transition:opacity var(--dur-fast);border:none;align-items:center;gap:4px;padding:8px 14px;font-weight:600;display:inline-flex}.exp-clear-btn:hover{opacity:.8}.exp-col-header{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:110px 1fr 140px 110px 130px 52px 64px;padding:8px 16px;font-weight:600;display:grid}.exp-list{flex-direction:column;gap:2px;display:flex}.exp-row{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);transition:background var(--dur-fast);grid-template-columns:110px 1fr 140px 110px 130px 52px 64px;padding:12px 16px;display:grid}.exp-row:hover{background:#f8fafb}.exp-row--confirm{align-items:center;gap:var(--space-4);padding:12px 16px;background:var(--color-danger-tint)!important;display:flex!important}.exp-row__confirm-msg{font-size:var(--fs-sm);color:var(--color-danger);flex:1;margin:0}.exp-row__confirm-actions{gap:var(--space-2);display:flex}.exp-btn{border-radius:var(--radius-sm);font-size:var(--fs-xs);cursor:pointer;transition:opacity var(--dur-fast);border:none;padding:6px 14px;font-weight:600}.exp-btn:hover{opacity:.85}.exp-btn--danger{background:var(--color-danger);color:#fff}.exp-btn--ghost{color:var(--color-text);background:#0000000d}.exp-row__date{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap}.exp-row__main{min-width:0}.exp-row__merchant{font-size:var(--fs-sm);color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-weight:600;overflow:hidden}.exp-row__cat-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--cat-color,#7b8794) 15%, transparent);color:var(--cat-color,#7b8794);padding:2px 8px;font-size:.67rem;font-weight:600;display:inline-block}.exp-row__method{font-size:var(--fs-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.exp-row__amount{font-size:var(--fs-sm);color:var(--color-secondary);letter-spacing:-.02em;white-space:nowrap;font-weight:600}.exp-row__receipt{align-items:center;display:flex}.exp-icon-btn--receipt:hover{background:var(--color-primary-tint,#ede9fe);color:var(--color-primary)}.exp-row__actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.exp-icon-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.exp-icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.exp-icon-btn--danger:hover{background:var(--color-danger-tint);color:var(--color-danger)}.exp-empty{padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--fs-sm);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.exp-empty__emoji{font-size:2.5rem}.exp-row-skeleton{border-radius:var(--radius-sm);height:52px}.exp-error{background:var(--color-danger-tint);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.exp-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.exp-page-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast);padding:8px 18px;font-weight:500}.exp-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.exp-page-btn:disabled{opacity:.4;cursor:not-allowed}.exp-page-info{font-size:var(--fs-sm);color:var(--color-text-muted)}@media (width<=720px){.exp-col-header{display:none}.exp-row{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 8px}.exp-row__date{grid-area:2/1;font-size:.7rem}.exp-row__main{grid-area:1/1}.exp-row__method{display:none}.exp-row__amount{text-align:right;grid-area:1/2}.exp-row__receipt{display:none}.exp-row__actions{grid-area:2/2}}@media (width<=480px){.exp-page{padding:var(--space-4) var(--space-3) var(--space-7)}.exp-filters{flex-direction:column;align-items:stretch}.exp-search{min-width:unset}}.add-page{max-width:960px;padding:var(--space-5) var(--space-5) var(--space-8);margin:0 auto}.add-header{margin-bottom:var(--space-5)}.add-back{font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);transition:color var(--dur-fast);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.add-back:hover{color:var(--color-primary)}.add-form{gap:var(--space-4);flex-direction:column;display:flex}.add-error{background:var(--color-danger-tint);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500}.add-cols{gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.add-section{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.add-section__label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0;font-weight:700}.add-section .field__input{font-size:var(--fs-base);padding-top:14px;padding-bottom:14px}.add-section .field__label{font-size:var(--fs-sm);margin-bottom:6px;font-weight:600}.add-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.receipt-upload{flex-direction:column;gap:8px;display:flex}.receipt-zone{align-items:center;gap:var(--space-2);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;transition:border-color var(--dur-fast), background var(--dur-fast);cursor:default;background:var(--color-bg);flex-direction:column;display:flex}.receipt-zone:hover{border-color:var(--color-primary);background:var(--color-primary-tint)}.receipt-zone__graphic{font-size:2.2rem;line-height:1}.receipt-zone__title{font-size:var(--fs-base);color:var(--color-secondary);margin:0;font-weight:700}.receipt-zone__hint{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0}.receipt-zone__btns{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.receipt-action-btn{border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast), transform var(--dur-fast);background:var(--color-primary);color:#fff;border:none;align-items:center;gap:7px;padding:10px 18px;font-weight:600;display:inline-flex}.receipt-action-btn:hover{background:var(--color-primary-dark);transform:scale(1.02)}.receipt-action-btn--ghost{background:var(--color-surface);color:var(--color-primary);border:1.5px solid var(--color-primary)}.receipt-action-btn--ghost:hover{background:var(--color-primary-tint)}.receipt-preview{border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-bg);position:relative;overflow:hidden}.receipt-img{object-fit:contain;border-radius:var(--radius-lg);width:100%;max-height:260px;display:block}.receipt-doc-icon{align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-sm);flex-direction:column;display:flex}.receipt-remove{color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);cursor:pointer;transition:background var(--dur-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.receipt-remove:hover{background:var(--color-danger)}@media (width<=720px){.add-cols{grid-template-columns:1fr}.add-page{padding:var(--space-4) var(--space-3) var(--space-7)}}.rep-page{max-width:1060px;padding:var(--space-5) var(--space-5) var(--space-8);margin:0 auto}.rep-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.rep-header__controls{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.rep-download-btn{border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-weight:600;display:inline-flex}.rep-download-btn:hover{background:var(--color-primary);color:#fff}.rep-month-picker{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast);padding:9px 14px}.rep-month-picker:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.rep-error{background:var(--color-danger-tint);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.rep-stats{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.report-stat{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5)}.report-stat__label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-1);font-weight:600}.report-stat__value{font-size:var(--fs-xl);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.report-stat__sub{font-size:var(--fs-xs);color:var(--color-text-muted);margin:4px 0 0}.rep-category-card{margin-bottom:var(--space-5)}.rep-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);overflow:visible}.daily-chart-wrap{padding-bottom:4px;overflow-x:auto}.rep-chart__hint{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}.rep-merchants{overflow:visible}.merchant-list{gap:var(--space-3);flex-direction:column;display:flex}.merchant-row{align-items:center;gap:var(--space-3);grid-template-columns:24px 1fr 160px auto;display:grid}.merchant-rank{font-size:var(--fs-xs);color:var(--color-text-muted);text-align:right;font-weight:700}.merchant-info{min-width:0}.merchant-name{font-size:var(--fs-sm);color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-weight:600;overflow:hidden}.merchant-cat{border-radius:var(--radius-full);background:color-mix(in srgb, var(--cat-color,#7b8794) 15%, transparent);color:var(--cat-color,#7b8794);padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.merchant-bar-wrap{background:var(--color-bg);border-radius:3px;height:6px;overflow:hidden}.merchant-bar{opacity:.85;min-width:4px;height:100%;transition:width .6s var(--ease-out);border-radius:3px}.merchant-right{text-align:right}.merchant-total{font-size:var(--fs-sm);color:var(--color-secondary);letter-spacing:-.02em;margin:0;font-weight:700}.merchant-count{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0}.rep-empty{padding:var(--space-8) 0;color:var(--color-text-muted);font-size:var(--fs-sm);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.rep-empty__emoji{font-size:2.5rem}.rep-skeleton-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.rep-stats{grid-template-columns:repeat(2,1fr)}.rep-charts{grid-template-columns:1fr}}@media (width<=640px){.merchant-row{grid-template-columns:24px 1fr auto}.merchant-bar-wrap{display:none}.rep-page{padding:var(--space-4) var(--space-3) var(--space-7)}.rep-skeleton-grid{grid-template-columns:repeat(2,1fr)}}.admin-page{padding:var(--space-6) var(--space-5);max-width:960px;margin:0 auto}.admin-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.admin-badge{background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:flex}.admin-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-card);display:flex}.admin-stat__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.admin-stat__icon--blue{color:#2563eb;background:#eff6ff}.admin-stat__icon--green{background:var(--color-success-tint);color:var(--color-success)}.admin-stat__icon--purple{background:var(--color-primary-tint);color:var(--color-primary)}.admin-stat__label{font-size:var(--fs-xs);color:var(--color-text-muted);margin:0 0 2px}.admin-stat__value{font-size:var(--fs-lg);color:var(--color-secondary);margin:0;font-weight:700;line-height:1.2}.admin-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.admin-col-header{gap:var(--space-4);padding:10px var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border);font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:2fr 90px 110px 130px 120px;font-weight:600;display:grid}.admin-list{flex-direction:column;display:flex}.admin-row{gap:var(--space-4);padding:14px var(--space-5);border-bottom:1px solid var(--color-border);transition:background var(--dur-fast);grid-template-columns:2fr 90px 110px 130px 120px;align-items:center;display:grid}.admin-row:last-child{border-bottom:none}.admin-row:hover{background:var(--color-bg)}.admin-row__email{align-items:center;gap:var(--space-3);min-width:0;display:flex}.admin-row__avatar{border-radius:var(--radius-full);background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);font-size:var(--fs-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.admin-row__email-text{font-size:var(--fs-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.admin-row__you{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:400}.admin-row__role{align-items:center;display:flex}.admin-row__count{font-size:var(--fs-sm)}.admin-row__active,.admin-row__joined{font-size:var(--fs-sm);color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}.admin-row-skeleton{border-radius:0;height:58px;margin-bottom:1px}.admin-error-state{text-align:center;padding:var(--space-8) var(--space-5)}.admin-error-state__icon{color:var(--color-danger);margin-bottom:var(--space-4)}.admin-error-state h2{margin-bottom:var(--space-2)}.admin-error-state p{color:var(--color-text-muted)}.admin-empty{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-muted)}.admin-empty__emoji{margin-bottom:var(--space-3);font-size:2.5rem}@media (width<=700px){.admin-page{padding:var(--space-4)}.admin-stats{grid-template-columns:1fr}.admin-col-header{display:none}.admin-row{gap:var(--space-2);padding:var(--space-4);grid-template-columns:1fr}.admin-row__count,.admin-row__active,.admin-row__joined{font-size:var(--fs-xs)}}