:root{--bg: #080810;--bg2: #0F0F1A;--bg3: #171726;--bg4: #1E1E2E;--text: #F5F5F7;--text2: #AEAEB2;--text3: #636366;--border: #252540;--accent: #0A84FF;--accent2: #BF5AF2;--green: #30D158;--yellow: #FFD60A;--red: #FF453A;--orange: #FF9F0A;--sidebar-w: 240px;--sidebar-collapsed: 64px;--header-h: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#nprogress .bar{background:var(--accent)!important;height:2px!important}#nprogress .peg{box-shadow:0 0 10px var(--accent),0 0 5px var(--accent)!important}.card{background:linear-gradient(145deg,var(--bg2),rgba(12,12,22,.95));border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 0 0 1px #ffffff06 inset,var(--shadow-sm);transition:border-color .25s ease,box-shadow .25s ease}.card:hover{border-color:#0a84ff2e;box-shadow:0 0 0 1px #0a84ff0d inset,var(--shadow-md)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.el-table{--el-table-bg-color: var(--bg2) !important;--el-table-tr-bg-color: var(--bg2) !important;--el-table-header-bg-color: var(--bg4) !important;--el-table-border-color: var(--border) !important;--el-table-text-color: var(--text) !important;--el-table-header-text-color: var(--text2) !important;--el-table-row-hover-bg-color: rgba(10,132,255,.05) !important;border-radius:var(--radius-md);overflow:hidden}.el-table__row{height:48px}.el-table th.el-table__cell{font-size:11px;text-transform:uppercase;letter-spacing:.6px}:deep(.nowrap-cell .cell){white-space:nowrap!important;overflow:visible!important}.el-dialog{--el-dialog-bg-color: var(--bg2) !important;--el-dialog-border-radius: var(--radius-lg) !important;border:1px solid var(--border)}.el-input__wrapper,.el-textarea__inner{background:var(--bg4)!important;border-color:var(--border)!important;box-shadow:none!important}.el-input__wrapper:hover,.el-textarea__inner:hover{border-color:var(--accent)!important}.el-input__inner,.el-textarea__inner{color:var(--text)!important}.el-select-dropdown{background:var(--bg3)!important;border-color:var(--border)!important}.el-select-dropdown__item{color:var(--text2)!important}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:var(--bg4)!important;color:var(--text)!important}.el-button--primary{background:var(--accent)!important;border-color:var(--accent)!important}.el-button--primary:hover{background:#1a8fff!important;border-color:#1a8fff!important}.el-tag{border-radius:6px}.el-pagination{--el-pagination-bg-color: transparent !important;--el-pagination-button-bg-color: var(--bg3) !important;--el-text-color-primary: var(--text) !important;justify-content:flex-end;margin-top:20px}.el-form-item__label{color:var(--text2)!important}.el-divider{border-color:var(--border)!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.success{background:#30d15826;color:var(--green)}.badge.danger{background:#ff453a26;color:var(--red)}.badge.warning{background:#ffd60a26;color:var(--yellow)}.badge.info{background:#0a84ff26;color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a3a5c}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .15s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text3);gap:12px}.empty-state .empty-icon{font-size:40px;opacity:.5}.empty-state .empty-text{font-size:14px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-12{gap:12px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-muted{color:var(--text3);font-size:12px}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.fw-600{font-weight:600}.fw-700{font-weight:700}