@charset "UTF-8";.app-container[data-v-be3765e8]{min-height:100vh;width:100%}.global-loading-bar[data-v-be3765e8]{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;background:#ffffff1a}.loading-progress[data-v-be3765e8]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width .15s ease-out;box-shadow:0 0 15px #667eea99}.loading-bar-enter-active[data-v-be3765e8],.loading-bar-leave-active[data-v-be3765e8]{transition:opacity .3s}.loading-bar-enter-from[data-v-be3765e8],.loading-bar-leave-to[data-v-be3765e8]{opacity:0}:root,[data-theme=dark]{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--secondary-color: #8b5cf6;--accent-color: #06b6d4;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #1f1f1f;--bg-card: #141414;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--bg-input: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--text-disabled: #525252;--text-inverse: #0a0a0a;--border-color: #262626;--border-light: #333333;--border-focus: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-bg: linear-gradient(180deg, #0a0a0a 0%, #111111 100%);--gradient-card: linear-gradient(145deg, #1a1a1a 0%, #111111 100%);--blur-amount: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px}[data-theme=light]{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #7c3aed;--accent-color: #0891b2;--success-color: #059669;--warning-color: #d97706;--danger-color: #dc2626;--info-color: #2563eb;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--bg-input: #f8fafc;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-focus: #2563eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(37, 99, 235, .2);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #0891b2 0%, #2563eb 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%)}[data-theme=business]{--primary-color: #d4a574;--primary-light: #e5c4a1;--primary-dark: #b8895a;--secondary-color: #c49a6c;--accent-color: #f0c987;--success-color: #4ade80;--warning-color: #fbbf24;--danger-color: #f87171;--info-color: #60a5fa;--bg-primary: #0c1220;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-elevated: #243247;--bg-card: #151d2e;--bg-hover: rgba(212, 165, 116, .08);--bg-active: rgba(212, 165, 116, .12);--bg-input: #1a2332;--bg-overlay: rgba(12, 18, 32, .9);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--text-inverse: #0c1220;--border-color: #2d3a4f;--border-light: #374357;--border-focus: #d4a574;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px rgba(212, 165, 116, .25);--gradient-primary: linear-gradient(135deg, #d4a574 0%, #c49a6c 100%);--gradient-secondary: linear-gradient(135deg, #b8895a 0%, #d4a574 100%);--gradient-success: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);--gradient-bg: linear-gradient(180deg, #0c1220 0%, #111827 100%);--gradient-card: linear-gradient(145deg, #1a2536 0%, #151d2e 100%)}[data-theme=cyber]{--primary-color: #a855f7;--primary-light: #c084fc;--primary-dark: #9333ea;--secondary-color: #ec4899;--accent-color: #06b6d4;--success-color: #22c55e;--warning-color: #eab308;--danger-color: #ef4444;--info-color: #06b6d4;--bg-primary: #0f0a1a;--bg-secondary: #150f24;--bg-tertiary: #1e1533;--bg-elevated: #291d42;--bg-card: #1a1228;--bg-hover: rgba(168, 85, 247, .1);--bg-active: rgba(168, 85, 247, .15);--bg-input: #1a1228;--bg-overlay: rgba(15, 10, 26, .9);--text-primary: #f5f3ff;--text-secondary: #c4b5fd;--text-muted: #8b5cf6;--text-disabled: #6b21a8;--text-inverse: #0f0a1a;--border-color: #3b2d5a;--border-light: #4c3d6e;--border-focus: #a855f7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-glow: 0 0 30px rgba(168, 85, 247, .4);--gradient-primary: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #a855f7 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-bg: linear-gradient(180deg, #0f0a1a 0%, #150f24 100%);--gradient-card: linear-gradient(145deg, #1e1533 0%, #1a1228 100%)}.page-container{min-height:100vh;padding:24px;max-width:1600px;margin:0 auto}@media (max-width: 768px){.page-container{padding:16px}}@media (max-width: 480px){.page-container{padding:12px}}.page-container.full-width{max-width:none}.page-container.compact{max-width:1200px}.page-container.narrow{max-width:800px}.page-header{margin-bottom:24px}.page-header .header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}@media (max-width: 640px){.page-header .header-top{flex-direction:column}}.page-header .header-main{flex:1}.page-header .header-actions{display:flex;gap:12px;flex-shrink:0}@media (max-width: 640px){.page-header .header-actions{width:100%;justify-content:flex-end}}.page-header .page-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--primary-color) 15%,transparent);color:var(--primary-color);border-radius:20px;font-size:12px;font-weight:500;margin-bottom:12px}.page-header .page-badge .badge-icon{font-size:14px}.page-header .page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}@media (max-width: 768px){.page-header .page-title{font-size:24px}}@media (max-width: 480px){.page-header .page-title{font-size:20px}}.page-header .page-title.gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header .page-desc{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6;max-width:600px}@media (max-width: 480px){.page-header .page-desc{font-size:13px}}.page-header .page-breadcrumb{margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-header .section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.section-header .section-title .title-icon{color:var(--primary-color)}.section-header .section-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.section-header .section-actions{display:flex;gap:8px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.card .card-header .card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.card .card-header .card-title .title-icon{color:var(--primary-color)}.card .card-header .card-actions{display:flex;gap:8px}.card .card-body{padding:20px}.card .card-body.compact{padding:16px}.card .card-body.no-padding{padding:0}.card .card-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.card.hoverable{cursor:pointer}.card.hoverable:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 20%,transparent)}.card.glow:hover{box-shadow:var(--shadow-glow),var(--shadow-lg)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:var(--shadow-lg)}.stat-card .stat-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card .stat-icon.primary{background:color-mix(in srgb,var(--primary-color) 15%,transparent);color:var(--primary-color)}.stat-card .stat-icon.success{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color)}.stat-card .stat-icon.warning{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color)}.stat-card .stat-icon.danger{background:color-mix(in srgb,var(--danger-color) 15%,transparent);color:var(--danger-color)}.stat-card .stat-icon.info{background:color-mix(in srgb,var(--info-color) 15%,transparent);color:var(--info-color)}.stat-card .stat-icon.purple{background:color-mix(in srgb,var(--secondary-color) 15%,transparent);color:var(--secondary-color)}.stat-card .stat-icon.cyan{background:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color)}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card .stat-value .unit{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:4px}.stat-card .stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-card .stat-trend{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:4px}.stat-card .stat-trend.up{color:var(--success-color)}.stat-card .stat-trend.up:before{content:"↑"}.stat-card .stat-trend.down{color:var(--danger-color)}.stat-card .stat-trend.down:before{content:"↓"}.stat-card.compact{padding:16px}.stat-card.compact .stat-icon{width:44px;height:44px;font-size:20px}.stat-card.compact .stat-value{font-size:22px}.stat-card.vertical{flex-direction:column;text-align:center}.stat-card.vertical .stat-icon{margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:12px}}.stats-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.stats-grid.cols-2{grid-template-columns:1fr}}.stats-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.stats-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid.cols-3{grid-template-columns:1fr}}.stats-grid.cols-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1200px){.stats-grid.cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-grid.cols-5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid.cols-5{grid-template-columns:1fr}}.stats-grid.cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1400px){.stats-grid.cols-6{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.stats-grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.stats-grid.cols-6{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid.cols-6{grid-template-columns:1fr}}.content-grid{display:grid;gap:20px}.content-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.content-grid.cols-2{grid-template-columns:1fr}}.content-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.content-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.content-grid.cols-3{grid-template-columns:1fr}}.content-grid.main-aside{grid-template-columns:2fr 1fr}@media (max-width: 1024px){.content-grid.main-aside{grid-template-columns:1fr}}.content-grid.aside-main{grid-template-columns:1fr 2fr}@media (max-width: 1024px){.content-grid.aside-main{grid-template-columns:1fr}}.content-grid.thirds{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.content-grid.thirds{grid-template-columns:1fr}}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.toolbar .toolbar-left,.toolbar .toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.toolbar{flex-direction:column;align-items:stretch}.toolbar .toolbar-left,.toolbar .toolbar-right{width:100%}}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px}.filter-bar .filter-item{display:flex;align-items:center;gap:8px}.filter-bar .filter-item .filter-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.filter-bar .filter-actions{margin-left:auto;display:flex;gap:8px}@media (max-width: 768px){.filter-bar{flex-direction:column}.filter-bar .filter-item{width:100%}.filter-bar .filter-item .el-select,.filter-bar .filter-item .el-input,.filter-bar .filter-item .el-date-editor{flex:1}.filter-bar .filter-actions{margin-left:0;width:100%;justify-content:flex-end}}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px;padding:12px 0}.pagination-container.center{justify-content:center}@media (max-width: 640px){.pagination-container{justify-content:center}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.4}.empty-state .empty-title{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.empty-state .empty-desc{font-size:14px;margin-bottom:20px}.empty-state .empty-action{margin-top:20px}.empty-state.compact{padding:40px 20px}.empty-state.compact .empty-icon{font-size:48px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state .loading-text{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.tag.primary{background:color-mix(in srgb,var(--primary-color) 15%,transparent);color:var(--primary-color)}.tag.success{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color)}.tag.warning{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color)}.tag.danger{background:color-mix(in srgb,var(--danger-color) 15%,transparent);color:var(--danger-color)}.tag.info{background:color-mix(in srgb,var(--info-color) 15%,transparent);color:var(--info-color)}.tag.muted{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.tag.sm{padding:2px 6px;font-size:11px}.tag.lg{padding:6px 14px;font-size:13px}.desc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.desc-list{grid-template-columns:1fr}}.desc-list.cols-1{grid-template-columns:1fr}.desc-list.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.desc-list.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.desc-list.cols-3{grid-template-columns:1fr}}.desc-list .desc-item{display:flex;gap:8px}.desc-list .desc-item .desc-label{color:var(--text-muted);font-size:13px;white-space:nowrap;min-width:80px}.desc-list .desc-item .desc-value{color:var(--text-primary);font-size:14px;word-break:break-all}.divider{height:1px;background:var(--border-color);margin:20px 0}.divider.light{background:var(--border-light)}.divider.vertical{width:1px;height:auto;margin:0 16px}.hero-section{position:relative;padding:40px;border-radius:var(--radius-xl);background:var(--gradient-card);border:1px solid var(--border-color);margin-bottom:24px;overflow:hidden}.hero-section .hero-bg{position:absolute;inset:0;opacity:.5;pointer-events:none}.hero-section .hero-bg:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-color) 20%,transparent) 0%,transparent 70%)}.hero-section .hero-content{position:relative;z-index:1}@media (max-width: 768px){.hero-section{padding:24px}}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px}.panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.panel .panel-header .panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.panel .panel-body{padding:20px}.panel .panel-footer{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.panel.compact .panel-header{padding:12px 16px}.panel.compact .panel-body{padding:16px}.panel.compact .panel-footer{padding:10px 16px}.panel.no-header .panel-body{padding-top:20px}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-container .table-content{overflow-x:auto}.table-container .table-footer{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width: 768px){.show-mobile{display:block!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}.mb-0{margin-bottom:0!important}.mb-8{margin-bottom:8px!important}.mb-12{margin-bottom:12px!important}.mb-16{margin-bottom:16px!important}.mb-20{margin-bottom:20px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mt-0{margin-top:0!important}.mt-8{margin-top:8px!important}.mt-12{margin-top:12px!important}.mt-16{margin-top:16px!important}.mt-20{margin-top:20px!important}.mt-24{margin-top:24px!important}.gap-8{gap:8px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}.gap-20{gap:20px!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-danger{color:var(--danger-color)!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.flex-wrap{flex-wrap:wrap!important}.flex-1{flex:1!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gradient-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#app{min-height:100vh;position:relative}#app:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--primary-color) 8%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--secondary-color) 8%,transparent) 0%,transparent 50%),radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--accent-color) 5%,transparent) 0%,transparent 40%);pointer-events:none;z-index:-1;transition:background .5s ease}[data-theme=light] #app:before{opacity:.5}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg)}.tech-border{position:relative}.tech-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glow-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glow-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.glow-button:hover:before{width:400px;height:400px}.glow-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 40px #667eea99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.el-button--primary{background:var(--gradient-primary)!important;border:none!important;box-shadow:var(--shadow-glow);font-weight:600;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-button--primary:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)!important;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.el-button--primary:active{transform:translateY(0)}.el-button--success{background:var(--gradient-success)!important;border:none!important}.el-button--default{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.el-button--default:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.el-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-lg);overflow:hidden}.el-input__wrapper{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;transition:all .3s ease}.el-input__wrapper:hover{border-color:var(--border-light)!important}.el-input__wrapper.is-focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)!important}.el-input__inner{color:var(--text-primary)!important}.el-input__inner::placeholder{color:var(--text-muted)!important}.el-textarea__inner{background:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}.el-textarea__inner:focus{border-color:var(--primary-color)!important}.el-select__wrapper{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important}.el-select-dropdown{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-select-dropdown__item{color:var(--text-primary)!important}.el-select-dropdown__item:hover,.el-select-dropdown__item.hover{background:var(--bg-hover)!important}.el-select-dropdown__item.selected{color:var(--primary-color)!important;background:var(--bg-active)!important}.el-dialog{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;overflow:hidden}.el-dialog__header{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important}.el-dialog__title{color:var(--text-primary)!important;font-weight:600}.el-dialog__body{color:var(--text-primary)!important}.el-message-box{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-message-box__title{color:var(--text-primary)!important}.el-message-box__content{color:var(--text-secondary)!important}.el-tabs__item{color:var(--text-secondary);font-weight:500;transition:all .3s ease}.el-tabs__item:hover{color:var(--primary-light)}.el-tabs__item.is-active{color:var(--primary-color)}.el-tabs__active-bar{background:var(--gradient-primary);height:3px;border-radius:3px}.el-tag{border-radius:8px;font-weight:500}.el-table{background:transparent!important;--el-table-bg-color: transparent;--el-table-tr-bg-color: var(--bg-card);--el-table-header-bg-color: var(--bg-tertiary);--el-table-row-hover-bg-color: var(--bg-hover);--el-table-border-color: var(--border-color);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-secondary)}.el-table__header-wrapper{background:var(--bg-tertiary)}.el-table__body-wrapper{background:var(--bg-card)}.el-dropdown-menu{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-dropdown-menu__item{color:var(--text-primary)!important}.el-dropdown-menu__item:hover{background:var(--bg-hover)!important;color:var(--primary-color)!important}.el-popover,.el-menu{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-menu-item{color:var(--text-primary)!important}.el-menu-item:hover,.el-menu-item.is-active{background:var(--bg-hover)!important;color:var(--primary-color)!important}.el-form-item__label{color:var(--text-secondary)!important}.el-checkbox__label,.el-radio__label{color:var(--text-primary)!important}.el-switch__label{color:var(--text-secondary)!important}.el-pagination{--el-pagination-bg-color: var(--bg-secondary);--el-pagination-text-color: var(--text-primary);--el-pagination-button-bg-color: var(--bg-tertiary);--el-pagination-hover-color: var(--primary-color)}.el-statistic__head{color:var(--text-secondary)!important}.el-statistic__content{color:var(--text-primary)!important}.el-descriptions__label{color:var(--text-secondary)!important;background:var(--bg-tertiary)!important}.el-descriptions__content{color:var(--text-primary)!important;background:var(--bg-card)!important}.el-descriptions__cell{border-color:var(--border-color)!important}.scrollbar-custom::-webkit-scrollbar{width:8px;height:8px}.scrollbar-custom::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.scrollbar-custom::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-tertiary),var(--primary-dark));border-radius:4px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.hover-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow),var(--shadow-xl);border-color:var(--border-glow)}.gradient-border{position:relative;background:var(--bg-secondary)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (max-width: 768px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}body{font-size:14px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-full-width{width:100%!important}.el-button{padding:8px 16px;font-size:14px;min-height:40px}.el-button--small{padding:6px 12px;font-size:12px;min-height:32px}.el-input__wrapper{padding:8px 12px}.el-dialog{width:92%!important;max-width:92%!important;margin:4vh auto!important;border-radius:16px}.el-dialog__header{padding:12px 16px}.el-dialog__body{padding:12px 16px;max-height:70vh;overflow-y:auto}.el-dialog__footer{padding:12px 16px}.el-message-box{width:85%!important;max-width:320px}.el-table{font-size:12px}.el-table th,.el-table td{padding:8px 4px}.el-tabs__item{padding:0 12px;font-size:13px}.el-form-item__label{font-size:13px}.el-select{width:100%}.el-date-editor{width:100%!important}.el-pagination{flex-wrap:wrap;justify-content:center;gap:8px}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.glass-effect{border-radius:12px;padding:12px}::-webkit-scrollbar{width:4px;height:4px}}@media (max-width: 480px){body{font-size:13px}.el-button{padding:6px 12px;font-size:13px}.el-dialog{width:95%!important;margin:2vh auto!important}.el-dialog__body{padding:10px 12px}}@media (min-width: 769px) and (max-width: 1024px){.hide-tablet{display:none!important}}@media (min-width: 769px){.show-mobile,.hide-pc{display:none!important}}@media (hover: none) and (pointer: coarse){.hover-card:hover,.glow-button:hover{transform:none}.glow-button:active{transform:scale(.98)}.el-button{min-height:44px}.el-checkbox,.el-radio{min-height:44px;display:flex;align-items:center}}@supports (padding: env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}@media (orientation: landscape) and (max-height: 500px){.el-dialog{max-height:90vh}.el-dialog__body{max-height:60vh}}.responsive-grid{display:grid;gap:1rem}@media (max-width: 480px){.responsive-grid{grid-template-columns:1fr;gap:.75rem}}@media (min-width: 481px) and (max-width: 768px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-flex{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.responsive-flex{flex-direction:column;gap:.75rem}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1000;display:flex;gap:12px}.mobile-bottom-bar .el-button{flex:1}}@media (max-width: 768px){.has-bottom-bar{padding-bottom:80px}}