@charset "UTF-8";

*,
:before,
:after {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
	--un-shadow-inset: ;
	--un-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgb(147 197 253 / .5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia:
}

::backdrop {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
	--un-shadow-inset: ;
	--un-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgb(147 197 253 / .5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia:
}

.border {
	border-width: 1px;
	border-style: solid
}

.visible,
.group:hover .group-hover\:visible {
	visibility: visible
}

.\!fixed {
	position: fixed !important
}

.absolute,
[position~=absolute] {
	position: absolute
}

.fixed {
	position: fixed
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

[absolute~="default:"]:default {
	position: absolute
}

.static,
[position~=static] {
	position: static
}

[static~="default:"]:default {
	position: static
}

.bottom-10px {
	bottom: 10px
}

.top-48px\! {
	top: 48px !important
}

[right~="1"] {
	right: .25rem
}

[right~="100"] {
	right: 25rem
}

[right~="20"] {
	right: 5rem
}

.z-10 {
	z-index: 10
}

.z-2000 {
	z-index: 2000
}

.z-2001 {
	z-index: 2001
}

.grid {
	display: grid
}

.grid-cols-4,
[cols~="4"] {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

[cols~="2"] {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

[cols~="24"] {
	grid-template-columns: repeat(24, minmax(0, 1fr))
}

.m0 {
	margin: 0
}

.m-x-auto {
	margin-left: auto;
	margin-right: auto
}

.m-y-20px {
	margin-top: 20px;
	margin-bottom: 20px
}

.m-y-5px {
	margin-top: 5px;
	margin-bottom: 5px
}

.mx-10px {
	margin-left: 10px;
	margin-right: 10px
}

.mx-5px {
	margin-left: 5px;
	margin-right: 5px
}

.my-12px {
	margin-top: 12px;
	margin-bottom: 12px
}

.m-b-2px {
	margin-bottom: 2px
}

.m-b-5px {
	margin-bottom: 5px
}

.m-b-8px,
.mb-8px {
	margin-bottom: 8px
}

.m-l-2px {
	margin-left: 2px
}

.m-l-5px {
	margin-left: 5px
}

.m-l-8px {
	margin-left: 8px
}

.m-r-4px,
.mr-\[4px\] {
	margin-right: 4px
}

.m-r-90px {
	margin-right: 90px
}

.m-t-10px {
	margin-top: 10px
}

.m-t-12px,
.mt-12px {
	margin-top: 12px
}

.m-t-40px {
	margin-top: 40px
}

.m-t-8px {
	margin-top: 8px
}

.mb-\[6px\] {
	margin-bottom: 6px
}

.mb-12px {
	margin-bottom: 12px
}

.mb-24px {
	margin-bottom: 24px
}

.ml-\[6px\] {
	margin-left: 6px
}

.ml-1 {
	margin-left: .25rem
}

.ml-auto {
	margin-left: auto
}

.mr-\[12px\] {
	margin-right: 12px
}

.mr-1 {
	margin-right: .25rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-auto {
	margin-right: auto
}

.ms,
[ms=""] {
	margin-inline-start: 1rem
}

.mt-3 {
	margin-top: .75rem
}

.box-border {
	box-sizing: border-box
}

.inline {
	display: inline
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.hidden {
	display: none
}

[size~="10"] {
	width: 2.5rem;
	height: 2.5rem
}

[size~="12"] {
	width: 3rem;
	height: 3rem
}

[size~="14"] {
	width: 3.5rem;
	height: 3.5rem
}

[size~="16"] {
	width: 4rem;
	height: 4rem
}

[size~="18"] {
	width: 4.5rem;
	height: 4.5rem
}

[size~="22"] {
	width: 5.5rem;
	height: 5.5rem
}

[size~="6"] {
	width: 1.5rem;
	height: 1.5rem
}

.h-\[100vh\] {
	height: 100vh
}

.h-\[20px\] {
	height: 20px
}

.h-0 {
	height: 0
}

.h-32px {
	height: 32px
}

.h-55px {
	height: 55px
}

.h-full {
	height: 100%
}

.h1 {
	height: .25rem
}

.max-h-\[70vh\] {
	max-height: 70vh
}

.max-h-full {
	max-height: 100%
}

.min-w-500px {
	min-width: 500px
}

.w-\[100vw\] {
	width: 100vw
}

.w-\[20px\] {
	width: 20px
}

.w-112px {
	width: 112px
}

.w-120px {
	width: 120px
}

.w-168px {
	width: 168px
}

.w-180px {
	width: 180px
}

.w-28px {
	width: 28px
}

.w-375px {
	width: 375px
}

.w-400px {
	width: 400px
}

.w-56px\! {
	width: 56px !important
}

.w-60px {
	width: 60px
}

.w-60px\! {
	width: 60px !important
}

.w-70px {
	width: 70px
}

.w-72px\! {
	width: 72px !important
}

.w-80px {
	width: 80px
}

.w-fit {
	width: fit-content
}

.w-full {
	width: 100%
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.flex-1 {
	flex: 1 1 0%
}

.flex-shrink {
	flex-shrink: 1
}

.flex-shrink-0 {
	flex-shrink: 0
}

.flex-grow {
	flex-grow: 1
}

.flex-col {
	flex-direction: column
}

.flex-wrap,
[flex-wrap=""] {
	flex-wrap: wrap
}

.border-collapse {
	border-collapse: collapse
}

.transform {
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.cursor-move {
	cursor: move
}

.resize {
	resize: both
}

.items-start {
	align-items: flex-start
}

.items-center {
	align-items: center
}

.self-end {
	align-self: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-around {
	justify-content: space-around
}

.justify-evenly {
	justify-content: space-evenly
}

.justify-stretch {
	justify-content: stretch
}

.gap-12px {
	gap: 12px
}

.gap-2px {
	gap: 2px
}

.gap-4px {
	gap: 4px
}

.gap-6px {
	gap: 6px
}

.gap-8px {
	gap: 8px
}

.flex-gap-x-\[12px\],
.flex-gap-x-12px,
.gap-x-\[12px\] {
	column-gap: 12px
}

.flex-gap-x-\[16px\] {
	column-gap: 16px
}

.flex-gap-x-10px,
.gap-x-10px {
	column-gap: 10px
}

.flex-gap-y-\[32px\] {
	row-gap: 32px
}

.flex-gap-y-8px {
	row-gap: 8px
}

.gap-x-\[12px\]\! {
	column-gap: 12px !important
}

.gap-y-4px {
	row-gap: 4px
}

.space-x-10px>:not([hidden])~:not([hidden]) {
	--un-space-x-reverse: 0;
	margin-left: calc(10px * calc(1 - var(--un-space-x-reverse)));
	margin-right: calc(10px * var(--un-space-x-reverse))
}

.space-x-5px>:not([hidden])~:not([hidden]) {
	--un-space-x-reverse: 0;
	margin-left: calc(5px * calc(1 - var(--un-space-x-reverse)));
	margin-right: calc(5px * var(--un-space-x-reverse))
}

.space-y-10px>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(10px * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(10px * var(--un-space-y-reverse))
}

.space-y-8px>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(8px * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(8px * var(--un-space-y-reverse))
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-y-scroll {
	overflow-y: scroll
}

.whitespace-nowrap\! {
	white-space: nowrap !important
}

.break-all {
	word-break: break-all
}

.b,
[b=""],
[border~="1"] {
	border-width: 1px
}

.b-10px {
	border-width: 10px
}

.b-b-1px {
	border-bottom-width: 1px
}

.b-\#eee {
	--un-border-opacity: 1;
	border-color: rgb(238 238 238 / var(--un-border-opacity))
}

.rounded-\[100px\] {
	border-radius: 100px
}

.rounded-\[3px\] {
	border-radius: 3px
}

.rounded-1 {
	border-radius: .25rem
}

.rounded-4px {
	border-radius: 4px
}

.rounded-5px {
	border-radius: 5px
}

.rounded-r-8px {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.rounded-lb-12px {
	border-bottom-left-radius: 12px
}

.rounded-rb-12px {
	border-bottom-right-radius: 12px
}

.border-solid {
	border-style: solid
}

.bg-\#00000066 {
	--un-bg-opacity: .4;
	background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

.bg-\#5065505e\! {
	--un-bg-opacity: .37 !important;
	background-color: rgb(80 101 80 / var(--un-bg-opacity)) !important
}

.bg-\#68fc685e\! {
	--un-bg-opacity: .37 !important;
	background-color: rgb(104 252 104 / var(--un-bg-opacity)) !important
}

.bg-\#e1fc685e\! {
	--un-bg-opacity: .37 !important;
	background-color: rgb(225 252 104 / var(--un-bg-opacity)) !important
}

.bg-blue-100 {
	--un-bg-opacity: 1;
	background-color: rgb(219 234 254 / var(--un-bg-opacity))
}

.bg-blue-50 {
	--un-bg-opacity: 1;
	background-color: rgb(239 246 255 / var(--un-bg-opacity))
}

.bg-green {
	--un-bg-opacity: 1;
	background-color: rgb(74 222 128 / var(--un-bg-opacity))
}

.bg-red {
	--un-bg-opacity: 1;
	background-color: rgb(248 113 113 / var(--un-bg-opacity))
}

.bg-white {
	--un-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

[stroke-width~="2"] {
	stroke-width: 2px
}

[stroke~="#18a058"] {
	--un-stroke-opacity: 1;
	stroke: rgb(24 160 88 / var(--un-stroke-opacity))
}

[stroke~="#eee"] {
	--un-stroke-opacity: 1;
	stroke: rgb(238 238 238 / var(--un-stroke-opacity))
}

.p-\[6px\] {
	padding: 6px
}

.p-0 {
	padding: 0
}

.p-10px {
	padding: 10px
}

.p-16px {
	padding: 16px
}

.p-1px {
	padding: 1px
}

.p-20px {
	padding: 20px
}

.p-2px {
	padding: 2px
}

.p-4px {
	padding: 4px
}

.p-5px {
	padding: 5px
}

.p-8px {
	padding: 8px
}

.p-x-24px {
	padding-left: 24px;
	padding-right: 24px
}

.p-x-5px {
	padding-left: 5px;
	padding-right: 5px
}

.p-x-8px {
	padding-left: 8px;
	padding-right: 8px
}

.p-y-12px {
	padding-top: 12px;
	padding-bottom: 12px
}

.p-y-4px,
.py-4px {
	padding-top: 4px;
	padding-bottom: 4px
}

.px,
[px=""] {
	padding-left: 1rem;
	padding-right: 1rem
}

.px-\[6px\] {
	padding-left: 6px;
	padding-right: 6px
}

.px-24px\! {
	padding-left: 24px !important;
	padding-right: 24px !important
}

.py-16px {
	padding-top: 16px;
	padding-bottom: 16px
}

.py-1px {
	padding-top: 1px;
	padding-bottom: 1px
}

.py-28px\! {
	padding-top: 28px !important;
	padding-bottom: 28px !important
}

.py-6px {
	padding-top: 6px;
	padding-bottom: 6px
}

.py-8px {
	padding-top: 8px;
	padding-bottom: 8px
}

.pb-\[12px\] {
	padding-bottom: 12px
}

.pl {
	padding-left: 1rem
}

.ps {
	padding-inline-start: 1rem
}

.pt-10px {
	padding-top: 10px
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

[indent~="24"] {
	text-indent: 6rem
}

.text-\[12px\],
.text-12px,
.text-size-12px,
[text-12px=""] {
	font-size: 12px
}

.text-\[14px\]\! {
	font-size: 14px !important
}

.text-10px {
	font-size: 10px
}

.text-11px {
	font-size: 11px
}

.text-13px {
	font-size: 13px
}

.text-14px {
	font-size: 14px
}

.text-16px {
	font-size: 16px
}

.text-18px {
	font-size: 18px
}

.text-20px {
	font-size: 20px
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-\#525252 {
	--un-text-opacity: 1;
	color: rgb(82 82 82 / var(--un-text-opacity))
}

.text-\#71717A {
	--un-text-opacity: 1;
	color: rgb(113 113 122 / var(--un-text-opacity))
}

.color-\#999,
.text-\#999 {
	--un-text-opacity: 1;
	color: rgb(153 153 153 / var(--un-text-opacity))
}

.text-\#d03050 {
	--un-text-opacity: 1;
	color: rgb(208 48 80 / var(--un-text-opacity))
}

.text-\#ec217c {
	--un-text-opacity: 1;
	color: rgb(236 33 124 / var(--un-text-opacity))
}

.text-blue-700 {
	--un-text-opacity: 1;
	color: rgb(29 78 216 / var(--un-text-opacity))
}

.text-gray-400 {
	--un-text-opacity: 1;
	color: rgb(156 163 175 / var(--un-text-opacity))
}

.text-gray-500 {
	--un-text-opacity: 1;
	color: rgb(107 114 128 / var(--un-text-opacity))
}

.text-gray-600 {
	--un-text-opacity: 1;
	color: rgb(75 85 99 / var(--un-text-opacity))
}

.text-gray-900 {
	--un-text-opacity: 1;
	color: rgb(17 24 39 / var(--un-text-opacity))
}

.text-green {
	--un-text-opacity: 1;
	color: rgb(74 222 128 / var(--un-text-opacity))
}

.text-green-500 {
	--un-text-opacity: 1;
	color: rgb(34 197 94 / var(--un-text-opacity))
}

.text-green-500\! {
	--un-text-opacity: 1 !important;
	color: rgb(34 197 94 / var(--un-text-opacity)) !important
}

.text-green-600 {
	--un-text-opacity: 1;
	color: rgb(22 163 74 / var(--un-text-opacity))
}

.text-pink-500 {
	--un-text-opacity: 1;
	color: rgb(236 72 153 / var(--un-text-opacity))
}

.text-red {
	--un-text-opacity: 1;
	color: rgb(248 113 113 / var(--un-text-opacity))
}

.text-red-500 {
	--un-text-opacity: 1;
	color: rgb(239 68 68 / var(--un-text-opacity))
}

.text-red-500\! {
	--un-text-opacity: 1 !important;
	color: rgb(239 68 68 / var(--un-text-opacity)) !important
}

.text-red-600 {
	--un-text-opacity: 1;
	color: rgb(220 38 38 / var(--un-text-opacity))
}

.text-white {
	--un-text-opacity: 1;
	color: rgb(255 255 255 / var(--un-text-opacity))
}

.text-yellow-500 {
	--un-text-opacity: 1;
	color: rgb(234 179 8 / var(--un-text-opacity))
}

.color-\#d89d11 {
	--un-text-opacity: 1;
	color: rgb(216 157 17 / var(--un-text-opacity))
}

[color~="#19be6b"] {
	--un-text-opacity: 1;
	color: rgb(25 190 107 / var(--un-text-opacity))
}

[color~="#515a6e"] {
	--un-text-opacity: 1;
	color: rgb(81 90 110 / var(--un-text-opacity))
}

[color~="#ffd93b"] {
	--un-text-opacity: 1;
	color: rgb(255 217 59 / var(--un-text-opacity))
}

.font-bold {
	font-weight: 700
}

.font-semibold {
	font-weight: 600
}

.font-semibold\! {
	font-weight: 600 !important
}

.leading-64px {
	line-height: 64px
}

.font-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

[tabular-nums=""] {
	--un-numeric-spacing: tabular-nums;
	font-variant-numeric: var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)
}

.tab {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

.blur {
	--un-blur: blur(8px);
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.filter {
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.transition {
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.duration-300 {
	transition-duration: .3s
}

[delay~="200"] {
	transition-delay: .2s
}

.ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center
}

.qf-image-upload .n-upload-file-list.n-upload-file-list--grid {
	grid-template-columns: repeat(1, 1fr) !important;
	grid-template-rows: repeat(auto-fill, 150px) !important
}

.qf-image-upload .n-upload-file-list.n-upload-file-list--grid .n-upload-trigger.n-upload-trigger--image-card,
.qf-image-upload .n-upload-file-list.n-upload-file-list--grid .n-upload-file.n-upload-file--image-card-type {
	width: 100% !important;
	height: 150px !important
}

.n-form-item--hidden-label .n-form-item-label {
	opacity: 0
}

.qf-form .qf-form__item--custom .n-form-item-feedback-wrapper {
	display: none !important
}

.qf-form .qf-form__item--custom .n-form-item {
	grid-template-rows: unset
}

.common-list-view .n-data-table .n-data-table-wrapper {
	border-top: unset;
	border-top-left-radius: unset;
	border-top-right-radius: unset
}

.fold-container {
	display: flex;
	justify-content: flex-end
}

.fold-container>* {
	cursor: pointer
}

.fold-container>*:nth-child(1) {
	margin-right: 10px
}

.top-search {
	box-sizing: border-box
}

.top-search .n-divider__line {
	background-color: #e5e7eb !important
}

.status-button-wrapper {
	border-radius: 8px;
	padding: 4px;
	background-color: #e8e8e8;
	width: fit-content
}

.status-button {
	--un-text-opacity: 1;
	color: rgb(107 114 128 / var(--un-text-opacity));
	padding: 5px 12px;
	font-size: 14px;
	border-radius: 6px;
	transition: all .3s;
	cursor: pointer
}

.status-button.status-button--active {
	--un-text-opacity: 1;
	color: rgb(55 65 81 / var(--un-text-opacity));
	font-weight: 700;
	background: #fff;
	box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f
}

.expand-transition-enter-active,
.expand-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.expand-transition-move {
	transition: transform .4s
}

.expand-x-transition-enter-active,
.expand-x-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.expand-x-transition-move {
	transition: transform .4s
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .2s ease-in-out
}

.fade-enter-from,
.fade-leave-to {
	opacity: 0
}

.fade-slide-leave-active,
.fade-slide-enter-active {
	transition: all .3s
}

.fade-slide-enter-from {
	opacity: 0;
	transform: translate(-30px)
}

.fade-slide-leave-to {
	opacity: 0;
	transform: translate(30px)
}

.fade-bottom-enter-active,
.fade-bottom-leave-active {
	transition: opacity .25s, transform .3s
}

.fade-bottom-enter-from {
	opacity: 0;
	transform: translateY(-10%)
}

.fade-bottom-leave-to {
	opacity: 0;
	transform: translateY(10%)
}

.fade-scale-leave-active,
.fade-scale-enter-active {
	transition: all .28s
}

.fade-scale-enter-from {
	opacity: 0;
	transform: scale(1.2)
}

.fade-scale-leave-to {
	opacity: 0;
	transform: scale(.8)
}

.fade-top-enter-active,
.fade-top-leave-active {
	transition: opacity .2s, transform .25s
}

.fade-top-enter-from {
	opacity: 0;
	transform: translateY(8%)
}

.fade-top-leave-to {
	opacity: 0;
	transform: translateY(-8%)
}

.scale-transition-enter-active,
.scale-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scale-transition-move {
	transition: transform .4s
}

.scale-transition-enter-from,
.scale-transition-leave,
.scale-transition-leave-to {
	opacity: 0;
	transform: scale(0)
}

.scale-rotate-transition-enter-active,
.scale-rotate-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scale-rotate-transition-move {
	transition: transform .4s
}

.scale-rotate-transition-enter-from,
.scale-rotate-transition-leave,
.scale-rotate-transition-leave-to {
	opacity: 0;
	transform: scale(0) rotate(-45deg)
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.slide-y-transition-move {
	transition: transform .4s
}

.slide-y-transition-enter-from,
.slide-y-transition-leave-to {
	opacity: 0;
	transform: translateY(-15px)
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.slide-y-reverse-transition-move {
	transition: transform .4s
}

.slide-y-reverse-transition-enter-from,
.slide-y-reverse-transition-leave-to {
	opacity: 0;
	transform: translateY(15px)
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.slide-x-transition-move {
	transition: transform .4s
}

.slide-x-transition-enter-from,
.slide-x-transition-leave-to {
	opacity: 0;
	transform: translate(-15px)
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.slide-x-reverse-transition-move {
	transition: transform .4s
}

.slide-x-reverse-transition-enter-from,
.slide-x-reverse-transition-leave-to {
	opacity: 0;
	transform: translate(15px)
}

.scroll-y-transition-enter-active,
.scroll-y-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scroll-y-transition-move {
	transition: transform .4s
}

.scroll-y-transition-enter-from,
.scroll-y-transition-leave-to {
	opacity: 0
}

.scroll-y-transition-enter-from {
	transform: translateY(-15px)
}

.scroll-y-transition-leave-to {
	transform: translateY(15px)
}

.scroll-y-reverse-transition-enter-active,
.scroll-y-reverse-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scroll-y-reverse-transition-move {
	transition: transform .4s
}

.scroll-y-reverse-transition-enter-from,
.scroll-y-reverse-transition-leave-to {
	opacity: 0
}

.scroll-y-reverse-transition-enter-from {
	transform: translateY(15px)
}

.scroll-y-reverse-transition-leave-to {
	transform: translateY(-15px)
}

.scroll-x-transition-enter-active,
.scroll-x-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scroll-x-transition-move {
	transition: transform .4s
}

.scroll-x-transition-enter-from,
.scroll-x-transition-leave-to {
	opacity: 0
}

.scroll-x-transition-enter-from {
	transform: translate(-15px)
}

.scroll-x-transition-leave-to {
	transform: translate(15px)
}

.scroll-x-reverse-transition-enter-active,
.scroll-x-reverse-transition-leave-active {
	transition: .3s cubic-bezier(.25, .8, .5, 1) !important
}

.scroll-x-reverse-transition-move {
	transition: transform .4s
}

.scroll-x-reverse-transition-enter-from,
.scroll-x-reverse-transition-leave-to {
	opacity: 0
}

.scroll-x-reverse-transition-enter-from {
	transform: translate(15px)
}

.scroll-x-reverse-transition-leave-to {
	transform: translate(-15px)
}

.zoom-out-enter-active,
.zoom-out-leave-active {
	transition: opacity .1 ease-in-out, transform .15s ease-out
}

.zoom-out-enter-from,
.zoom-out-leave-to {
	opacity: 0;
	transform: scale(0)
}

.zoom-fade-enter-active,
.zoom-fade-leave-active {
	transition: transform .2s, opacity .3s ease-out
}

.zoom-fade-enter-from {
	opacity: 0;
	transform: scale(.92)
}

.zoom-fade-leave-to {
	opacity: 0;
	transform: scale(1.06)
}

.collapse-transition {
	transition: .2s height ease-in-out, .2s padding-top ease-in-out, .2s padding-bottom ease-in-out
}

* {
	padding: 0;
	margin: 0
}

.n-radio-group .n-radio-button:last-of-type {
	border-top-right-radius: var(--n-button-border-radius);
	border-bottom-right-radius: var(--n-button-border-radius);
	border-right: 1px solid var(--n-button-border-color)
}

.n-radio-group .n-radio-button.n-radio-button--checked {
	background: var(--n-button-color-active);
	color: var(--n-button-text-color-active);
	border-color: var(--n-button-border-color-active)
}

::-webkit-scrollbar {
	width: 8px;
	height: 6px
}

::-webkit-scrollbar-thumb {
	border-radius: 6px;
	box-shadow: inset 0 0 5px #61b8b31a;
	background: #a4a4a4a8
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #57afbb1a;
	border-radius: 6px;
	background: #ededed
}

.n-input-number .n-input-wrapper {
	padding: 0 0 0 2px
}

.n-input-number .n-input-wrapper .n-input__suffix {
	display: none;
	flex-direction: column-reverse
}

.n-input-number .n-input-wrapper .n-input__suffix .n-button {
	height: 50%;
	border: 1px solid #d9d9d9
}

.n-input-number .n-input-wrapper .n-input__suffix .n-button .n-button__icon {
	height: 100%
}

.n-input-number .n-input--focus .n-input__suffix,
.n-input-number :hover .n-input__suffix {
	display: flex
}

.tag__white {
	background-color: #fff;
	border: 1px solid #E6E6E6;
	color: #000;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	box-shadow: 0 1.5px 4px -1px #0a090b12
}

.tag__blue {
	background-color: #ebf1fd;
	border: 1px solid #6ac3ff;
	color: #105dfb;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px
}

.tag__green {
	background-color: #e8f6ed;
	border: 1px solid #BAE5C8;
	color: #01a63e;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px
}

.tag__yellow {
	background-color: #fff0d8;
	border: 1px solid #FFDB9E;
	color: #f4a118;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px
}

.tag__red {
	background-color: #fceaea;
	border: 1px solid #F1ABAB;
	color: #e73f3f;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px
}

.tag__gray {
	background-color: #f6f6f8;
	border: 1px solid #E6E6E6;
	color: #525252;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px
}

.tag-dot__green {
	background-color: #dbeddbcc;
	border: 1px solid transparent;
	color: #1c3829;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__green:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #6c9b7d
}

.tag-dot__green {
	border-radius: 50px
}

.tag-dot__yellow {
	background-color: #fdecc8;
	border: 1px solid transparent;
	color: #402c1b;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__yellow:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #cb9433
}

.tag-dot__yellow {
	border-radius: 50px
}

.tag-dot__red {
	background-color: #ffe2ddcc;
	border: 1px solid transparent;
	color: #5d1715;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__red:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #e16f64
}

.tag-dot__red {
	border-radius: 50px
}

.tag-dot__gray {
	background-color: #e3e2e0cc;
	border: 1px solid transparent;
	color: #32302c;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__gray:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #91918e
}

.tag-dot__gray {
	border-radius: 50px
}

.tag-dot__blue {
	background-color: #d3e5ef;
	border: 1px solid transparent;
	color: #183347;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__blue:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #5b97bd
}

.tag-dot__blue {
	border-radius: 50px
}

.tag-dot__brown {
	background-color: #eee0da;
	border: 1px solid transparent;
	color: #442a1e;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3px 8px;
	gap: 3px;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 12px;
	border: none
}

.tag-dot__brown:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #bb846c
}

.tag-dot__brown {
	border-radius: 50px
}

.title {
	--un-text-opacity: 1;
	color: rgb(17 24 39 / var(--un-text-opacity));
	font-weight: 700;
	font-size: 30px
}

.image-hover-scale {
	transition: all .4s;
	border-radius: 4px;
	z-index: 999
}

.image-hover-scale:hover {
	transform: scale(2)
}

.gray-card {
	--un-bg-opacity: 1;
	background-color: rgb(243 244 246 / var(--un-bg-opacity));
	padding: 16px;
	border-radius: 12px
}

.image-border {
	border-width: 1px;
	--un-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--un-border-opacity));
	border-radius: 6px
}

.center-form-width>div:not(.form-item-sub-title),
.add-driver-form>div:not(.form-item-sub-title),
.add-car-form>div:not(.form-item-sub-title) {
	margin: 0 auto;
	width: 600px !important
}

.text_morerow {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.bd-red {
	border: 1px solid red
}

.border {
	border-style: solid
}

.common-shadow {
	box-shadow: 0 1.5px 4px -1px #0a090b12
}

.flex-jsp {
	display: flex;
	justify-content: space-between
}

.flex-col {
	display: flex;
	flex-direction: column
}

.flex-col-center {
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center
}

.flex-divide>* {
	flex: 1
}

.common-card {
	border-width: 1px;
	--un-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--un-border-opacity));
	border-radius: 8px;
	padding: 12px;
	border: 1px solid #E6E6E6
}

.bd-t-gray {
	border-top: 1px solid gray;
	--un-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--un-border-opacity))
}

.common-list-view-bg-gary .top-search {
	background-color: #f6f6f6 !important
}

.border-t {
	border-top-width: 1px;
	border-top-style: solid
}

.border-r {
	border-right-width: 1px;
	border-right-style: solid
}

.border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid
}

.border-l {
	border-left-width: 1px;
	border-left-style: solid
}

.custom-left-qf-form>:not(.qf-form-not-margin) {
	width: 520px !important;
	margin-left: 350px
}

.page-no-px {
	margin: 0 -24px
}

.n-form-item-blank {
	width: 100%
}

.custom-n-space-justify-space-between .n-space {
	justify-content: space-between !important
}

.divide-line {
	display: block;
	height: 1px;
	background: #e6e6e6
}

.circle-blue-tag {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	--un-bg-opacity: 1;
	background-color: rgb(37 99 235 / var(--un-bg-opacity));
	--un-text-opacity: 1;
	color: rgb(255 255 255 / var(--un-text-opacity));
	display: flex;
	justify-content: center;
	align-items: center
}

.n-form .hidden-feedback .n-form-item-feedback-wrapper {
	display: none;
	border: 1px solid #000 !important
}

.n-form .n-form-item-label__text {
	color: #525252
}

.text-overflow-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis !important
}

.n-tabs .n-tabs-tab__label {
	font-weight: 700
}

.n-tabs .n-tabs-tab .n-tabs-tab__label {
	color: #71717a !important
}

.n-tabs .n-tabs-tab.n-tabs-tab--active .n-tabs-tab__label {
	color: #111827 !important
}

.n-tabs .n-tabs-bar {
	background: #525252
}

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

.show-oneline {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav-scroll-content {
	border: none !important
}

.listitem-border__checked {
	box-sizing: border-box;
	--un-shadow: 0 0 0 3px var(--un-shadow-color, rgba(36, 100, 241, .15));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
	border-color: #105dfb !important
}

.listitem-border__unchecked {
	border-width: 1px;
	border-style: solid;
	border-width: 2px;
	--un-border-opacity: 1;
	border-color: rgb(230 230 230 / var(--un-border-opacity));
	border-radius: 8px !important
}

.n-input .n-button {
	padding: 0 !important
}

.n-base-selection-tags {
	padding: 8px !important
}