:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--section-gap:160px}*,:before,:after{box-sizing:border-box;margin:0}html{background:var(--color-background);min-height:100%}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;transition:color .2s,background-color .2s}body,button,input,textarea,select{font:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{color:inherit}::-moz-selection{background:color-mix(in srgb, var(--primary-6) 16%, transparent);color:var(--text-primary)}::selection{background:color-mix(in srgb, var(--primary-6) 16%, transparent);color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in srgb, var(--text-secondary) 35%, transparent);border:3px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-secondary) 55%, transparent)}:focus-visible{outline:2px solid var(--primary-5);outline-offset:2px}#app{background:var(--color-background);min-height:100vh}:root{--primary-1:#f2f5fa;--primary-2:#e4ebf4;--primary-3:#c8d6e8;--primary-4:#9db4d0;--primary-5:#6688b1;--primary-6:#385b8c;--primary-7:#2f4d77;--primary-8:#22375a;--primary-9:#152540;--accent-1:#fbf7ee;--accent-2:#f5ead4;--accent-3:#ead4a8;--accent-4:#d8bc80;--accent-5:#c7a25a;--accent-6:#b08a3e;--accent-7:#8a6a28;--accent-8:#6f531f;--accent-9:#4c3916;--primary-color:var(--primary-6);--primary-hover:var(--primary-5);--primary-active:var(--primary-7);--primary-light:var(--primary-2);--success-1:#edf8f2;--success-6:#237a58;--warning-1:#fff7e6;--warning-6:#a15c00;--error-1:#fff1f0;--error-6:#b42318;--info-1:#eaf5f8;--info-6:#0e6178;--success-color:var(--success-6);--warning-color:var(--warning-6);--danger-color:var(--error-6);--info-color:var(--info-6);--surface-success:var(--success-1);--surface-warning:var(--warning-1);--surface-danger:var(--error-1);--surface-info:var(--info-1);--text-primary:#2a3646;--text-regular:#334155;--text-secondary:#657285;--text-placeholder:#7b8796;--text-disabled:#9aa5b3;--text-inverse:#fff;--border-color:#c8d2df;--border-light:#dfe5ed;--border-lighter:#eef2f7;--bg-page:#f4f6f9;--bg-container:#fff;--bg-hover:#f8fafc;--bg-color:#eef2f7;--color-background:var(--bg-page);--color-background-soft:var(--bg-container);--color-background-mute:var(--bg-color);--color-border:var(--border-light);--color-border-hover:var(--primary-3);--color-heading:var(--text-primary);--color-text:var(--text-regular);--el-color-primary:var(--primary-6);--el-color-primary-light-3:var(--primary-5);--el-color-primary-light-5:var(--primary-3);--el-color-primary-light-7:var(--primary-2);--el-color-primary-light-8:var(--primary-1);--el-color-primary-light-9:var(--primary-1);--el-color-primary-dark-2:var(--primary-7);--el-color-success:var(--success-6);--el-color-warning:var(--warning-6);--el-color-danger:var(--error-6);--el-color-info:var(--info-6);--sidebar-bg:var(--primary-9);--sidebar-logo-bg:var(--primary-8);--sidebar-text:color-mix(in srgb, var(--text-inverse) 68%, transparent);--sidebar-text-active:var(--text-inverse);--sidebar-item-hover:color-mix(in srgb, var(--text-inverse) 8%, transparent);--sidebar-item-active:var(--primary-6);--shadow-light:0 1px 2px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.05);--shadow-base:0 6px 20px rgba(15,23,42,.08);--shadow-hover:0 10px 24px rgba(15,23,42,.12);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-base:all .24s cubic-bezier(.2, 0, 0, 1);--transition-fast:all .16s cubic-bezier(.2, 0, 0, 1)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(20px)}.stat-card{background:var(--bg-container);border-radius:var(--radius-md);box-shadow:var(--shadow-base);transition:var(--transition-base);cursor:pointer;padding:24px}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card .stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.stat-card .stat-value{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:600}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.stat-card .stat-trend{font-size:12px}.stat-card .stat-trend.up{color:var(--success-color)}.stat-card .stat-trend.down{color:var(--danger-color)}.page-header{margin-bottom:24px}.page-header .title{color:var(--text-primary);margin:0 0 8px;font-size:20px;font-weight:600}.page-header .description{color:var(--text-secondary);margin:0;font-size:14px}.card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.table-container{background:var(--bg-container);border-radius:var(--radius-md);box-shadow:var(--shadow-base);padding:24px}@media screen and (max-width:768px){.stat-card{padding:16px}.stat-card .stat-value{font-size:24px}.page-header .title{font-size:18px}}.quick-action-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;transition:var(--transition-base);cursor:pointer;padding:20px}.quick-action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-light);transform:translateY(-2px)}.quick-action-card .icon{color:var(--primary-color);margin-bottom:12px;font-size:32px}.quick-action-card .title{color:var(--text-primary);font-size:14px;font-weight:500}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-color:var(--primary-600);--primary-hover:var(--primary-700);--primary-active:var(--primary-800);--primary-light:var(--primary-100);--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--success-color:var(--success-600);--success-hover:var(--success-700);--success-light:var(--success-100);--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-color:var(--warning-600);--warning-hover:var(--warning-700);--warning-light:var(--warning-100);--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-color:var(--error-600);--danger-color:var(--error-600);--error-hover:var(--error-700);--error-light:var(--error-100);--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-color:var(--info-600);--info-hover:var(--info-700);--info-light:var(--info-100);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-disabled:var(--gray-400);--text-inverse:#fff;--bg-page:var(--gray-50);--bg-color:#fff;--bg-hover:var(--gray-100);--bg-active:var(--gray-200);--bg-disabled:var(--gray-100);--bg-overlay:rgba(0,0,0,.45);--border-light:var(--gray-200);--border-base:var(--gray-300);--border-dark:var(--gray-400);--border-color:var(--border-light);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);--shadow-base:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-light:0 2px 8px rgba(0,0,0,.08);--shadow-hover:0 4px 12px rgba(0,0,0,.12);--radius-xs:2px;--radius-sm:4px;--radius-base:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-base:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:40px;--spacing-4xl:48px;--transition-fast:all .15s ease;--transition-base:all .2s ease;--transition-slow:all .3s ease;--transition-slower:all .5s ease;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:2;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080}[data-theme=dark]{--text-primary:var(--gray-100);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500);--bg-page:#0f1419;--bg-color:#1a1f2e;--bg-hover:#252b3b;--bg-active:#2d3548;--border-light:rgba(255,255,255,.08);--border-base:rgba(255,255,255,.12);--border-dark:rgba(255,255,255,.18);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4);--shadow-base:0 4px 6px -1px rgba(0,0,0,.4);--shadow-md:0 10px 15px -3px rgba(0,0,0,.4);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.5)}.card{background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-light);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.card-title{align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);display:flex}.card-extra{align-items:center;gap:var(--spacing-sm);display:flex}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-base) var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--bg-page)}.card--flat{box-shadow:none;border:1px solid var(--border-light)}.card--flat:hover{box-shadow:none;border-color:var(--border-base)}.card--compact .card-header,.card--compact .card-body{padding:var(--spacing-base)}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-base);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--primary-color);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:active:not(:disabled){background:var(--primary-active)}.btn--success{background:var(--success-color);color:var(--text-inverse)}.btn--success:hover:not(:disabled){background:var(--success-hover)}.btn--warning{background:var(--warning-color);color:var(--text-inverse)}.btn--warning:hover:not(:disabled){background:var(--warning-hover)}.btn--danger{background:var(--error-color);color:var(--text-inverse)}.btn--danger:hover:not(:disabled){background:var(--error-hover)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-line{height:16px;margin-bottom:var(--spacing-sm)}.skeleton-line:last-child{margin-bottom:0}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-rect{border-radius:var(--radius-sm)}.empty-state{padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.5;color:var(--text-tertiary)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.empty-state-action{margin-top:var(--spacing-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-ellipsis-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s}.fade-slide-enter-from{opacity:0;transform:translate(10px)}.fade-slide-leave-to{opacity:0;transform:translate(-10px)}@media (max-width:640px){.card-header,.card-body{padding:var(--spacing-base)}.empty-state{padding:var(--spacing-2xl) var(--spacing-base)}}#nprogress .bar{background:var(--primary-color);z-index:9999;width:100%;height:3px;position:fixed;top:0;left:0}#nprogress .peg{width:100px;height:100%;box-shadow:0 0 10px var(--primary-color), 0 0 5px var(--primary-color);opacity:1;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px)}#nprogress .spinner{display:none}#nprogress .bar{animation:2s infinite nprogress-pulse}@keyframes nprogress-pulse{0%,to{opacity:1}50%{opacity:.8}}html.dark{--bg-page:#0f1419;--bg-color:#1a1f2e;--bg-hover:#252b3b;--bg-active:#2d3548;--bg-disabled:#1f2533;--bg-overlay:rgba(0,0,0,.7);--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--text-disabled:#4b5563;--text-inverse:#1f2937;--border-light:rgba(255,255,255,.08);--border-base:rgba(255,255,255,.12);--border-dark:rgba(255,255,255,.18);--border-color:var(--border-light);--shadow-xs:0 1px 2px 0 rgba(0,0,0,.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.4);--shadow-base:0 4px 6px -1px rgba(0,0,0,.4);--shadow-md:0 10px 15px -3px rgba(0,0,0,.4);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.5);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.6);--shadow-light:0 2px 8px rgba(0,0,0,.3);--shadow-hover:0 4px 12px rgba(0,0,0,.4);--primary-bg:rgba(59,130,246,.1);--success-bg:rgba(34,197,94,.1);--warning-bg:rgba(251,146,60,.1);--danger-bg:rgba(239,68,68,.1);--info-bg:rgba(59,130,246,.1);--card-bg:var(--bg-color);--card-hover-bg:var(--bg-hover);--input-bg:#252b3b;--input-border:rgba(255,255,255,.1);--input-hover-border:rgba(255,255,255,.2);--input-focus-border:var(--primary-color);--scrollbar-bg:rgba(255,255,255,.05);--scrollbar-thumb:rgba(255,255,255,.2);--scrollbar-thumb-hover:rgba(255,255,255,.3);--el-bg-color:#1a1f2e;--el-bg-color-page:#0f1419;--el-bg-color-overlay:#252b3b;--el-text-color-primary:#e5e7eb;--el-text-color-regular:#9ca3af;--el-text-color-secondary:#6b7280;--el-text-color-placeholder:#4b5563;--el-border-color:rgba(255,255,255,.1);--el-border-color-light:rgba(255,255,255,.08);--el-border-color-lighter:rgba(255,255,255,.06);--el-border-color-extra-light:rgba(255,255,255,.04);--el-fill-color:rgba(255,255,255,.06);--el-fill-color-light:rgba(255,255,255,.04);--el-fill-color-lighter:rgba(255,255,255,.02);--el-fill-color-extra-light:rgba(255,255,255,.01);--el-fill-color-blank:transparent;--el-fill-color-dark:rgba(255,255,255,.08)}html.dark .el-card{background:var(--bg-color);border-color:var(--border-light)}html.dark .el-table{--el-table-bg-color:var(--bg-color);--el-table-tr-bg-color:var(--bg-color);--el-table-header-bg-color:var(--bg-hover)}html.dark .el-input__wrapper,html.dark .el-select__wrapper{background:var(--input-bg)}html.dark .el-dialog,html.dark .el-drawer{background:var(--bg-color)}html.dark .el-popper{background:var(--bg-color);border-color:var(--border-light)}html{transition:background-color .3s,color .3s}html.dark *{transition:background-color .3s,color .3s,border-color .3s}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid transparent;border-color:#29d transparent transparent #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}