*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--surface:#16213e;--surface-deep:#0f3460;--accent:#4ecca3;--negative:#e94560;--text:#fff;--text-secondary:#888;--radius:10px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;font-size:14px;overflow-x:hidden}#app{max-width:480px;min-height:100vh;margin:0 auto;position:relative}.screen{padding:16px;display:none}.screen.active{display:block}.overlay{background:var(--bg);z-index:100;max-width:480px;margin:0 auto;padding:16px;position:fixed;inset:0;overflow-y:auto}.overlay.hidden{display:none}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none}input,select,textarea{font-family:inherit;font-size:inherit;background:var(--surface);color:var(--text);border-radius:var(--radius);border:none;outline:none;width:100%;padding:12px}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.home-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.home-title{font-size:20px;font-weight:700}.icon-btn{color:var(--text-secondary);background:0 0;padding:4px;font-size:22px}.action-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.action-btn{background:var(--surface-deep);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:20px 12px;transition:background .15s;display:flex}.action-btn:active{background:var(--surface)}.action-icon{font-size:28px}.action-label{font-size:13px;font-weight:600}.section-title{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.recent-list{flex-direction:column;gap:2px;display:flex}.recent-row{background:var(--surface);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:12px;display:flex}.recent-row:active{background:var(--surface-deep)}.recent-left{flex-direction:column;gap:2px;display:flex}.recent-category{font-size:14px;font-weight:500}.recent-date{color:var(--text-secondary);font-size:11px}.recent-amount{font-size:14px;font-weight:600}.amount-positive{color:var(--accent)}.amount-negative{color:var(--negative)}.empty-state{text-align:center;color:var(--text-secondary);padding:24px;font-size:13px}.form-container{max-width:480px;margin:0 auto}.form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.form-title{font-size:18px;font-weight:600}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:14px;margin-bottom:4px;font-size:11px;display:block}.field-input{margin-bottom:2px}.field-amount-lg{font-size:22px;font-weight:600}.field-textarea{resize:vertical;min-height:60px}.toggle-group{gap:8px;margin-bottom:2px;display:flex}.toggle-btn{background:var(--surface-deep);color:var(--text-secondary);border-radius:var(--radius);text-align:center;flex:1;padding:10px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.toggle-btn.active{background:var(--accent);color:var(--bg);font-weight:600}.btn-primary{background:var(--accent);width:100%;color:var(--bg);border-radius:var(--radius);text-align:center;margin-top:20px;padding:14px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{width:100%;color:var(--negative);border-radius:var(--radius);text-align:center;background:0 0;margin-top:10px;padding:14px;font-size:14px;font-weight:500}.rate-comparison{background:var(--surface);border-radius:var(--radius);margin-top:14px;padding:14px}.rate-comparison.hidden{display:none}.rate-row{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.rate-label{color:var(--text-secondary)}.rate-value{font-weight:600}.rate-online{color:var(--accent)}.rate-loss{color:var(--negative)}.rate-divider{border-top:1px solid var(--surface-deep);margin-top:4px;padding-top:8px}.category-list{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.category-row{background:var(--surface);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.category-info{flex-direction:column;gap:2px;display:flex}.category-name{font-size:14px;font-weight:500}.category-type{color:var(--text-secondary);font-size:11px}.add-category-row{align-items:center;gap:8px;display:flex}.btn-small{background:var(--accent);color:var(--bg);border-radius:var(--radius);white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:600}.backup-buttons{flex-direction:column;gap:10px;display:flex}.btn-secondary{background:var(--surface);color:var(--text);border-radius:var(--radius);text-align:center;padding:14px;font-size:14px;font-weight:500}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--surface-deep);color:var(--text-secondary);border-radius:16px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.pill.active{background:var(--accent);color:var(--bg);font-weight:600}.balance-cards{gap:8px;margin-top:14px;display:flex}.balance-card{background:var(--surface);border-radius:var(--radius);text-align:center;flex:1;padding:10px}.balance-currency{color:var(--text-secondary);margin-bottom:4px;font-size:11px}.balance-net{margin-bottom:4px;font-size:16px;font-weight:700}.balance-detail{font-size:11px}.chart-section{background:var(--surface);border-radius:var(--radius);margin-top:18px;padding:14px}.wd-table{background:var(--surface);border-radius:var(--radius);margin-top:8px;padding:12px;font-size:11px}.wd-header,.wd-row{grid-template-columns:1fr 1.2fr 1fr 1fr 1fr 1fr;gap:4px;padding:4px 0;display:grid}.wd-header{color:var(--text-secondary);border-bottom:1px solid var(--surface-deep);margin-bottom:4px;padding-bottom:6px}.wd-footer{border-top:1px solid var(--surface-deep);justify-content:space-between;margin-top:6px;padding-top:8px;font-size:12px;font-weight:600;display:flex}.wd-header-7,.wd-row-7{grid-template-columns:1fr .8fr 1.2fr 1fr 1fr 1fr 1fr}@media (width<=480px){#app{padding:0}.screen{padding:12px}}button,.toggle-btn,.pill,.action-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.screen{animation:.15s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#screen-stats{padding-bottom:40px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.auth-gate{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-gate.hidden{display:none}.auth-box{text-align:center;width:100%;max-width:320px}.auth-title{margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.auth-error{color:var(--negative);min-height:20px;margin-top:10px;font-size:13px}#app.hidden{display:none}