:root{--color-primary: #22c55e;--color-primary-dark: #16a34a;--color-primary-light: #4ade80;--color-primary-glow: rgba(74, 222, 128, .2);--color-bg: #F8FAFC;--color-bg-secondary: #F1F5F9;--color-bg-tertiary: #E2E8F0;--color-bg-elevated: #FFFFFF;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-income: #22C55E;--color-income-bg: rgba(34, 197, 94, .1);--color-expense: #EF4444;--color-expense-bg: rgba(239, 68, 68, .1);--header-height: 48px;--strip-height: 0px;--max-width: 480px;--border-radius: 16px;--border-radius-sm: 10px;--transition-fast: .15s ease;--transition-base: .3s ease;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .04)}[data-theme=dark]{--color-primary: #4ade80;--color-primary-dark: #22c55e;--color-primary-light: #86efac;--color-primary-glow: rgba(74, 222, 128, .15);--color-bg: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-bg-elevated: #1E293B;--color-text: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-tertiary: #64748B;--color-border: #334155;--color-border-hover: #475569;--color-success: #4ADE80;--color-warning: #FBBF24;--color-error: #F87171;--color-income: #4ADE80;--color-income-bg: rgba(74, 222, 128, .1);--color-expense: #F87171;--color-expense-bg: rgba(248, 113, 113, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;transition:background-color var(--transition-base),color var(--transition-base)}.no-transitions *{transition:none!important}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-bg);z-index:1000;transition:background-color var(--transition-base)}.header__content{max-width:var(--max-width);margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.header__left{display:flex;align-items:center;gap:12px}.header__right{display:flex;align-items:center;gap:8px}.privacy-badge{display:none;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--color-primary);background-color:var(--color-primary-glow);border-radius:6px}@media (min-width: 400px){.privacy-badge{display:flex}}.privacy-badge__icon{flex-shrink:0}.privacy-badge__text{white-space:nowrap}.github-link{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.github-link:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-badge{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #22c55e40;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.brand:hover .brand-badge{transform:scale(1.05)}.brand-name{font-size:15px;font-weight:600;color:var(--color-text)}@media (max-width: 400px){.brand-name{display:none}}.theme-toggle{width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}.theme-toggle__icon{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;position:relative}.theme-toggle__icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:currentColor;transition:all var(--transition-fast)}[data-theme=dark] .theme-toggle__icon:before{width:14px;height:14px;top:2px;left:2px;transform:none}#app{max-width:var(--max-width);margin:0 auto;padding:calc(var(--header-height) + var(--strip-height) + 24px) 16px 24px;flex:1;display:flex;flex-direction:column;width:100%}#onboarding{text-align:center;padding:48px 0}#onboarding h1{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:12px}#onboarding p{color:var(--color-text-secondary);margin-bottom:32px;max-width:280px;margin-left:auto;margin-right:auto}#onboarding label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}#currency-select{width:100%;max-width:240px;padding:12px 16px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);margin-bottom:32px;cursor:pointer;transition:border-color var(--transition-fast)}#currency-select:focus{outline:none;border-color:var(--color-primary)}#get-started-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}#get-started-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.storage-notice{display:flex;align-items:flex-start;gap:12px;text-align:left;background-color:var(--color-primary-glow);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);padding:14px 16px;margin:0 auto 28px;max-width:320px}.storage-notice__icon{width:22px;height:22px;flex-shrink:0;color:var(--color-primary);margin-top:1px}.storage-notice__text{display:flex;flex-direction:column;gap:4px}.storage-notice__text strong{font-size:13px;font-weight:600;color:var(--color-text)}.storage-notice__text span{font-size:12px;line-height:1.5;color:var(--color-text-secondary)}.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.month-nav button{width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:8px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast)}.month-nav button:hover{color:var(--color-text);background-color:var(--color-bg-secondary)}#current-month{font-size:18px;font-weight:600;color:var(--color-text)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.summary-card{background-color:var(--color-bg-elevated);border-radius:var(--border-radius);padding:16px;border:none;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-border);transition:background var(--transition-base)}.summary-card:first-child:before{background:linear-gradient(90deg,var(--color-income),#86EFAC)}.summary-card:nth-child(2):before{background:linear-gradient(90deg,var(--color-expense),#FCA5A5)}.summary-card:last-child:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}.summary-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:6px}.summary-card__value{font-size:20px;font-weight:700;color:var(--color-text)}.summary-card__value--positive{color:var(--color-income)}.summary-card__value--negative{color:var(--color-expense)}.tab-nav{display:flex;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);padding:4px;margin-bottom:20px;gap:2px}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:10px;cursor:pointer;transition:all var(--transition-fast);min-width:0}.tab-icon{width:20px;height:20px;flex-shrink:0}.tab-label{white-space:nowrap}.tab-btn:hover:not(.active){color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.tab-btn.active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.tab-btn.active .tab-icon{stroke-width:2.5}@media (min-width: 480px){.tab-btn{flex-direction:row;gap:6px;padding:10px 12px;font-size:13px}.tab-icon{width:18px;height:18px}}.card{background-color:var(--color-bg-elevated);border-radius:var(--border-radius);border:none;padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card+.card{margin-top:16px}.card__title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:16px}.progress-bar{height:8px;border-radius:999px;background-color:var(--color-bg-tertiary);overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width var(--transition-base)}.category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;font-size:18px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease;min-height:48px}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input--with-prefix{padding-left:28px}.input-wrapper{position:relative}.input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:16px;pointer-events:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B6B6B' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.date-input-wrapper{position:relative}.date-display{cursor:pointer;text-align:left;padding-right:40px;position:relative}.date-display:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2394A3B8' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-size:contain;pointer-events:none}.date-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.date-picker-overlay.show{opacity:1;visibility:visible}.date-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--color-bg-elevated);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:16px;z-index:1001;min-width:280px;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.date-picker-overlay.show+.date-picker,.date-picker.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.date-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.date-picker__title{font-size:15px;font-weight:600;color:var(--color-text)}.date-picker__nav{display:flex;gap:4px}.date-picker__nav-btn{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.date-picker__nav-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.date-picker__weekday{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-align:center;padding:8px 0}.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker__day{aspect-ratio:1;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text);transition:all var(--transition-fast)}.date-picker__day:hover:not(:disabled):not(.selected){background-color:var(--color-bg-secondary)}.date-picker__day.other-month{color:var(--color-text-tertiary)}.date-picker__day.today{color:var(--color-primary);font-weight:600}.date-picker__day.selected{background-color:var(--color-primary);color:#fff}.date-picker__day:disabled{opacity:.3;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-size:15px;font-weight:600;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn--primary{width:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.expense-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:var(--color-bg-elevated);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.expense-row:hover{box-shadow:var(--shadow-md)}.expense-row+.expense-row{margin-top:8px}.expense-row__info{flex:1;min-width:0}.expense-row__category{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:2px}.expense-row__date{font-size:12px;color:var(--color-text-tertiary)}.expense-row__amount{font-size:15px;font-weight:600;color:var(--color-text)}.delete-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.expense-row:hover .delete-btn{opacity:1}.delete-btn:hover{color:var(--color-error);background-color:var(--color-expense-bg)}@media (max-width: 640px){.delete-btn{opacity:1}}.budget-item{display:flex;align-items:center;gap:12px;padding:8px 0}.budget-item__label{flex:1;font-size:14px;color:var(--color-text-secondary)}.budget-item__input{width:100px}.budget-item__input .form-input{text-align:right;padding:8px 10px 8px 24px;font-size:16px}.budget-item__input .input-prefix{left:8px;font-size:14px}.dashboard-item{padding:14px 0;border-bottom:1px solid var(--color-border)}.dashboard-item:last-child{border-bottom:none;padding-bottom:0}.dashboard-item:first-child{padding-top:0}.dashboard-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dashboard-item__left{display:flex;align-items:center;gap:10px}.dashboard-item__name{font-size:14px;font-weight:500;color:var(--color-text)}.dashboard-item__values{text-align:right}.dashboard-item__spent{font-size:14px;font-weight:600}.dashboard-item__budget{font-size:12px;color:var(--color-text-tertiary)}.empty-state{text-align:center;padding:48px 20px;color:var(--color-text-tertiary)}.empty-state__title{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.empty-state__desc{font-size:14px;color:var(--color-text-tertiary);margin-bottom:16px}.empty-state__hint{font-size:13px;color:var(--color-text-tertiary);opacity:.8}.charts-container{display:flex;flex-direction:column;gap:16px}.chart-card{background-color:var(--color-bg-elevated);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm)}.donut-chart-wrapper{display:flex;justify-content:center;padding:8px 0}.donut-chart{width:180px;height:180px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.donut-hole{width:100px;height:100px;border-radius:50%;background-color:var(--color-bg-elevated);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000000f}.donut-total-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:2px}.donut-total-amount{font-size:16px;font-weight:700;color:var(--color-text)}.chart-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-border)}.legend-item:last-child{border-bottom:none;padding-bottom:0}.legend-item:first-child{padding-top:0}.legend-item__left{display:flex;align-items:center;gap:10px}.legend-item__right{display:flex;align-items:center;gap:12px;text-align:right}.legend-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.legend-label{font-size:14px;font-weight:500;color:var(--color-text)}.legend-amount{font-size:14px;font-weight:600;color:var(--color-text)}.legend-percent{font-size:12px;color:var(--color-text-tertiary);min-width:45px}.footer{margin-top:auto;padding:32px 0;text-align:center}.footer__text{font-size:13px;color:var(--color-text-tertiary)}.footer__text a{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer__text a:hover{color:var(--color-text)}#toast{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-20px);background-color:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);padding:10px 18px;border-radius:10px;font-size:13px;font-weight:500;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:1000;box-shadow:var(--shadow-md)}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.help-overlay.show{opacity:1;visibility:visible}.help-modal{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background-color:var(--color-bg-elevated);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:0 -4px 20px #00000026;z-index:1101;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;overflow:hidden;display:flex;flex-direction:column}.help-modal.show{opacity:1;visibility:visible;transform:translateY(0)}.help-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.help-modal__title{font-size:17px;font-weight:600;color:var(--color-text)}.help-modal__close{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.help-modal__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.help-modal__content{padding:16px 20px 24px;overflow-y:auto;flex:1}.help-section{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--color-border)}.help-section:last-of-type{border-bottom:none}.help-section__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-glow);color:var(--color-primary);border-radius:10px;flex-shrink:0}.help-section__text{flex:1}.help-section__text strong{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.help-section__text p{font-size:13px;line-height:1.5;color:var(--color-text-secondary);margin:0}.help-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:14px;background-color:var(--color-primary-glow);border:1px solid var(--color-primary);border-radius:var(--border-radius-sm)}.help-notice svg{flex-shrink:0;color:var(--color-primary);margin-top:1px}.help-notice p{font-size:12px;line-height:1.5;color:var(--color-text-secondary);margin:0}.help-notice strong{color:var(--color-text)}@media (min-width: 480px){.help-modal{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%) translateY(30px);max-width:420px;width:calc(100% - 32px);max-height:80vh;border-radius:var(--border-radius)}.help-modal.show{transform:translate(-50%,-50%) translateY(0)}}.hidden{display:none!important}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header,.month-nav,.summary-cards,.tab-nav,#tab-content,.footer{animation:fadeIn .4s ease both}.header{animation-delay:.05s}.month-nav{animation-delay:.1s}.summary-cards{animation-delay:.15s}.tab-nav{animation-delay:.2s}#tab-content{animation-delay:.25s}.footer{animation-delay:.3s}@media (prefers-reduced-motion: reduce){.header,.month-nav,.summary-cards,.tab-nav,#tab-content,.footer{animation:none}}