@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200;300;400;500;600;700;800&display=swap";:root{--blue-color: #475be8;--green-color: #4ce13f;--orange-color: #f29a2e;--red-color: #ef0606;--dark-color: #292929;--light-color: #ffffff;--font-family-lato: "Lato", sans-serif;--font-family-manrope: "Manrope", sans-serif;--font-size: 16px;--line-height: 1.6;--font-weight: 400;--default-transition: all .3s ease-in-out;--chart-primary-color: #475be8;--chart-secondary-color: #e6e6e6;--light-shadow1: rgba(0, 0, 0, .02) 0px 4px 12px}*{padding:0;margin:0;box-sizing:border-box;font-family:inherit}body{font-family:var(--font-family-lato);font-size:var(--font-size);font-weight:var(--font-weight);--primary-color: #475be8;--secondary-color: #fff;--background-color: #fafafa;--side-link-hover-color: #f6f6f6;--side-text-color: #808191;--logo-color: var(--primary-color);--xl-text-color: #292929;--lg-text-color: #525252;--base-text-color: #676767;--text-color-inverted: #292929;--bg-color-inverted: #ffffff;--border-color-inverted: #f6f6f6;--toggle-btn-border-color: #f3f3f3;--toggle-btn-bg-color: #fff;--toggle-btn-icon-color: var(--primary-color);--thead-bg-color: #f2f4ff;--tbl-border-color: #f2f4ff;--scroll-track-bg-color: #fff;--scroll-thumb-bg-color: #e9e9e9}body.dark-mode{--primary-color: #475be8;--secondary-color: #2e2e48;--background-color: #383854;--side-link-hover-color: #525270;--side-text-color: #e1e1e1;--logo-color: #fff;--xl-text-color: #ffff;--lg-text-color: #f3f3f3;--base-text-color: #e0e0e0;--text-color-inverted: #fff;--bg-color-inverted: #292929;--border-color-inverted: #575777;--toggle-btn-border-color: #525270;--toggle-btn-bg-color: #525270;--toggle-btn-icon-color: #bdbdbd;--thead-bg-color: #383854;--tbl-border-color: ##383854;--scroll-track-bg-color: #2e2e48;--scroll-thumb-bg-color: #575777}a{text-decoration:none}button{background-color:transparent;border:none;outline:0;cursor:pointer}ul{list-style-type:none}.theme-toggle-btn{background-color:var(--bg-color-inverted);position:fixed;right:0;top:20px;width:48px;height:40px;border-top-left-radius:30px;border-bottom-left-radius:30px;display:flex;align-items:center;justify-content:center;border:none;outline:0;z-index:999;cursor:pointer;box-shadow:#64646f33 0 7px 29px}.theme-toggle-btn .theme-icon{width:24px}.page-wrapper{background-color:var(--background-color);min-height:100vh;overflow:hidden}.content-wrapper{background-color:var(--background-color);min-height:100vh;padding:50px 58px;margin-left:260px}@media (max-width: 1400px){.content-wrapper{padding:32px}}@media (max-width: 1200px){.content-wrapper{margin-left:56px}}@media (max-width: 768px){.content-wrapper{margin-left:0;padding:24px}}@media (max-width: 576px){.content-wrapper{margin-left:0;padding:16px}}.content-area>section{margin-bottom:16px}.content-area>section:last-child{margin-bottom:0}.sidebar{position:fixed;left:0;top:0;width:260px;height:100%;background-color:var(--secondary-color);padding:20px 14px;box-shadow:#64646f1a 0 7px 29px;display:flex;flex-direction:column;z-index:999;transition:var(--default-transition);overflow-y:scroll}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background-color:var(--scroll-track-bg-color)}.sidebar::-webkit-scrollbar-thumb{border-radius:100vh!important;background-color:var(--scroll-thumb-bg-color);outline:1px solid rgba(0,0,0,.02);outline-offset:-1px}@media (max-width: 768px){.sidebar.sidebar-show{transform:translate(0)}}@media (max-width: 1200px){.sidebar{width:auto;padding:20px 6px}}@media (max-width: 768px){.sidebar{width:260px;transform:translate(-100%)}}.sidebar .sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid var(--border-color-inverted)}.sidebar .sidebar-brand{display:flex;align-items:center;column-gap:6px}.sidebar .sidebar-brand-text{text-transform:uppercase;font-weight:900;color:var(--logo-color);margin-bottom:8px}@media (max-width: 1200px){.sidebar .sidebar-brand-text{display:none}}@media (max-width: 768px){.sidebar .sidebar-brand-text{display:inline-block}}.sidebar .sidebar-close-btn{background-color:var(--toggle-btn-bg-color);width:28px;height:28px;box-shadow:0 0 4px #475be80a;display:flex;align-items:center;justify-content:center;color:var(--toggle-btn-icon-color);border-radius:2px;transition:var(--default-transition);display:none}@media (max-width: 768px){.sidebar .sidebar-close-btn{display:inline-flex}}.sidebar .sidebar-close-btn:hover{opacity:.8}.sidebar .menu-item{margin-bottom:8px}.sidebar .menu-item:last-child{margin-bottom:0}@media (max-width: 1200px){.sidebar .menu-item{display:flex;align-items:center;justify-content:center}}.sidebar .menu-link{width:100%;height:48px;display:flex;align-items:center;justify-content:flex-start;column-gap:11px;padding:12px;border-radius:12px;color:var(--side-text-color);transition:var(--default-transition)}@media (max-width: 1200px){.sidebar .menu-link{padding:2px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px}}@media (max-width: 768px){.sidebar .menu-link{padding:12px;border-bottom:12px;width:100%;height:42px;justify-content:flex-start}}.sidebar .menu-link:hover{background-color:var(--side-link-hover-color)}.sidebar .menu-link.active{background-color:var(--primary-color);color:var(--light-color);box-shadow:0 0 4px #475be80a}.sidebar .mennu-link-icon{display:flex;align-items:center}.sidebar .menu-link-text{font-family:var(--font-family-manrope);font-weight:500}@media (max-width: 1200px){.sidebar .menu-link-text{display:none}}@media (max-width: 768px){.sidebar .menu-link-text{display:inline-block}}.sidebar .sidebar-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.sidebar .sidebar-menu2{margin-top:auto}.content-area-cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;gap:16px}@media (max-width: 992px){.content-area-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.content-area-cards{grid-template-columns:100%}}.content-area-cards .area-card{background-color:var(--secondary-color);display:flex;align-items:center;border-radius:5px;padding:20px 16px;justify-content:space-between;box-shadow:var(--light-shadow1)}@media (max-width: 768px){.content-area-cards .area-card{padding:12px}}.content-area-cards .area-card .info-title{color:var(--lg-text-color);font-size:18px;margin-bottom:8px;font-weight:700}.content-area-cards .area-card .info-value{color:var(--xl-text-color);font-weight:700;font-size:24px;margin-bottom:8px}.content-area-cards .area-card .info-text{color:var(--base-text-color);font-weight:500}.recharts-default-tooltip{padding:4px 8px!important;box-shadow:#00000012 0 4px 12px;border-radius:4px;background-color:var(--secondary-color)!important;border:1px solid var(--border-color-inverted)!important}.recharts-tooltip-item-list *{color:var(--text-color-inverted)!important;font-size:14px;font-family:inherit!important;opacity:.9}.content-area-charts{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 992px){.content-area-charts{grid-template-columns:100%}}.bar-chart{background-color:var(--secondary-color);padding:16px 16px 6px;border-radius:5px;box-shadow:var(--light-shadow1);position:relative}@media (max-width: 768px){.bar-chart{padding:12px}}.bar-chart .bar-chart-wrapper{width:100%;height:240px}@media (max-width: 1400px){.bar-chart .bar-chart-wrapper .recharts-wrapper{margin-left:-10px}}.bar-chart .bar-chart-info{margin-bottom:32px}.bar-chart .bar-chart-title{margin-bottom:12px;font-size:18px;font-weight:700;color:var(--text-color-inverted)}.bar-chart .chart-info-data{display:flex;align-items:center;column-gap:16px}.bar-chart .info-data-value{color:var(--xl-text-color);font-size:24px;font-weight:700}.bar-chart .info-data-text{display:flex;align-items:center;column-gap:3px;color:var(--green-color)}.bar-chart .recharts-default-legend{position:absolute;top:-90px;right:0}.bar-chart .recharts-tooltip-label{color:var(--text-color-inverted);font-size:14px;font-weight:600}.progress-bar{padding:16px;border-radius:5px;box-shadow:var(--light-shadow1);background:var(--secondary-color)}@media (max-width: 768px){.progress-bar{padding:12px}}.progress-bar .progress-bar-title{font-size:20px;font-weight:700;color:var(--text-color-inverted);margin-bottom:16px}.progress-bar .bar-item-info{display:flex;align-items:center;justify-content:space-between;column-gap:6px;margin-bottom:8px}.progress-bar .bar-item-info .bar-item-info-name,.progress-bar .bar-item-info .bar-item-info-value{color:var(--text-color-inverted);font-weight:600}.progress-bar .progress-bar-list{display:grid;row-gap:20px}.progress-bar .bar-item-full{width:100%;height:10px;border-radius:100vh;background-color:var(--chart-secondary-color);position:relative}.progress-bar .bar-item-filled{position:absolute;top:0;left:0;height:100%;width:0;border-radius:100vh;background-color:var(--chart-primary-color)}.content-area-table .data-table-diagram table{min-width:900px;width:100%;border-collapse:collapse;color:var(--text-color-inverted)}.content-area-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.content-area-top .area-top-title{color:var(--text-color-inverted)}.content-area-top .area-top-l{display:flex;align-items:center;column-gap:6px}.content-area-top .area-top-r{margin-right:30px}.content-area-top .sidebar-open-btn{display:inline-flex;align-items:center;display:none;margin-bottom:-1px;color:var(--text-color-inverted)}@media (max-width: 768px){.content-area-top .sidebar-open-btn{display:inline-flex}}.content-area-top .date-range-wrapper{display:inline-block;box-shadow:var(--light-shadow1)}.content-area-top .date-range-wrapper .rdrDateDisplay{margin:0;height:40px;display:flex;align-items:center;border-radius:5px;overflow:hidden}.content-area-top .date-range-wrapper .rdrDateRangeWrapper{position:relative}.content-area-top .date-range-wrapper .rdrMonthAndYearWrapper{position:absolute;top:100%;width:100%;background-color:var(--light-color);padding-top:0;height:40px;z-index:1}.content-area-top .date-range-wrapper .rdrMonth{padding:0;z-index:1}.content-area-top .date-range-wrapper .rdrWeekDays{position:absolute;top:calc(100% + 40px);left:0;width:100%;background-color:var(--light-color);height:32px;z-index:1}.content-area-top .date-range-wrapper .rdrDays{position:absolute;top:calc(100% + 72px);left:0;width:100%;background-color:var(--light-color);z-index:1}.content-area-top .date-range-wrapper.hide-date-range .rdrMonthAndYearWrapper{display:none}.content-area-top .date-range-wrapper.hide-date-range .rdrMonth{padding:0}.content-area-top .date-range-wrapper.hide-date-range .rdrWeekDays,.content-area-top .date-range-wrapper.hide-date-range .rdrDays{display:none}.content-area-top .date-range-wrapper .rdrDateDisplayWrapper{background-color:var(--secondary-color);border-color:var(--secondary-color);outline:var(--secondary-color)}.content-area-top .date-range-wrapper .rdrDateDisplayWrapper *{background-color:var(--secondary-color);border-color:var(--secondary-color);outline:var(--secondary-color);box-shadow:none;color:var(--base-text-color)}.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.notice-container .notice-content h3{margin-bottom:10px}.notice-container .notice-content .input-group{display:flex;align-items:center}.notice-container .notice-content .input-group .date-input{width:100px;margin-left:10px;margin-right:10px;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.notice-container .notice-content .input-group .des-input{flex:1;margin-right:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.notice-container .notice-content .input-group .submit-button{padding:16px;cursor:pointer;background-color:#475be8;color:#fff;border:none;border-radius:4px;transition:background-color .3s}.notice-container .notice-content .input-group .submit-button:hover{background-color:#556df0}.data-table-title{font-size:18px;color:var(--xl-text-color);margin-bottom:12px}.data-table-diagram{border-radius:6px;border:1px solid #ccc!important;overflow-x:scroll}.data-table-diagram::-webkit-scrollbar{height:6px;width:6px}.data-table-diagram::-webkit-scrollbar-track{background-color:var(--scroll-track-bg-color)}.data-table-diagram::-webkit-scrollbar-thumb{border-radius:100vh!important;background-color:#e9e9e9;outline:1px solid rgba(0,0,0,.02);outline-offset:-1px}.data-table-diagram table{min-width:500px;width:100%;border-collapse:collapse;color:var(--text-color-inverted)}.data-table-diagram table td,.data-table-diagram table th{padding:14px 12px}@media (max-width: 768px){.data-table-diagram table td,.data-table-diagram table th{font-size:15px;padding:12px 10px}}.data-table-diagram table thead{text-align:left;font-size:17px;background-color:var(--thead-bg-color)}.data-table-diagram table thead th:last-child{text-align:center}.data-table-diagram table .dt-cell-action{text-align:center}.data-table-diagram table .dt-status{display:flex;align-items:center;justify-content:flex-start;column-gap:6px}.data-table-diagram table .dt-status .dt-status-dot{width:8px;height:8px;border-radius:100%}.data-table-diagram table .dt-status .dt-status-dot.dot-pending{background-color:var(--orange-color)}.data-table-diagram table .dt-status .dt-status-dot.dot-canceled{background-color:var(--red-color)}.data-table-diagram table .dt-status .dt-status-dot.dot-delivered{background-color:var(--green-color)}.data-table-diagram table .dt-status .dt-status-text{text-transform:capitalize}.content-area-table .data-table-info{display:flex;align-items:center}.content-area-table .add-button{cursor:pointer;margin-left:10px;margin-bottom:8px}.content-area-table .dialog{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.content-area-table .dialog .dialog-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;width:400px}.content-area-table .dialog .dialog-content h4{margin:0 0 15px}.content-area-table .dialog .dialog-content input{width:100%;display:block;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.content-area-table .dialog .dialog-content button{margin-top:10px;margin-right:5px;padding:10px;color:#fff;background-color:#4a90e2;border:none;border-radius:4px;cursor:pointer}.content-area-table .dialog .dialog-content button:hover{background-color:#337bce}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:9999;display:flex;justify-content:center;align-items:center}.loading-spinner{width:60px;height:60px;border:6px solid #ccc;border-top:6px solid #3f51b5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.full-back{background-color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;padding-bottom:140px}.form-container{max-width:500px;width:100%;padding:30px;text-align:center}.form-container .login-title{font-size:40px;margin-bottom:30px;font-weight:700}.form-container .input-group{margin-bottom:15px;text-align:left}.form-container .input-group label{font-size:14px;color:#333;margin-bottom:8px}.form-container .input-group input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:8px}.form-container .input-group input:focus{outline:none;border-color:#475be8}.form-container .login-button,.form-container .register-button{width:100%;padding:12px;font-size:16px;border-radius:8px;border:none;cursor:pointer;margin-top:10px}.form-container .login-button{background-color:#475be8;color:#fff}.form-container .register-button{background-color:#f7f7f7;color:#333}.form-container .additional-links{margin-top:20px;font-size:14px}.form-container .additional-links a{color:#333;text-decoration:none}.form-container .additional-links a:hover{text-decoration:underline}.content-area-table{background:var(--secondary-color);border-radius:5px;box-shadow:var(--light-shadow1);padding:12px 16px}@media (max-width: 768px){.content-area-table{padding:12px}}.content-area-table .data-table-title{font-size:18px;color:var(--xl-text-color);margin-bottom:12px}.content-area-table .data-table-diagram{border-radius:6px;border:1px solid var(--tbl-border-color)!important;overflow-x:scroll}.content-area-table .data-table-diagram::-webkit-scrollbar{height:6px;width:6px}.content-area-table .data-table-diagram::-webkit-scrollbar-track{background-color:var(--scroll-track-bg-color)}.content-area-table .data-table-diagram::-webkit-scrollbar-thumb{border-radius:100vh!important;background-color:#e9e9e9;outline:1px solid rgba(0,0,0,.02);outline-offset:-1px}.content-area-table .data-table-diagram table{min-width:500px;width:100%;border-collapse:collapse;color:var(--text-color-inverted)}.content-area-table .data-table-diagram table td,.content-area-table .data-table-diagram table th{padding:14px 12px}@media (max-width: 768px){.content-area-table .data-table-diagram table td,.content-area-table .data-table-diagram table th{font-size:15px;padding:12px 10px}}.content-area-table .data-table-diagram table thead{text-align:left;font-size:17px;background-color:var(--thead-bg-color)}.content-area-table .data-table-diagram table thead th:last-child{text-align:center}.content-area-table .data-table-diagram table .dt-cell-action{text-align:center}.content-area-table .data-table-diagram table .dt-status{display:flex;align-items:center;justify-content:flex-start;column-gap:6px}.content-area-table .data-table-diagram table .dt-status .dt-status-dot{width:8px;height:8px;border-radius:100%}.content-area-table .data-table-diagram table .dt-status .dt-status-dot.dot-pending{background-color:var(--orange-color)}.content-area-table .data-table-diagram table .dt-status .dt-status-dot.dot-canceled{background-color:var(--red-color)}.content-area-table .data-table-diagram table .dt-status .dt-status-dot.dot-delivered{background-color:var(--green-color)}.content-area-table .data-table-diagram table .dt-status .dt-status-text{text-transform:capitalize}.content-area-table .action-dropdown-btn{color:var(--text-color-inverted);position:relative}.content-area-table .action-dropdown-menu{position:absolute;top:100%;right:50%;transform:translate(50%);height:auto;min-width:80px;box-shadow:#64646f1a 0 1px 4px;background-color:var(--secondary-color);padding:6px 10px;z-index:1;border-radius:8px;border:1px solid var(--border-color-inverted);text-align:left}.content-area-table .dropdown-menu-item{margin:8px 0}.content-area-table .dropdown-menu-link{color:var(--text-color-inverted);font-weight:600;transition:var(--default-transition)}.content-area-table .dropdown-menu-link:hover{opacity:.9}