:root{--primary-color:#3182ce;--primary-color-hover:#0860ca;--primary-color-active:#0550ae;--text-primary:#1f2328;--text-secondary:#656d76;--text-tertiary:#8c959f;--text-placeholder:#8c959f;--text-disabled:#8c959f;--text-inverse:#f0f6fc;--text-link:var(--primary-color);--text-link-hover:var(--primary-color-hover);--background-primary:#fff;--background-secondary:#f7fafc;--background-tertiary:#edf2f7;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--divider-color:#e5e7eb;--success-color:#38a169;--warning-color:#d69e2e;--error-color:#e53e3e;--info-color:#3182ce;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-base:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 25px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--border-radius-sm:6px;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--header-height:70px;--header-height-mobile:60px;--content-max-width:1600px;--sidebar-width:300px;--font-family-base:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--z-dropdown:1000;--z-sticky:1010;--z-fixed:1020;--z-modal-backdrop:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}html[theme=dark]{--text-primary:#e2e8f0;--text-secondary:#a0aec0;--primary-color:#63b3ed;--text-tertiary:#718096;--text-muted:#6b7280;--background-primary:#1a202c;--background-secondary:#2d3748;--background-tertiary:#4a5568;--border-color:#4a5568;--border-color-light:#2d3748;--divider-color:#374151;--success-color:#48bb78;--warning-color:#ed8936;--error-color:#f56565;--info-color:#63b3ed;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-base:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 25px rgba(0,0,0,.4);--shadow-xl:0 20px 25px rgba(0,0,0,.5)}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--header-backdrop-blur:10px;--header-bg-opacity-light:.95;--header-bg-opacity-dark:.95;--card-padding:var(--spacing-lg);--card-padding-sm:var(--spacing-base);--button-padding-y:var(--spacing-sm);--button-padding-x:var(--spacing-lg);--button-border-radius:var(--border-radius-sm);--input-padding-y:var(--spacing-sm);--input-padding-x:var(--spacing-base);--input-border-radius:var(--border-radius-sm);--nav-link-padding-y:var(--spacing-sm);--nav-link-padding-x:var(--spacing-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn var(--transition-base)}.fade-in-up{animation:fadeInUp var(--transition-base)}.fade-in-down{animation:fadeInDown var(--transition-base)}.slide-in-left{animation:slideInLeft var(--transition-base)}.slide-in-right{animation:slideInRight var(--transition-base)}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.theme-transitioning *{transition:none!important}.content-body table{width:100%}.content-body table a{color:var(--primary-color)}.content-body ul{padding-left:20px}.content-body a:hover{text-decoration:underline}.app-header[data-v-664f6afd]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-color);height:var(--header-height);left:0;position:fixed;right:0;top:0;transition:var(--transition-base);z-index:1000}html[theme=dark] .app-header[data-v-664f6afd]{background:#1a202cf2}.app-header.scrolled[data-v-664f6afd]{background:#fffffffa;box-shadow:var(--shadow-lg)}html[theme=dark] .app-header.scrolled[data-v-664f6afd]{background:#1a202cfa}.header-container[data-v-664f6afd]{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-base)}.brand .brand-link[data-v-664f6afd]{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);text-decoration:none;transition:var(--transition-base)}.brand .brand-link[data-v-664f6afd]:hover{color:var(--primary-color)}.brand .brand-icon[data-v-664f6afd]{animation:pulse-664f6afd 2s infinite;font-size:1.5rem}.brand .brand-text[data-v-664f6afd]{font-family:Poppins,sans-serif;font-weight:700}.desktop-nav[data-v-664f6afd],.desktop-nav .nav-list[data-v-664f6afd]{align-items:center;display:flex}.desktop-nav .nav-list[data-v-664f6afd]{gap:var(--spacing-base);list-style:none;margin:0;padding:0}.desktop-nav .nav-item[data-v-664f6afd]{position:relative}.desktop-nav .nav-link[data-v-664f6afd]{align-items:center;border-radius:var(--border-radius);color:var(--text-secondary);display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-base);position:relative;text-decoration:none;transition:var(--transition-base)}.desktop-nav .nav-link.active[data-v-664f6afd],.desktop-nav .nav-link[data-v-664f6afd]:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color)}.desktop-nav .nav-link.active[data-v-664f6afd]{font-weight:600}.desktop-nav .nav-icon[data-v-664f6afd]{font-size:1rem}.header-actions[data-v-664f6afd]{align-items:center;display:flex;gap:var(--spacing-sm)}.header-actions .search-wrapper[data-v-664f6afd]{align-items:center;display:flex;position:relative}.header-actions .search-wrapper .search-input[data-v-664f6afd]{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.9rem;opacity:0;padding:var(--spacing-sm);pointer-events:none;position:absolute;right:48px;transition:var(--transition-base);width:0}.header-actions .search-wrapper .search-input[data-v-664f6afd]:focus{border-color:var(--primary-color);outline:none}.header-actions .search-wrapper.open .search-input[data-v-664f6afd]{opacity:1;pointer-events:auto;width:200px}.header-actions .action-btn[data-v-664f6afd]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:var(--transition-base);width:40px}.header-actions .action-btn[data-v-664f6afd]:hover{background:var(--background-tertiary);color:var(--primary-color)}.header-actions .action-btn.theme-btn[data-v-664f6afd]{font-size:1.2rem}.header-actions .action-btn.theme-btn[data-v-664f6afd]:hover{transform:scale(1.1)}.mobile-menu-btn[data-v-664f6afd]{background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:8px;transition:var(--transition-base);width:40px}.mobile-menu-btn[data-v-664f6afd]:hover{background:var(--background-tertiary)}.mobile-menu-btn.active .hamburger-line[data-v-664f6afd]:first-child{transform:translateY(6px) rotate(45deg)}.mobile-menu-btn.active .hamburger-line[data-v-664f6afd]:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger-line[data-v-664f6afd]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu-btn .hamburger-line[data-v-664f6afd]{background:var(--text-primary);border-radius:2px;height:2px;margin:2px 0;transition:var(--transition-base);width:20px}.mobile-nav[data-v-664f6afd]{background:var(--background-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);left:0;position:absolute;right:0;top:100%}.mobile-nav .mobile-nav-content[data-v-664f6afd]{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-base)}.mobile-nav .mobile-nav-list[data-v-664f6afd]{list-style:none;margin:0 0 var(--spacing-base) 0;padding:0}.mobile-nav .mobile-nav-item[data-v-664f6afd]{margin:var(--spacing-sm) 0}.mobile-nav .mobile-nav-link[data-v-664f6afd]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--spacing-base);padding:var(--spacing-base);text-align:left;transition:var(--transition-base);width:100%}.mobile-nav .mobile-nav-link.active[data-v-664f6afd],.mobile-nav .mobile-nav-link[data-v-664f6afd]:hover{background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color)}.mobile-nav .mobile-nav-link.active[data-v-664f6afd]{font-weight:600}.mobile-nav .mobile-nav-icon[data-v-664f6afd]{font-size:1.2rem}.mobile-nav .mobile-actions[data-v-664f6afd]{border-top:1px solid var(--border-color);flex-direction:column;padding-top:var(--spacing-base)}.mobile-nav .mobile-actions[data-v-664f6afd],.mobile-nav .mobile-actions .mobile-search[data-v-664f6afd]{display:flex;gap:var(--spacing-sm)}.mobile-nav .mobile-actions .mobile-search .mobile-search-input[data-v-664f6afd]{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);flex:1;font-size:.9rem;padding:var(--spacing-sm)}.mobile-nav .mobile-actions .mobile-search .mobile-search-input[data-v-664f6afd]:focus{border-color:var(--primary-color);outline:none}.mobile-nav .mobile-actions .mobile-search .mobile-search-input[data-v-664f6afd]::-moz-placeholder{color:var(--text-tertiary)}.mobile-nav .mobile-actions .mobile-search .mobile-search-input[data-v-664f6afd]::placeholder{color:var(--text-tertiary)}.mobile-nav .mobile-actions .mobile-search .mobile-search-btn[data-v-664f6afd]{background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:var(--background-primary);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-base);transition:var(--transition-base);white-space:nowrap}.mobile-nav .mobile-actions .mobile-search .mobile-search-btn[data-v-664f6afd]:hover{background:color-mix(in srgb,var(--primary-color) 90%,#000)}.mobile-nav .mobile-actions .mobile-action-btn[data-v-664f6afd]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:var(--spacing-base);padding:var(--spacing-base);text-align:left;transition:var(--transition-base);width:100%}.mobile-nav .mobile-actions .mobile-action-btn[data-v-664f6afd]:hover{background:var(--background-tertiary);color:var(--text-primary)}.mobile-overlay[data-v-664f6afd]{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:var(--header-height);z-index:-1}@keyframes pulse-664f6afd{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-menu-enter-active[data-v-664f6afd],.mobile-menu-leave-active[data-v-664f6afd]{transition:all var(--transition-base)}.mobile-menu-enter-from[data-v-664f6afd],.mobile-menu-leave-to[data-v-664f6afd]{opacity:0;transform:translateY(-10px)}@media(max-width:1024px){.desktop-nav .nav-list[data-v-664f6afd]{gap:var(--spacing-lg)}.desktop-nav .nav-link[data-v-664f6afd]{font-size:.9rem;padding:var(--spacing-sm) calc(var(--spacing-base)*.75)}}@media(max-width:768px){.app-header[data-v-664f6afd]{height:var(--header-height-mobile)}.desktop-nav[data-v-664f6afd]{display:none}.mobile-menu-btn[data-v-664f6afd]{display:flex}.search-wrapper .search-input[data-v-664f6afd]{right:40px}.search-wrapper.open .search-input[data-v-664f6afd]{width:150px}.action-btn[data-v-664f6afd]{font-size:1rem;height:36px;width:36px}.mobile-overlay[data-v-664f6afd]{top:var(--header-height-mobile)}}@media(max-width:480px){.header-container[data-v-664f6afd]{padding:0 calc(var(--spacing-base)*.75)}.brand .brand-text[data-v-664f6afd]{font-size:1.1rem}.brand .brand-icon[data-v-664f6afd]{font-size:1.3rem}.header-actions[data-v-664f6afd]{gap:var(--spacing-xs)}.action-btn[data-v-664f6afd]{font-size:.9rem;height:32px;width:32px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:var(--transition-base)}body{background-color:var(--background-secondary);color:var(--text-primary);font-family:var(--font-family-base);font-weight:400;line-height:1.6;transition:color var(--transition-base),background-color var(--transition-base)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--header-height)}@media(max-width:768px){.main-content{padding-top:var(--header-height-mobile)}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;transition:all var(--transition-fast)}img{height:auto;max-width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--background-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::-moz-selection{background:var(--primary-color);color:var(--background-primary)}::selection{background:var(--primary-color);color:var(--background-primary)}:focus-visible{border-radius:var(--border-radius-sm);outline:2px solid var(--primary-color);outline-offset:2px}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-base)}.slide-enter-from,.slide-leave-to{transform:translateY(-10px)}.container{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--spacing-base)}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}}
