.top-navbar[data-v-171b108e]{background-color:var(--bg-header,#fffffff2);border-bottom:1px solid var(--outline-variant);z-index:100;-webkit-backdrop-filter:blur(12px);width:100%;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:sticky;top:0;left:0;right:0;box-shadow:0 1px 6px #0000000a}html.dark .top-navbar[data-v-171b108e]{background-color:#0f172aeb;box-shadow:0 2px 10px #00000040}.top-navbar-inner[data-v-171b108e]{max-width:1520px;height:64px;padding:0 var(--spacing-container,24px);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;display:flex}.nav-left-group[data-v-171b108e]{align-items:center;gap:1.75rem;min-width:0;display:flex}.portal-brand-link[data-v-171b108e]{flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:flex}.portal-brand-title[data-v-171b108e]{font-family:var(--font-sans);color:var(--primary,#0b1c30);letter-spacing:-.02em;font-size:18px;font-weight:900}html.dark .portal-brand-title[data-v-171b108e]{color:#fff}.desktop-nav-menu[data-v-171b108e]{align-items:center;gap:.35rem;display:none}@media (width>=1024px){.desktop-nav-menu[data-v-171b108e]{display:flex}}.top-nav-link[data-v-171b108e]{border-radius:var(--radius-sm,6px);color:var(--on-surface-variant,#76777d);transition:all var(--transition-fast,.15s ease);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.top-nav-link[data-v-171b108e]:hover{color:var(--on-surface);background-color:var(--surface-container-high,#0058be14)}.top-nav-link.active[data-v-171b108e]{color:var(--secondary,#0058be);background-color:#0058be1f;border-color:#0058be4d;font-weight:700}.top-nav-icon[data-v-171b108e]{flex-shrink:0;width:16px;height:16px}.nav-right-group[data-v-171b108e]{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.utility-icon-btn[data-v-171b108e]{border-radius:var(--radius-full,9999px);border:1px solid var(--outline-variant);width:34px;height:34px;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.utility-icon-btn[data-v-171b108e]:hover{background-color:var(--surface-container-low);border-color:var(--outline)}.theme-icon[data-v-171b108e]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.utility-icon-btn:hover .theme-icon[data-v-171b108e]{transform:rotate(20deg)scale(1.1)}.lang-switcher-pills[data-v-171b108e]{background-color:var(--surface-container-low);border-radius:var(--radius-DEFAULT,4px);border:1px solid var(--outline-variant);align-items:center;padding:2px;display:flex}.lang-pill-btn[data-v-171b108e]{color:var(--on-surface-variant);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:2px;padding:3px 6px;font-size:11px;font-weight:700}.lang-pill-btn.active[data-v-171b108e]{background-color:var(--secondary);color:#fff}.user-chip-container[data-v-171b108e]{border-radius:var(--radius-sm,6px);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);-webkit-user-select:none;user-select:none;align-items:center;padding:5px 10px;display:flex}.user-info-text[data-v-171b108e]{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;line-height:1.1;display:flex}.user-display-name[data-v-171b108e]{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;font-weight:700;overflow:hidden}.user-role-tag[data-v-171b108e]{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.tag-admin[data-v-171b108e]{color:#a855f7}html.dark .tag-admin[data-v-171b108e]{color:#c084fc}.tag-billing[data-v-171b108e]{color:#0284c7}html.dark .tag-billing[data-v-171b108e]{color:#38bdf8}.tag-picker[data-v-171b108e]{color:#10b981}html.dark .tag-picker[data-v-171b108e]{color:#34d399}.tag-user[data-v-171b108e]{color:var(--secondary,#0058be)}html.dark .tag-user[data-v-171b108e]{color:#38bdf8}.logout-action-btn[data-v-171b108e]{border-radius:var(--radius-DEFAULT,4px);border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.logout-action-btn[data-v-171b108e]:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}.mobile-menu-toggle-btn[data-v-171b108e]{background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface);cursor:pointer;border-radius:var(--radius-sm,6px);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:6px;display:inline-flex}@media (width>=1024px){.mobile-menu-toggle-btn[data-v-171b108e]{display:none}}.mobile-dropdown-menu[data-v-171b108e]{border-top:1px solid var(--outline-variant);background-color:var(--bg-header,#fff);flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:flex;box-shadow:0 10px 25px #00000026}@media (width>=1024px){.mobile-dropdown-menu[data-v-171b108e]{display:none}}.mobile-nav-links[data-v-171b108e]{flex-direction:column;gap:.35rem;display:flex}.mobile-nav-item[data-v-171b108e]{border-radius:var(--radius-sm,6px);color:var(--on-surface-variant);transition:all var(--transition-fast);align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:13px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active[data-v-171b108e],.mobile-nav-item[data-v-171b108e]:hover{color:var(--secondary);background-color:#0058be1a;font-weight:700}.mobile-logout-item[data-v-171b108e]{cursor:pointer;border-radius:var(--radius-sm,6px);width:100%;transition:all var(--transition-fast);background-color:#ef444414;border:1px solid #ef444440;align-items:center;gap:.65rem;margin-top:.5rem;padding:.65rem .85rem;display:flex;color:#f87171!important}.mobile-logout-item[data-v-171b108e]:hover{color:#ef4444!important;background-color:#ef444433!important;border-color:#ef444499!important}@media (width<=1023px){.logout-action-btn[data-v-171b108e]{display:none!important}}@media (width<=640px){.nav-right-group[data-v-171b108e]{gap:.35rem}.user-chip-container[data-v-171b108e]{padding:3px 6px}.user-display-name[data-v-171b108e]{max-width:65px;font-size:11px}}@media (width<=440px){.user-chip-container[data-v-171b108e]{display:none}}.app-layout[data-v-024b9eed]{background-color:var(--bg-main,#f8f9ff);min-height:100vh;display:flex}.main-content-wrapper[data-v-024b9eed]{flex-direction:column;flex:1;width:100%;min-width:0;min-height:100vh;margin-left:0;display:flex}.main-content[data-v-024b9eed]{padding:var(--spacing-container,24px);flex:1;width:100%;max-width:1520px;margin:0 auto}@media (width<=768px){.main-content[data-v-024b9eed]{padding:12px}}.app-footer[data-v-024b9eed]{border-top:1px solid var(--outline-variant);background-color:var(--surface-container-lowest,#fff);padding:1rem var(--spacing-container,24px);color:var(--on-surface-variant,#76777d);transition:background-color var(--transition-fast),border-color var(--transition-fast);margin-top:auto;font-size:13px}@media (width<=768px){.app-footer[data-v-024b9eed]{padding:.75rem 12px}}.footer-container[data-v-024b9eed]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1520px;margin:0 auto;display:flex}.footer-title[data-v-024b9eed]{font-weight:500}.footer-meta[data-v-024b9eed],.footer-title[data-v-024b9eed]{color:var(--on-surface-variant,#76777d)}.footer-meta[data-v-024b9eed]{align-items:center;gap:.35rem;display:inline-flex}.github-author-link[data-v-024b9eed]{color:var(--secondary,#0058be);border-radius:var(--radius-sm,4px);transition:all var(--transition-fast,.15s ease);padding:2px 6px;font-weight:600;text-decoration:none}.github-author-link[data-v-024b9eed]:hover{background-color:var(--surface-container-high,#0058be1f);color:var(--secondary,#0058be);text-decoration:underline}