.sidebar-nav[data-v-74b59225]{display:flex;flex-direction:column;height:100vh;background:var(--bg-sidebar);color:var(--text-inverse)}.sidebar-brand[data-v-74b59225]{display:flex;align-items:center;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-4)}.sidebar-brand .brand-icon[data-v-74b59225]{font-size:var(--font-size-2xl);margin-right:var(--space-3);opacity:.9}.sidebar-brand .brand-text .brand-title[data-v-74b59225]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);letter-spacing:-.02em}.sidebar-brand .brand-text .brand-subtitle[data-v-74b59225]{font-size:var(--font-size-xs);color:#ffffffb3;font-weight:var(--font-weight-normal)}.nav-menu[data-v-74b59225]{flex:1;padding:0 var(--space-2);overflow-y:auto}.nav-section[data-v-74b59225]{margin-bottom:var(--space-6)}.nav-section[data-v-74b59225]:last-child{margin-bottom:var(--space-4)}.nav-section .nav-section-title[data-v-74b59225]{display:flex;align-items:center;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fffc;text-transform:uppercase;letter-spacing:.05em}.nav-section .nav-section-title .section-icon[data-v-74b59225]{margin-right:var(--space-2);font-size:var(--font-size-sm)}.nav-section .nav-list[data-v-74b59225]{list-style:none;padding:0;margin:0}.nav-section .nav-item[data-v-74b59225]{margin-bottom:var(--space-1)}.nav-section .nav-item .nav-link[data-v-74b59225]{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:#fffc;transition:all var(--duration-fast);font-weight:var(--font-weight-medium)}.nav-section .nav-item .nav-link[data-v-74b59225]:hover{background:#ffffff1a;color:var(--text-inverse);transform:translate(2px)}.nav-section .nav-item .nav-link.router-link-active[data-v-74b59225]{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.nav-section .nav-item .nav-link .nav-icon[data-v-74b59225]{margin-right:var(--space-3);font-size:var(--font-size-base);width:20px;text-align:center;flex-shrink:0}.nav-section .nav-item .nav-link .nav-text[data-v-74b59225]{font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer[data-v-74b59225]{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.sidebar-footer .user-info[data-v-74b59225]{display:flex;align-items:center;padding:var(--space-3);margin-bottom:var(--space-4);background:#ffffff0d;border-radius:var(--radius-md)}.sidebar-footer .user-info .user-avatar[data-v-74b59225]{margin-right:var(--space-3)}.sidebar-footer .user-info .user-avatar .avatar-icon[data-v-74b59225]{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.sidebar-footer .user-info .user-details .user-name[data-v-74b59225]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:2px}.sidebar-footer .user-info .user-details .user-role[data-v-74b59225]{font-size:var(--font-size-xs);color:#fff9}.sidebar-footer .logout-btn[data-v-74b59225]{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast)}.sidebar-footer .logout-btn[data-v-74b59225]:hover{background:#f53f3f33;border-color:var(--color-error);color:#fff;transform:translateY(-1px)}.sidebar-footer .logout-btn .btn-icon[data-v-74b59225]{margin-right:var(--space-2)}.sidebar-footer .logout-btn .btn-text[data-v-74b59225]{font-size:var(--font-size-sm)}@media (max-width: 768px){.sidebar-nav[data-v-74b59225]{position:fixed;left:-300px;top:0;width:280px;height:100vh;z-index:var(--z-fixed);box-shadow:var(--shadow-2xl);transition:left var(--duration-normal)}.sidebar-nav.open[data-v-74b59225]{left:0}.nav-menu[data-v-74b59225]{padding:0 var(--space-4)}.sidebar-brand[data-v-74b59225]{padding:var(--space-4) var(--space-4)}.nav-section .nav-link[data-v-74b59225]{padding:var(--space-4) var(--space-3)}.nav-section .nav-link .nav-text[data-v-74b59225]{font-size:var(--font-size-base)}}#admin-app{display:flex;min-height:100vh;font-family:var(--font-family);background:var(--bg-page);color:var(--text-primary)}.sidebar{width:300px;flex-shrink:0;transition:all var(--duration-normal)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;display:flex;align-items:center;padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.topbar .title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.content{padding:var(--space-6);flex:1;overflow-y:auto}.content-login{padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-page);min-height:100vh}@media (max-width: 768px){.sidebar{display:none}.main{width:100%}.content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}}@media (min-width: 1024px){.sidebar{width:320px}.content{padding:var(--space-8)}}:root{--color-primary: #165dff;--color-primary-hover: #0ea5e9;--color-primary-active: #0b4cc3;--color-primary-light: rgba(22, 93, 255, .1);--color-primary-lighter: rgba(22, 93, 255, .06);--color-success: #00b578;--color-success-light: rgba(0, 181, 120, .1);--color-warning: #ff8f00;--color-warning-light: rgba(255, 143, 0, .1);--color-error: #f53f3f;--color-error-light: rgba(245, 63, 63, .1);--color-info: #722ed1;--color-info-light: rgba(114, 46, 209, .1);--color-gray-50: #f7f8fa;--color-gray-100: #f2f3f5;--color-gray-200: #e5e6eb;--color-gray-300: #c9cdd4;--color-gray-400: #a9aeb8;--color-gray-500: #86909c;--color-gray-600: #6b7280;--color-gray-700: #4e5969;--color-gray-800: #2f3541;--color-gray-900: #1d2129;--bg-page: var(--color-gray-50);--bg-surface: #ffffff;--bg-surface-hover: var(--color-gray-50);--bg-sidebar: linear-gradient(180deg, #1d2129 0%, #2f3541 100%);--bg-sidebar-hover: rgba(255, 255, 255, .05);--bg-card: #ffffff;--bg-modal: rgba(29, 33, 41, .6);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--text-tertiary: var(--color-gray-500);--text-disabled: var(--color-gray-400);--text-inverse: #ffffff;--text-link: var(--color-primary);--text-link-hover: var(--color-primary-hover);--border-light: var(--color-gray-200);--border-normal: var(--color-gray-300);--border-heavy: var(--color-gray-400);--border-focus: var(--color-primary);--border-error: var(--color-error);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(25, 25, 25, .04), 0 1px 4px rgba(25, 25, 25, .04);--shadow-md: 0 4px 6px rgba(25, 25, 25, .04), 0 2px 4px rgba(25, 25, 25, .06);--shadow-lg: 0 10px 15px rgba(25, 25, 25, .04), 0 4px 6px rgba(25, 25, 25, .06);--shadow-xl: 0 20px 25px rgba(25, 25, 25, .04), 0 10px 10px rgba(25, 25, 25, .06);--shadow-2xl: 0 25px 50px rgba(25, 25, 25, .08);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--size-xs: 24px;--size-sm: 32px;--size-md: 40px;--size-lg: 48px;--size-xl: 56px;--size-2xl: 64px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--primary: var(--color-primary);--primary-600: var(--color-primary-hover);--muted: var(--color-gray-600);--text: var(--color-gray-900);--sidebar-bg: var(--bg-sidebar);--sidebar-text: var(--text-inverse);--card-shadow: var(--shadow-lg)}html,body,#app{height:100%;margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-page);color:var(--text-primary);transition:background-color var(--duration-normal),color var(--duration-normal)}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--text-link-hover)}.sidebar{background:var(--bg-sidebar);color:var(--text-inverse);box-shadow:var(--shadow-lg);border-right:1px solid var(--border-light);transition:all var(--duration-normal)}.sidebar .brand{color:var(--text-inverse);padding:var(--space-6) var(--space-6);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:-.02em}.main{background:var(--bg-page);min-height:100vh;transition:background-color var(--duration-normal)}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-normal)}.topbar .title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.content{padding:var(--space-8);max-width:100%}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);padding:var(--space-6);transition:all var(--duration-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active);transform:translateY(0)}.btn-ghost{background:transparent;border-color:var(--border-normal);color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-heavy)}.btn-success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success);opacity:.9}.btn-danger{background:var(--color-error);color:var(--text-inverse);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error);opacity:.9}.list .item{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:var(--space-3);transition:all var(--duration-fast)}.list .item:hover{background:var(--bg-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.list .meta{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.menu{padding:var(--space-2) 0}.menu ul{list-style:none;padding:0;margin:0}.menu li{padding:var(--space-3) var(--space-6);border-bottom:1px solid rgba(255,255,255,.04);transition:all var(--duration-fast)}.menu li:hover{background:var(--bg-sidebar-hover)}.menu a{color:var(--text-inverse);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--duration-fast)}.menu a:hover{color:#ffffffe6}.menu .title{font-weight:var(--font-weight-semibold);color:#fffffff2;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.menu .sub{padding-left:var(--space-4);background:transparent;margin-top:var(--space-1)}.menu .sub li{padding:var(--space-2) var(--space-6);border-bottom:none;background:#ffffff05;margin-bottom:var(--space-1);border-radius:var(--radius-sm)}.menu .sub li:hover{background:#ffffff0f}.menu .brand{font-size:var(--font-size-xs);margin-bottom:var(--space-2);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}@media (max-width: 768px){.sidebar{width:240px;position:fixed;left:-240px;top:0;height:100vh;z-index:var(--z-fixed);transition:left var(--duration-normal)}.sidebar.open{left:0}.main{width:100%}.content,.card{padding:var(--space-4)}.topbar .title{font-size:var(--font-size-base)}.list .item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.grid{grid-template-columns:1fr}}@media (min-width: 769px){.sidebar{width:280px;position:relative;left:auto}}@media (min-width: 1024px){.sidebar{width:300px}.content{padding:var(--space-10)}}@media (min-width: 1280px){.content{max-width:1200px;margin:0 auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.card{border:2px solid var(--border-normal)}.btn{border-width:2px}:root{--text-primary: #000000;--text-secondary: #000000;--bg-surface: #ffffff;--bg-card: #ffffff;--border-normal: #000000}}.btn:focus-visible,.action-btn:focus-visible,.form-input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--text-inverse);padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);transition:top var(--duration-fast)}.skip-link:focus{top:6px}.loading-skeleton{background:linear-gradient(90deg,var(--bg-surface-hover) 25%,transparent 50%,var(--bg-surface-hover) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-message{color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.form-group.error .form-input{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.success-message{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}