.sidebar-nav[data-v-33c8a7f3]{display:flex;flex-direction:column;height:100vh;background:var(--bg-sidebar);color:var(--text-inverse);position:relative;z-index:2}.sidebar-close[data-v-33c8a7f3]{display:none;position:absolute;top:var(--space-4);right:var(--space-4);background:#ffffff1a;border:none;color:#fff;font-size:28px;width:36px;height:36px;border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;z-index:var(--z-dropdown);transition:background var(--duration-fast)}.sidebar-close[data-v-33c8a7f3]:hover{background:#fff3}.sidebar-brand{&[data-v-33c8a7f3]{display:flex;align-items:center;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-4)}.brand-icon[data-v-33c8a7f3]{font-size:var(--font-size-2xl);margin-right:var(--space-3);opacity:.9}.brand-text{.brand-title[data-v-33c8a7f3]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);letter-spacing:-.02em}.brand-subtitle[data-v-33c8a7f3]{font-size:var(--font-size-xs);color:#ffffffb3;font-weight:var(--font-weight-normal)}}}.nav-menu[data-v-33c8a7f3]{flex:1;padding:0 var(--space-2);overflow-y:auto}.nav-section{&[data-v-33c8a7f3]{margin-bottom:var(--space-6)}&[data-v-33c8a7f3]:last-child{margin-bottom:var(--space-4)}.nav-section-title{&[data-v-33c8a7f3]{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}.section-icon[data-v-33c8a7f3]{margin-right:var(--space-2);font-size:var(--font-size-sm)}}.nav-list[data-v-33c8a7f3]{list-style:none;padding:0;margin:0}.nav-item{&[data-v-33c8a7f3]{margin-bottom:var(--space-1)}.nav-link{&[data-v-33c8a7f3]{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)}&[data-v-33c8a7f3]:hover{background:#ffffff1a;color:var(--text-inverse);transform:translate(2px)}&.router-link-active[data-v-33c8a7f3]{background:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.nav-icon[data-v-33c8a7f3]{margin-right:var(--space-3);font-size:var(--font-size-base);width:20px;text-align:center;flex-shrink:0}.nav-text[data-v-33c8a7f3]{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis}}}}.sidebar-footer{&[data-v-33c8a7f3]{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.user-info{&[data-v-33c8a7f3]{display:flex;align-items:center;padding:var(--space-3);margin-bottom:var(--space-4);background:#ffffff0d;border-radius:var(--radius-md)}.user-avatar{&[data-v-33c8a7f3]{margin-right:var(--space-3)}.avatar-icon[data-v-33c8a7f3]{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)}}.user-details{.user-name[data-v-33c8a7f3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:2px}.user-role[data-v-33c8a7f3]{font-size:var(--font-size-xs);color:#fff9}}}.logout-btn{&[data-v-33c8a7f3]{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)}&[data-v-33c8a7f3]:hover{background:#f53f3f33;border-color:var(--color-error);color:#fff;transform:translateY(-1px)}.btn-icon[data-v-33c8a7f3]{margin-right:var(--space-2)}.btn-text[data-v-33c8a7f3]{font-size:var(--font-size-sm)}}}@media (max-width: 768px){.sidebar-close[data-v-33c8a7f3]{display:flex}.nav-menu[data-v-33c8a7f3]{padding:0 var(--space-4)}.sidebar-brand[data-v-33c8a7f3]{padding:var(--space-4) var(--space-4);padding-right:var(--space-12)}.nav-section .nav-link{&[data-v-33c8a7f3]{padding:var(--space-4) var(--space-3)}.nav-text[data-v-33c8a7f3]{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);position:relative;.title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}}.menu-toggle{display:none;background:transparent;border:none;padding:var(--space-2);margin-right:var(--space-3);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast)}.menu-toggle:hover{background:var(--bg-hover)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:24px;height:24px;justify-content:center}.hamburger-icon span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--duration-fast)}.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{position:fixed;left:-300px;top:0;height:100vh;z-index:var(--z-sidebar);box-shadow:var(--shadow-2xl)}.sidebar.open{left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1;cursor:pointer}.sidebar.open .sidebar-overlay{display:block}.main{width:100%}.content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}.menu-toggle{display:block}}@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-sidebar: 1040;--z-modal-backdrop: 1050;--z-modal: 1060;--z-popover: 1070;--z-tooltip: 1080;--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);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)}