:root{--color-primary:#1a73e8;--color-primary-dark:#1765cc;--color-primary-soft:#e8f0fe;--color-background:#f5f6fa;--color-surface:#fff;--color-border:#e2e5ee;--color-text:#1c1f26;--color-text-muted:#6b7280;--color-income:#16a34a;--color-expense:#dc2626;--shadow-sm:0 1px 3px #10182814;--shadow-md:0 4px 12px #1018281a;--radius:12px;--radius-sm:8px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}#app{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.app-header{z-index:10;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-header__title{font-size:18px;font-weight:600}.app-header__user{align-items:center;gap:8px;display:flex}.app-header__name{opacity:.95;white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;overflow:hidden}.app-header__logout{color:#fff;border-radius:var(--radius-sm);background:#ffffff2e;border:none;padding:6px 12px;font-size:13px;font-weight:600}.app-header__logout:hover{background:#ffffff47}.app-main{padding:16px 16px calc(var(--nav-height) + 24px);flex:1}.app-main--bare{padding-bottom:24px}.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:not(:disabled):hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn--block{width:100%}.page__title{margin-bottom:12px;font-size:22px;font-weight:700}.page__placeholder{color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);padding:20px}.page__placeholder em{margin-top:8px;font-size:14px;display:block}.bottom-nav{width:100%;max-width:640px;height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:10;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:12px;display:flex}.bottom-nav__item.router-link-active{color:var(--color-primary);font-weight:600}@media (hover:hover) and (pointer:fine){.bottom-nav__item:hover{color:var(--color-primary)}}@media (width>=768px){.app-main{padding:24px}.bottom-nav{margin-top:0;position:static;transform:none}}