.bottom-nav[data-v-e2138f89]{background:var(--color-surface);border-top:1px solid var(--color-outline)}.nav-inner[data-v-e2138f89]{display:flex;align-items:stretch}.nav-item[data-v-e2138f89]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;min-height:var(--touch-target);color:var(--color-on-surface-variant);text-decoration:none;border:none;background:none;cursor:pointer;font-family:inherit}.nav-item-active[data-v-e2138f89]{color:var(--color-primary)}.nav-item-logout[data-v-e2138f89]{color:var(--color-error)}.nav-label[data-v-e2138f89]{font-size:11px;font-weight:500}.nav-icon[data-v-e2138f89]{width:22px;height:22px;display:inline-block}.nav-icon[data-v-e2138f89]:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.nav-icon[data-icon=home][data-v-e2138f89]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6H11v6H6v-9H3z'/%3E%3C/svg%3E")}.nav-icon[data-icon=list][data-v-e2138f89]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4zM4 11h16v2H4zM4 17h16v2H4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4zM4 11h16v2H4zM4 17h16v2H4z'/%3E%3C/svg%3E")}.nav-icon[data-icon=user][data-v-e2138f89]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.4 0-8 2.2-8 5v3h16v-3c0-2.8-3.6-5-8-5z'/%3E%3C/svg%3E")}.nav-icon[data-icon=chart][data-v-e2138f89]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h16v2H4zM6 10h3v9H6zM11 4h3v15h-3zM16 13h3v6h-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20h16v2H4zM6 10h3v9H6zM11 4h3v15h-3zM16 13h3v6h-3z'/%3E%3C/svg%3E")}.nav-icon[data-icon=logout][data-v-e2138f89]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h2v2h-2V3zm0 4h2v10h-2V7zM16.6 6.6l1.4 1.4L14 12l4 4-1.4 1.4L11.2 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3h2v2h-2V3zm0 4h2v10h-2V7zM16.6 6.6l1.4 1.4L14 12l4 4-1.4 1.4L11.2 12z'/%3E%3C/svg%3E")}@media (max-width: 768px){.bottom-nav[data-v-e2138f89]{position:fixed;left:0;right:0;bottom:0;z-index:100;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 8px #0000000f}}@media (min-width: 769px){.bottom-nav[data-v-e2138f89]{position:sticky;top:0;z-index:100;border-top:none;border-bottom:1px solid var(--color-outline)}.nav-inner[data-v-e2138f89]{max-width:var(--page-max-width);margin:0 auto;justify-content:flex-start;gap:8px;padding:0 var(--space-lg)}.nav-item[data-v-e2138f89]{flex:none;flex-direction:row;gap:6px;padding:12px 16px}.nav-item-logout[data-v-e2138f89]{margin-left:auto}.nav-icon[data-v-e2138f89]{width:18px;height:18px}.nav-label[data-v-e2138f89]{font-size:14px}}.app-shell.with-nav{min-height:100vh}@media (max-width: 768px){.app-nav-desktop{display:none}.app-shell.with-nav{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}@media (min-width: 769px){.app-nav-mobile{display:none}}:root{--color-primary: #0052d9;--color-primary-dark: #003da6;--color-on-primary: #ffffff;--color-bg: #f2f3f5;--color-surface: #ffffff;--color-outline: #e7e7e7;--color-outline-variant: #dcdcdc;--color-on-surface: #191b23;--color-on-surface-variant: #666666;--color-success: #2e7d32;--color-success-bg: #e6f4ea;--color-error: #ba1a1a;--color-error-bg: #ffdad6;--color-warning: #aa3500;--color-warning-bg: #ffe8d6;--color-info: #0052d9;--color-info-bg: #e1e9fb;--radius-sm: 4px;--radius: 8px;--radius-lg: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--gutter: 12px;--touch-target: 44px;--shadow-1: 0 2px 4px rgba(0, 0, 0, .05);--shadow-2: 0 4px 16px rgba(0, 0, 0, .12);--bottom-nav-height: 60px;--page-max-width: 1200px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-on-surface);-webkit-font-smoothing:antialiased}#app{min-height:100vh}button,input,select,textarea{font-family:inherit}a{color:var(--color-primary)}