:root{--color-primary: #1E40AF;--color-primary-light: #3B82F6;--color-primary-lighter: #DBEAFE;--color-primary-dark: #1E3A8A;--color-on-primary: #FFFFFF;--color-secondary: #64748B;--color-secondary-light: #94A3B8;--color-accent: #D97706;--color-accent-light: #F59E0B;--color-accent-bg: #FEF3C7;--color-background: #F8FAFC;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-foreground: #0F172A;--color-foreground-secondary: #475569;--color-foreground-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-muted: #F1F5F9;--color-muted-foreground: #64748B;--color-success: #059669;--color-success-bg: #ECFDF5;--color-warning: #D97706;--color-warning-bg: #FEF3C7;--color-danger: #DC2626;--color-danger-bg: #FEF2F2;--color-info: #2563EB;--color-info-bg: #EFF6FF;--color-data-up: #10B981;--color-data-down: #F43F5E;--color-data-neutral: #94A3B8;--color-data-series-1: #3B82F6;--color-data-series-2: #F59E0B;--color-data-series-3: #10B981;--color-data-series-4: #8B5CF6;--color-data-series-5: #F43F5E;--color-heat-low: #3B82F6;--color-heat-mid: #FBBF24;--color-heat-high: #DC2626;--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);--gradient-sidebar: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);--gradient-aurora: radial-gradient(1200px 600px at 10% -10%, rgba(59,130,246,.18), transparent 60%), radial-gradient(900px 500px at 100% 0%, rgba(124,58,237,.12), transparent 55%);--gradient-brand: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);--gradient-accent-pill: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 16px;--font-sans: "Inter", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Cascadia Code", monospace;--font-display: "Inter", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--header-height: 56px;--page-max-width: 1440px;--grid-gap: var(--space-3);--grid-columns: 12;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .07), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 6px 12px -2px rgba(15, 23, 42, .08), 0 3px 6px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 14px 28px -4px rgba(15, 23, 42, .1), 0 8px 12px -6px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 40px -8px rgba(15, 23, 42, .12), 0 12px 16px -8px rgba(15, 23, 42, .06);--shadow-glow: 0 0 24px rgba(59, 130, 246, .2);--shadow-glow-sm: 0 0 12px rgba(59, 130, 246, .12);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .18);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--z-sidebar: 100;--z-header: 90;--z-overlay: 200;--z-modal: 300;--z-tooltip: 400;--sidebar-bg: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);--sidebar-surface: #1E293B;--sidebar-text: #94A3B8;--sidebar-text-active: #FFFFFF;--sidebar-accent: #3B82F6;--sidebar-hover: rgba(59, 130, 246, .12);--sidebar-border: rgba(148, 163, 184, .12);--chart-height: 320px;--chart-height-sm: 240px;--chart-height-lg: 400px}html.dark{--color-background: #0F172A;--color-surface: #1E293B;--color-surface-elevated: #334155;--color-foreground: #F1F5F9;--color-foreground-secondary: #CBD5E1;--color-foreground-muted: #94A3B8;--color-border: #334155;--color-border-light: #1E293B;--color-muted: #1E293B;--color-muted-foreground: #94A3B8;--color-primary-lighter: #1E3A5F;--color-accent-bg: rgba(217, 119, 6, .15);--color-success-bg: rgba(5, 150, 105, .15);--color-warning-bg: rgba(217, 119, 6, .15);--color-danger-bg: rgba(220, 38, 38, .15);--color-info-bg: rgba(37, 99, 235, .15);--glass-bg: rgba(30, 41, 59, .72);--glass-border: rgba(148, 163, 184, .14);--gradient-aurora: radial-gradient(1200px 600px at 10% -10%, rgba(59,130,246,.14), transparent 60%), radial-gradient(900px 500px at 100% 0%, rgba(124,58,237,.1), transparent 55%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--el-bg-color: #1E293B;--el-bg-color-page: #0F172A;--el-bg-color-overlay: #334155;--el-text-color-primary: #F1F5F9;--el-text-color-regular: #CBD5E1;--el-text-color-secondary: #94A3B8;--el-text-color-placeholder: #64748B;--el-border-color: #334155;--el-border-color-light: #1E293B;--el-border-color-lighter: #1E293B;--el-fill-color-blank: #1E293B;--el-fill-color-light: #334155;--el-table-border-color: #334155;--el-table-header-bg-color: #1E293B;--el-table-tr-bg-color: #1E293B;--el-table-row-hover-bg-color: #334155;color-scheme:dark}html.dark ::selection{background:#3b82f64d;color:#f1f5f9}html.dark ::-webkit-scrollbar-thumb{background:#475569}html.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"cv11" 1,"ss01" 1;text-rendering:optimizeLegibility}html,body,#app{height:100%;font-family:var(--font-sans);color:var(--color-foreground);background:var(--color-background);letter-spacing:-.011em}body{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-light)}::selection{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.font-mono{font-family:var(--font-mono)}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.data-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.text-up{color:var(--color-data-up)}.text-down{color:var(--color-data-down)}.text-neutral{color:var(--color-data-neutral)}:root{--el-color-primary: var(--color-primary);--el-color-primary-light-3: var(--color-primary-light);--el-color-primary-light-5: #60A5FA;--el-color-primary-light-7: #93C5FD;--el-color-primary-light-8: #BFDBFE;--el-color-primary-light-9: var(--color-primary-lighter);--el-color-primary-dark-2: var(--color-primary-dark);--el-color-success: var(--color-success);--el-color-warning: var(--color-warning);--el-color-danger: var(--color-danger);--el-color-info: var(--color-info);--el-bg-color: var(--color-background);--el-bg-color-page: var(--color-background);--el-bg-color-overlay: var(--color-surface);--el-text-color-primary: var(--color-foreground);--el-text-color-regular: var(--color-foreground-secondary);--el-text-color-secondary: var(--color-muted-foreground);--el-text-color-placeholder: var(--color-foreground-muted);--el-border-color: var(--color-border);--el-border-color-light: var(--color-border-light);--el-border-color-lighter: var(--color-border-light);--el-border-radius-base: var(--radius-sm);--el-border-radius-small: var(--radius-sm);--el-border-radius-round: var(--radius-full);--el-font-family: var(--font-sans);--el-font-size-base: var(--text-base);--el-fill-color-blank: var(--color-surface);--el-fill-color-light: var(--color-muted);--el-box-shadow: var(--shadow-sm);--el-box-shadow-light: var(--shadow-xs);--el-box-shadow-lighter: var(--shadow-xs);--el-transition-duration: var(--transition-base)}.el-card{border:1px solid var(--color-border);border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.el-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-border)!important}.el-card__header{border-bottom:1px solid var(--color-border-light);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--color-foreground-secondary)}.el-card__body{padding:var(--space-4)}.el-input__wrapper{border-radius:var(--radius-md)!important;transition:box-shadow var(--transition-base)}.el-input__wrapper.is-focus,.el-input__wrapper:focus-within{box-shadow:var(--shadow-focus)!important}.el-textarea__inner:focus{box-shadow:var(--shadow-focus)}.el-button{border-radius:var(--radius-md)!important;font-family:var(--font-sans);font-weight:var(--font-weight-medium);transition:all var(--transition-base)!important}.el-button--primary{background:var(--gradient-brand);border:none!important;box-shadow:0 4px 12px -2px #2563eb59}.el-button--primary:hover{box-shadow:0 6px 16px -2px #2563eb73;transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0)}.el-button:not(.el-button--primary):not(.el-button--text):hover{transform:translateY(-1px)}.el-table{--el-table-border-color: var(--color-border-light);--el-table-header-bg-color: var(--color-muted);font-size:var(--text-sm)}.el-table th.el-table__cell{font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.el-tag{border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--font-weight-medium)}.el-select__wrapper{border-radius:var(--radius-md)!important}.el-empty{padding:var(--space-10) var(--space-4)}.el-empty__image{width:64px;height:64px;margin-bottom:var(--space-3)}.el-empty__image svg,.el-empty__image img{width:56px!important;height:56px!important;opacity:.5}.el-empty__description{margin-top:0;font-size:var(--text-sm);color:var(--color-foreground-muted)}.el-skeleton{--el-skeleton-color: var(--color-border-light);--el-skeleton-to-color: var(--color-border)}.page-container{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--color-foreground-muted);margin-top:var(--space-1)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.stat-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:transform var(--transition-base) var(--ease-out-soft),box-shadow var(--transition-base) var(--ease-out-soft),border-color var(--transition-base);overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:transparent}.stat-card:hover:before{opacity:1}.stat-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-foreground);line-height:var(--leading-tight);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-change{font-size:var(--text-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.stat-change.up{color:var(--color-data-up)}.stat-change.down{color:var(--color-data-down)}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.chart-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){:root{--sidebar-width: 0px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes softRise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glowPulse{0%,to{box-shadow:0 0 #05966980}50%{box-shadow:0 0 0 6px #05966900}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .4s var(--ease-out-soft) forwards}.animate-slide-in{animation:slideInLeft .3s var(--ease-out-soft) forwards}.animate-scale-in{animation:scaleIn .3s var(--ease-out-soft) forwards}.animate-soft-rise{animation:softRise .5s var(--ease-out-soft) forwards}.hover-lift{transition:transform var(--transition-base) var(--ease-out-soft),box-shadow var(--transition-base) var(--ease-out-soft)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stagger-children>*{opacity:0;animation:softRise .5s var(--ease-out-soft) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:60ms}.stagger-children>*:nth-child(3){animation-delay:.12s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.24s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.36s}.stagger-children>*:nth-child(8){animation-delay:.42s}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border)}.brand-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--gradient-accent-pill);box-shadow:0 2px 6px -1px #d9770666;letter-spacing:.02em}.live-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);animation:glowPulse 2s infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-foreground-muted)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-muted);color:var(--color-foreground-muted);margin-bottom:var(--space-1)}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary)}.empty-state-desc{font-size:var(--text-sm);max-width:360px;line-height:var(--leading-normal)}.skeleton-shine{background:linear-gradient(90deg,var(--color-muted) 25%,var(--color-border-light) 37%,var(--color-muted) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.page-title{position:relative}.page-title:after{content:"";display:block;width:32px;height:3px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--gradient-brand)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-enter-active,.page-leave-active{transition:opacity .2s var(--ease-out-soft),transform .2s var(--ease-out-soft)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.el-table tr:hover>td.el-table__cell,.el-table__row:hover>td.el-table__cell{background-color:var(--color-muted)!important}.el-table__row{transition:background-color var(--transition-fast)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,.el-button:focus-visible,.el-input__wrapper:focus-within,.el-select__wrapper:focus-within,.el-tabs__item:focus-visible,.el-link:focus-visible,summary:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.el-link:hover,a:not(.nav-item):not(.header-login-btn):not(.header-register-btn):not(.auth-link):hover{text-decoration-thickness:1px;text-underline-offset:3px}.search-input-wrap[data-v-6ef667bf]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.search-icon[data-v-6ef667bf]{color:var(--color-foreground-muted);flex-shrink:0}.search-input[data-v-6ef667bf]{flex:1;border:none;outline:none;font-size:15px;font-family:var(--font-sans);color:var(--color-foreground);background:transparent}.search-input[data-v-6ef667bf]::placeholder{color:var(--color-foreground-muted)}.search-clear[data-v-6ef667bf]{font-size:11px;padding:2px 6px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-foreground-muted);cursor:pointer;font-family:var(--font-mono)}.search-body[data-v-6ef667bf]{max-height:400px;overflow-y:auto;padding:var(--space-3) 0}.search-group[data-v-6ef667bf]{margin-bottom:var(--space-2)}.search-group__header[data-v-6ef667bf]{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--color-foreground-muted);text-transform:uppercase;letter-spacing:.05em}.search-group__count[data-v-6ef667bf]{margin-left:auto;font-size:11px;background:var(--color-muted);padding:1px 6px;border-radius:8px}.search-item[data-v-6ef667bf]{display:flex;flex-direction:column;gap:2px;padding:8px 16px 8px 40px;cursor:pointer;transition:background .15s}.search-item[data-v-6ef667bf]:hover{background:var(--color-muted)}.search-item__title[data-v-6ef667bf]{font-size:14px;color:var(--color-foreground);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item__meta[data-v-6ef667bf]{font-size:12px;color:var(--color-foreground-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-loading[data-v-6ef667bf]{padding:16px}.loading-line[data-v-6ef667bf]{height:12px;background:var(--color-muted);border-radius:6px;margin-bottom:10px;animation:shimmer-6ef667bf 1.2s ease infinite}.loading-line.short[data-v-6ef667bf]{width:60%}@keyframes shimmer-6ef667bf{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.search-empty[data-v-6ef667bf],.search-hint[data-v-6ef667bf]{text-align:center;padding:32px 16px;color:var(--color-foreground-muted);font-size:14px}.app-shell[data-v-ffb304e3]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-ffb304e3]{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:transform var(--transition-slow);border-right:1px solid var(--sidebar-border)}.sidebar-logo[data-v-ffb304e3]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid rgba(59,130,246,.15)}.sidebar-logo__icon[data-v-ffb304e3]{width:36px;height:36px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-img[data-v-ffb304e3]{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-md)}.sidebar-logo__text[data-v-ffb304e3]{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--sidebar-text-active);letter-spacing:-.02em}.sidebar-nav[data-v-ffb304e3]{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3)}.nav-group-label[data-v-ffb304e3]{font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-1);opacity:.6}.nav-group-label[data-v-ffb304e3]:first-child{padding-top:0}.nav-item[data-v-ffb304e3]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin:1px 0;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);position:relative;cursor:pointer}.nav-item[data-v-ffb304e3]:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active);transform:translate(2px)}.nav-item--active[data-v-ffb304e3]{background:linear-gradient(90deg,#3b82f638,#3b82f60a);color:var(--sidebar-text-active);box-shadow:inset 3px 0 0 var(--sidebar-accent),0 4px 12px -4px #3b82f666}.nav-item--active .nav-item__icon[data-v-ffb304e3]{color:var(--sidebar-accent)}.nav-item__icon[data-v-ffb304e3]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;transition:color var(--transition-fast)}.nav-item__label[data-v-ffb304e3]{line-height:var(--leading-tight)}.sidebar-footer[data-v-ffb304e3]{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(59,130,246,.15)}.sidebar-province-label[data-v-ffb304e3]{font-size:.6875rem;font-weight:var(--font-weight-semibold);color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);opacity:.6}.sidebar-province-select[data-v-ffb304e3]{width:100%}.sidebar-province-select[data-v-ffb304e3] .el-select__wrapper{background-color:var(--sidebar-surface)!important;border-color:var(--sidebar-border)!important;box-shadow:none!important;border-radius:var(--radius-md)!important}.sidebar-province-select[data-v-ffb304e3] .el-select__wrapper:hover{border-color:var(--sidebar-accent)!important}.sidebar-province-select[data-v-ffb304e3] .el-select__placeholder,.sidebar-province-select[data-v-ffb304e3] .el-select__selected-item span{color:var(--sidebar-text-active)!important;font-size:var(--text-sm)}.sidebar-province-select[data-v-ffb304e3] .el-select__suffix .el-icon{color:var(--sidebar-text)!important}.main-area[data-v-ffb304e3]{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;transition:margin-left var(--transition-slow)}.top-header[data-v-ffb304e3]{height:var(--header-height);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0;z-index:var(--z-header)}.header-left[data-v-ffb304e3]{display:flex;align-items:center;gap:var(--space-3)}.mobile-toggle[data-v-ffb304e3]{display:none;background:none;border:none;color:var(--color-foreground-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.mobile-toggle[data-v-ffb304e3]:hover{background:var(--color-muted)}.breadcrumb[data-v-ffb304e3]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.breadcrumb__prefix[data-v-ffb304e3]{color:var(--color-foreground-muted);font-weight:var(--font-weight-medium)}.breadcrumb__sep[data-v-ffb304e3]{color:var(--color-border)}.breadcrumb__current[data-v-ffb304e3]{color:var(--color-foreground);font-weight:var(--font-weight-semibold)}.header-right[data-v-ffb304e3]{display:flex;align-items:center;gap:var(--space-4)}.province-tag[data-v-ffb304e3]{display:inline-flex;align-items:center;background:var(--color-info-bg)!important;color:var(--color-info)!important;border-color:transparent!important;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:2px 10px}.header-date[data-v-ffb304e3]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-foreground-muted);font-variant-numeric:tabular-nums}.user-trigger[data-v-ffb304e3]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background var(--transition-fast)}.user-trigger[data-v-ffb304e3]:hover{background:var(--color-muted)}.user-avatar-text[data-v-ffb304e3]{width:28px;height:28px;border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;box-shadow:0 2px 6px -1px #2563eb66}.user-name[data-v-ffb304e3]{font-size:13px;color:var(--color-foreground-secondary);font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-login-btn[data-v-ffb304e3]{text-decoration:none;color:var(--color-foreground-secondary);font-size:13px;font-weight:500;padding:6px 14px;border-radius:8px;transition:all var(--transition-fast)}.header-login-btn[data-v-ffb304e3]:hover{background:var(--color-muted);color:var(--color-foreground)}.header-register-btn[data-v-ffb304e3]{text-decoration:none;color:#fff;font-size:13px;font-weight:600;padding:6px 16px;border-radius:var(--radius-md);background:var(--gradient-brand);transition:all var(--transition-base) var(--ease-out-soft);box-shadow:0 4px 12px -2px #2563eb59}.header-register-btn[data-v-ffb304e3]:hover{transform:translateY(-1px);box-shadow:0 6px 16px -2px #2563eb73}.auth-shell[data-v-ffb304e3]{min-height:100vh}.content-area[data-v-ffb304e3]{flex:1;background:var(--color-background);background-image:var(--gradient-aurora);background-attachment:fixed;padding:var(--space-6);overflow-y:auto}.sidebar-overlay[data-v-ffb304e3]{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:calc(var(--z-sidebar) - 1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.header-search-btn[data-v-ffb304e3],.header-theme-btn[data-v-ffb304e3]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-foreground-muted);cursor:pointer;transition:all var(--transition-base) var(--ease-out-soft)}.header-search-btn[data-v-ffb304e3]:hover{border-color:var(--color-primary-light);color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-theme-btn[data-v-ffb304e3]:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-lighter);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-bell-btn[data-v-ffb304e3]{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-foreground-muted);cursor:pointer;transition:all var(--transition-fast)}.header-bell-btn[data-v-ffb304e3]:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-lighter)}.bell-badge[data-v-ffb304e3]{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;line-height:16px;padding:0 4px;font-size:10px;font-weight:600;color:#fff;background:#ff3b30;border-radius:8px;text-align:center}.notif-panel[data-v-ffb304e3]{max-height:400px;display:flex;flex-direction:column}.notif-header[data-v-ffb304e3]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.notif-title[data-v-ffb304e3]{font-size:15px;font-weight:700}.notif-read-all[data-v-ffb304e3]{background:none;border:none;color:var(--color-primary);font-size:12px;cursor:pointer;padding:0}.notif-read-all[data-v-ffb304e3]:hover{text-decoration:underline}.notif-list[data-v-ffb304e3]{overflow-y:auto;flex:1}.notif-item[data-v-ffb304e3]{display:flex;gap:10px;padding:10px 4px;border-bottom:.5px solid rgba(60,60,67,.06);cursor:pointer;border-radius:6px;transition:background .1s}.notif-item[data-v-ffb304e3]:hover{background:var(--color-muted)}.notif-unread .notif-item-title[data-v-ffb304e3]{font-weight:600}.notif-dot[data-v-ffb304e3]{width:8px;height:8px;border-radius:4px;background:var(--color-primary);flex-shrink:0;margin-top:6px}.notif-body[data-v-ffb304e3]{flex:1;min-width:0}.notif-item-title[data-v-ffb304e3]{font-size:13px;color:var(--color-foreground);margin-bottom:2px}.notif-item-content[data-v-ffb304e3]{font-size:12px;color:var(--color-foreground-muted);line-height:1.4}.notif-item-time[data-v-ffb304e3]{font-size:11px;color:var(--color-foreground-muted);margin-top:4px;opacity:.7}.notif-empty[data-v-ffb304e3]{text-align:center;padding:40px 0;color:var(--color-foreground-muted);font-size:13px}@media (max-width: 768px){.sidebar[data-v-ffb304e3]{transform:translate(-100%)}.sidebar--open[data-v-ffb304e3]{transform:translate(0)}.sidebar-overlay[data-v-ffb304e3]{display:block}.main-area[data-v-ffb304e3]{margin-left:0}.mobile-toggle[data-v-ffb304e3]{display:flex}.top-header[data-v-ffb304e3]{padding:0 var(--space-4)}.content-area[data-v-ffb304e3]{padding:var(--space-4)}}