@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";#app{height:100vh;width:100vw}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--el-color-primary: #FF6B35;--el-color-primary-light-3: #FF8A5A;--el-color-primary-light-5: #FFAB85;--el-color-primary-light-7: #FFCCB0;--el-color-primary-light-8: #FFDDCB;--el-color-primary-light-9: #FFEEE5;--el-color-primary-dark-2: #E55722}html.dark{--el-bg-color: #141414;--el-bg-color-page: #0a0a0a;--el-bg-color-overlay: #1d1d1d;--el-text-color-primary: #e5eaf3;--el-text-color-regular: #cfd3dc;--el-text-color-secondary: #a3a6ad;--el-text-color-placeholder: #8d9095;--el-text-color-disabled: #6c6e72;--el-border-color: #2c2c2c;--el-border-color-light: #262626;--el-border-color-lighter: #1f1f1f;--el-border-color-extra-light: #191919;--el-fill-color: #2c2c2c;--el-fill-color-light: #262626;--el-fill-color-lighter: #1f1f1f;--el-fill-color-extra-light: #191919;--el-fill-color-blank: #141414}.page-container{padding:20px;height:100%;overflow:auto}.content-wrapper{background:var(--el-bg-color);border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.card{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:8px;padding:20px;margin-bottom:20px}.stat-card{background:var(--el-bg-color);border:1px solid var(--el-border-color-light);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.stat-value{font-size:32px;font-weight:700;color:var(--el-color-primary);margin:8px 0}.stat-label{font-size:14px;color:var(--el-text-color-secondary);margin-bottom:4px}.stat-trend{font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px}.stat-trend.up{color:#67c23a}.stat-trend.down{color:#f56c6c}.table-container{background:var(--el-bg-color);border-radius:8px;padding:20px;border:1px solid var(--el-border-color-light)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-title{font-size:18px;font-weight:600;color:var(--el-text-color-primary)}.search-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-bar .el-input{width:240px}.search-bar .el-select{width:160px}.search-bar .el-date-picker{width:240px}.action-buttons{display:flex;gap:8px}.action-buttons .el-button{padding:8px 12px}.status-tag{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-tag.active{background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.status-tag.inactive{background-color:#fafafa;color:#525252;border:1px solid #e5e5e5}.status-tag.success{background-color:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.status-tag.warning{background-color:#fffbeb;color:#d97706;border:1px solid #fed7aa}.status-tag.danger{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}html.dark .status-tag.active{background-color:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}html.dark .status-tag.success{background-color:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}html.dark .status-tag.warning{background-color:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}html.dark .status-tag.danger{background-color:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}@media (max-width: 768px){.page-container{padding:12px}.content-wrapper{padding:16px}.search-bar{flex-direction:column}.search-bar .el-input,.search-bar .el-select,.search-bar .el-date-picker{width:100%}.table-header{flex-direction:column;align-items:flex-start;gap:16px}.action-buttons{width:100%;justify-content:flex-start}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-20px)}.slide-leave-to{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--el-fill-color-lighter)}::-webkit-scrollbar-thumb{background:var(--el-fill-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--el-text-color-placeholder)}