:root{--bg: #0f1117;--surface: #171a23;--surface-2: #1e2230;--border: #2a3042;--text: #f1f5f9;--muted: #94a3b8;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .15);--income: #22c55e;--income-soft: rgba(34, 197, 94, .12);--expense: #f43f5e;--expense-soft: rgba(244, 63, 94, .12);--radius: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--window-height: 100dvh;--nav-inner-height: 60px;--nav-total-height: calc(var(--nav-inner-height) + var(--safe-bottom) + 20px)}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:var(--window-height);overflow:hidden;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;height:var(--window-height);overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{position:fixed;top:0;left:0;right:0;height:var(--window-height);display:flex;flex-direction:column;align-items:center;overflow:hidden;background:var(--bg)}.viewport{width:100%;max-width:480px;height:var(--window-height);display:flex;flex-direction:column;overflow:hidden}.app-frame{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at top,rgba(99,102,241,.12),transparent 55%),var(--bg)}.app-frame--login{justify-content:center}button,input,select,textarea{touch-action:manipulation;font:inherit}.header{flex-shrink:0;padding:calc(12px + var(--safe-top)) 20px 8px}.header-top{display:flex;justify-content:space-between;align-items:flex-start}.header-actions{display:flex;gap:8px}.header-user{font-size:13px;color:var(--muted);margin-top:6px}.header-kicker{font-size:13px;color:var(--muted);margin-bottom:4px}.header-title{font-size:clamp(22px,6vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.2}.main{flex:1;min-height:0;padding:8px 16px calc(8px + var(--nav-total-height));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-bottom:var(--nav-total-height)}.bottom-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;width:100%;max-width:480px;margin:0 auto;background:var(--bg);border-top:1px solid var(--border)}.bottom-nav__inner{display:flex;align-items:center;justify-content:space-around;min-height:var(--nav-inner-height);padding:6px 12px var(--safe-bottom)}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--muted);font-size:10px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:12px;transition:color .15s,background .15s;min-width:0;flex:1;-webkit-tap-highlight-color:transparent}.nav-btn.active{color:var(--accent)}.nav-icon{font-size:20px}.nav-btn-add{position:relative;top:-6px}.nav-icon-add{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:28px;font-weight:300;box-shadow:0 4px 20px #6366f173}.nav-btn-add.active .nav-icon-add{transform:scale(1.05)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:14px;max-width:100%}.card-title{font-size:15px;font-weight:600;margin-bottom:14px}.balance-card{background:linear-gradient(135deg,#1e2230,#252a3a);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:var(--shadow)}.balance-label{font-size:13px;color:var(--muted);margin-bottom:8px}.balance-amount{font-size:clamp(28px,9vw,36px);font-weight:700;letter-spacing:-.03em;margin-bottom:6px;word-break:break-word}.balance-amount.positive{color:var(--text)}.balance-amount.negative{color:var(--expense)}.balance-hint{font-size:12px;color:var(--muted)}.month-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}.month-label{font-size:15px;font-weight:600;text-transform:capitalize;min-width:160px;text-align:center}.month-arrow{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:20px;cursor:pointer}.month-arrow:disabled{opacity:.3;cursor:not-allowed}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.stat-card.income{background:var(--income-soft);border-color:#22c55e40}.stat-card.expense{background:var(--expense-soft);border-color:#f43f5e40}.stat-icon{font-size:18px;font-weight:700}.stat-card.income .stat-icon{color:var(--income)}.stat-card.expense .stat-icon{color:var(--expense)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:16px;font-weight:600}.chart-wrap{margin:0 -8px;max-width:100%;overflow:hidden}.pie-chart{margin-bottom:8px}.category-list{list-style:none}.category-row{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.category-row:first-child{border-top:none}.category-dot{width:10px;height:10px;border-radius:50%}.category-name{font-size:14px}.category-amount{font-size:14px;font-weight:600}.category-pct{font-size:12px;color:var(--muted);min-width:36px;text-align:right}.user-stats{display:grid;gap:10px}.user-stat{background:var(--surface-2);border-radius:12px;padding:14px}.user-stat-head{font-weight:600;margin-bottom:10px}.user-stat-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.insights{list-style:none;display:grid;gap:12px}.insight{display:flex;gap:12px;padding:12px;background:var(--surface-2);border-radius:12px}.insight-emoji{font-size:22px}.insight-title{font-size:14px;font-weight:600;margin-bottom:2px}.insight-text{font-size:13px;color:var(--muted);line-height:1.45}.income-text{color:var(--income);font-weight:600}.expense-text{color:var(--expense);font-weight:600}.muted{color:var(--muted);font-size:13px}.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}.empty-state p:first-child{font-size:40px;margin-bottom:12px}.header--compact{padding-bottom:2px}.header--compact .header-user{display:none}.header--compact .header-title{font-size:clamp(20px,5.5vw,24px)}.main--add{padding-top:4px}.quick-add{padding-bottom:0}.quick-add .type-toggle{gap:6px;margin-bottom:8px}.quick-add .type-btn{padding:9px 10px;font-size:14px;border-radius:10px}.quick-add .add-form{gap:8px}.quick-add .section-label{margin-bottom:5px;font-size:11px}.quick-add .category-grid{grid-template-columns:repeat(4,1fr);gap:5px}.quick-add .category-chip{gap:2px;padding:6px 2px;border-radius:9px;font-size:9px;line-height:1.15}.quick-add .category-chip span:first-child{font-size:17px}.quick-add .user-toggle{gap:6px}.quick-add .user-btn{padding:8px 10px;font-size:13px;border-radius:10px}.quick-add .form-row{grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:8px;align-items:end}.quick-add .field input{padding:8px 10px;font-size:15px;border-radius:9px}.quick-add .field input[type=date]{font-size:13px;padding:8px 6px}.quick-add .btn-submit{margin-top:2px;margin-bottom:0;padding:13px 14px;font-size:15px;border-radius:12px}.add-form{display:grid;gap:14px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.type-btn{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.type-btn.expense.active{background:var(--expense-soft);border-color:#f43f5e66;color:var(--expense)}.type-btn.income.active{background:var(--income-soft);border-color:#22c55e66;color:var(--income)}.form-section{margin-bottom:0}.section-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:11px;cursor:pointer}.category-chip span:first-child{font-size:20px}.category-chip.active{border-color:var(--accent);background:var(--accent-soft)}.user-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.user-btn{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;cursor:pointer}.user-btn.active{border-color:var(--accent);background:var(--accent-soft)}.form-row{display:grid;grid-template-columns:1fr;gap:14px}.field{display:block;min-width:0}.field input{width:100%;max-width:100%;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px}.field input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #6366f159}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-submit{margin-top:4px;margin-bottom:4px}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;cursor:pointer}.btn-sm{padding:8px 12px;font-size:12px}.filter-tabs{display:flex;gap:8px;margin-bottom:16px}.filter-tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;font-weight:500;cursor:pointer}.filter-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.history-day{margin-bottom:20px}.history-date{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:8px;text-transform:capitalize}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:8px}.history-item-main{display:flex;gap:12px;align-items:center;min-width:0}.history-emoji{font-size:24px}.history-cat{font-size:14px;font-weight:600}.history-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-delete{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.btn-delete:hover{background:var(--expense-soft);color:var(--expense)}.login-page{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px 24px;box-shadow:var(--shadow)}.login-logo{font-size:48px;text-align:center;margin-bottom:12px}.login-title{font-size:28px;font-weight:700;text-align:center;letter-spacing:-.02em}.login-subtitle{text-align:center;color:var(--muted);font-size:14px;margin:6px 0 28px}.login-form{display:grid;gap:18px}.login-error{color:var(--expense);font-size:13px;text-align:center}.login-hint{margin-top:20px;text-align:center;font-size:12px;color:var(--muted);line-height:1.5}.login-hint strong{color:var(--text)}.admin-panel{display:grid;gap:14px}.admin-desc{font-size:13px;color:var(--muted);line-height:1.5}.admin-form{display:grid;gap:14px}.admin-form-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.admin-form-user{font-size:16px;font-weight:600}.admin-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.form-message{font-size:13px;text-align:center}.form-message.error{color:var(--expense)}.form-message.success{color:var(--income)}.btn-sm-block{padding:12px;font-size:14px}@media(min-width:481px){.viewport{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.portrait-lock{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));text-align:center;background:var(--bg);color:var(--text)}html.standalone,html.standalone body,html.standalone #root,html.standalone .viewport{height:var(--window-height);min-height:var(--window-height)}html.standalone .bottom-nav{bottom:0}.portrait-lock-icon{font-size:48px}.portrait-lock-text{font-size:16px;font-weight:600}@media screen and (orientation:landscape)and (max-width:900px){.portrait-lock{display:flex}}