:root{--primary-color: #1890ff;--secondary-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--text-color: #333333;--text-color-secondary: #666666;--border-color: #e8e8e8;--background-color: #ffffff;--background-color-light: #f5f5f5}[data-theme=dark]{--primary-color: #1890ff;--secondary-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--info-color: #1890ff;--text-color: #ffffff;--text-color-secondary: #cccccc;--border-color: #444444;--background-color: #1f1f1f;--background-color-light: #2c2c2c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--background-color-light)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.sidebar{width:200px;background-color:var(--background-color);border-right:1px solid var(--border-color);min-height:calc(100vh - 64px);padding:20px 0}.content{flex:1;padding:20px;min-height:calc(100vh - 64px);background-color:var(--background-color-light)}.main-layout{display:flex}.form-item{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:var(--background-color);color:var(--text-color)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.btn{padding:8px 16px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#40a9ff}.btn-secondary{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:#ff4d4f}.card{background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.table{width:100%;border-collapse:collapse;background-color:var(--background-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--background-color-light);font-weight:600}.table tr:hover{background-color:#00000005}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);border-radius:8px;padding:24px;width:90%;max-width:600px;box-shadow:0 4px 12px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-color-secondary)}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.badge-success{background-color:#52c41a1a;color:var(--secondary-color)}.badge-warning{background-color:#faad141a;color:var(--warning-color)}.badge-error{background-color:#f5222d1a;color:var(--error-color)}.badge-info{background-color:#1890ff1a;color:var(--info-color)}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar{width:100%;min-height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.content{min-height:calc(100vh - 128px)}}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;left:-220px!important;top:56px!important;bottom:0!important;z-index:999!important;transition:left .3s ease!important;height:calc(100vh - 56px)!important;box-shadow:2px 0 8px #00000026!important;width:200px!important;min-width:200px!important;max-width:200px!important;flex:0 0 200px!important}.ant-layout-sider.mobile-open{left:0!important}.ant-layout-has-sider>.ant-layout-sider{position:fixed!important}.ant-layout-has-sider>.ant-layout{margin-left:0!important;width:100%!important}.ant-layout-sider-trigger{display:none!important}.ant-layout-content{padding:12px!important;margin-left:0!important}.ant-layout-header{padding:0 12px!important;position:sticky!important;top:0!important;z-index:1000!important}.ant-table{overflow-x:auto!important;font-size:12px!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 6px!important;white-space:nowrap!important}.ant-form-item{margin-bottom:12px!important}.ant-btn{margin-bottom:8px!important;width:100%!important}.ant-btn-group{width:100%!important}.ant-btn-group>.ant-btn{width:auto!important}.ant-modal{width:95%!important;max-width:95%!important;margin:10px auto!important}.ant-modal-body{padding:16px!important;max-height:60vh!important;overflow-y:auto!important}.ant-space{flex-wrap:wrap!important;width:100%!important}.ant-card{margin-bottom:12px!important;padding:12px!important}.ant-card-head,.ant-card-body{padding:12px!important}.ant-select{width:100%!important;margin-bottom:8px!important}.ant-input{margin-bottom:8px!important}.ant-picker{width:100%!important;margin-bottom:8px!important}.ant-dropdown-menu{max-height:60vh!important;overflow-y:auto!important}.ant-drawer-body{padding:12px!important}.ant-pagination{flex-wrap:wrap!important;justify-content:center!important}.ant-input-search{width:100%!important;margin-bottom:8px!important}h1,h2,h3,h4,h5,h6{font-size:1.2em!important;margin-top:8px!important;margin-bottom:8px!important}.ant-table-tbody>tr>td:last-child .ant-btn{width:auto!important;margin-bottom:4px!important;margin-right:4px!important}img{max-width:100%!important;height:auto!important}.ant-list-item{padding:12px 8px!important}.ant-tag{margin-bottom:4px!important}.ant-progress{margin-bottom:8px!important}.ant-steps{flex-wrap:wrap!important}.ant-message,.ant-notification{left:50%!important;right:auto!important;transform:translate(-50%)!important}.mobile-overlay{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;z-index:998!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-layout-content{padding:16px!important}.ant-layout-sider{width:180px!important;max-width:180px!important;min-width:180px!important}.ant-table{overflow-x:auto;font-size:13px!important}.ant-space{flex-wrap:wrap!important}.ant-card{margin-bottom:16px!important}}.responsive-table{overflow-x:auto}.responsive-form{width:100%}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr}}@media (max-width: 768px){button,[role=button],.ant-btn,.ant-list-item-action>li,.ant-pagination-item,.ant-checkbox-wrapper,.ant-radio-wrapper{min-height:44px!important;min-width:44px!important}}