:root{--color-primary: #1E88E5;--color-primary-light: #42A5F5;--color-primary-dark: #1565C0;--color-primary-bg: #E3F2FD;--color-secondary: #FFD54F;--color-secondary-light: #FFE57F;--color-secondary-dark: #FFC107;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-500: #9E9E9E;--color-gray-700: #616161;--color-gray-900: #212121;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: var(--color-primary);--header-height: 64px;--sidebar-width: 240px;--border-radius: 8px;--border-radius-lg: 12px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-gray-100);line-height:1.6}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-white{color:var(--color-white)}.text-gray{color:var(--color-gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-gray-900)}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-md)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);padding:40px 0;margin-bottom:30px}.section-title{font-size:var(--font-size-xl);color:var(--color-gray-900);margin-bottom:20px;padding-left:12px;border-left:4px solid var(--color-primary)}@media screen and (max-width: 768px){:root{--font-size-base: 14px;--font-size-sm: 13px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--header-height: 56px}body{line-height:1.5}.container{padding:0 12px;max-width:100%}.btn{padding:8px 16px;font-size:var(--font-size-sm)}.card{padding:16px;border-radius:var(--border-radius)}.page-header{padding:24px 0;margin-bottom:20px}.section-title{font-size:var(--font-size-lg);margin-bottom:16px;padding-left:8px}.app-main{padding:20px 12px}}@media screen and (max-width: 480px){:root{--font-size-base: 13px;--font-size-sm: 12px}.card{padding:12px}.page-header{padding:16px 0}}.app-header[data-v-51a6ed7a]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);height:var(--header-height);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:var(--shadow-md)}.header-content[data-v-51a6ed7a]{max-width:1200px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.logo[data-v-51a6ed7a]{display:flex;align-items:center;gap:10px;font-size:var(--font-size-xl);font-weight:700}.logo-icon[data-v-51a6ed7a]{font-size:28px}.logo-text[data-v-51a6ed7a]{color:var(--color-white)}.main-nav[data-v-51a6ed7a]{display:flex;gap:30px}.desktop-nav[data-v-51a6ed7a]{display:flex}.mobile-menu-btn[data-v-51a6ed7a]{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:0}.hamburger-line[data-v-51a6ed7a]{display:block;width:100%;height:2px;background-color:var(--color-white);border-radius:1px;transition:all .3s ease}.mobile-nav[data-v-51a6ed7a]{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-primary-dark);flex-direction:column;padding:16px 20px;gap:12px;box-shadow:var(--shadow-md);z-index:999}.nav-link[data-v-51a6ed7a]{color:#fffc;text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color .3s;padding:8px 0;display:block}.nav-link[data-v-51a6ed7a]:hover,.nav-link.router-link-active[data-v-51a6ed7a]{color:var(--color-white)}.user-menu[data-v-51a6ed7a]{display:flex;align-items:center;gap:15px}.desktop-user-menu[data-v-51a6ed7a]{display:flex}.user-name[data-v-51a6ed7a]{font-size:var(--font-size-sm);color:var(--color-secondary-light)}.btn-outline[data-v-51a6ed7a]{color:var(--color-white);border-color:#ffffff80;padding:6px 16px;font-size:var(--font-size-xs)}.btn-outline[data-v-51a6ed7a]:hover{background:#ffffff1a;border-color:var(--color-white)}.app-main[data-v-51a6ed7a]{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:30px 20px}.app-main.no-header[data-v-51a6ed7a]{margin-top:0;min-height:100vh}@media screen and (max-width: 768px){.desktop-nav[data-v-51a6ed7a],.desktop-user-menu[data-v-51a6ed7a]{display:none}.mobile-menu-btn[data-v-51a6ed7a],.mobile-nav[data-v-51a6ed7a]{display:flex}.header-content[data-v-51a6ed7a]{padding:0 12px}.app-main[data-v-51a6ed7a]{padding:20px 12px}.logo-text[data-v-51a6ed7a]{font-size:var(--font-size-lg)}}