*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #9c27b0;--primary-light: #ab47bc;--primary-dark: #7b1fa2;--background-color: #f5f5f5;--text-primary: #2C2C2C;--text-secondary: #595959;--border-color: #e8e8e8;--success-color: #52C41A;--error-color: #FF4D4F;--warning-color: #FAAD14;--shadow-sm: 0 2px 8px rgba(156, 39, 176, .08);--shadow-md: 0 4px 16px rgba(156, 39, 176, .12);--shadow-lg: 0 8px 24px rgba(156, 39, 176, .16);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:var(--spacing-lg);position:relative}.login-logo{position:absolute;top:32px;left:32px;width:160px;height:auto;z-index:10;object-fit:contain}.login-box{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid #e8e8e8;box-shadow:0 2px 12px #00000014;width:100%;max-width:420px;position:relative;z-index:1}.login-title{text-align:center;color:var(--primary-color);font-size:24px;font-weight:600;margin-bottom:var(--spacing-xl)}.main-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--primary-color);color:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs)}.sidebar-welcome{font-size:12px;opacity:.8}.sidebar-menu{flex:1;overflow-y:auto;padding:var(--spacing-md)}.menu-item{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.menu-item:hover{background:#ffffff1a}.menu-item.active{background:#fff3;font-weight:500}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{background:#fff;padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.content-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-title{font-size:16px;font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.card-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.data-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:#f5f5f5;font-weight:600;color:var(--text-primary)}.data-table tr:hover{background:#fafafa}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #9c27b01a}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#fafafa}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover{background:#d32f2f}@media (max-width: 768px){body{font-size:12px}.login-logo{top:16px;left:16px;width:120px}.login-container{padding:12px;background-color:#f5f5f5}.login-box{padding:20px 16px;max-width:100%;border:1px solid #e8e8e8}.login-title{font-size:18px;margin-bottom:16px}.main-layout{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto}.sidebar-header{padding:12px;min-width:150px;border-right:1px solid rgba(255,255,255,.1);border-bottom:none}.sidebar-title{font-size:14px;margin-bottom:4px}.sidebar-welcome{font-size:10px}.sidebar-menu{display:flex;flex-direction:row;padding:8px;overflow-x:auto;white-space:nowrap}.menu-item{padding:8px 12px;margin-bottom:0;margin-right:6px;font-size:12px;min-width:auto}.content-header{padding:10px 12px;flex-wrap:wrap}.content-body{padding:12px}.card{padding:12px;margin-bottom:12px;border-radius:6px;border:1px solid var(--border-color)}.card-title{font-size:14px;margin-bottom:10px}.card-actions{flex-wrap:wrap;gap:6px}.data-table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap}.data-table th,.data-table td{padding:6px 8px}.form-group{margin-bottom:10px}.form-label{font-size:12px;margin-bottom:4px}.form-input{padding:8px;font-size:12px}.btn{padding:6px 10px;font-size:12px;gap:4px}.ant-btn{height:auto;padding:6px 10px;font-size:12px}.ant-btn-lg{height:auto;padding:8px 12px;font-size:13px}.ant-btn-sm{height:auto;padding:4px 8px;font-size:11px}.ant-input{padding:6px 8px;font-size:12px}.ant-select-selector{padding:4px 8px!important;font-size:12px!important}.ant-card{margin-bottom:12px;border:1px solid var(--border-color)}.ant-card-head{padding:10px 12px;font-size:14px}.ant-card-body{padding:12px}.ant-table{font-size:11px}.ant-table-thead>tr>th{padding:8px}.ant-table-tbody>tr>td{padding:8px}.ant-modal-content{margin:12px}.ant-modal-header{padding:12px 16px}.ant-modal-body{padding:16px}.ant-modal-footer{padding:10px 16px}.ant-picker-dropdown{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:320px;margin:0 auto!important;z-index:1050!important}.ant-form-item{margin-bottom:12px}.ant-form-item-label{padding-bottom:4px}.ant-form-item-label>label{font-size:12px}.ant-space{gap:6px!important}.ant-space-item{margin-right:0!important}.ant-layout-header{padding:0 12px;height:auto;line-height:normal}.ant-layout-sider{position:fixed!important;left:-100%;top:0;height:100vh;z-index:1000;transition:left .3s ease}.ant-layout-sider.mobile-open{left:0}.ant-layout-content{margin-left:0!important}.ant-statistic{font-size:12px}.ant-statistic-title{font-size:11px}.ant-statistic-content{font-size:16px}.ant-tag{padding:2px 6px;font-size:11px}.ant-pagination{font-size:12px}.ant-pagination-item{min-width:28px;height:28px;line-height:26px}.ant-dropdown-menu{font-size:12px}.ant-dropdown-menu-item{padding:6px 10px}.ant-avatar-lg{width:36px;height:36px}.ant-descriptions-item-label{font-size:11px}.ant-descriptions-item-content{font-size:12px}#training-detail-view{width:1000px!important;min-width:1000px!important;max-width:1000px!important;padding:16px!important;background:#fff!important;font-size:14px!important}#training-detail-view *{max-width:none!important}#training-detail-view .ant-descriptions-item-label{font-size:12px!important}#training-detail-view .ant-descriptions-item-content{font-size:14px!important}#training-detail-view .ant-table{font-size:12px!important}#training-detail-view .ant-table-thead>tr>th{padding:12px!important}#training-detail-view .ant-table-tbody>tr>td{padding:12px!important}*{max-width:100%}.ant-table-wrapper{overflow-x:auto}.ant-table-wrapper::-webkit-scrollbar{height:4px}.ant-table-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}@media (max-width: 480px){body{font-size:11px}.login-logo{top:12px;left:12px;width:100px}.login-box{padding:16px 12px;border:1px solid #e8e8e8}.login-title{font-size:16px}.card{padding:10px;border:1px solid var(--border-color)}.card-title{font-size:13px}.btn,.ant-btn{padding:5px 8px;font-size:11px}.data-table{font-size:10px}.data-table th,.data-table td{padding:4px 6px}}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.ant-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-btn-primary:hover{background:var(--primary-light)!important;border-color:var(--primary-light)!important}.ant-input:focus,.ant-input-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #9c27b01a!important}.ant-table-thead>tr>th{background:#f5f5f5!important;color:var(--text-primary)!important;font-weight:600!important}.ant-menu-item-selected{background:#fff3!important}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)!important}.ant-tabs-ink-bar{background:var(--primary-color)!important}