html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#1e293b;line-height:1.6;background:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:#1e293b}a{color:var(--el-color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--el-color-primary-dark-2)}.container{max-width:1400px;margin:0 auto;padding:0 24px}@media (max-width: 640px){.container{padding:0 16px}}.text-center{text-align:center}.text-primary{color:#3b82f6}.text-secondary{color:#737373}.text-muted{color:#a3a3a3}.panel{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden}.panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f5f5f5}.panel .panel-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.panel .panel-body{padding:24px}.panel .panel-body.no-padding{padding:0}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px)}:root{--el-color-primary: #3b82f6;--el-color-primary-light-1: #60a5fa;--el-color-primary-light-3: #93c5fd;--el-color-primary-light-5: #bfdbfe;--el-color-primary-light-7: #dbeafe;--el-color-primary-light-9: #eff6ff;--el-color-primary-dark-2: #2563eb;--el-color-success: #22c55e;--el-color-warning: #f59e0b;--el-color-danger: #ef4444;--el-color-info: #3b82f6;--el-border-radius-base: 12px;--el-border-color: #e5e5e5;--el-border-color-light: #f5f5f5;--el-fill-color-light: #f5f5f5;--el-text-color-primary: #1e293b;--el-text-color-regular: #737373;--el-text-color-secondary: #a3a3a3;--theme-50: #eff6ff;--theme-100: #dbeafe;--theme-200: #bfdbfe;--theme-300: #93c5fd;--theme-400: #60a5fa;--theme-500: #3b82f6;--theme-600: #2563eb;--theme-700: #1d4ed8;--theme-800: #1e40af;--theme-900: #1e3a8a;--theme-rgb-300: 147, 197, 253;--theme-rgb-400: 96, 165, 250;--theme-rgb-500: 59, 130, 246;--theme-rgb-600: 37, 99, 235;--theme-primary: #3b82f6;--theme-primary-light: #93c5fd;--theme-primary-lighter: #dbeafe;--theme-primary-dark: #2563eb;--theme-primary-darker: #1d4ed8;--theme-primary-50: #eff6ff;--theme-accent-400: #818cf8;--theme-accent-500: #6366f1;--theme-accent-600: #4f46e5;--theme-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--theme-gradient-light: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--theme-gradient-soft: linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%);--theme-gradient-vivid: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--theme-gradient-hero: linear-gradient(135deg, #3b82f6 0%, #60a5fa 50%, #93c5fd 100%);--theme-gradient-subtle: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(37, 99, 235, .1) 100%);--theme-shadow: 0 4px 14px rgba(59, 130, 246, .2);--theme-shadow-lg: 0 10px 30px rgba(59, 130, 246, .25);--theme-shadow-xl: 0 20px 40px rgba(59, 130, 246, .3);--theme-primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--theme-primary-gradient-light: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--theme-primary-shadow: 0 4px 14px rgba(59, 130, 246, .2);--theme-primary-shadow-lg: 0 10px 30px rgba(59, 130, 246, .25)}.el-button--primary{background:var(--theme-primary-gradient);border:none;font-weight:500;box-shadow:var(--theme-primary-shadow);transition:all .2s ease}.el-button--primary:hover,.el-button--primary:focus{background:var(--theme-primary-gradient);box-shadow:var(--theme-primary-shadow-lg);transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0)}.el-button--primary.is-plain{background:var(--theme-primary-50);border:1px solid var(--theme-primary-light);color:var(--theme-primary-dark);box-shadow:none}.el-button--primary.is-plain:hover{background:var(--theme-primary-lighter);border-color:var(--el-color-primary-light-3);color:var(--theme-primary-darker)}.el-button--primary.is-disabled{background:#e5e5e5;box-shadow:none}.el-button--success{box-shadow:0 4px 14px #22c55e40}.el-button--success:hover{box-shadow:0 6px 20px #22c55e4d}.el-button--danger{box-shadow:0 4px 14px #ef444440}.el-button--danger:hover{box-shadow:0 6px 20px #ef44444d}.el-button--default{border-color:#d4d4d4}.el-button--default:hover{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);background:var(--theme-primary-50)}.el-input{--el-input-border-radius: 12px}.el-input__inner:focus,.el-textarea__inner:focus{border-color:var(--el-color-primary)}.el-select-dropdown__item.selected{color:var(--el-color-primary);font-weight:600}.el-tag{border-radius:8px}.el-table{--el-table-border-color: #f5f5f5;--el-table-row-hover-bg-color: #f5f5f5}.el-card{--el-card-border-radius: 16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;border:none}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;padding:60px 20px;color:#737373}.empty-state .empty-icon{font-size:64px;margin-bottom:16px;color:#a3a3a3}.empty-state .empty-text{font-size:16px}.empty-state .el-button{margin-top:20px}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 640px){.hide-sm{display:none!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}html[dir=rtl] .el-drawer{direction:rtl}html[dir=rtl] .nav-menu,html[dir=rtl] .header-actions{flex-direction:row-reverse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f5f5f5 25%,#fafafa,#f5f5f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}*{scrollbar-width:thin;scrollbar-color:#e5e5e5 transparent}