@charset "UTF-8";
:root {
  --color-dark: #142030;
  --color-dark-button: #142030;
  --color-dark-light: #3f4e60;
  --color-dark-contrast: #ffffff;
  --color-light: #ffffff;
  --color-light-button: #ffffff;
  --color-light-light: #ffffff;
  --color-light-contrast: #142030;
  --color-danger: #eb445a;
  --color-danger-button: #eb445a;
  --color-danger-light: #f16b7d;
  --color-danger-contrast: #ffffff;
  --color-success: #2dd36f;
  --color-success-button: #2dd36f;
  --color-success-light: #55e08d;
  --color-success-contrast: #ffffff;
  --color-warning: #ffc409;
  --color-warning-button: #ffc409;
  --color-warning-light: #ffd54b;
  --color-warning-contrast: #000000;
  --color-medium: #999;
  --color-medium-button: #999;
  --color-medium-light: #ccc;
  --color-medium-contrast: #ffffff;
  --color-primary: #1890ff;
  --color-primary-button: #1890ff;
  --color-primary-light: #40a9ff;
  --color-primary-contrast: #ffffff;
  --font-size-maximum: 24px;
  --font-size-bigger: 20px;
  --font-size-large: 16px;
  --font-size: 14px;
  --font-size-small: 12px;
  --font-size-tiny: 10px;
  --radius-width: 5px;
  --space-width: 12px;
  --space-width-half: 6px;
  --background: #f9f9f9;
  --hover-background: #eee;
  --light-background: #ffffff;
  --border-color: #ddd;
  --border-color-light: #eee;
  --button-height-maximum: 96px;
  --button-height-bigger: 72px;
  --button-height-large: 48px;
  --button-height: 38px;
  --button-height-small: 30px;
  --button-height-tiny: 24px;
  --fa-style-family: "Font Awesome 6";
  --color-base: var(--color-light);
  --color-base-button: var(--color-light-button);
  --color-base-light: var(--color-light-light);
  --color-base-contrast: var(--color-light-contrast);
}

