.mobile-nav[data-v-3543cc5b]{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:60px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item[data-v-3543cc5b]{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;border:none;background:none;cursor:pointer;color:#999;transition:color .2s}.nav-item.active[data-v-3543cc5b]{color:#18a058}.nav-label[data-v-3543cc5b]{font-size:11px}.nav-indicator[data-v-3543cc5b]{position:absolute;bottom:0;width:20px;height:3px;border-radius:3px;background:#18a058}.app-layout[data-v-198de816]{height:100vh}.desktop-topnav[data-v-198de816]{height:100vh;display:flex;flex-direction:column}.topnav-header[data-v-198de816]{height:var(--header-height);border-bottom:1px solid var(--border-color);background:#fff;position:sticky;top:0;z-index:100;flex-shrink:0}.topnav-inner[data-v-198de816]{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 32px;gap:32px}.topnav-logo[data-v-198de816]{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.topnav-logo-text[data-v-198de816]{font-size:18px;font-weight:700;color:var(--text-primary)}.topnav-links[data-v-198de816]{display:flex;align-items:center;gap:4px;flex:1}.topnav-link[data-v-198de816]{padding:6px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.topnav-link[data-v-198de816]:hover{color:var(--text-primary);background:#0000000a}.topnav-link.active[data-v-198de816]{color:var(--brand-color);background:var(--brand-light)}.topnav-actions[data-v-198de816]{display:flex;align-items:center;gap:8px;flex-shrink:0}.topnav-user[data-v-198de816]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:background .2s}.topnav-user[data-v-198de816]:hover{background:#0000000a}.topnav-username[data-v-198de816]{font-size:14px;font-weight:500;color:var(--text-primary)}.topnav-content[data-v-198de816]{flex:1;overflow-y:auto;padding:32px 40px;background:var(--surface-bg)}.topnav-content-full[data-v-198de816]{padding:0}.mobile-layout[data-v-198de816]{display:flex;flex-direction:column;height:100vh}.mobile-content[data-v-198de816]{flex:1;overflow-y:auto;padding:16px 16px 76px}.mobile-content-full[data-v-198de816]{padding:0 0 76px}:root{--page-max-width: 1200px;--page-max-width-narrow: 900px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 56px;--surface-bg: #f8f9fa;--text-primary: #1a1a2e;--text-secondary: #666;--text-tertiary: #999;--border-color: #eee;--brand-color: #18a058;--brand-light: rgba(24, 160, 88, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-bg);color:var(--text-primary)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.page-title-section{margin-bottom:24px}.page-title-section h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.page-title-section .page-description{font-size:14px;color:var(--text-tertiary);margin-top:4px}