:root{--gp-color-primary: #6366f1;--gp-color-primary-light: #818cf8;--gp-color-primary-dark: #4f46e5;--gp-color-success: #10b981;--gp-color-warning: #f59e0b;--gp-color-danger: #f43f5e;--gp-color-info: #64748b;--gp-color-text-primary: #1e293b;--gp-color-text-regular: #475569;--gp-color-text-secondary: #64748b;--gp-color-text-placeholder: #94a3b8;--gp-color-border: #e2e8f0;--gp-color-border-light: #f1f5f9;--gp-color-divider: #f1f5f9;--gp-color-bg-page: #f0f2f5;--gp-color-bg-card: #ffffff;--gp-color-bg-hover: #f3f4f6;--gp-color-bg-table-header: #f8fafc;--gp-color-sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--gp-color-sidebar-text: #94a3b8;--gp-color-sidebar-text-active: #818cf8;--gp-color-sidebar-bg-active: rgba(129, 140, 248, .15);--gp-color-sidebar-bg-hover: rgba(129, 140, 248, .08);--gp-radius-sm: 6px;--gp-radius-md: 8px;--gp-radius-lg: 14px;--gp-radius-xl: 16px;--gp-spacing-xs: 4px;--gp-spacing-sm: 8px;--gp-spacing-md: 12px;--gp-spacing-lg: 16px;--gp-spacing-xl: 24px;--gp-spacing-2xl: 32px;--gp-shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--gp-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--gp-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--gp-font-size-xs: 12px;--gp-font-size-sm: 13px;--gp-font-size-base: 14px;--gp-font-size-md: 16px;--gp-font-size-lg: 18px;--gp-font-size-xl: 22px;--gp-layout-header-height: 60px;--gp-layout-sidebar-width: 220px;--gp-layout-sidebar-collapsed-width: 64px;--gp-transition-fast: .15s ease;--gp-transition-base: .25s ease;--gp-transition-slow: .3s ease}html.dark{--gp-color-text-primary: #e5e7eb;--gp-color-text-regular: #cbd5e1;--gp-color-text-secondary: #94a3b8;--gp-color-text-placeholder: #64748b;--gp-color-border: #334155;--gp-color-border-light: #1e293b;--gp-color-divider: #1e293b;--gp-color-bg-page: #0f172a;--gp-color-bg-card: #1e293b;--gp-color-bg-hover: #334155;--gp-color-bg-table-header: #1e293b;--gp-color-sidebar-bg: linear-gradient(180deg, #020617 0%, #0f172a 100%);--gp-color-sidebar-bg-active: rgba(129, 140, 248, .2);--gp-color-sidebar-bg-hover: rgba(129, 140, 248, .12);--gp-shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--gp-shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--gp-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.page-container{width:100%;animation:pageFadeIn .3s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.page-header h2{margin:0;font-size:22px;font-weight:700;color:#1e293b}.page-header p{margin:2px 0 0;font-size:14px;color:#64748b}.bg-indigo{background:linear-gradient(135deg,#6366f1,#818cf8)}.bg-teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.bg-amber{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-orange{background:linear-gradient(135deg,#f97316,#fb923c)}.bg-violet{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.bg-sky{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.bg-rose{background:linear-gradient(135deg,#f43f5e,#fb7185)}.bg-emerald{background:linear-gradient(135deg,#10b981,#34d399)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-cards.stat-cards-6{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:14px;padding:20px;text-align:center;border:1px solid #f1f5f9;transition:all .25s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--stat-accent, #6366f1),transparent);opacity:0;transition:opacity .25s}.stat-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-number{font-size:30px;font-weight:800;color:#1e293b;line-height:1.2;word-break:break-all;overflow-wrap:anywhere}.stat-label{font-size:13px;color:#94a3b8;margin-top:4px;font-weight:500}.section-gap{margin-top:20px}.card-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.toolbar-actions .el-button+.el-button{margin-left:0}.el-card{border-radius:14px!important}.el-table th.el-table__cell{background-color:#f8fafc!important;font-weight:600;color:#475569}.el-dialog{border-radius:16px!important}.el-dialog__header{border-bottom:1px solid #f1f5f9;padding-bottom:16px!important}.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger{border-radius:8px}.el-pagination{justify-content:flex-end}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.el-table .el-button+.el-button{margin-left:6px}.el-table .cell .el-button{padding:5px 10px}@media (max-width: 1024px){.stat-cards{grid-template-columns:repeat(3,1fr)}.stat-number{font-size:26px}}@media (max-width: 768px){.stat-cards,.stat-cards.stat-cards-6{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px}.stat-number{font-size:22px}.page-header{gap:12px;margin-bottom:16px}.page-header h2{font-size:18px}.page-header p{font-size:12px}.page-header-icon{width:40px;height:40px}.el-dialog{width:92%!important;margin:16px auto!important}.el-drawer{width:85%!important}.card-toolbar{flex-wrap:wrap;gap:8px}.toolbar-actions{justify-content:flex-start;width:100%}}@media (max-width: 480px){.stat-cards,.stat-cards.stat-cards-6{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:20px}.stat-label{font-size:12px}}