html,body,#app{width:100%;margin:0}#app{min-height:100vh}:root{--color-primary: #2f6bff;--color-primary-hover: #4d83ff;--color-primary-active: #2455d6;--color-success: #18a058;--color-success-hover: #36b374;--color-success-bg: #e8f5ee;--color-warning: #e6a23c;--color-warning-hover: #eebb62;--color-warning-bg: #fdf6ec;--color-danger: #f53f3f;--color-danger-hover: #f76560;--color-danger-bg: #ffece8;--color-info: #86909c;--color-link: #2f6bff;--text-primary: #1f2329;--text-regular: #4e5969;--text-secondary: #86909c;--text-placeholder: #c0c4cc;--text-inverse: #ffffff;--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-hover: #f2f3f5;--bg-sidebar: #0f1b2d;--bg-sidebar-hover: #16263c;--bg-sidebar-active: #2f6bff;--bg-tag: #f2f3f5;--border-color: #e5e6eb;--border-light: #eff0f2;--border-strong: #d0d3d9;--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: 22px;--font-size-3xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-base: 1.5;--line-height-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--radius-xs: 2px;--radius-sm: 4px;--radius-base: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-base: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .12);--layout-sidebar-width: 232px;--layout-sidebar-collapsed-width: 64px;--layout-header-height: 56px;--layout-mobile-header-height: 48px;--layout-content-padding: 20px;--layout-container-max: 1440px;--card-padding: 20px;--table-row-height: 52px;--table-header-bg: #fafbfc;--table-stripe-bg: #fafbfc;--dialog-width-base: 520px;--dialog-width-lg: 720px;--drawer-width: 460px;--form-label-width: 100px;--control-height: 32px;--control-height-lg: 40px;--transition-fast: .15s ease;--transition-base: .2s ease;--z-header: 100;--z-drawer: 200;--z-dialog: 300}.admin-sidebar-popup,.admin-sidebar-popup .el-menu{background-color:var(--bg-sidebar)!important;color:var(--text-inverse)}.admin-sidebar-popup .el-menu-item{color:var(--text-inverse)}.admin-sidebar-popup .el-menu-item:not(.is-active):hover{background-color:var(--bg-sidebar-hover)!important}.admin-sidebar-popup .el-menu-item.is-active{background-color:var(--bg-sidebar-active)!important;color:#fff!important}:root{--el-color-primary: var(--color-primary);--el-color-primary-light-3: #6f9bff;--el-color-primary-light-5: #a8c0ff;--el-color-primary-light-7: #c9d8ff;--el-color-primary-light-8: #dde7ff;--el-color-primary-light-9: #eef3ff;--el-color-primary-dark-2: var(--color-primary-active);--el-color-success: var(--color-success);--el-color-success-light-3: color-mix(in srgb, var(--color-success) 70%, #fff);--el-color-success-light-5: color-mix(in srgb, var(--color-success) 50%, #fff);--el-color-success-light-7: color-mix(in srgb, var(--color-success) 30%, #fff);--el-color-success-light-8: color-mix(in srgb, var(--color-success) 20%, #fff);--el-color-success-light-9: var(--color-success-bg);--el-color-success-dark-2: color-mix(in srgb, var(--color-success) 80%, #000);--el-color-warning: var(--color-warning);--el-color-warning-light-3: color-mix(in srgb, var(--color-warning) 70%, #fff);--el-color-warning-light-5: color-mix(in srgb, var(--color-warning) 50%, #fff);--el-color-warning-light-7: color-mix(in srgb, var(--color-warning) 30%, #fff);--el-color-warning-light-8: color-mix(in srgb, var(--color-warning) 20%, #fff);--el-color-warning-light-9: var(--color-warning-bg);--el-color-warning-dark-2: color-mix(in srgb, var(--color-warning) 80%, #000);--el-color-danger: var(--color-danger);--el-color-danger-light-3: color-mix(in srgb, var(--color-danger) 70%, #fff);--el-color-danger-light-5: color-mix(in srgb, var(--color-danger) 50%, #fff);--el-color-danger-light-7: color-mix(in srgb, var(--color-danger) 30%, #fff);--el-color-danger-light-8: color-mix(in srgb, var(--color-danger) 20%, #fff);--el-color-danger-light-9: var(--color-danger-bg);--el-color-danger-dark-2: color-mix(in srgb, var(--color-danger) 80%, #000);--el-color-error: var(--color-danger);--el-color-error-light-3: color-mix(in srgb, var(--color-danger) 70%, #fff);--el-color-error-light-5: color-mix(in srgb, var(--color-danger) 50%, #fff);--el-color-error-light-7: color-mix(in srgb, var(--color-danger) 30%, #fff);--el-color-error-light-8: color-mix(in srgb, var(--color-danger) 20%, #fff);--el-color-error-light-9: var(--color-danger-bg);--el-color-error-dark-2: color-mix(in srgb, var(--color-danger) 80%, #000);--el-color-info: var(--color-info);--el-color-info-light-3: color-mix(in srgb, var(--color-info) 70%, #fff);--el-color-info-light-5: color-mix(in srgb, var(--color-info) 50%, #fff);--el-color-info-light-7: color-mix(in srgb, var(--color-info) 30%, #fff);--el-color-info-light-8: color-mix(in srgb, var(--color-info) 20%, #fff);--el-color-info-light-9: var(--bg-hover);--el-color-info-dark-2: color-mix(in srgb, var(--color-info) 80%, #000);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-regular);--el-text-color-secondary: var(--text-secondary);--el-text-color-placeholder: var(--text-placeholder);--el-border-color: var(--border-color);--el-border-color-light: var(--border-light);--el-border-color-lighter: var(--border-light);--el-fill-color: var(--bg-hover);--el-fill-color-light: var(--bg-hover);--el-fill-color-blank: var(--bg-card);--el-bg-color: var(--bg-card);--el-bg-color-overlay: var(--bg-card);--el-border-radius-base: var(--radius-base);--el-border-radius-small: var(--radius-sm);--el-font-size-base: var(--font-size-base);--el-font-size-small: var(--font-size-sm)}.el-table{--el-table-header-bg-color: var(--table-header-bg);--el-table-border-color: var(--border-light);--el-table-row-hover-bg-color: var(--el-color-primary-light-9);color:var(--text-regular);border-radius:var(--radius-base);overflow:hidden}.el-table th.el-table__cell{color:var(--text-regular);font-weight:var(--font-weight-semibold)}.el-table td.el-table__cell,.el-table th.el-table__cell{border-bottom-color:var(--border-light)}.el-pagination{display:flex;flex-wrap:wrap;align-items:center;row-gap:var(--space-2)}.el-form-item__label{color:var(--text-regular)}.el-dialog{border-radius:var(--radius-lg);overflow:hidden}.el-dialog__header{border-bottom:1px solid var(--border-light);margin-right:0;padding-bottom:var(--space-4)}.el-dialog__footer{border-top:1px solid var(--border-light)}.app-page{width:100%;max-width:var(--layout-container-max);margin:0 auto;padding:var(--layout-content-padding);box-sizing:border-box}.card-block{margin-bottom:var(--space-4)}.app-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--card-padding);box-shadow:var(--shadow-sm);box-sizing:border-box}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.page-header__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.toolbar__spacer{flex:1 1 auto}.toolbar__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-placeholder)}.text-regular{color:var(--text-regular)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary)}.text-bold{font-weight:var(--font-weight-semibold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.table-dense .el-table__row td{padding-top:10px;padding-bottom:10px}.table-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm)}.btn-group{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.list-pagination{display:flex;margin-top:var(--space-4);justify-content:flex-end}.el-dialog{max-width:calc(100vw - 32px);box-sizing:border-box}.el-dialog.dlg-base{width:var(--dialog-width-base)!important;max-width:calc(100vw - 32px)}.el-dialog.dlg-lg{width:var(--dialog-width-lg)!important;max-width:calc(100vw - 32px)}.el-dialog.dlg-lg .el-dialog__body{max-height:calc(100vh - 270px)!important;overflow-y:auto;padding-right:24px}.el-dialog.dlg-lg .el-dialog__footer{border-top:1px solid var(--el-border-color-lighter)}.el-drawer{max-width:calc(100vw - 32px);box-sizing:border-box}.el-drawer.drawer-base{width:var(--drawer-width)!important}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--border-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@media(max-width:768px){.page-header:not(.page-header--with-actions){display:none}.page-header--with-actions .page-header__titles{display:none}.toolbar .el-form-item,.card-block>.el-form.el-form--inline .el-form-item{width:100%;margin-right:0}.toolbar .el-form-item .el-form-item__content,.card-block>.el-form.el-form--inline .el-form-item .el-form-item__content{width:100%}.toolbar .el-form-item .el-form-item__content .el-select,.toolbar .el-form-item .el-form-item__content .el-input,.card-block>.el-form.el-form--inline .el-form-item .el-form-item__content .el-select,.card-block>.el-form.el-form--inline .el-form-item .el-form-item__content .el-input{width:100%!important}.toolbar .el-form-item:last-child,.card-block>.el-form.el-form--inline .el-form-item:last-child{margin-bottom:0}.page-header__actions{width:100%;justify-content:stretch}.page-header__actions .el-button{flex:1 1 0;min-width:0}.list-pagination{justify-content:center}}.form-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--color-primary)}