*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 24px rgba(0,0,0,.12)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;background:var(--white);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:14px;color:var(--gray-500);transition:color .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--black)}.balance{font-size:13px;font-weight:600;background:var(--black);color:var(--white);padding:4px 12px;border-radius:20px}.btn-logout{font-size:13px;color:var(--gray-500);background:none;border:1px solid var(--gray-300);padding:4px 12px;border-radius:var(--radius);transition:all .2s}.btn-logout:hover{border-color:var(--black);color:var(--black)}.mobile-menu-btn{display:none;background:none;border:none;width:32px;height:32px;position:relative}.mobile-menu-btn span,.mobile-menu-btn span:before,.mobile-menu-btn span:after{display:block;width:20px;height:2px;background:var(--black);transition:all .3s;position:absolute;left:6px}.mobile-menu-btn span{top:15px}.mobile-menu-btn span:before{content:"";top:-6px}.mobile-menu-btn span:after{content:"";top:6px}.mobile-menu-btn span.open{background:transparent}.mobile-menu-btn span.open:before{transform:rotate(45deg);top:0}.mobile-menu-btn span.open:after{transform:rotate(-45deg);top:0}.mobile-menu{display:none;flex-direction:column;gap:0;border-top:1px solid var(--gray-200);background:var(--white)}.mobile-menu a,.mobile-menu button{padding:14px 24px;font-size:15px;border:none;background:none;text-align:left;border-bottom:1px solid var(--gray-100)}.mobile-menu .balance{padding:14px 24px;font-size:14px;border-radius:0;display:block;text-align:left;background:none;color:var(--gray-600)}.main-content{padding-top:56px;min-height:100vh}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-8px)}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}}