.permitContainer {
    width: 100%;
    height: 100%;
    // padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;

    .searchSection {
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;

        .leftButtons {
            display: flex;
            gap: 12px;

            .addButton {
                background-color: #52c41a;
                border-color: #52c41a;
                color: white;
                height: 32px;
                border-radius: 4px;
                display: flex;
                align-items: center;
                gap: 4px;

                &:hover {
                    background-color: #73d13d;
                    border-color: #73d13d;
                }
            }

            .importButton {
                background-color: white;
                border-color: #d9d9d9;
                color: #333;
                height: 32px;
                border-radius: 4px;

                &:hover {
                    border-color: #40a9ff;
                    color: #40a9ff;
                }
            }
        }

        .rightControls {
            display: flex;
            align-items: center;
            gap: 12px;

            .filterLabel {
                color: #333;
                font-size: 14px;
                white-space: nowrap;
            }

            .queryButton {
                background-color: #52c41a;
                border-color: #52c41a;
                color: white;
                height: 28px;
                border-radius: 4px;
                display: flex;
                align-items: center;
                justify-content: center;

                &:hover {
                    background-color: #73d13d;
                    border-color: #73d13d;
                }
            }

            .selectInput {
                :global {
                    .ant-select-selector {
                        display: flex;
                        align-items: center;
                        height: 28px !important;
                    }
                    
                    .ant-select-selection-item {
                        display: flex;
                        align-items: center;
                        line-height: 1;
                    }
                    
                    .ant-select-selection-placeholder {
                        display: flex;
                        align-items: center;
                        line-height: 1;
                    }
                }
            }
        }
    }

    .tableSection {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 0 20px 0;
      
        :global {
            .ant-spin-nested-loading {
                flex: 1;
                display: flex;
                flex-direction: column;
                overflow: hidden;
                margin: 0;
                padding: 0;

                .ant-spin-container {
                    flex: 1;
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    margin: 0;
                    padding: 0;

                    .ant-table-wrapper {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        overflow: hidden;
                        margin: 0;
                        padding: 0;

                        .ant-table {
                            flex: 1;
                            overflow: auto;
                            margin: 0;
                        }

                        .ant-table-pagination {
                            flex-shrink: 0;
                      
                        }
                    }
                }
            }

            .ant-table {
                font-size: 12px;

                .ant-table-thead > tr > th {
                    background-color: #fafafa;
                    font-weight: 400;
                    color: #000000D9;
                    border-right: none;
                    text-align: center;
                }

                .ant-table-tbody > tr > td {
                    border-right: none;
                    color: #000000D9;
                    font-weight: 400;
                    text-align: center;
                }

                .ant-table-tbody > tr:hover > td {
                    background-color: #f5f5f5;
                }

                a {
                    color: #1890ff;
                    text-decoration: none;

                    &:hover {
                        color: #40a9ff;
                    }
                }
            }

            .ant-pagination {
                text-align: right;
                margin-top: 70px !important;
            }
        }
    }
}
