.app-header[data-v-7f56de50]{height:var(--header-height);display:flex;align-items:center;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:var(--z-index-header)}.header-container[data-v-7f56de50]{width:100%;max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-7f56de50]{flex:0 0 auto}.logo-link[data-v-7f56de50]{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.logo-link[data-v-7f56de50]:hover{opacity:.8}.app-title[data-v-7f56de50]{font-size:var(--font-size-lg);font-weight:600;margin:0}.header-center[data-v-7f56de50]{flex:1;display:flex;justify-content:center;margin:0 var(--spacing-lg);overflow-x:auto;overflow-y:hidden}@media(max-width:767px){.header-center[data-v-7f56de50]{margin:0 var(--spacing-sm)}.app-title[data-v-7f56de50]{display:none}}.header-right[data-v-7f56de50]{flex:0 0 auto}@media(max-width:767px){.app-header[data-v-7f56de50]{padding:0 var(--spacing-base)}.app-title[data-v-7f56de50]{font-size:var(--font-size-base)}}.footer[data-v-eef1fff2]{display:flex;align-items:center;justify-content:center;min-height:var(--footer-height);padding:var(--spacing-lg);text-align:center}.copyright-text[data-v-eef1fff2]{font-size:var(--font-size-sm)}.author-link[data-v-eef1fff2]{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.author-link[data-v-eef1fff2]:hover{color:var(--primary-color-hover);text-decoration:underline}@media(max-width:767px){.footer[data-v-eef1fff2]{min-height:auto;padding:var(--spacing-base)}.copyright-text[data-v-eef1fff2]{font-size:var(--font-size-xs)}}.back-to-top[data-v-662dbb45]{position:fixed;right:40px;bottom:40px;z-index:var(--z-index-back-to-top);box-shadow:var(--shadow-lg)}@media(max-width:767px){.back-to-top[data-v-662dbb45]{right:20px;bottom:20px}}:root{--primary-color: #18a058;--primary-color-hover: #36ad6a;--primary-color-pressed: #0c7a43;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--border-radius-sm: 3px;--border-radius-base: 6px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-base: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--header-height: 64px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--footer-height: 60px;--breakpoint-xs: 576px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1440px;--z-index-base: 1;--z-index-header: 100;--z-index-sidebar: 90;--z-index-back-to-top: 999;--z-index-modal: 1000;--z-index-notification: 2000}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-around{display:flex;justify-content:space-around;align-items:center}.flex-1{flex:1}.flex-auto{flex:0 0 auto}.flex-wrap{flex-wrap:wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80808080}@media(max-width:575px){:root{--font-size-base: 14px;--spacing-base: 12px;--spacing-lg: 16px;--header-height: 56px}}@media(min-width:576px)and (max-width:767px){:root{--font-size-base: 15px}}@media(min-width:1024px){:root{--spacing-xl: 40px;--spacing-2xl: 56px}}@media(min-width:1440px){:root{--font-size-base: 17px}}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-base)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-base)}.mb-4{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-base)}.p-4{padding:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.hidden{display:none!important}.visible{display:block!important}@media(max-width:767px){.hidden-mobile{display:none!important}}@media(min-width:768px){.hidden-desktop{display:none!important}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-base)}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.content-area{flex:1;overflow-y:auto;padding:var(--spacing-lg)}