body, html {
  font-size: var(--font-size);
  padding: 0;
  margin: 0;
  font-weight: normal;
  color: var(--color-dark);
  background: var(--background);
  font-family: Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.padding {
  padding: var(--space-width);
}

.padding-half {
  padding: var(--space-width-half);
}

.padding-start-half {
  padding-left: var(--space-width-half);
}

.padding-end-half {
  padding-right: var(--space-width-half);
}

.auto-margin {
  margin: 0 auto;
}

.margin {
  margin: var(--space-width);
}

.margin-half {
  margin: var(--space-width-half);
}

.border {
  border: solid 1px var(--border-color);
}
.border.hover-border {
  cursor: pointer;
  transition: border-color 0.3s;
}
.border.hover-border:hover {
  border-color: var(--color-primary);
}

.border-dashed {
  border: dashed 1px var(--border-color);
}
.border-dashed.hover-border {
  cursor: pointer;
  transition: border-color 0.3s;
}
.border-dashed.hover-border:hover {
  border-color: var(--color-primary);
}

.padding-left {
  padding-left: var(--space-width);
}

.padding-left-half {
  padding-left: var(--space-width-half);
}

.margin-left {
  margin-left: var(--space-width);
}

.margin-left-half {
  margin-left: var(--space-width-half);
}

.border-left {
  border-left: solid 1px var(--border-color);
}

.padding-top {
  padding-top: var(--space-width);
}

.padding-top-half {
  padding-top: var(--space-width-half);
}

.margin-top {
  margin-top: var(--space-width);
}

.margin-top-half {
  margin-top: var(--space-width-half);
}

.border-top {
  border-top: solid 1px var(--border-color);
}

.padding-right {
  padding-right: var(--space-width);
}

.padding-right-half {
  padding-right: var(--space-width-half);
}

.margin-right {
  margin-right: var(--space-width);
}

.margin-right-half {
  margin-right: var(--space-width-half);
}

.border-right {
  border-right: solid 1px var(--border-color);
}

.padding-bottom {
  padding-bottom: var(--space-width);
}

.padding-bottom-half {
  padding-bottom: var(--space-width-half);
}

.margin-bottom {
  margin-bottom: var(--space-width);
}

.margin-bottom-half {
  margin-bottom: var(--space-width-half);
}

.border-bottom {
  border-bottom: solid 1px var(--border-color);
}

.dark {
  --color-base: var(--color-dark);
  --color-base-button: var(--color-dark-light);
  --color-base-light: var(--color-dark-light);
  --color-base-contrast: var(--color-dark-contrast);
}

.dark-text {
  color: var(--color-dark);
}

.dark-background {
  background-color: var(--color-dark);
  color: var(--color-dark-contrast);
}

.dark-border {
  --border-color: var(--color-dark);
  border-color: var(--color-dark);
}

.primary {
  --color-base: var(--color-primary);
  --color-base-button: var(--color-primary-light);
  --color-base-light: var(--color-primary-light);
  --color-base-contrast: var(--color-primary-contrast);
}

.primary-text {
  color: var(--color-primary);
}

.primary-background {
  background-color: var(--color-primary);
  color: var(--color-primary-contrast);
}

.primary-border {
  --border-color: var(--color-primary);
  border-color: var(--color-primary);
}

.success {
  --color-base: var(--color-success);
  --color-base-button: var(--color-success-light);
  --color-base-light: var(--color-success-light);
  --color-base-contrast: var(--color-success-contrast);
}

.success-text {
  color: var(--color-success);
}

.success-background {
  background-color: var(--color-success);
  color: var(--color-success-contrast);
}

.success-border {
  --border-color: var(--color-success);
  border-color: var(--color-success);
}

.warning {
  --color-base: var(--color-warning);
  --color-base-button: var(--color-warning-light);
  --color-base-light: var(--color-warning-light);
  --color-base-contrast: var(--color-warning-contrast);
}

.warning-text {
  color: var(--color-warning);
}

.warning-background {
  background-color: var(--color-warning);
  color: var(--color-warning-contrast);
}

.warning-border {
  --border-color: var(--color-warning);
  border-color: var(--color-warning);
}

.danger {
  --color-base: var(--color-danger);
  --color-base-button: var(--color-danger-light);
  --color-base-light: var(--color-danger-light);
  --color-base-contrast: var(--color-danger-contrast);
}

.danger-text {
  color: var(--color-danger);
}

.danger-background {
  background-color: var(--color-danger);
  color: var(--color-danger-contrast);
}

.danger-border {
  --border-color: var(--color-danger);
  border-color: var(--color-danger);
}

.medium {
  --color-base: var(--color-medium);
  --color-base-button: var(--color-medium-light);
  --color-base-light: var(--color-medium-light);
  --color-base-contrast: var(--color-medium-contrast);
}

.medium-text {
  color: var(--color-medium);
}

.medium-background {
  background-color: var(--color-medium);
  color: var(--color-medium-contrast);
}

.medium-border {
  --border-color: var(--color-medium);
  border-color: var(--color-medium);
}

.light {
  --color-base: var(--color-light);
  --color-base-button: var(--color-light-light);
  --color-base-light: var(--color-light-light);
  --color-base-contrast: var(--color-light-contrast);
}

.light-text {
  color: var(--color-light);
}

.light-background {
  background-color: var(--color-light);
  color: var(--color-light-contrast);
}

.light-border {
  --border-color: var(--color-light);
  border-color: var(--color-light);
}

.text-tiny {
  font-size: var(--font-size-tiny);
}

.text-small {
  font-size: var(--font-size-small);
}

.text-large {
  font-size: var(--font-size-large);
}

.text-bigger {
  font-size: var(--font-size-bigger);
}

.text-maximum {
  font-size: var(--font-size-maximum);
}

.light-border {
  border-color: var(--border-color-light);
}

.background {
  background-color: var(--background);
}

.hover-background {
  background-color: var(--hover-background);
}

.radius {
  border-radius: var(--radius-width);
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

.text-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.justify-center, .app-outlet aside menu .item .center, .app-outlet aside menu .item .start, .app-outlet aside .app-icon, .ui.input .prefix-icon, .ui.table .tbody .empty-list, .ui.table .tbody.empty {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.flex-row {
  display: flex;
  flex-flow: row;
}

.flex-column {
  display: flex;
  flex-flow: column;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.full-view {
  width: 100%;
  height: 100%;
  position: absolute;
}

.line135deg-background {
  background-image: linear-gradient(135deg, rgba(214, 214, 214, 0.2) 0, rgba(214, 214, 214, 0.2) 25%, transparent 25%, transparent 50%, rgba(214, 214, 214, 0.2) 50%, rgba(214, 214, 214, 0.2) 75%, transparent 75%, transparent);
  background-size: 10px 10px;
}

.line45deg-background, .app-outlet .app-container main .empty-content, .ui.table .tbody .empty-list, .ui.table .tbody.empty {
  background-image: linear-gradient(45deg, rgba(214, 214, 214, 0.2) 0, rgba(214, 214, 214, 0.2) 25%, transparent 25%, transparent 50%, rgba(214, 214, 214, 0.2) 50%, rgba(214, 214, 214, 0.2) 75%, transparent 75%, transparent);
  background-size: 10px 10px;
}

.max-one-line-text, .app-outlet aside menu .item .center {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.max-two-line-text {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.max-three-line-text {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ui.flex-item {
  display: flex;
  flex-flow: row;
}
.ui.flex-item .start {
  padding-right: var(--space-width);
}
.ui.flex-item .center {
  flex: 1;
}
.ui.flex-item .end {
  padding-left: var(--space-width);
}
.ui.form .field {
  padding-top: var(--space-width);
}
.ui.form .field:first-child {
  padding-top: 0;
}
.ui.form .field .label {
  margin-bottom: var(--space-width-half);
  display: block;
  font-weight: bold;
}
.ui.form .field.inline {
  display: flex;
  flex-flow: row;
}
.ui.form .field.inline .label {
  padding-right: var(--space-width);
  margin-bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.ui.form .field.inline .input-wrap {
  flex: 1;
}
.ui.form .fields {
  display: flex;
  flex-flow: row;
  padding-top: var(--space-width);
}
.ui.form .fields .field {
  padding-top: 0;
  margin-right: var(--space-width);
}
.ui.form .fields .field:last-child {
  margin-right: 0;
}
.ui.form .fields:first-child {
  padding-top: 0;
}
.ui.images {
  overflow: auto;
}
.ui.images .image {
  width: 120px;
  height: 120px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-radius: var(--radius-width);
  overflow: hidden;
  float: left;
  margin: var(--space-width-half);
  position: relative;
  transition: 300ms;
  user-select: none;
}
.ui.images .image img {
  max-width: 100%;
  margin: 0 auto;
}
.ui.images .image .remove {
  cursor: pointer;
  position: absolute;
  right: var(--space-width-half);
  top: var(--space-width-half);
  width: 20px;
  height: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 50%;
  opacity: 0;
  transition: 300ms;
}
.ui.images .image:hover .remove {
  opacity: 1;
}
.ui.images .image.plus {
  cursor: pointer;
  border: dashed 1px var(--border-color);
  color: var(--color-medium);
  text-align: center;
  transition: 0.3s;
}
.ui.images .image.plus:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ui.images .image.plus:active {
  border-color: var(--color-primary-light);
  color: var(--color-primary-light);
}
.ui.grid {
  display: grid;
  grid-gap: var(--space-width);
  gap: var(--space-width);
}
.ui.grid .column {
  border-radius: var(--radius-width);
}
.ui.grid.col-2 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/2 - var(--space-width)), 1fr));
}
.ui.grid.col-3 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/3 - var(--space-width)), 1fr));
}
.ui.grid.col-4 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/4 - var(--space-width)), 1fr));
}
.ui.grid.col-5 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/5 - var(--space-width)), 1fr));
}
.ui.grid.col-6 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/6 - var(--space-width)), 1fr));
}
.ui.grid.col-7 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/7 - var(--space-width)), 1fr));
}
.ui.grid.col-8 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/8 - var(--space-width)), 1fr));
}
.ui.grid.col-9 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/9 - var(--space-width)), 1fr));
}
.ui.grid.col-10 {
  grid-template-columns: repeat(auto-fill, minmax(calc(100%/10 - var(--space-width)), 1fr));
}
.ui.view-1b1 {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  display: block;
}
.ui.view-1b1 .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ui.button {
  border: none;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  border-radius: var(--radius-width);
  padding: 0 1rem;
  line-height: var(--button-height);
  height: var(--button-height);
  transition: all 0.3s ease-in-out;
}
.ui.button.dark {
  --color-primary: var(--color-dark);
  --color-primary-light: var(--color-dark-light);
  --color-primary-contrast: var(--color-dark-contrast);
}
.ui.button.primary {
  --color-primary: var(--color-primary);
  --color-primary-light: var(--color-primary-light);
  --color-primary-contrast: var(--color-primary-contrast);
}
.ui.button.success {
  --color-primary: var(--color-success);
  --color-primary-light: var(--color-success-light);
  --color-primary-contrast: var(--color-success-contrast);
}
.ui.button.warning {
  --color-primary: var(--color-warning);
  --color-primary-light: var(--color-warning-light);
  --color-primary-contrast: var(--color-warning-contrast);
}
.ui.button.danger {
  --color-primary: var(--color-danger);
  --color-primary-light: var(--color-danger-light);
  --color-primary-contrast: var(--color-danger-contrast);
}
.ui.button.medium {
  --color-primary: var(--color-medium);
  --color-primary-light: var(--color-medium-light);
  --color-primary-contrast: var(--color-medium-contrast);
}
.ui.button.light {
  --color-primary: var(--color-light);
  --color-primary-light: var(--color-light-light);
  --color-primary-contrast: var(--color-light-contrast);
}
.ui.button.tiny {
  --button-height: var(--button-height-tiny);
}
.ui.button.small {
  --button-height: var(--button-height-small);
}
.ui.button.large {
  --button-height: var(--button-height-large);
}
.ui.button.bigger {
  --button-height: var(--button-height-bigger);
}
.ui.button.maximum {
  --button-height: var(--button-height-maximum);
}
.ui.button:hover {
  background: var(--color-primary-light);
}
.ui.button:active {
  background: var(--color-primary);
}
.ui.button.linear {
  background-image: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary-light) 100%);
  background-size: 200% auto;
}
.ui.button.linear:hover {
  background-position: right center;
}
.ui.button.loading::before {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-primary-contrast) var(--color-primary-contrast) transparent transparent;
  animation: rotate360 1s infinite linear;
  margin-right: 0.5em;
  transition: all 0.3s ease-in-out;
}
.ui.button.arrow-down::after {
  vertical-align: middle;
  margin-top: -0.5rem;
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-color: transparent var(--color-primary-contrast) var(--color-primary-contrast) transparent;
  transform: rotate(45deg);
  margin-left: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.ui.button.waiting {
  line-height: calc(var(--button-height) - 2px);
  background: transparent;
  border: solid 1px var(--color-medium);
  color: var(--color-medium);
}
.ui.button.waiting.clear {
  border-color: transparent !important;
}
.ui.button.waiting.loading::before {
  border-color: var(--color-medium) var(--color-medium) transparent transparent;
}
.ui.button.waiting.arrow-down::after {
  border-color: transparent var(--color-medium) var(--color-medium) transparent;
}
.ui.button.waiting:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ui.button.waiting:hover.loading::before {
  border-color: var(--color-primary) var(--color-primary) transparent transparent;
}
.ui.button.waiting:hover.arrow-down::after {
  border-color: transparent var(--color-primary) var(--color-primary) transparent;
}
.ui.button.waiting:active {
  border-color: var(--color-primary-light);
  color: var(--color-primary-light);
}
.ui.button.waiting:active.loading::before {
  border-color: var(--color-primary-light) var(--color-primary-light) transparent transparent;
}
.ui.button.waiting:active.arrow-down::after {
  border-color: transparent var(--color-primary-light) var(--color-primary-light) transparent;
}
.ui.button.clear {
  border-color: transparent !important;
  background: transparent;
  color: var(--color-primary);
}
.ui.button.clear.loading::before {
  border-color: var(--color-primary) var(--color-primary) transparent transparent;
}
.ui.button.clear:hover {
  color: var(--color-primary-light);
}
.ui.button.clear:hover.loading::before {
  border-color: var(--color-primary-light) var(--color-primary-light) transparent transparent;
}
.ui.button.clear:active {
  color: var(--color-primary);
}
.ui.button.clear:active.loading::before {
  border-color: var(--color-primary) var(--color-primary) transparent transparent;
}
.ui.button.outline {
  line-height: calc(var(--button-height) - 2px);
  background: transparent;
  border: solid 1px var(--color-primary);
  color: var(--color-primary);
}
.ui.button.outline:hover {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.ui.button.round {
  border-radius: 30px;
}
.ui.button.circle {
  width: var(--button-height);
  padding: 0;
  border-radius: 50%;
}
.ui.button.block {
  display: block;
}
.ui.tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: inline-block;
  height: auto;
  margin-inline-end: var(--space-width-half);
  padding-inline: var(--space-width-half);
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #d9d9d9;
  border-radius: var(--radius-width);
  opacity: 1;
  transition: all 0.2s;
  text-align: start;
}
.ui.tag[color=pink], .ui.tag.pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ui.tag[color=red], .ui.tag.red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ui.tag[color=orange], .ui.tag.orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ui.tag[color=green], .ui.tag.green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ui.tag[color=cyan], .ui.tag.cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ui.tag[color=blue], .ui.tag.blue {
  color: #0958d9;
  background: #e6f4ff;
  border-color: #91caff;
}
.ui.tag[color=purple], .ui.tag.purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ui.breadcrumb {
  display: flex;
  flex-flow: row;
}
.ui.breadcrumb .item {
  color: var(--color-medium);
}
.ui.breadcrumb .item a {
  color: var(--color-medium);
}
.ui.breadcrumb .item a:hover {
  text-decoration: underline;
  color: var(--color-primary);
}
.ui.breadcrumb .item::after {
  content: " / ";
  margin: 0 var(--space-width-half);
}
.ui.breadcrumb .item:last-child::after {
  display: none;
}
.ui.breadcrumb .item:last-child {
  color: var(--color-dark);
}
.ui.table {
  display: flex;
  flex-flow: column;
  background: var(--light-background);
  border: solid 1px var(--border-color);
  border-radius: var(--radius-width);
}
.ui.table.scroll-enable {
  flex: 1;
  overflow: hidden;
}
.ui.table .row {
  padding: var(--space-width-half);
}
.ui.table .row .col {
  padding: var(--space-width-half);
}
.ui.table .thead {
  border-bottom: solid 1px var(--border-color);
  background: var(--hover-background);
  font-weight: bold;
}
.ui.table .thead .row {
  border-bottom: none;
}
.ui.table .tbody {
  flex: 1;
  overflow: auto;
  position: relative;
}
.ui.table .tbody .row {
  border-bottom: solid 1px var(--border-color-light);
}
.ui.table .tbody .row:nth-child(even) {
  background: var(--background);
}
.ui.table .tbody .row:last-child {
  border-bottom: solid 1px var(--border-color);
}
.ui.table .tbody.empty {
  text-align: center;
}
.ui.table .tbody .empty-list {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ui.table .tfoot {
  background: var(--hover-background);
}
.ui.table.dark {
  border-top: solid 2px var(--color-dark);
}
.ui.table.primary {
  border-top: solid 2px var(--color-primary);
}
.ui.table.success {
  border-top: solid 2px var(--color-success);
}
.ui.table.warning {
  border-top: solid 2px var(--color-warning);
}
.ui.table.danger {
  border-top: solid 2px var(--color-danger);
}
.ui.table.medium {
  border-top: solid 2px var(--color-medium);
}
.ui.table.light {
  border-top: solid 2px var(--color-light);
}
.ui.table.selectable .tbody .row {
  transition: background 0.3s;
}
.ui.table.selectable .tbody .row:hover {
  background: var(--hover-background);
}
.ui.row {
  display: flex;
  flex-flow: row;
}
.ui.row .col.auto-width {
  flex: 1;
}
.ui.row.flex .col {
  flex: 1;
}
.ui.multi-selector {
  white-space: nowrap;
  height: 150px;
  overflow: auto;
  overflow-y: hidden;
}
.ui.multi-selector .options {
  display: inline-block;
  height: 100%;
  width: 28%;
  min-width: 100px;
  max-width: 200px;
  overflow: auto;
  border: solid 1px var(--border-color);
  border-left-color: var(--border-color-light);
  border-right: none;
  background-color: var(--light-background);
}
.ui.multi-selector .options:first-child {
  border-left-color: var(--border-color);
  border-start-start-radius: var(--radius-width);
  border-end-start-radius: var(--radius-width);
}
.ui.multi-selector .options:last-child {
  border-right: solid 1px var(--border-color);
  border-start-end-radius: var(--radius-width);
  border-end-end-radius: var(--radius-width);
}
.ui.multi-selector .options .option {
  margin: var(--space-width-half);
  cursor: pointer;
  padding: var(--space-width-half) var(--space-width);
  white-space: normal;
  border-radius: var(--radius-width);
}
.ui.multi-selector .options .option .end {
  visibility: hidden;
}
.ui.multi-selector .options .option:hover {
  background: var(--hover-background);
}
.ui.multi-selector .options .option.selected {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.ui.multi-selector .options .option.selected .end {
  visibility: visible;
}
.ui.multi-selector .options .option.disabled {
  color: var(--color-medium);
  cursor: default;
}
.ui.multi-selector .options .option.title {
  margin: 0 0 var(--space-width-half) 0;
  border-width: 0 0 1px 0;
  text-align: center;
}
.ui.multi-selector .options .option.title.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.ui.message {
  border-left: solid 3px var(--color-medium);
  background: var(--light-background);
  border-radius: var(--radius-width);
  padding: var(--space-width);
}
.ui.message.error {
  border-color: #9f3a38;
  color: #9f3a38;
  background: #fff6f6;
}
.ui.message.info {
  border-color: #276f86;
  color: #276f86;
  background: #f8ffff;
}
.ui.message.warning {
  border-color: #573a08;
  color: #573a08;
  background: #fffaf3;
}
.ui.modal-page {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
  display: none;
}
.ui.modal-page .modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  z-index: 1001;
  opacity: 0;
}
.ui.modal-page .modal-container {
  position: fixed;
  z-index: 1002;
  left: -300px;
  width: 300px;
  height: 100%;
  background: var(--color-base);
  color: var(--color-base-contrast);
  overflow: hidden;
  transition: all 0.3s;
}
.ui.modal-page.show {
  display: block;
}
.ui.modal-page.open .modal-background {
  opacity: 1;
}
.ui.modal-page.open .modal-container {
  left: 0;
}
.ui.modal-page.close .modal-background {
  opacity: 0;
}
.ui.modal-page.close .modal-container {
  left: -300px;
}
.ui.modal-page.right .modal-container {
  left: auto;
  right: -300px;
}
.ui.modal-page.right.open .modal-container {
  right: 0;
}
.ui.modal-page.right.close .modal-container {
  right: -300px;
}
.ui.tree ul {
  margin: 0;
  padding: 0;
}
.ui.tree ul li {
  list-style-type: none;
}
.ui.tree ul li .item {
  position: relative;
}
.ui.tree ul li ul {
  padding-left: 20px;
}
.ui.tree.linear-split .item::after {
  position: absolute;
  content: "";
  display: block;
  height: 1px;
  bottom: 0;
  left: var(--space-width);
  width: calc(100% - 2 * var(--space-width));
  background: var(--border-color);
  background: -webkit-linear-gradient(right, var(--border-color) 0%, transparent 100%);
  background: linear-gradient(to left, var(--border-color) 0%, transparent 100%);
}
.ui.input {
  height: var(--button-height);
  border: solid 1px var(--border-color);
  background: transparent;
  transition: all 0.3s;
  display: flex;
  flex-flow: row;
  line-height: calc(var(--button-height) - 2px);
  border-radius: var(--radius-width);
  overflow: hidden;
}
.ui.input .prefix-icon {
  min-width: var(--button-height);
  text-align: center;
}
.ui.input input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  height: 100%;
  line-height: calc(var(--button-height) - 2px);
  width: 30px;
  color: var(--base-contrast, var(--color-base-contrast));
}
.ui.input input:first-child {
  padding-left: 1em;
}
.ui.input input:last-child {
  padding-right: 1em;
}
.ui.input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ui.input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.ui.input:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 5px var(--color-primary);
}
.ui.input.tiny {
  --button-height: var(--button-height-tiny);
}
.ui.input.small {
  --button-height: var(--button-height-small);
}
.ui.input.large {
  --button-height: var(--button-height-large);
}
.ui.input.bigger {
  --button-height: var(--button-height-bigger);
}
.ui.input.maximum {
  --button-height: var(--button-height-maximum);
}
.ui.input select {
  background: transparent;
  outline: none;
  border: none;
}
.ui.input .button {
  --button-height: calc(var(--button-height) - 2px);
}
.ui.radio-buttons {
  display: flex;
  flex-flow: row;
}
.ui.radio-buttons .radio-button {
  height: var(--button-height);
  line-height: calc(var(--button-height) - 2px);
  display: flex;
  flex-flow: column;
  flex: 1;
  text-align: center;
  justify-content: center;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: var(--border-color);
  cursor: pointer;
  position: relative;
  transition: 300ms;
}
.ui.radio-buttons .radio-button::before {
  content: "";
  width: 1px;
  height: var(--button-height);
  position: absolute;
  left: -1px;
  background: var(--border-color);
  transition: 300ms;
  opacity: 0;
}
.ui.radio-buttons .radio-button:first-child {
  border-width: 1px;
}
.ui.radio-buttons .radio-button:first-child::before {
  display: none;
}
.ui.radio-buttons .radio-button.checked {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.ui.radio-buttons .radio-button.checked::before {
  background: var(--color-primary);
  opacity: 1;
}
.ui.radio-buttons .radio-button:first-child {
  border-radius: var(--radius-width) 0 0 var(--radius-width);
}
.ui.radio-buttons .radio-button:last-child {
  border-radius: 0 var(--radius-width) var(--radius-width) 0;
}
.ui.radio-buttons.tiny {
  --button-height: var(--button-height-tiny);
}
.ui.radio-buttons.small {
  --button-height: var(--button-height-small);
}
.ui.radio-buttons.large {
  --button-height: var(--button-height-large);
}
.ui.radio-buttons.bigger {
  --button-height: var(--button-height-bigger);
}
.ui.radio-buttons.maximum {
  --button-height: var(--button-height-maximum);
}
.ui.page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  background: var(--color-base-light);
  color: var(--color-base-contrast);
  transition: opacity 0.3s, left 0.3s;
}
.ui.page.disappear {
  left: -10vw;
  opacity: 0;
}
.ui.page.disappear .page-header.fixed, .ui.page.disappear .page-footer.fixed {
  left: -10vw;
}
.ui.page .page-header {
  width: 100%;
  background: var(--color-base);
  position: relative;
  transition: opacity 0.3s, left 0.3s;
}
.ui.page .page-header.no-border {
  border-bottom: none;
}
.ui.page .page-header.transparent {
  background: transparent;
  border-bottom: none;
}
.ui.page .page-header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
}
.ui.page .page-header.disappear {
  opacity: 0;
}
.ui.page .page-header.translucent-bg {
  background: rgba(255, 255, 255, 0.8) !important;
  border-bottom: none;
}
.ui.page .page-header .background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90%;
  overflow: hidden;
}
.ui.page .page-header .background-image image {
  width: 100%;
}
.ui.page .page-header .page-toolbar .statusBarHeight {
  transition: height 0.3s;
}
.ui.page .page-header .page-toolbar .inner {
  position: relative;
  display: flex;
  flex-flow: row;
  min-height: 46px;
}
.ui.page .page-header .page-toolbar .inner .back-button {
  position: absolute;
  left: 6px;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  padding: 0 var(--space-width-half);
  font-size: 11pt;
  color: var(--color-primary);
  font-weight: bold;
}
.ui.page .page-header .page-toolbar .inner .page-title {
  flex: 1;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  font-weight: bold;
  font-size: 11pt;
}
.ui.page .page-header .page-toolbar .inner .page-title .sub-title {
  font-weight: normal;
  font-size: 8pt;
  padding-bottom: 3px;
}
.ui.page .page-header .header-filter {
  position: absolute;
  width: 100%;
  left: 0;
  display: flex;
  flex-flow: column;
  height: 0;
  background: var(--color-base);
}
.ui.page .page-header .header-filter .scroll-view {
  flex: 1;
}
.ui.page .page-header .header-filter.open {
  height: 30vh;
}
.ui.page .page-container {
  width: 100%;
  flex: 1;
  position: relative;
  overflow: auto;
}
.ui.page .page-container.fullscreen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ui.page .page-footer {
  width: 100%;
  background: var(--color-base);
  padding-bottom: var(--safe-area-inset-bottom);
  transition: opacity 0.3s, left 0.3s;
}
.ui.page .page-footer.no-border {
  border-top: none;
}
.ui.page .page-footer.transparent {
  background: transparent;
  border-top: none;
}
.ui.page .page-footer.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.ui.page .page-footer.translucent-bg {
  background: rgba(255, 255, 255, 0.6);
  border-top: none;
}

