.topnav[data-v-d101422f]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topnav-container[data-v-d101422f]{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.topnav-brand[data-v-d101422f]{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand-icon[data-v-d101422f]{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-text[data-v-d101422f]{text-shadow:0 2px 4px rgba(0,0,0,.2)}.topnav-menu[data-v-d101422f]{display:flex;gap:4px;background:#ffffff26;padding:4px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link[data-v-d101422f]{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;color:#ffffffd9;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link[data-v-d101422f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity .3s}.nav-link[data-v-d101422f]:hover:before{opacity:1}.nav-link[data-v-d101422f]:hover{color:#fff;transform:translateY(-1px)}.nav-link.active[data-v-d101422f]{background:#fff;color:#667eea;box-shadow:0 4px 12px #00000026}.nav-link.active[data-v-d101422f]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.nav-icon[data-v-d101422f]{font-size:18px;line-height:1}.nav-text[data-v-d101422f]{font-size:14px;font-weight:600;letter-spacing:.3px}@media (max-width: 768px){.topnav-container[data-v-d101422f]{padding:0 16px;height:58px}.topnav-brand[data-v-d101422f]{font-size:19px;gap:8px}.brand-icon[data-v-d101422f]{font-size:22px}.topnav-menu[data-v-d101422f]{gap:2px;padding:3px;border-radius:10px}.nav-link[data-v-d101422f]{padding:8px 14px;gap:6px}.nav-icon[data-v-d101422f]{font-size:16px}.nav-text[data-v-d101422f]{font-size:13px}}@media (max-width: 480px){.topnav-container[data-v-d101422f]{padding:0 12px;height:54px}.topnav-brand[data-v-d101422f]{font-size:17px;gap:6px}.brand-icon[data-v-d101422f]{font-size:20px}.brand-text[data-v-d101422f]{display:none}.topnav-menu[data-v-d101422f]{gap:1px;padding:3px;border-radius:10px}.nav-link[data-v-d101422f]{padding:8px 12px;gap:4px}.nav-icon[data-v-d101422f]{font-size:18px}.nav-text[data-v-d101422f]{font-size:12px}}.tabbar[data-v-4b77524c]{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -4px 20px #00000014;z-index:100;border-top:1px solid rgba(0,0,0,.05)}.tabbar-container[data-v-4b77524c]{max-width:800px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:64px;padding:0 20px;position:relative}.tab-item[data-v-4b77524c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:1;height:100%;color:#9ca3af;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.tab-item[data-v-4b77524c]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:24px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px 3px 0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-item[data-v-4b77524c]:hover{color:#6b7280}.tab-item[data-v-4b77524c]:active{transform:scale(.95)}.tab-item.active[data-v-4b77524c]{color:#667eea}.tab-item.active[data-v-4b77524c]:after{transform:translate(-50%) scaleX(1)}.tab-item.active .tab-icon[data-v-4b77524c]{transform:translateY(-2px);filter:drop-shadow(0 2px 8px rgba(102,126,234,.4))}.tab-icon[data-v-4b77524c]{font-size:24px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.tab-text[data-v-4b77524c]{font-size:12px;font-weight:600;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-item.active .tab-text[data-v-4b77524c]{font-weight:700}@media (min-width: 768px){.tabbar-container[data-v-4b77524c]{max-width:600px}.tab-item[data-v-4b77524c]{max-width:120px}}@media (max-width: 480px){.tabbar-container[data-v-4b77524c]{height:60px;padding:0 16px}.tab-item[data-v-4b77524c]{gap:4px}.tab-icon[data-v-4b77524c]{font-size:22px}.tab-text[data-v-4b77524c]{font-size:11px}.tab-item[data-v-4b77524c]:after{width:20px;height:2px}}#app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.main-content{flex:1;display:flex;flex-direction:column;padding-bottom:60px}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{min-height:100vh}.card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:32px;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:800px;margin:0 auto}@media (max-width: 768px){.card{padding:20px;border-radius:12px;box-shadow:0 5px 20px #00000014}}@media (max-width: 480px){.card{padding:16px;border-radius:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,input,select,textarea{font-family:inherit;-webkit-tap-highlight-color:transparent}