.app-layout[data-v-a61ec528]{background-color:var(--color-bg);flex-direction:column;height:100dvh;display:flex}.app-content[data-v-a61ec528]{overscroll-behavior:contain;padding-bottom:calc(56px + var(--safe-area-bottom));flex:1;overflow-y:auto}.bottom-nav[data-v-a61ec528]{height:calc(56px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item[data-v-a61ec528]{color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .15s;display:flex}.bottom-nav__item--active[data-v-a61ec528]{color:var(--color-primary)}.app-layout--pc[data-v-a61ec528]{flex-direction:row}.app-layout--pc .app-content[data-v-a61ec528]{flex:1;padding-bottom:0;padding-left:16px;padding-right:16px}.sidebar[data-v-a61ec528]{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:200px;min-height:100dvh;padding:24px 0;display:flex}.sidebar__logo[data-v-a61ec528]{color:var(--color-primary);padding:0 20px 24px;font-size:20px;font-weight:700}.sidebar__nav[data-v-a61ec528]{flex-direction:column;gap:4px;display:flex}.sidebar__item[data-v-a61ec528]{border-radius:var(--radius-md);color:var(--color-text-secondary);align-items:center;gap:12px;margin:0 8px;padding:12px 20px;transition:background-color .15s,color .15s;display:flex}.sidebar__item[data-v-a61ec528]:hover{background-color:var(--color-gray-100)}.sidebar__item--active[data-v-a61ec528]{background-color:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary);font-weight:600}.nav-icon[data-v-a61ec528]{font-size:20px;line-height:1}.nav-label[data-v-a61ec528]{font-size:11px;line-height:1}.app-layout--pc .nav-label[data-v-a61ec528]{font-size:14px}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .18s,transform .18s}.page-fade-enter-from{opacity:0;transform:translateY(6px)}.page-fade-leave-to{opacity:0;transform:translateY(-6px)}:root{--color-primary:#4f7afa;--color-income:#27ae60;--color-expense:#e74c3c;--color-warning:#f39c12;--color-gray-900:#1a1a2e;--color-gray-700:#4a4a68;--color-gray-300:#d1d5db;--color-gray-100:#f5f6fa;--color-white:#fff;--color-bg:var(--color-gray-100);--color-surface:var(--color-white);--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-border:var(--color-gray-300);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0f0f1a;--color-surface:#1e1e2e;--color-text:#e8e8f0;--color-text-secondary:#9090a8;--color-border:#2e2e42;--color-gray-100:#1e1e2e}}[data-theme=dark]{--color-bg:#0f0f1a;--color-surface:#1e1e2e;--color-text:#e8e8f0;--color-text-secondary:#9090a8;--color-border:#2e2e42;--color-gray-100:#1e1e2e}[data-theme=light]{--color-bg:var(--color-gray-100);--color-surface:var(--color-white);--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-border:var(--color-gray-300)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}#app{max-width:100%;height:100%}button,a,[role=button]{cursor:pointer;min-width:44px;min-height:44px}button{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}