@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
.safe-area-bottom::after {
  content: "";
  display: block;
  height: var(--safe-area-inset-bottom);
}

html {
  line-height: 1;
  font-size: 14px;
}

*::-webkit-scrollbar {
  width: 5px !important;
  background: rgba(0, 0, 0, 0.05) !important;
  height: 5px !important;
  border-radius: 0 !important;
}

*::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5) !important;
  border-radius: 0 !important;
}

ul, dl {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  color: var(--color-dark);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.app-outlet {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-flow: row;
  user-select: none;
}
.app-outlet aside {
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.app-outlet aside:first-child {
  width: 92px;
  background: var(--color-dark);
  color: var(--color-dark-contrast);
}
.app-outlet aside .app-icon {
  height: calc(32px + var(--space-width) * 2);
  padding: var(--space-width);
  text-align: center;
  font-size: var(--font-size-large);
}
.app-outlet aside menu {
  margin: 0;
  padding: 0;
  flex: 1;
  overflow: auto;
}
.app-outlet aside menu .item {
  transition: 300ms;
  cursor: pointer;
  display: flex;
  flex-flow: row;
  height: var(--button-height);
  line-height: var(--button-height);
  margin: 0 var(--space-width-half) var(--space-width-half);
  padding: 0 var(--space-width);
  border-radius: var(--radius-width);
}
.app-outlet aside menu .item .start {
  width: 1.8em;
}
.app-outlet aside menu .item.active, .app-outlet aside menu .item:hover {
  background: var(--color-dark-light);
}
.app-outlet aside menu .item:active {
  background: #637181;
}
.app-outlet aside.extend-module {
  width: 130px;
  background: var(--color-light);
  border-right: solid 1px var(--border-color);
}
.app-outlet aside.extend-module .module-name {
  height: calc(32px + var(--space-width) * 2);
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  border-bottom: solid 1px var(--border-color-light);
}
.app-outlet aside.extend-module menu {
  padding-top: var(--space-width-half);
}
.app-outlet aside.extend-module menu dl {
  margin: 0 var(--space-width-half);
  transition: 0.3s;
  font-weight: normal;
}
.app-outlet aside.extend-module menu dl:hover {
  background: #f9f9f9;
  border-radius: var(--radius-width);
}
.app-outlet aside.extend-module menu dl dt .item-hd {
  font-size: 12px;
  display: flex;
  flex-flow: row;
  padding: var(--space-width);
  cursor: pointer;
  transition: 0.3s;
  border-radius: var(--radius-width);
  color: var(--color-medium);
}
.app-outlet aside.extend-module menu dl dt .item-hd:hover {
  background: #ddd;
}
.app-outlet aside.extend-module menu dl dt .item-hd:active {
  background: #eee;
}
.app-outlet aside.extend-module menu dl dt .item-hd .start {
  width: 1.8em;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.app-outlet aside.extend-module menu dl dt .item-hd .center {
  flex: 1;
}
.app-outlet aside.extend-module menu dl dt .item-hd .end {
  transition: 0.3s;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.app-outlet aside.extend-module menu dl dd .item, .app-outlet aside.extend-module menu dl dt .item {
  margin: 0 0 var(--space-width-half) 0;
  font-weight: normal;
}
.app-outlet aside.extend-module menu dl dd {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.app-outlet aside.extend-module menu dl dd .item:first-child {
  margin-top: var(--space-width-half);
}
.app-outlet aside.extend-module menu dl dd .item:last-child {
  margin-bottom: 0;
}
.app-outlet aside.extend-module menu dl.open dt .item-hd .end {
  transform: rotate(90deg);
}
.app-outlet aside.extend-module menu dl.open dd {
  height: fit-content;
}
.app-outlet aside.extend-module menu dl .item:hover, .app-outlet aside.extend-module menu dl .item.active {
  background: #ddd;
}
.app-outlet aside.extend-module menu dl .item:active {
  background: #eee;
}
.app-outlet .app-container {
  flex: 1;
  display: flex !important;
  flex-flow: column;
  overflow: hidden;
}
.app-outlet .app-container header {
  height: calc(32px + var(--space-width) * 2);
}
.app-outlet .app-container header.auto-height {
  height: auto;
}
.app-outlet .app-container main {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.app-outlet .app-container main .empty-content {
  flex: 1;
  border: solid 1px var(--border-color);
  border-radius: var(--radius-width);
  display: flex;
  flex-flow: column;
  justify-content: center;
}

/* 重写ANT DESIGN的一些组件样式 */
.ant-modal .ant-modal-content {
  padding: 20px;
}
.ant-modal .ant-modal-content .ant-modal-header {
  padding-bottom: 15px;
}
.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title:before {
  content: "\f05a";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  margin-right: var(--space-width);
  font-weight: 700;
}
.ant-modal .ant-modal-content .ant-modal-close {
  height: 32px;
  width: 32px;
  top: var(--space-width);
  right: var(--space-width);
  overflow: hidden;
  border-radius: 50%;
  background: #eee;
  transition: 300ms;
}
.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 32px;
  width: 32px;
  line-height: 32px;
}
.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x span {
  display: none !important;
}
.ant-modal .ant-modal-content .ant-modal-close .ant-modal-close-x::after {
  content: "\f00d";
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}
.ant-modal .ant-modal-content .ant-modal-close:hover {
  background: var(--color-danger);
  color: var(--color-danger-contrast);
}
.ant-modal.iframe-body {
  width: 800px !important;
}
.ant-modal.iframe-body .ant-modal-content .ant-modal-body {
  padding: 0 !important;
  height: 650px;
}

.ant-drawer .ant-drawer-content .ant-drawer-close {
  height: 32px;
  width: 32px;
  line-height: 32px;
  border-radius: 50%;
  transition: 300ms;
  background: #eee;
}
.ant-drawer .ant-drawer-content .ant-drawer-close span {
  display: none !important;
}
.ant-drawer .ant-drawer-content .ant-drawer-close::after {
  content: "\f00d";
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}
.ant-drawer .ant-drawer-content .ant-drawer-close:hover {
  background: var(--color-danger);
  color: var(--color-danger-contrast);
}

.ant-tag.button {
  cursor: pointer;
}

.ant-tag.button:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.ant-tag.button.dashed {
  border-style: dashed;
}

.ant-image-preview-root {
  user-select: none !important;
}

.ant-avatar[class*=icon-plugin] {
  background: none;
  border: solid 1px var(--border-color);
}
.ant-avatar.icon-plugin-wechat {
  color: #00c250;
}
.ant-avatar.icon-plugin-qq {
  color: #0e90de;
}
.ant-avatar.icon-plugin-weibo {
  color: #ff9a00;
}
.ant-avatar.icon-plugin-github {
  color: #000000;
}
.ant-avatar.upload {
  background: transparent;
  border: dashed 1px var(--color-medium);
  position: relative;
  transition: 300ms;
  color: var(--color-medium);
  cursor: pointer;
}
.ant-avatar.upload::after {
  content: "+";
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: center;
  z-index: -1;
}
.ant-avatar.upload:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.ant-avatar.upload:active {
  border-color: var(--color-primary-light);
  color: var(--color-primary-light);
}

.ant-table {
  border: solid 1px var(--border-color);
  border-radius: var(--radius-width) !important;
}
.ant-table table {
  border-radius: var(--radius-width) !important;
}
.ant-table table thead th:first-child {
  border-start-start-radius: var(--radius-width) !important;
}
.ant-table table thead th:last-child {
  border-start-end-radius: var(--radius-width) !important;
}
.ant-table table tbody tr td {
  border-top: solid 1px var(--border-color-light) !important;
}
.ant-table table tbody tr.ant-table-row-selected td {
  border-top-color: rgba(255, 255, 255, 0.6) !important;
}
.ant-table table tbody tr:first-child td {
  border-top: none !important;
}
.ant-table table tbody tr:last-child td {
  border-bottom: solid 1px var(--border-color-light);
}
.ant-table .ant-table-container {
  border-radius: var(--radius-width) !important;
}
.ant-table .ant-table-tbody {
  background-color: var(--light-background);
}
.ant-table .ant-table-cell {
  padding: var(--space-width) !important;
}
.ant-table .ant-table-cell::before {
  background-color: var(--border-color) !important;
}
.ant-table ~ .ant-pagination {
  margin: var(--space-width) 0 0 0 !important;
}
.ant-table tr th {
  background-color: var(--hover-background) !important;
}

.ant-table-wrapper.scroll-enable {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.ant-table-wrapper.scroll-enable .ant-table-header {
  border-radius: var(--radius-width) var(--radius-width) 0 0 !important;
}
.ant-table-wrapper.scroll-enable .ant-spin-nested-loading, .ant-table-wrapper.scroll-enable .ant-spin-container, .ant-table-wrapper.scroll-enable .ant-table, .ant-table-wrapper.scroll-enable .ant-table-container {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-flow: column;
}
.ant-table-wrapper.scroll-enable .ant-table-body {
  overflow: auto !important;
}
.ant-table-wrapper.scroll-enable .ant-table-container .ant-table-body {
  flex: 1;
  border-end-start-radius: var(--radius-width);
  border-end-end-radius: var(--radius-width);
}

.ant-notification-notice-close:hover {
  background: var(--color-danger) !important;
  color: var(--color-danger-contrast) !important;
  text-decoration: none;
}

.ant-notification-notice-close .ant-notification-close-x {
  display: none !important;
}

.ant-notification-notice-close::after {
  content: "\f00d";
  font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
}

.ant-checkbox-list .ant-checkbox-wrapper {
  margin: var(--space-width-half) !important;
}

a-config-provider {
  width: 100%;
}

/*# sourceMappingURL=global.css.map */