*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation}#root{width:100%;height:100%}button,input,textarea,select{font:inherit}.app-shell{display:flex;min-height:100vh}.app-sider{position:fixed!important;left:0;top:0;z-index:10;height:100vh;flex-shrink:0;overflow-x:hidden;overflow-y:auto;background:#001529!important}.app-brand{padding:16px 20px;font-size:18px;font-weight:600;color:#fff;white-space:nowrap}.app-main{width:calc(100% - 170px);margin-left:170px;box-sizing:border-box}.app-header{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fff;font-size:16px;font-weight:600;box-shadow:0 1px #0505050f}.app-header-title{display:flex;align-items:center;min-width:0;gap:8px}.app-header-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{min-height:calc(100vh - 64px);padding:10px;background:#f0f2f5}.app-mobile-drawer .ant-drawer-title{color:#fff}.app-mobile-drawer .ant-drawer-close{color:#ffffffe0}.ant-layout{box-sizing:border-box}.ant-layout-sider-children,.ant-menu{border-right:none!important}.ant-table{font-size:13px}.ant-table-thead>tr>th{padding:8px 12px!important;height:40px;line-height:1.2}.ant-table-tbody>tr>td{padding:6px 12px!important;height:36px;line-height:1.2}.ant-table-wrapper{font-size:13px}.ant-table-bordered .ant-table-thead>tr>th,.ant-table-bordered .ant-table-tbody>tr>td{border-color:#d9d9d9!important}.ant-pagination{margin-top:8px!important}.ant-pagination-item{min-height:28px;line-height:26px}.ant-table-small .ant-table-thead>tr>th,.ant-table-small .ant-table-tbody>tr>td{padding:4px 8px!important}*::-webkit-scrollbar{width:8px!important;height:8px!important}*::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}*::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.fixed-height-table .ant-table-body{min-height:var(--table-content-min-height, 400px)!important;overflow-y:scroll!important}.fixed-height-table tbody.ant-table-tbody>tr>td{height:var(--tbody-row-height, 36px)}@media (max-width: 991px),(hover: none) and (pointer: coarse){html,body,#root{min-width:0;height:100%}.app-shell{display:block}.app-main{width:100%;margin-left:0}.app-header{height:56px;padding:0 10px;font-size:15px}.app-user-button{max-width:150px;overflow:hidden}.app-user-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{min-height:calc(100vh - 56px);padding:8px}.app-content .ant-card{border-radius:8px}.app-content .ant-card-head{min-height:44px;padding:0 12px}.app-content .ant-card-head-wrapper{gap:8px;align-items:center}.app-content .ant-card-head-title{flex:1 1 auto;min-width:0;padding:10px 0;font-size:15px;white-space:normal}.app-content .ant-card-extra{flex:0 1 auto;min-width:0;padding:8px 0}.app-content .ant-card-body{padding:12px}.app-content .ant-row{row-gap:12px!important}.app-content .ant-col{flex:0 0 100%!important;max-width:100%!important}.app-content .ant-space{max-width:100%}.app-content .ant-space-horizontal{row-gap:8px}.app-content .ant-space-item,.app-content .ant-select,.app-content .ant-picker,.app-content .ant-input,.app-content .ant-input-number,.app-content .ant-input-affix-wrapper{max-width:100%}.app-content .ant-table-wrapper{width:100%;overflow-x:auto}.app-content .ant-table{font-size:12px}.app-content .ant-table-thead>tr>th,.app-content .ant-table-tbody>tr>td{padding:8px 6px!important}.app-content .ant-pagination{justify-content:center}.app-content .ant-statistic-content{font-size:20px}.app-content .page-header{flex-direction:column;align-items:stretch;gap:12px}.app-content .page-header h2{font-size:17px}.app-content .ant-card-extra>.ant-space,.app-content .ant-card-body>.ant-space{display:flex;flex-wrap:wrap;width:100%}.app-content .ant-card-extra>.ant-space>.ant-space-item,.app-content .ant-card-body>.ant-space>.ant-space-item{flex:1 1 150px}.app-content .ant-card-extra .ant-input,.app-content .ant-card-extra .ant-input-affix-wrapper,.app-content .ant-card-extra .ant-select,.app-content .ant-card-extra .ant-btn,.app-content .ant-card-body>.ant-space .ant-input,.app-content .ant-card-body>.ant-space .ant-input-affix-wrapper,.app-content .ant-card-body>.ant-space .ant-input-number,.app-content .ant-card-body>.ant-space .ant-select,.app-content .ant-card-body>.ant-space .ant-btn{width:100%!important}.app-content .ant-tabs-nav{margin-bottom:8px}.app-content .ant-tabs-tab{padding:8px 10px}.users-page,.roles-page,.permissions-page{padding:12px;border-radius:8px}.login-container{align-items:stretch;padding:20px 12px}.login-box{width:100%;max-width:400px;margin:auto;padding:28px 20px}}@media (max-width: 480px){.app-content .ant-card-head{flex-wrap:wrap}.app-content .ant-btn{max-width:100%}.app-content .ant-modal{max-width:calc(100vw - 16px)}.app-content .ant-pagination-options{display:none}}
