.sidebar[data-v-7a8e22d8]{width:220px;height:100vh;background:var(--bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:var(--z-fixed)}.sidebar-logo[data-v-7a8e22d8]{padding:var(--spacing-2xl) var(--spacing-xl);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md)}.logo-img[data-v-7a8e22d8]{height:36px;width:auto;display:block;filter:drop-shadow(0 0 1px rgba(74,144,226,1)) drop-shadow(0 0 1px rgba(74,144,226,1)) drop-shadow(0 0 2px rgba(74,144,226,.8)) drop-shadow(0 2px 8px rgba(74,144,226,.3));transition:all var(--transition-fast);flex-shrink:0}.logo-img[data-v-7a8e22d8]:hover{filter:drop-shadow(0 0 1px rgba(74,144,226,1)) drop-shadow(0 0 1px rgba(74,144,226,1)) drop-shadow(0 0 2px rgba(74,144,226,.8)) drop-shadow(0 4px 12px rgba(74,144,226,.5));transform:scale(1.05)}.logo-text[data-v-7a8e22d8]{display:flex;flex-direction:column;gap:2px}.logo-title[data-v-7a8e22d8]{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2;letter-spacing:.5px}.logo-subtitle[data-v-7a8e22d8]{font-size:12px;font-weight:500;color:var(--text-secondary);line-height:1.2;letter-spacing:.3px}.sidebar-nav[data-v-7a8e22d8]{flex:1;padding:var(--spacing-md) var(--spacing-sm);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-nav[data-v-7a8e22d8]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-7a8e22d8]::-webkit-scrollbar-thumb{background:var(--fill-secondary);border-radius:var(--radius-full)}.nav-item[data-v-7a8e22d8]{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-md);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--text-md);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-sans)}.nav-item[data-v-7a8e22d8]:hover{background:var(--card-hover);color:var(--text-primary)}.nav-item.active[data-v-7a8e22d8]{background:var(--primary-bg);color:var(--primary)}.nav-icon[data-v-7a8e22d8]{font-size:18px;flex-shrink:0;width:24px;text-align:center;display:flex;align-items:center;justify-content:center}.nav-label[data-v-7a8e22d8]{flex:1}.sidebar-footer[data-v-7a8e22d8]{padding:var(--spacing-md) var(--spacing-sm);border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-info[data-v-7a8e22d8]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--card-bg)}.user-avatar[data-v-7a8e22d8]{width:36px;height:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:600;color:#fff;flex-shrink:0}.user-details[data-v-7a8e22d8]{flex:1;min-width:0}.user-name[data-v-7a8e22d8]{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-7a8e22d8]{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.logout-btn[data-v-7a8e22d8]{color:var(--text-tertiary)}.logout-btn[data-v-7a8e22d8]:hover{color:var(--error);background:var(--error-bg)}.nav-divider[data-v-7a8e22d8]{height:1px;background:var(--border-secondary);margin:8px 12px}.global-toast{position:fixed;top:16px;right:16px;z-index:200;padding:12px 20px;border-radius:10px;font-size:14px;max-width:400px;cursor:pointer;box-shadow:0 8px 32px #0006}.toast-error{background:#ff453a26;color:#ff453a;border:.5px solid rgba(255,69,58,.3)}.toast-success{background:#30d15826;color:#30d158;border:.5px solid rgba(48,209,88,.3)}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.icp-footer{text-align:center;padding:20px 0;margin-top:40px;border-top:1px solid rgba(255,255,255,.1)}.icp-footer a{color:#ffffff80;font-size:12px;text-decoration:none;transition:color .2s ease}.icp-footer a:hover{color:#fffc}:root{--bg-primary: #000000;--bg-secondary: #161617;--bg-tertiary: #1c1c1e;--bg-elevated: #2c2c2e;--card-bg: #1c1c1e;--card-hover: #2c2c2e;--card-border: #38383a;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-tertiary: #6e6e73;--text-disabled: #48484a;--text-inverse: #000000;--border-primary: #38383a;--border-secondary: #2c2c2e;--border-light: #48484a;--primary: #2997ff;--primary-hover: #0a84ff;--primary-active: #0077ed;--primary-bg: rgba(41, 151, 255, .1);--success: #30d158;--success-bg: rgba(48, 209, 88, .1);--warning: #ff9f0a;--warning-bg: rgba(255, 159, 10, .1);--error: #ff453a;--error-bg: rgba(255, 69, 58, .1);--info: #64d2ff;--info-bg: rgba(100, 210, 255, .1);--fill-primary: #48484a;--fill-secondary: #38383a;--fill-tertiary: #2c2c2e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .7);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:220px;min-height:100vh;background:var(--bg-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 16px;border:none;border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background:var(--primary-active);transform:translateY(0)}.btn-primary:disabled{background:var(--fill-secondary);color:var(--text-disabled);cursor:not-allowed;transform:none}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--card-hover);border-color:var(--border-light)}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-lg{padding:12px 20px;font-size:var(--text-lg)}.input{width:100%;padding:10px 14px;background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-sans);transition:all var(--transition-base)}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--primary-bg)}.input:disabled{background:var(--fill-tertiary);color:var(--text-disabled);cursor:not-allowed}textarea.input,.textarea{resize:vertical;min-height:80px;line-height:var(--leading-relaxed);background:var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);padding:10px 14px;font-size:var(--text-md);font-family:var(--font-sans);transition:all var(--transition-base);width:100%}textarea.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}textarea.input:focus,.textarea:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 3px var(--primary-bg)}.card{background:var(--card-bg);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xs)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.slabel{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.notice{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg)}.notice-err{background:var(--error-bg);color:var(--error);border:1px solid rgba(255,69,58,.3)}.notice-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(48,209,88,.3)}.notice-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(100,210,255,.3)}.notice-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(255,159,10,.3)}.li{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid var(--border-secondary);cursor:pointer;transition:all var(--transition-fast)}.li:hover{background:var(--card-hover)}.li:last-child{border-bottom:none}.prog-track{height:6px;background:var(--fill-tertiary);border-radius:var(--radius-full);overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:var(--radius-full);transition:width var(--transition-base)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.between{display:flex;align-items:center;justify-content:space-between}.global-toast{position:fixed;top:20px;right:20px;z-index:var(--z-tooltip);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--text-md);max-width:400px;cursor:pointer;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toast-error{background:#ff453ae6;color:#fff;border:1px solid rgba(255,69,58,.5)}.toast-success{background:#30d158e6;color:#fff;border:1px solid rgba(48,209,88,.5)}.toast-enter-active,.toast-leave-active{transition:all var(--transition-base)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-12px)}.page{padding:var(--spacing-3xl);max-width:1400px;margin:0 auto}@media(max-width:1024px){.main-content{margin-left:0}.page{padding:var(--spacing-2xl)}}@media(max-width:768px){.page{padding:var(--spacing-lg)}}body:has(.login-page){background:#fff!important;color:#000!important}