*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#0f172a}.page-container{padding:24px;min-height:100vh;background-color:#f8fafc}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:20px;font-weight:600;color:#0f172a}.card-container{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid #f1f5f9;padding:24px}.stat-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid #f1f5f9}.stat-number{font-size:32px;font-weight:700;color:#0f172a}.stat-label{font-size:13px;color:#94a3b8;margin-top:8px}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .15);--primary-bg: rgba(59, 130, 246, .08);--sidebar-bg: linear-gradient(180deg, #0c1929 0%, #112240 100%);--success-color: #10b981;--success-dark: #059669;--warning-color: #f59e0b;--warning-dark: #d97706;--danger-color: #ef4444;--danger-dark: #dc2626;--info-color: #06b6d4;--info-dark: #0891b2}.el-button--primary{background:#3b82f6;border:none;box-shadow:0 2px 8px #3b82f659;border-radius:10px}.el-button--primary:hover{background:#2563eb;box-shadow:0 4px 14px #3b82f673}.el-button--success{background:#10b981;border:none;border-radius:10px}.el-button--success:hover{background:#059669}.el-button--warning{background:#f59e0b;border:none;border-radius:10px}.el-button--warning:hover{background:#d97706}.el-button--danger{background:#ef4444;border:none;border-radius:10px}.el-button--danger:hover{background:#dc2626}.el-button--small:not(.is-circle){border-radius:10px;padding-left:14px;padding-right:14px}.el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger){border-radius:10px}.el-input__wrapper{border-radius:10px;&:focus-within{box-shadow:0 0 0 3px #3b82f626}}.el-select .el-input__wrapper{border-radius:10px}.el-table{--el-table-header-text-color: #475569;--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: rgba(59, 130, 246, .04);--el-table-row-hover-text-color: #0f172a;--el-table-tr-bg-color: #fff}.el-table .el-table__header th{background:#f8fafc;font-weight:600;font-size:13px;padding:12px 8px;border-bottom:1px solid #e2e8f0;white-space:nowrap!important}.el-table .el-table__fixed-right .el-table__header th,.el-table .el-table__fixed .el-table__header th,.el-table .el-table__fixed-left .el-table__header th,.el-table .el-table__fixed-right .el-table__header-wrapper th,.el-table .el-table__fixed-left .el-table__header-wrapper th{background:#f8fafc!important}.el-table .el-table__header th .cell{white-space:nowrap!important;word-break:keep-all!important}.el-table .el-table__body td{padding:12px 8px;font-size:13px;color:#334155;border-bottom:1px solid #f8fafc}.el-dialog{border-radius:14px;overflow:hidden;.el-dialog__header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 24px}.el-dialog__title{font-size:16px;font-weight:600;color:#0f172a}.el-dialog__body{padding:24px}}.el-form-item__label{font-weight:500;color:#334155}.el-tag{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.el-tag--success{background:#10b9811a;color:#10b981;border:none}.el-tag--warning{background:#f59e0b1a;color:#f59e0b;border:none}.el-tag--danger{background:#ef44441a;color:#ef4444;border:none}.el-tag--info{background:#06b6d41a;color:#06b6d4;border:none}.el-pagination{margin-top:20px;text-align:right;.el-pager li{border-radius:6px;margin:0 4px;&.is-active{background:#3b82f6;color:#fff;border-color:transparent}}}.el-badge__content{border-radius:10px;padding:0 6px;min-width:18px;height:18px;line-height:18px;font-size:12px}.el-menu-item.is-active{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#60a5fa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;&:hover{background:#94a3b8}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-primary{color:#3b82f6}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-info{color:#06b6d4}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}