:root{--bg: #fefdfb;--fg: #1a1a1a;--muted: #6b7280;--card: #ffffff;--accent: #f59e0b;--accent-light: #fbbf24;--accent-dark: #d97706;--ring: rgba(245, 158, 11, .15);--shadow: 0 20px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .12), 0 8px 20px rgba(0, 0, 0, .08);--gradient: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-2: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-3: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:72px}html.dark{--bg: #0a0a0a;--fg: #ffffff;--muted: #a1a1aa;--card: #111111;--accent: #f59e0b;--accent-light: #fbbf24;--accent-dark: #d97706;--ring: rgba(245, 158, 11, .2);--shadow: 0 20px 40px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .2);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0a;--fg: #ffffff;--muted: #a1a1aa;--card: #111111;--accent: #f59e0b;--accent-light: #fbbf24;--accent-dark: #d97706;--ring: rgba(245, 158, 11, .2);--shadow: 0 20px 40px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .2);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{min-height:100vh;scroll-behavior:smooth;background:var(--bg);color:var(--fg);margin:0;padding:0}a{text-decoration:none;color:var(--fg)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{width:100%;max-width:100%;margin:0 auto;padding:0}.app-wrapper{width:100%}.theme-transition,.theme-transition *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}:deep(#nprogress .bar){background:var(--accent)!important;height:3px!important}:deep(#nprogress .peg){box-shadow:0 0 10px var(--accent),0 0 5px var(--accent)!important}:deep(#nprogress .spinner-icon){display:none!important}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.navbar[data-v-9dfa2ec3]{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;z-index:1000}@media(prefers-color-scheme:dark){.navbar[data-v-9dfa2ec3]{background:#00000073}}html.dark{background:#00000073}.nav-inner[data-v-9dfa2ec3]{width:100%;max-width:1000px;display:flex;align-items:center;justify-content:space-between}.avatar-container[data-v-9dfa2ec3]{display:flex;align-items:center;gap:.5rem;height:100%}.avatar[data-v-9dfa2ec3]{width:40px;height:40px;border-radius:50%;border:2px solid rgba(245,158,11,.2);transition:all .2s ease;object-fit:cover}.avatar[data-v-9dfa2ec3]:hover{border-color:#f59e0b66;transform:scale(1.05)}.brand[data-v-9dfa2ec3]{font-weight:700;font-size:1.25rem;letter-spacing:.2px;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:flex;align-items:center}.nav-links[data-v-9dfa2ec3]{display:flex;gap:1rem;align-items:center;position:relative}.nav-link-wrapper[data-v-9dfa2ec3]{position:relative;display:flex;align-items:center}.nav-link[data-v-9dfa2ec3]{color:var(--fg);text-decoration:none;font-size:.95rem;padding:.35rem .6rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;transform:translateY(0)}.nav-link[data-v-9dfa2ec3]:hover{background:#f59e0b14;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b26}.nav-link.active[data-v-9dfa2ec3]{background:#f59e0b24;color:#f59e0b;font-weight:500}.nav-indicator[data-v-9dfa2ec3]{position:absolute;bottom:-2px;height:3px;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 2px 8px #f59e0b4d;opacity:0}.menu-toggle[data-v-9dfa2ec3]{display:none}@media(max-width:768px){.avatar[data-v-9dfa2ec3]{width:48px;height:48px}.brand[data-v-9dfa2ec3]{font-size:1.1rem}.menu-toggle[data-v-9dfa2ec3]{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(245,158,11,.2);background:var(--card);color:var(--fg);cursor:pointer;box-shadow:var(--shadow)}.menu-toggle[data-v-9dfa2ec3]:active{transform:scale(.98)}.menu-toggle svg[data-v-9dfa2ec3]{width:20px;height:20px}.nav-links[data-v-9dfa2ec3]{position:fixed;top:56px;left:0;right:0;background:var(--card);border-bottom:1px solid rgba(245,158,11,.15);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:stretch;padding:.5rem;z-index:1001;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}html.dark{background:#0f0f0f}.nav-links.open[data-v-9dfa2ec3]{transform:translateY(0);opacity:1;visibility:visible}.nav-link-wrapper[data-v-9dfa2ec3]{width:100%}.nav-link[data-v-9dfa2ec3]{padding:.65rem .75rem;border-radius:10px;transform:translateY(-30px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:0s;width:100%;text-align:center}.nav-links.open .nav-link[data-v-9dfa2ec3]{transform:translateY(0);opacity:1}.nav-links.open .nav-link[data-v-9dfa2ec3]:nth-child(1){transition-delay:.1s}.nav-links.open .nav-link[data-v-9dfa2ec3]:nth-child(2){transition-delay:.15s}.nav-links.open .nav-link[data-v-9dfa2ec3]:nth-child(3){transition-delay:.2s}.nav-links.open .nav-link[data-v-9dfa2ec3]:nth-child(4){transition-delay:.25s}.nav-links.open .nav-link[data-v-9dfa2ec3]:nth-child(5){transition-delay:.3s}.nav-indicator[data-v-9dfa2ec3]{display:none}}.footer[data-v-8bb7c7e7]{margin:3rem 0;padding:2rem 0;border-top:1px solid rgba(245,158,11,.1);text-align:center;color:var(--muted);font-size:.875rem;animation:fadeInUp-8bb7c7e7 .8s ease-out 1s both}@keyframes fadeInUp-8bb7c7e7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.footer[data-v-8bb7c7e7]{animation:none}}.back-to-top[data-v-2815600f]{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--card) 90%,transparent);border:1.5px solid rgba(245,158,11,.28);display:flex;align-items:center;justify-content:center;color:var(--fg);text-decoration:none;font-size:18px;line-height:1;box-shadow:0 6px 20px #0000002e,0 2px 8px #0000001f;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;z-index:2147483647;cursor:pointer}.back-to-top.visible[data-v-2815600f]{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top[data-v-2815600f]:hover{border-color:#f59e0b40}.back-to-top[data-v-2815600f]:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media(max-width:640px){.back-to-top[data-v-2815600f]{bottom:calc(28px + env(safe-area-inset-bottom))}}html.dark{border-color:#f59e0b33}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.navbar{background-color:#42b883;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.nav-brand h2{color:#fff;margin:0}.nav-links{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#ffffff1a}.nav-link.router-link-active{background-color:#fff3}.main-content{min-height:100vh;width:100%}
