@charset "UTF-8";
:root {
  --primary-color: #1276a7;
  --secondary-color: #8fad57;
}

@font-face {
  font-family: "Pretendard GOV";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/PretendardGOV-Regular.subset.woff2") format("woff2"), url("./fonts/PretendardGOV-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/PretendardGOV-Medium.subset.woff2") format("woff2"), url("./fonts/PretendardGOV-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/PretendardGOV-Bold.subset.woff2") format("woff2"), url("./fonts/PretendardGOV-Bold.subset.woff") format("woff");
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #1d1d1d;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  font-family: "Pretendard GOV", "Apple SD Gothic Neo", system-ui, sans-serif;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: anywhere;
}

button, a {
  cursor: pointer;
  border-style: none;
  background-color: transparent;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(4, 123, 182, 0.2);
  border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover {
  background: #999;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(4, 123, 182, 0.2) transparent;
}

/* 7) 애니메이션/스무스 스크롤 접근성 */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

.app {
  min-height: 100vh;
  background: #eaf0f6;
}

.app-header {
  z-index: 50;
  padding: 20px;
}

.app-header__inner {
  height: 80px;
  padding: 0 29px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(18, 32, 50, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand__mark {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: conic-gradient(from 180deg, #1f6feb, #22c55e, #f59e0b, #ef4444, #1f6feb);
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
.brand__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.app-header__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.user-chip {
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7e8790;
  font-size: 15px;
  cursor: pointer;
}
.user-chip__icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='38'%20height='38'%20rx='19'%20stroke='%23047BB6'%20stroke-width='2'/%3e%3crect%20x='4'%20y='4'%20width='32'%20height='32'%20rx='16'%20fill='%237EBFFF'/%3e%3cpath%20d='M20%2019.5C26.0751%2019.5%2031%2024.4249%2031%2030.5C31%2030.8976%2030.9776%2031.2901%2030.9365%2031.6768C28.0755%2034.3575%2024.23%2036%2020%2036C15.7698%2036%2011.9235%2034.3577%209.0625%2031.6768C9.02138%2031.2901%209%2030.8975%209%2030.5C9%2024.4249%2013.9249%2019.5%2020%2019.5Z'%20fill='%23002236'/%3e%3cpath%20d='M20%208.5C22.7614%208.5%2025%2010.7386%2025%2013.5C25%2016.2614%2022.7614%2018.5%2020%2018.5C17.2386%2018.5%2015%2016.2614%2015%2013.5C15%2010.7386%2017.2386%208.5%2020%208.5Z'%20fill='%23002236'/%3e%3c/svg%3e");
}

.icon-btn {
  background: #0d2a44;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
  width: 32px;
  height: 32px;
  border-radius: 999px;
  cursor: pointer;
}

.side-nav_wrap {
  position: sticky;
  top: 20px;
  align-self: start;
  height: calc(100vh - 80px - 60px);
  transition: top 0.3s ease;
}
.side-nav_wrap.is-stuck {
  top: 20px;
}

.side-nav {
  align-self: start;
  height: 100%;
  padding: 12px;
  background-color: #253b53;
  border-radius: 10px;
  transition: height 0.3s ease;
}
.side-nav.is-stuck {
  height: calc(100vh - 40px);
}

.side-nav__inner {
  height: 100%;
  overflow: auto;
  padding: 10px;
}

.side-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.side-nav__arrow {
  position: absolute;
  top: 3px;
  right: 0px;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.8);
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

.side-nav__sub {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.side-nav__item {
  padding: 20px;
  border-radius: 10px;
}
.side-nav__item.is-open {
  border: 1px solid rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.1);
}
.side-nav__item.is-open .side-nav__link {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(243, 245, 247, 0.2);
}
.side-nav__item.is-open .side-nav__sub {
  max-height: 300px;
  opacity: 1;
  transform: translateY(0);
}
.side-nav__item.is-open .side-nav__arrow {
  transform: rotate(-135deg);
}
.side-nav__item.has-children .side-nav__toggle {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  background: transparent;
}

.side-nav__subitem a {
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  color: #e2e6ec;
}
.side-nav__subitem a:after {
  position: absolute;
  left: 5px;
  top: 50%;
  display: block;
  background: #e2e6ec;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.side-nav__subitem a:hover {
  background: rgba(255, 255, 255, 0.12);
}
.side-nav__subitem a.is-active {
  color: #fff;
}
.side-nav__subitem a.is-active:after {
  background: #fff;
  border-radius: 0;
  height: 20px;
}

.side-nav__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  font-size: 14px;
}
.side-nav__link .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.side-nav__link .icon.sni01 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.5%2013V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11V13H3.5ZM13%203.5H18.6923C19.1974%203.5%2019.625%203.675%2019.975%204.025C20.325%204.375%2020.5%204.80367%2020.5%205.311V9H13V3.5ZM13%2020.5V11H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H13ZM3.5%2015H11V20.5H5.30775C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1963%203.5%2018.689V15ZM5%2011.5H9.5V5H5.30775C5.21792%205%205.14417%205.02883%205.0865%205.0865C5.02883%205.14417%205%205.21792%205%205.30775V11.5ZM14.5%207.5H19V5.30775C19%205.21792%2018.9712%205.14417%2018.9135%205.0865C18.8558%205.02883%2018.7821%205%2018.6923%205H14.5V7.5ZM14.5%2012.5V19H18.6923C18.7821%2019%2018.8558%2018.9712%2018.9135%2018.9135C18.9712%2018.8558%2019%2018.7821%2019%2018.6923V12.5H14.5ZM5%2016.5V18.6923C5%2018.7821%205.02883%2018.8558%205.0865%2018.9135C5.14417%2018.9712%205.21792%2019%205.30775%2019H9.5V16.5H5Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni02 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.84625%2011.3463C8.67442%2011.3463%208.53208%2011.2898%208.41925%2011.177C8.30642%2011.0642%208.25%2010.9218%208.25%2010.75C8.25%2010.5782%208.30642%2010.4358%208.41925%2010.323C8.53208%2010.2102%208.67442%2010.1538%208.84625%2010.1538H15.1538C15.3256%2010.1538%2015.4679%2010.2102%2015.5807%2010.323C15.6936%2010.4358%2015.75%2010.5782%2015.75%2010.75C15.75%2010.9218%2015.6936%2011.0642%2015.5807%2011.177C15.4679%2011.2898%2015.3256%2011.3463%2015.1538%2011.3463H8.84625ZM9.84625%2014.3463C9.67442%2014.3463%209.53208%2014.2898%209.41925%2014.177C9.30642%2014.0642%209.25%2013.9218%209.25%2013.75C9.25%2013.5782%209.30642%2013.4358%209.41925%2013.323C9.53208%2013.2102%209.67442%2013.1537%209.84625%2013.1537H14.1538C14.3256%2013.1537%2014.4679%2013.2102%2014.5807%2013.323C14.6936%2013.4358%2014.75%2013.5782%2014.75%2013.75C14.75%2013.9218%2014.6936%2014.0642%2014.5807%2014.177C14.4679%2014.2898%2014.3256%2014.3463%2014.1538%2014.3463H9.84625ZM3.30775%2019.5C2.80908%2019.5%202.38308%2019.3234%202.02975%2018.9703C1.67658%2018.6169%201.5%2018.1909%201.5%2017.6923V6.30775C1.5%205.80908%201.67658%205.38308%202.02975%205.02975C2.38308%204.67658%202.80908%204.5%203.30775%204.5H20.6923C21.1909%204.5%2021.6169%204.67658%2021.9703%205.02975C22.3234%205.38308%2022.5%205.80908%2022.5%206.30775V17.6923C22.5%2018.1909%2022.3234%2018.6169%2021.9703%2018.9703C21.6169%2019.3234%2021.1909%2019.5%2020.6923%2019.5H3.30775ZM4.25%206H3.30775C3.21792%206%203.14417%206.02883%203.0865%206.0865C3.02883%206.14417%203%206.21792%203%206.30775V17.6923C3%2017.7821%203.02883%2017.8558%203.0865%2017.9135C3.14417%2017.9712%203.21792%2018%203.30775%2018H4.25V6ZM5.75%2018H18.25V6H5.75V18ZM19.75%206V18H20.6923C20.7821%2018%2020.8558%2017.9712%2020.9135%2017.9135C20.9712%2017.8558%2021%2017.7821%2021%2017.6923V6.30775C21%206.21792%2020.9712%206.14417%2020.9135%206.0865C20.8558%206.02883%2020.7821%206%2020.6923%206H19.75Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni03 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.577%2017.673H4.30775C3.80258%2017.673%203.375%2017.498%203.025%2017.148C2.675%2016.798%202.5%2016.3704%202.5%2015.8652V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V15.8652C21.5%2016.3704%2021.325%2016.798%2020.975%2017.148C20.625%2017.498%2020.1974%2017.673%2019.6923%2017.673H13.423L15.2345%2019.4845C15.2678%2019.5178%2015.3114%2019.6217%2015.3652%2019.796V20.0578C15.3652%2020.1783%2015.3217%2020.2821%2015.2345%2020.3693C15.1473%2020.4564%2015.0435%2020.5%2014.923%2020.5H8.94625C8.85908%2020.5%208.78533%2020.4698%208.725%2020.4095C8.66483%2020.3493%208.63475%2020.2757%208.63475%2020.1885V19.746C8.63475%2019.7127%208.66483%2019.639%208.725%2019.525L10.577%2017.673ZM4%2013.9232H20V5.30775C20%205.23075%2019.9679%205.16025%2019.9038%205.09625C19.8398%205.03208%2019.7693%205%2019.6923%205H4.30775C4.23075%205%204.16025%205.03208%204.09625%205.09625C4.03208%205.16025%204%205.23075%204%205.30775V13.9232Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni04 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.30775%2020.5C3.80258%2020.5%203.375%2020.325%203.025%2019.975C2.675%2019.625%202.5%2019.1974%202.5%2018.6923V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V18.6923C21.5%2019.1974%2021.325%2019.625%2020.975%2019.975C20.625%2020.325%2020.1974%2020.5%2019.6923%2020.5H4.30775ZM4.30775%2019H19.6923C19.7693%2019%2019.8398%2018.9679%2019.9038%2018.9038C19.9679%2018.8398%2020%2018.7693%2020%2018.6923V5.30775C20%205.23075%2019.9679%205.16025%2019.9038%205.09625C19.8398%205.03208%2019.7693%205%2019.6923%205H4.30775C4.23075%205%204.16025%205.03208%204.09625%205.09625C4.03208%205.16025%204%205.23075%204%205.30775V18.6923C4%2018.7693%204.03208%2018.8398%204.09625%2018.9038C4.16025%2018.9679%204.23075%2019%204.30775%2019ZM7.13475%2016.6152H16.8652C17.0781%2016.6152%2017.2563%2016.5435%2017.4%2016.4C17.5435%2016.2563%2017.6152%2016.0781%2017.6152%2015.8652C17.6152%2015.6526%2017.5435%2015.4744%2017.4%2015.3308C17.2563%2015.1873%2017.0781%2015.1155%2016.8652%2015.1155H7.13475C6.92192%2015.1155%206.74367%2015.1873%206.6%2015.3308C6.4565%2015.4744%206.38475%2015.6526%206.38475%2015.8652C6.38475%2016.0781%206.4565%2016.2563%206.6%2016.4C6.74367%2016.5435%206.92192%2016.6152%207.13475%2016.6152ZM7.13475%2012.75H9.327C9.53983%2012.75%209.718%2012.6782%209.8615%2012.5345C10.0052%2012.391%2010.077%2012.2128%2010.077%2012V8.13475C10.077%207.92192%2010.0052%207.74367%209.8615%207.6C9.718%207.4565%209.53983%207.38475%209.327%207.38475H7.13475C6.92192%207.38475%206.74367%207.4565%206.6%207.6C6.4565%207.74367%206.38475%207.92192%206.38475%208.13475V12C6.38475%2012.2128%206.4565%2012.391%206.6%2012.5345C6.74367%2012.6782%206.92192%2012.75%207.13475%2012.75ZM13.0193%2012.75H16.8652C17.0781%2012.75%2017.2563%2012.6782%2017.4%2012.5345C17.5435%2012.391%2017.6152%2012.2128%2017.6152%2012C17.6152%2011.7872%2017.5435%2011.609%2017.4%2011.4655C17.2563%2011.3218%2017.0781%2011.25%2016.8652%2011.25H13.0193C12.8064%2011.25%2012.6283%2011.3218%2012.4848%2011.4655C12.3411%2011.609%2012.2692%2011.7872%2012.2692%2012C12.2692%2012.2128%2012.3411%2012.391%2012.4848%2012.5345C12.6283%2012.6782%2012.8064%2012.75%2013.0193%2012.75ZM13.0193%208.8845H16.8652C17.0781%208.8845%2017.2563%208.81275%2017.4%208.66925C17.5435%208.52558%2017.6152%208.34742%2017.6152%208.13475C17.6152%207.92192%2017.5435%207.74367%2017.4%207.6C17.2563%207.4565%2017.0781%207.38475%2016.8652%207.38475H13.0193C12.8064%207.38475%2012.6283%207.4565%2012.4848%207.6C12.3411%207.74367%2012.2692%207.92192%2012.2692%208.13475C12.2692%208.34742%2012.3411%208.52558%2012.4848%208.66925C12.6283%208.81275%2012.8064%208.8845%2013.0193%208.8845Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni05 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.94141%2014.75C7.34424%2014.75%205.98666%2014.191%204.86866%2013.073C3.75049%2011.9548%203.19141%2010.5972%203.19141%209C3.19141%208.72217%203.21166%208.44442%203.25216%208.16675C3.29249%207.88892%203.36007%207.62242%203.45491%207.36725C3.51907%207.21342%203.60566%207.09967%203.71466%207.026C3.82349%206.95233%203.94649%206.89883%204.08366%206.8655C4.22099%206.83217%204.35916%206.83467%204.49816%206.873C4.63732%206.9115%204.76391%206.98783%204.87791%207.102L7.54141%209.74625L9.68766%207.6L7.05291%204.95575C6.93891%204.84158%206.86266%204.71275%206.82416%204.56925C6.78566%204.42575%206.78307%204.286%206.81641%204.15C6.84974%204.01417%206.90491%203.89175%206.98191%203.78275C7.05874%203.67375%207.17091%203.58717%207.31841%203.523C7.57357%203.42183%207.83899%203.351%208.11466%203.3105C8.39016%203.27017%208.66574%203.25%208.94141%203.25C10.5387%203.25%2011.8964%203.809%2013.0144%204.927C14.1324%206.04517%2014.6914%207.40283%2014.6914%209C14.6914%209.42183%2014.6517%209.81475%2014.5722%2010.1788C14.4927%2010.5429%2014.3734%2010.8949%2014.2144%2011.2348L19.6492%2016.6385C20.0683%2017.056%2020.2779%2017.5671%2020.2779%2018.1718C20.2779%2018.7764%2020.069%2019.2884%2019.6512%2019.7078C19.2333%2020.1269%2018.7218%2020.3365%2018.1167%2020.3365C17.5115%2020.3365%2016.9992%2020.1218%2016.5799%2019.6923L11.1762%2014.273C10.8235%2014.4257%2010.4651%2014.5433%2010.1009%2014.626C9.73657%2014.7087%209.35007%2014.75%208.94141%2014.75ZM8.94141%2013.25C9.37907%2013.25%209.81674%2013.1849%2010.2544%2013.0548C10.6919%2012.9248%2011.0921%2012.7212%2011.4549%2012.4442L17.6647%2018.654C17.7863%2018.7757%2017.9388%2018.834%2018.1222%2018.829C18.3055%2018.8238%2018.4581%2018.7603%2018.5799%2018.6385C18.7017%2018.5167%2018.7627%2018.3641%2018.7627%2018.1807C18.7627%2017.9974%2018.7017%2017.8448%2018.5799%2017.723L12.3704%2011.5287C12.6511%2011.1826%2012.8581%2010.7887%2012.9914%2010.347C13.1247%209.90533%2013.1914%209.45633%2013.1914%209C13.1914%207.891%2012.7952%206.90958%2012.0029%206.05575C11.2106%205.20192%2010.208%204.78333%208.99516%204.8L11.1627%206.96725C11.3433%207.14808%2011.4337%207.359%2011.4337%207.6C11.4337%207.841%2011.3433%208.05192%2011.1627%208.23275L8.17416%2011.2213C7.99332%2011.4019%207.78241%2011.4923%207.54141%2011.4923C7.30041%2011.4923%207.08949%2011.4019%206.90866%2011.2213L4.74141%209.05375C4.74391%2010.3371%205.17532%2011.3573%206.03566%2012.1145C6.89599%2012.8715%207.86457%2013.25%208.94141%2013.25Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni06 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97166%2019.5C6.45366%2019.5%206.01482%2019.325%205.65516%2018.975C5.29566%2018.625%205.11591%2018.1974%205.11591%2017.6923V8.798L2.74091%205.9865C2.66391%205.893%202.61032%205.7985%202.58016%205.703C2.55016%205.6075%202.53516%205.50783%202.53516%205.404C2.53516%205.16933%202.61716%204.96%202.78116%204.776C2.94532%204.592%203.16457%204.5%203.43891%204.5H19.6447C20.1625%204.5%2020.6012%204.675%2020.9609%205.025C21.3206%205.375%2021.5004%205.80258%2021.5004%206.30775V17.6923C21.5004%2018.1974%2021.3206%2018.625%2020.9609%2018.975C20.6012%2019.325%2020.1625%2019.5%2019.6447%2019.5H6.97166ZM4.72341%206L6.61566%208.23075V17.6923C6.61566%2017.7693%206.65257%2017.8398%206.72641%2017.9038C6.80007%2017.9679%206.88182%2018%206.97166%2018H19.6447C19.7343%2018%2019.8161%2017.9679%2019.8899%2017.9038C19.9636%2017.8398%2020.0004%2017.7693%2020.0004%2017.6923V6.30775C20.0004%206.23075%2019.9636%206.16025%2019.8899%206.09625C19.8161%206.03208%2019.7343%206%2019.6447%206H4.72341ZM12.6754%2014.596H16.6832C16.896%2014.596%2017.0742%2014.5243%2017.2177%2014.3808C17.3613%2014.2371%2017.4332%2014.0589%2017.4332%2013.8463C17.4332%2013.6334%2017.3613%2013.4552%2017.2177%2013.3115C17.0742%2013.168%2016.896%2013.0963%2016.6832%2013.0963H10.9157C10.5683%2013.0963%2010.3296%2013.2523%2010.1994%2013.5645C10.0692%2013.8767%2010.1272%2014.1526%2010.3734%2014.3923L12.5217%2016.4828C12.66%2016.6211%2012.834%2016.6902%2013.0437%2016.6902C13.2533%2016.6902%2013.4273%2016.6211%2013.5657%2016.4828C13.7107%2016.3378%2013.7832%2016.1589%2013.7832%2015.9463C13.7832%2015.7334%2013.7107%2015.5577%2013.5657%2015.4192L12.6754%2014.596ZM13.8254%209.404H9.80816C9.59532%209.404%209.41707%209.47575%209.27341%209.61925C9.12991%209.76292%209.05816%209.94108%209.05816%2010.1538C9.05816%2010.3666%209.12991%2010.5448%209.27341%2010.6885C9.41707%2010.832%209.59532%2010.9038%209.80816%2010.9038H15.5754C15.9229%2010.9038%2016.1617%2010.7477%2016.2917%2010.4355C16.4218%2010.1233%2016.3638%209.84742%2016.1177%209.60775L13.9792%207.51725C13.8408%207.37892%2013.6668%207.30975%2013.4572%207.30975C13.2475%207.30975%2013.0735%207.37892%2012.9352%207.51725C12.7902%207.66225%2012.7177%207.84108%2012.7177%208.05375C12.7177%208.26658%2012.7902%208.44225%2012.9352%208.58075L13.8254%209.404Z'%20fill='white'/%3e%3c/svg%3e");
}
.side-nav__link .icon.sni07 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.533%2015.275C12.6767%2015.1313%2012.7485%2014.9531%2012.7485%2014.7402C12.7485%2014.5276%2012.6767%2014.3494%2012.533%2014.2058C12.3895%2014.0623%2012.2114%2013.9905%2011.9985%2013.9905C11.7857%2013.9905%2011.6075%2014.0623%2011.464%2014.2058C11.3204%2014.3494%2011.2485%2014.5276%2011.2485%2014.7402C11.2485%2014.9531%2011.3204%2015.1313%2011.464%2015.275C11.6075%2015.4185%2011.7857%2015.4902%2011.9985%2015.4902C12.2114%2015.4902%2012.3895%2015.4185%2012.533%2015.275ZM12.533%2012.7845C12.6767%2012.641%2012.7485%2012.4628%2012.7485%2012.25V9C12.7485%208.78717%2012.6767%208.609%2012.533%208.4655C12.3895%208.32183%2012.2114%208.25%2011.9985%208.25C11.7857%208.25%2011.6075%208.32183%2011.464%208.4655C11.3204%208.609%2011.2485%208.78717%2011.2485%209V12.25C11.2485%2012.4628%2011.3204%2012.641%2011.464%2012.7845C11.6075%2012.9282%2011.7857%2013%2011.9985%2013C12.2114%2013%2012.3895%2012.9282%2012.533%2012.7845ZM10.8908%2021.5C10.5498%2021.5%2010.2553%2021.3868%2010.0073%2021.1605C9.75911%2020.9343%209.60811%2020.6558%209.55428%2020.325L9.31003%2018.4538C9.0422%2018.3641%208.76753%2018.2385%208.48603%2018.077C8.2047%2017.9153%207.95311%2017.7423%207.73128%2017.5578L5.99853%2018.2943C5.68436%2018.4328%205.3687%2018.4462%205.05153%2018.3345C4.7342%2018.223%204.4877%2018.0205%204.31203%2017.727L3.18503%2015.773C3.00936%2015.4795%202.95878%2015.1689%203.03328%2014.8413C3.10761%2014.5138%203.27811%2014.2436%203.54478%2014.0308L5.04278%2012.9058C5.01978%2012.7571%205.00345%2012.6078%204.99378%2012.4578C4.98411%2012.3078%204.97928%2012.1583%204.97928%2012.0095C4.97928%2011.8673%204.98411%2011.7228%204.99378%2011.576C5.00345%2011.4292%205.01978%2011.2686%205.04278%2011.0943L3.54478%209.96925C3.27811%209.75642%203.1092%209.48458%203.03803%209.15375C2.96686%208.82308%203.01911%208.51092%203.19478%208.21725L4.31203%206.29225C4.4877%206.00508%204.7342%205.80417%205.05153%205.6895C5.3687%205.57467%205.68436%205.5865%205.99853%205.725L7.72153%206.452C7.9627%206.261%208.22011%206.08633%208.49378%205.928C8.76745%205.76967%209.03636%205.64242%209.30053%205.54625L9.55428%203.675C9.60811%203.34417%209.75911%203.06567%2010.0073%202.8395C10.2553%202.61317%2010.5498%202.5%2010.8908%202.5H13.1063C13.4473%202.5%2013.7418%202.61317%2013.9898%202.8395C14.2379%203.06567%2014.3889%203.34417%2014.4428%203.675L14.687%205.55575C14.987%205.66475%2015.2584%205.792%2015.5013%205.9375C15.7443%206.083%2015.9895%206.2545%2016.237%206.452L18.0083%205.725C18.3223%205.5865%2018.6379%205.57467%2018.9553%205.6895C19.2726%205.80417%2019.519%206.00508%2019.6945%206.29225L20.812%208.227C20.9877%208.5205%2021.0383%208.83108%2020.9638%209.15875C20.8894%209.48625%2020.7189%209.75642%2020.4523%209.96925L18.9158%2011.123C18.9516%2011.2845%2018.9712%2011.4355%2018.9745%2011.576C18.9777%2011.7163%2018.9793%2011.8577%2018.9793%2012C18.9793%2012.1358%2018.976%2012.274%2018.9695%2012.4145C18.9632%2012.5548%2018.9402%2012.7154%2018.9005%2012.8963L20.408%2014.0308C20.6747%2014.2436%2020.8469%2014.5138%2020.9245%2014.8413C21.002%2015.1689%2020.9529%2015.4795%2020.7773%2015.773L19.6445%2017.7173C19.469%2018.0109%2019.221%2018.2135%2018.9005%2018.325C18.58%2018.4365%2018.2627%2018.423%2017.9485%2018.2845L16.237%2017.548C15.9895%2017.7455%2015.7369%2017.9202%2015.4793%2018.072C15.2216%2018.224%2014.9575%2018.3481%2014.687%2018.4443L14.4428%2020.325C14.3889%2020.6558%2014.2379%2020.9343%2013.9898%2021.1605C13.7418%2021.3868%2013.4473%2021.5%2013.1063%2021.5H10.8908ZM10.9985%2020H12.964L13.3235%2017.3212C13.8339%2017.1879%2014.3002%2016.9985%2014.7225%2016.753C15.145%2016.5073%2015.5524%2016.1916%2015.9448%2015.8057L18.4293%2016.85L19.414%2015.15L17.2448%2013.5155C17.3281%2013.2565%2017.3848%2013.0026%2017.4148%2012.7538C17.4449%2012.5051%2017.46%2012.2538%2017.46%2012C17.46%2011.7397%2017.4449%2011.4884%2017.4148%2011.2463C17.3848%2011.0039%2017.3281%2010.7564%2017.2448%2010.5038L19.433%208.85L18.4485%207.15L15.935%208.2095C15.6004%207.85183%2015.1994%207.53583%2014.7323%207.2615C14.2649%206.98717%2013.7922%206.79292%2013.314%206.67875L12.9985%204H11.014L10.683%206.66925C10.1729%206.78975%209.70178%206.97433%209.26978%207.223C8.83761%207.47183%208.42536%207.79233%208.03303%208.1845L5.54853%207.15L4.56403%208.85L6.72353%2010.4595C6.6402%2010.6968%206.58186%2010.9437%206.54853%2011.2C6.5152%2011.4563%206.49853%2011.7262%206.49853%2012.0095C6.49853%2012.2698%206.5152%2012.525%206.54853%2012.775C6.58186%2013.025%206.63703%2013.2718%206.71403%2013.5155L4.56403%2015.15L5.54853%2016.85L8.02353%2015.8C8.40303%2016.1897%208.80878%2016.5089%209.24078%2016.7578C9.67295%2017.0064%2010.1505%2017.1974%2010.6735%2017.3307L10.9985%2020Z'%20fill='white'/%3e%3c/svg%3e");
}

@media (max-width: 900px) {
  .side-nav_wrap {
    display: none;
    position: relative;
    top: auto;
    height: auto;
  }
  .side-nav {
    background-size: contain;
  }
}
body.al-drawer-open {
  overflow: hidden;
}

body.al-admin {
  overflow: hidden;
}

.al-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  background: #F9FAFC;
  color: #1e293b;
}

.al-header {
  flex: 0 0 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px;
  background: #F9FAFC;
  z-index: 200;
}

.al-header__left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.al-header__menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  transition: background 0.15s ease;
}
.al-header__menu-btn:hover {
  background: rgba(0, 0, 0, 0.06);
}

.al-header__hamburger {
  display: block;
  position: relative;
  width: 18px;
  height: 14px;
}
.al-header__hamburger::before, .al-header__hamburger::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #334155;
}
.al-header__hamburger::before {
  top: 0;
}
.al-header__hamburger::after {
  bottom: 0;
}
.al-header__hamburger span {
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #334155;
}

.al-header__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.al-header__logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1276A7, #052031);
  display: grid;
  place-items: center;
}
.al-header__logo img {
  width: 18px;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
}

.al-header__brand-name {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1e293b;
}

.al-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.al-header__notify {
  position: relative;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.15s ease;
  margin-right: 10px;
}
.al-header__notify:hover {
  background: rgba(0, 0, 0, 0.06);
}
.al-header__notify:after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 16px;
  right: -10px;
  top: 10px;
  background: #D9D9D9;
}

.al-header__notify-icon {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9983%2021.6923C11.5008%2021.6923%2011.0754%2021.5153%2010.7223%2021.1613C10.3689%2020.8073%2010.1923%2020.3817%2010.1923%2019.8845H13.8077C13.8077%2020.3833%2013.6306%2020.8093%2013.2762%2021.1625C12.9219%2021.5157%2012.4959%2021.6923%2011.9983%2021.6923ZM4.5%2018.8845V17.3848H6.30775V9.923C6.30775%208.57817%206.72283%207.38908%207.553%206.35575C8.383%205.32242%209.44867%204.6615%2010.75%204.373V3.75C10.75%203.40283%2010.8714%203.10767%2011.1143%202.8645C11.3571%202.6215%2011.6519%202.5%2011.9988%202.5C12.3458%202.5%2012.641%202.6215%2012.8845%202.8645C13.1282%203.10767%2013.25%203.40283%2013.25%203.75V3.95C13.0858%204.24617%2012.9557%204.54742%2012.8595%204.85375C12.7633%205.16025%2012.7044%205.47825%2012.6827%205.80775C12.5689%205.78725%2012.4579%205.76925%2012.3498%205.75375C12.2418%205.73842%2012.1252%205.73075%2012%205.73075C10.8423%205.73075%209.85417%206.14008%209.0355%206.95875C8.217%207.77725%207.80775%208.76533%207.80775%209.923V17.3848H16.1923V11.1328C16.4218%2011.2148%2016.6641%2011.2788%2016.9193%2011.325C17.1744%2011.3712%2017.4321%2011.3911%2017.6923%2011.3848V17.3848H19.5V18.8845H4.5Z'%20fill='%23475569'/%3e%3cpath%20d='M14.7344%206.45217C14.7344%207.21584%2015.002%207.86492%2015.5374%208.39942C16.0725%208.93392%2016.7219%209.20117%2017.4854%209.20117C18.249%209.20117%2018.8981%208.93351%2019.4326%208.39817C19.9671%207.86301%2020.2344%207.21359%2020.2344%206.44992C20.2344%205.68642%2019.9667%205.03742%2019.4314%204.50292C18.8962%203.96842%2018.2468%203.70117%2017.4831%203.70117C16.7196%203.70117%2016.0706%203.96875%2015.5361%204.50392C15.0016%205.03926%2014.7344%205.68867%2014.7344%206.45217Z'%20fill='%23E30084'/%3e%3c/svg%3e") center/18px 18px no-repeat;
  opacity: 0.7;
}

.al-header__user {
  display: flex;
  align-items: center;
  gap: 10px;
}

.al-header__user-name {
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  white-space: nowrap;
}

.al-header__avatar {
  width: 40px;
  height: 40px;
}

.al-header__avatar-icon {
  display: block;
  width: 40px;
  height: 40px;
  background: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='38'%20height='38'%20rx='19'%20stroke='%23047BB6'%20stroke-width='2'/%3e%3crect%20x='4'%20y='4'%20width='32'%20height='32'%20rx='16'%20fill='%237EBFFF'/%3e%3cpath%20d='M20%2019.5C26.0751%2019.5%2031%2024.4249%2031%2030.5C31%2030.8976%2030.9776%2031.2901%2030.9365%2031.6768C28.0755%2034.3575%2024.23%2036%2020%2036C15.7698%2036%2011.9235%2034.3577%209.0625%2031.6768C9.02138%2031.2901%209%2030.8975%209%2030.5C9%2024.4249%2013.9249%2019.5%2020%2019.5Z'%20fill='%23002236'/%3e%3cpath%20d='M20%208.5C22.7614%208.5%2025%2010.7386%2025%2013.5C25%2016.2614%2022.7614%2018.5%2020%2018.5C17.2386%2018.5%2015%2016.2614%2015%2013.5C15%2010.7386%2017.2386%208.5%2020%208.5Z'%20fill='%23002236'/%3e%3c/svg%3e") center no-repeat;
}

.al-body {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

.al-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, 0.42);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.al-backdrop.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.al-sidenav {
  flex: 0 0 240px;
  width: 240px;
  display: flex;
  flex-direction: column;
  background: #052031;
  overflow: hidden;
  z-index: 310;
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 60px 0 0;
}

.al-sidenav__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 32px 32px 32px 20px;
}
.al-sidenav__scroll::-webkit-scrollbar {
  width: 4px;
}
.al-sidenav__scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

.al-sidenav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.al-sidenav__item {
  border-radius: 10px;
}
.al-sidenav__item.is-open {
  background: #01334F;
}

.al-sidenav__trigger,
.al-sidenav__link {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 16px;
  margin: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.al-sidenav__trigger:hover,
.al-sidenav__link:hover {
  background: rgba(18, 118, 167, 0.2);
  color: rgba(255, 255, 255, 0.92);
}

.al-sidenav__item.is-open > .al-sidenav__trigger,
.al-sidenav__item.is-active > .al-sidenav__link {
  background: #1276A7;
  color: #fff;
}

.al-sidenav__icon {
  flex: 0 0 20px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  opacity: 0.7;
  transition: background 0.15s ease, color 0.15s ease;
}

.al-sidenav__item.is-open .al-sidenav__icon,
.al-sidenav__item.is-active .al-sidenav__icon {
  opacity: 1;
}

.al-sidenav__item .al-sidenav__icon--m01 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.5%2013V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11V13H3.5ZM13%203.5H18.6923C19.1974%203.5%2019.625%203.675%2019.975%204.025C20.325%204.375%2020.5%204.80367%2020.5%205.311V9H13V3.5ZM13%2020.5V11H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H13ZM3.5%2015H11V20.5H5.30775C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1963%203.5%2018.689V15ZM5%2011.5H9.5V5H5.30775C5.21792%205%205.14417%205.02883%205.0865%205.0865C5.02883%205.14417%205%205.21792%205%205.30775V11.5ZM14.5%207.5H19V5.30775C19%205.21792%2018.9712%205.14417%2018.9135%205.0865C18.8558%205.02883%2018.7821%205%2018.6923%205H14.5V7.5ZM14.5%2012.5V19H18.6923C18.7821%2019%2018.8558%2018.9712%2018.9135%2018.9135C18.9712%2018.8558%2019%2018.7821%2019%2018.6923V12.5H14.5ZM5%2016.5V18.6923C5%2018.7821%205.02883%2018.8558%205.0865%2018.9135C5.14417%2018.9712%205.21792%2019%205.30775%2019H9.5V16.5H5Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m01 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2012.5V4.80775C3%204.30258%203.175%203.875%203.525%203.525C3.875%203.175%204.30258%203%204.80775%203H10.5V12.5H3ZM12.5%203H18.1923C18.6974%203%2019.125%203.175%2019.475%203.525C19.825%203.875%2020%204.30367%2020%204.811V8.5H12.5V3ZM12.5%2020V10.5H20V18.1923C20%2018.6974%2019.825%2019.125%2019.475%2019.475C19.125%2019.825%2018.6974%2020%2018.1923%2020H12.5ZM3%2014.5H10.5V20H4.80775C4.30258%2020%203.875%2019.825%203.525%2019.475C3.175%2019.125%203%2018.6963%203%2018.189V14.5Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m01 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2012.5V4.80775C3%204.30258%203.175%203.875%203.525%203.525C3.875%203.175%204.30258%203%204.80775%203H10.5V12.5H3ZM12.5%203H18.1923C18.6974%203%2019.125%203.175%2019.475%203.525C19.825%203.875%2020%204.30367%2020%204.811V8.5H12.5V3ZM12.5%2020V10.5H20V18.1923C20%2018.6974%2019.825%2019.125%2019.475%2019.475C19.125%2019.825%2018.6974%2020%2018.1923%2020H12.5ZM3%2014.5H10.5V20H4.80775C4.30258%2020%203.875%2019.825%203.525%2019.475C3.175%2019.125%203%2018.6963%203%2018.189V14.5Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m02 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.84625%2011.3463C8.67442%2011.3463%208.53208%2011.2898%208.41925%2011.177C8.30642%2011.0642%208.25%2010.9218%208.25%2010.75C8.25%2010.5782%208.30642%2010.4358%208.41925%2010.323C8.53208%2010.2102%208.67442%2010.1538%208.84625%2010.1538H15.1538C15.3256%2010.1538%2015.4679%2010.2102%2015.5807%2010.323C15.6936%2010.4358%2015.75%2010.5782%2015.75%2010.75C15.75%2010.9218%2015.6936%2011.0642%2015.5807%2011.177C15.4679%2011.2898%2015.3256%2011.3463%2015.1538%2011.3463H8.84625ZM9.84625%2014.3463C9.67442%2014.3463%209.53208%2014.2898%209.41925%2014.177C9.30642%2014.0642%209.25%2013.9218%209.25%2013.75C9.25%2013.5782%209.30642%2013.4358%209.41925%2013.323C9.53208%2013.2102%209.67442%2013.1537%209.84625%2013.1537H14.1538C14.3256%2013.1537%2014.4679%2013.2102%2014.5807%2013.323C14.6936%2013.4358%2014.75%2013.5782%2014.75%2013.75C14.75%2013.9218%2014.6936%2014.0642%2014.5807%2014.177C14.4679%2014.2898%2014.3256%2014.3463%2014.1538%2014.3463H9.84625ZM3.30775%2019.5C2.80908%2019.5%202.38308%2019.3234%202.02975%2018.9703C1.67658%2018.6169%201.5%2018.1909%201.5%2017.6923V6.30775C1.5%205.80908%201.67658%205.38308%202.02975%205.02975C2.38308%204.67658%202.80908%204.5%203.30775%204.5H20.6923C21.1909%204.5%2021.6169%204.67658%2021.9703%205.02975C22.3234%205.38308%2022.5%205.80908%2022.5%206.30775V17.6923C22.5%2018.1909%2022.3234%2018.6169%2021.9703%2018.9703C21.6169%2019.3234%2021.1909%2019.5%2020.6923%2019.5H3.30775ZM4.25%206H3.30775C3.21792%206%203.14417%206.02883%203.0865%206.0865C3.02883%206.14417%203%206.21792%203%206.30775V17.6923C3%2017.7821%203.02883%2017.8558%203.0865%2017.9135C3.14417%2017.9712%203.21792%2018%203.30775%2018H4.25V6ZM5.75%2018H18.25V6H5.75V18ZM19.75%206V18H20.6923C20.7821%2018%2020.8558%2017.9712%2020.9135%2017.9135C20.9712%2017.8558%2021%2017.7821%2021%2017.6923V6.30775C21%206.21792%2020.9712%206.14417%2020.9135%206.0865C20.8558%206.02883%2020.7821%206%2020.6923%206H19.75Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m02 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.30775%2019.5C2.81058%2019.5%202.385%2019.323%202.031%2018.969C1.677%2018.615%201.5%2018.1894%201.5%2017.6923V6.30775C1.5%205.81058%201.677%205.385%202.031%205.031C2.385%204.677%202.81058%204.5%203.30775%204.5H20.6923C21.1894%204.5%2021.615%204.677%2021.969%205.031C22.323%205.385%2022.5%205.81058%2022.5%206.30775V17.6923C22.5%2018.1894%2022.323%2018.615%2021.969%2018.969C21.615%2019.323%2021.1894%2019.5%2020.6923%2019.5H3.30775ZM5.75%2018H18.25V6H5.75V18ZM8.84625%2011.3463C8.67392%2011.3463%208.5315%2011.2899%208.419%2011.1773C8.30633%2011.0648%208.25%2010.9225%208.25%2010.7505C8.25%2010.5783%208.30633%2010.4358%208.419%2010.323C8.5315%2010.2102%208.67392%2010.1538%208.84625%2010.1538H15.1538C15.3261%2010.1538%2015.4685%2010.2101%2015.581%2010.3227C15.6937%2010.4352%2015.75%2010.5775%2015.75%2010.7495C15.75%2010.9217%2015.6937%2011.0642%2015.581%2011.177C15.4685%2011.2898%2015.3261%2011.3463%2015.1538%2011.3463H8.84625ZM9.84625%2014.3463C9.67392%2014.3463%209.5315%2014.2899%209.419%2014.1773C9.30633%2014.0648%209.25%2013.9225%209.25%2013.7505C9.25%2013.5783%209.30633%2013.4358%209.419%2013.323C9.5315%2013.2102%209.67392%2013.1537%209.84625%2013.1537H14.1538C14.3261%2013.1537%2014.4685%2013.2101%2014.581%2013.3228C14.6937%2013.4353%2014.75%2013.5775%2014.75%2013.7495C14.75%2013.9217%2014.6937%2014.0642%2014.581%2014.177C14.4685%2014.2898%2014.3261%2014.3463%2014.1538%2014.3463H9.84625Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m02 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.30775%2019.5C2.81058%2019.5%202.385%2019.323%202.031%2018.969C1.677%2018.615%201.5%2018.1894%201.5%2017.6923V6.30775C1.5%205.81058%201.677%205.385%202.031%205.031C2.385%204.677%202.81058%204.5%203.30775%204.5H20.6923C21.1894%204.5%2021.615%204.677%2021.969%205.031C22.323%205.385%2022.5%205.81058%2022.5%206.30775V17.6923C22.5%2018.1894%2022.323%2018.615%2021.969%2018.969C21.615%2019.323%2021.1894%2019.5%2020.6923%2019.5H3.30775ZM5.75%2018H18.25V6H5.75V18ZM8.84625%2011.3463C8.67392%2011.3463%208.5315%2011.2899%208.419%2011.1773C8.30633%2011.0648%208.25%2010.9225%208.25%2010.7505C8.25%2010.5783%208.30633%2010.4358%208.419%2010.323C8.5315%2010.2102%208.67392%2010.1538%208.84625%2010.1538H15.1538C15.3261%2010.1538%2015.4685%2010.2101%2015.581%2010.3227C15.6937%2010.4352%2015.75%2010.5775%2015.75%2010.7495C15.75%2010.9217%2015.6937%2011.0642%2015.581%2011.177C15.4685%2011.2898%2015.3261%2011.3463%2015.1538%2011.3463H8.84625ZM9.84625%2014.3463C9.67392%2014.3463%209.5315%2014.2899%209.419%2014.1773C9.30633%2014.0648%209.25%2013.9225%209.25%2013.7505C9.25%2013.5783%209.30633%2013.4358%209.419%2013.323C9.5315%2013.2102%209.67392%2013.1537%209.84625%2013.1537H14.1538C14.3261%2013.1537%2014.4685%2013.2101%2014.581%2013.3228C14.6937%2013.4353%2014.75%2013.5775%2014.75%2013.7495C14.75%2013.9217%2014.6937%2014.0642%2014.581%2014.177C14.4685%2014.2898%2014.3261%2014.3463%2014.1538%2014.3463H9.84625Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m03 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.577%2017.673H4.30775C3.80258%2017.673%203.375%2017.498%203.025%2017.148C2.675%2016.798%202.5%2016.3704%202.5%2015.8652V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V15.8652C21.5%2016.3704%2021.325%2016.798%2020.975%2017.148C20.625%2017.498%2020.1974%2017.673%2019.6923%2017.673H13.423L15.2345%2019.4845C15.2678%2019.5178%2015.3114%2019.6217%2015.3652%2019.796V20.0578C15.3652%2020.1783%2015.3217%2020.2821%2015.2345%2020.3693C15.1473%2020.4564%2015.0435%2020.5%2014.923%2020.5H8.94625C8.85908%2020.5%208.78533%2020.4698%208.725%2020.4095C8.66483%2020.3493%208.63475%2020.2757%208.63475%2020.1885V19.746C8.63475%2019.7127%208.66483%2019.639%208.725%2019.525L10.577%2017.673ZM4%2013.9232H20V5.30775C20%205.23075%2019.9679%205.16025%2019.9038%205.09625C19.8398%205.03208%2019.7693%205%2019.6923%205H4.30775C4.23075%205%204.16025%205.03208%204.09625%205.09625C4.03208%205.16025%204%205.23075%204%205.30775V13.9232Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m03 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.577%2017.673H4.30775C3.80258%2017.673%203.375%2017.498%203.025%2017.148C2.675%2016.798%202.5%2016.3704%202.5%2015.8652V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V15.8652C21.5%2016.3704%2021.325%2016.798%2020.975%2017.148C20.625%2017.498%2020.1974%2017.673%2019.6923%2017.673H13.423L15.2345%2019.4845C15.2678%2019.5178%2015.3114%2019.6217%2015.3652%2019.796V20.0578C15.3652%2020.1783%2015.3217%2020.2821%2015.2345%2020.3693C15.1473%2020.4564%2015.0435%2020.5%2014.923%2020.5H8.94625C8.85908%2020.5%208.78533%2020.4698%208.725%2020.4095C8.66483%2020.3493%208.63475%2020.2757%208.63475%2020.1885V19.746C8.63475%2019.7127%208.66483%2019.639%208.725%2019.525L10.577%2017.673Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m03 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.577%2017.673H4.30775C3.80258%2017.673%203.375%2017.498%203.025%2017.148C2.675%2016.798%202.5%2016.3704%202.5%2015.8652V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V15.8652C21.5%2016.3704%2021.325%2016.798%2020.975%2017.148C20.625%2017.498%2020.1974%2017.673%2019.6923%2017.673H13.423L15.2345%2019.4845C15.2678%2019.5178%2015.3114%2019.6217%2015.3652%2019.796V20.0578C15.3652%2020.1783%2015.3217%2020.2821%2015.2345%2020.3693C15.1473%2020.4564%2015.0435%2020.5%2014.923%2020.5H8.94625C8.85908%2020.5%208.78533%2020.4698%208.725%2020.4095C8.66483%2020.3493%208.63475%2020.2757%208.63475%2020.1885V19.746C8.63475%2019.7127%208.66483%2019.639%208.725%2019.525L10.577%2017.673Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m04 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.30775%2020.5C3.80258%2020.5%203.375%2020.325%203.025%2019.975C2.675%2019.625%202.5%2019.1974%202.5%2018.6923V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V18.6923C21.5%2019.1974%2021.325%2019.625%2020.975%2019.975C20.625%2020.325%2020.1974%2020.5%2019.6923%2020.5H4.30775ZM4.30775%2019H19.6923C19.7693%2019%2019.8398%2018.9679%2019.9038%2018.9038C19.9679%2018.8398%2020%2018.7693%2020%2018.6923V5.30775C20%205.23075%2019.9679%205.16025%2019.9038%205.09625C19.8398%205.03208%2019.7693%205%2019.6923%205H4.30775C4.23075%205%204.16025%205.03208%204.09625%205.09625C4.03208%205.16025%204%205.23075%204%205.30775V18.6923C4%2018.7693%204.03208%2018.8398%204.09625%2018.9038C4.16025%2018.9679%204.23075%2019%204.30775%2019ZM7.13475%2016.6152H16.8652C17.0781%2016.6152%2017.2563%2016.5435%2017.4%2016.4C17.5435%2016.2563%2017.6152%2016.0781%2017.6152%2015.8652C17.6152%2015.6526%2017.5435%2015.4744%2017.4%2015.3308C17.2563%2015.1873%2017.0781%2015.1155%2016.8652%2015.1155H7.13475C6.92192%2015.1155%206.74367%2015.1873%206.6%2015.3308C6.4565%2015.4744%206.38475%2015.6526%206.38475%2015.8652C6.38475%2016.0781%206.4565%2016.2563%206.6%2016.4C6.74367%2016.5435%206.92192%2016.6152%207.13475%2016.6152ZM7.13475%2012.75H9.327C9.53983%2012.75%209.718%2012.6782%209.8615%2012.5345C10.0052%2012.391%2010.077%2012.2128%2010.077%2012V8.13475C10.077%207.92192%2010.0052%207.74367%209.8615%207.6C9.718%207.4565%209.53983%207.38475%209.327%207.38475H7.13475C6.92192%207.38475%206.74367%207.4565%206.6%207.6C6.4565%207.74367%206.38475%207.92192%206.38475%208.13475V12C6.38475%2012.2128%206.4565%2012.391%206.6%2012.5345C6.74367%2012.6782%206.92192%2012.75%207.13475%2012.75ZM13.0193%2012.75H16.8652C17.0781%2012.75%2017.2563%2012.6782%2017.4%2012.5345C17.5435%2012.391%2017.6152%2012.2128%2017.6152%2012C17.6152%2011.7872%2017.5435%2011.609%2017.4%2011.4655C17.2563%2011.3218%2017.0781%2011.25%2016.8652%2011.25H13.0193C12.8064%2011.25%2012.6283%2011.3218%2012.4848%2011.4655C12.3411%2011.609%2012.2692%2011.7872%2012.2692%2012C12.2692%2012.2128%2012.3411%2012.391%2012.4848%2012.5345C12.6283%2012.6782%2012.8064%2012.75%2013.0193%2012.75ZM13.0193%208.8845H16.8652C17.0781%208.8845%2017.2563%208.81275%2017.4%208.66925C17.5435%208.52558%2017.6152%208.34742%2017.6152%208.13475C17.6152%207.92192%2017.5435%207.74367%2017.4%207.6C17.2563%207.4565%2017.0781%207.38475%2016.8652%207.38475H13.0193C12.8064%207.38475%2012.6283%207.4565%2012.4848%207.6C12.3411%207.74367%2012.2692%207.92192%2012.2692%208.13475C12.2692%208.34742%2012.3411%208.52558%2012.4848%208.66925C12.6283%208.81275%2012.8064%208.8845%2013.0193%208.8845Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m04 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.30775%2020.5C3.80258%2020.5%203.375%2020.325%203.025%2019.975C2.675%2019.625%202.5%2019.1974%202.5%2018.6923V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V18.6923C21.5%2019.1974%2021.325%2019.625%2020.975%2019.975C20.625%2020.325%2020.1974%2020.5%2019.6923%2020.5H4.30775ZM7.13475%2016.6152H16.8652C17.0777%2016.6152%2017.2559%2016.5434%2017.3997%2016.3997C17.5434%2016.2559%2017.6152%2016.0777%2017.6152%2015.865C17.6152%2015.6525%2017.5434%2015.4744%2017.3997%2015.3308C17.2559%2015.1873%2017.0777%2015.1155%2016.8652%2015.1155H7.13475C6.92225%2015.1155%206.74408%2015.1873%206.60025%2015.331C6.45658%2015.4748%206.38475%2015.6531%206.38475%2015.8658C6.38475%2016.0783%206.45658%2016.2563%206.60025%2016.4C6.74408%2016.5435%206.92225%2016.6152%207.13475%2016.6152ZM7.13475%2012.75H9.327C9.5395%2012.75%209.71758%2012.6781%209.86125%2012.5343C10.0051%2012.3906%2010.077%2012.2125%2010.077%2012V8.13475C10.077%207.92225%2010.0051%207.74408%209.86125%207.60025C9.71758%207.45658%209.5395%207.38475%209.327%207.38475H7.13475C6.92225%207.38475%206.74408%207.45658%206.60025%207.60025C6.45658%207.74408%206.38475%207.92225%206.38475%208.13475V12C6.38475%2012.2125%206.45658%2012.3906%206.60025%2012.5343C6.74408%2012.6781%206.92225%2012.75%207.13475%2012.75ZM13.0193%2012.75H16.8652C17.0777%2012.75%2017.2559%2012.6781%2017.3997%2012.5343C17.5434%2012.3904%2017.6152%2012.2122%2017.6152%2011.9997C17.6152%2011.7871%2017.5434%2011.609%2017.3997%2011.4655C17.2559%2011.3218%2017.0777%2011.25%2016.8652%2011.25H13.0193C12.8068%2011.25%2012.6286%2011.3219%2012.4848%2011.4658C12.3411%2011.6096%2012.2692%2011.7878%2012.2692%2012.0003C12.2692%2012.2129%2012.3411%2012.391%2012.4848%2012.5345C12.6286%2012.6782%2012.8068%2012.75%2013.0193%2012.75ZM13.0193%208.8845H16.8652C17.0777%208.8845%2017.2559%208.81267%2017.3997%208.669C17.5434%208.52517%2017.6152%208.34692%2017.6152%208.13425C17.6152%207.92175%2017.5434%207.74367%2017.3997%207.6C17.2559%207.4565%2017.0777%207.38475%2016.8652%207.38475H13.0193C12.8068%207.38475%2012.6286%207.45658%2012.4848%207.60025C12.3411%207.74408%2012.2692%207.92233%2012.2692%208.135C12.2692%208.3475%2012.3411%208.52558%2012.4848%208.66925C12.6286%208.81275%2012.8068%208.8845%2013.0193%208.8845Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m04 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.30775%2020.5C3.80258%2020.5%203.375%2020.325%203.025%2019.975C2.675%2019.625%202.5%2019.1974%202.5%2018.6923V5.30775C2.5%204.80258%202.675%204.375%203.025%204.025C3.375%203.675%203.80258%203.5%204.30775%203.5H19.6923C20.1974%203.5%2020.625%203.675%2020.975%204.025C21.325%204.375%2021.5%204.80258%2021.5%205.30775V18.6923C21.5%2019.1974%2021.325%2019.625%2020.975%2019.975C20.625%2020.325%2020.1974%2020.5%2019.6923%2020.5H4.30775ZM7.13475%2016.6152H16.8652C17.0777%2016.6152%2017.2559%2016.5434%2017.3997%2016.3997C17.5434%2016.2559%2017.6152%2016.0777%2017.6152%2015.865C17.6152%2015.6525%2017.5434%2015.4744%2017.3997%2015.3308C17.2559%2015.1873%2017.0777%2015.1155%2016.8652%2015.1155H7.13475C6.92225%2015.1155%206.74408%2015.1873%206.60025%2015.331C6.45658%2015.4748%206.38475%2015.6531%206.38475%2015.8658C6.38475%2016.0783%206.45658%2016.2563%206.60025%2016.4C6.74408%2016.5435%206.92225%2016.6152%207.13475%2016.6152ZM7.13475%2012.75H9.327C9.5395%2012.75%209.71758%2012.6781%209.86125%2012.5343C10.0051%2012.3906%2010.077%2012.2125%2010.077%2012V8.13475C10.077%207.92225%2010.0051%207.74408%209.86125%207.60025C9.71758%207.45658%209.5395%207.38475%209.327%207.38475H7.13475C6.92225%207.38475%206.74408%207.45658%206.60025%207.60025C6.45658%207.74408%206.38475%207.92225%206.38475%208.13475V12C6.38475%2012.2125%206.45658%2012.3906%206.60025%2012.5343C6.74408%2012.6781%206.92225%2012.75%207.13475%2012.75ZM13.0193%2012.75H16.8652C17.0777%2012.75%2017.2559%2012.6781%2017.3997%2012.5343C17.5434%2012.3904%2017.6152%2012.2122%2017.6152%2011.9997C17.6152%2011.7871%2017.5434%2011.609%2017.3997%2011.4655C17.2559%2011.3218%2017.0777%2011.25%2016.8652%2011.25H13.0193C12.8068%2011.25%2012.6286%2011.3219%2012.4848%2011.4658C12.3411%2011.6096%2012.2692%2011.7878%2012.2692%2012.0003C12.2692%2012.2129%2012.3411%2012.391%2012.4848%2012.5345C12.6286%2012.6782%2012.8068%2012.75%2013.0193%2012.75ZM13.0193%208.8845H16.8652C17.0777%208.8845%2017.2559%208.81267%2017.3997%208.669C17.5434%208.52517%2017.6152%208.34692%2017.6152%208.13425C17.6152%207.92175%2017.5434%207.74367%2017.3997%207.6C17.2559%207.4565%2017.0777%207.38475%2016.8652%207.38475H13.0193C12.8068%207.38475%2012.6286%207.45658%2012.4848%207.60025C12.3411%207.74408%2012.2692%207.92233%2012.2692%208.135C12.2692%208.3475%2012.3411%208.52558%2012.4848%208.66925C12.6286%208.81275%2012.8068%208.8845%2013.0193%208.8845Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m05 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.94141%2014.75C7.34424%2014.75%205.98666%2014.191%204.86866%2013.073C3.75049%2011.9548%203.19141%2010.5972%203.19141%209C3.19141%208.72217%203.21166%208.44442%203.25216%208.16675C3.29249%207.88892%203.36007%207.62242%203.45491%207.36725C3.51907%207.21342%203.60566%207.09967%203.71466%207.026C3.82349%206.95233%203.94649%206.89883%204.08366%206.8655C4.22099%206.83217%204.35916%206.83467%204.49816%206.873C4.63732%206.9115%204.76391%206.98783%204.87791%207.102L7.54141%209.74625L9.68766%207.6L7.05291%204.95575C6.93891%204.84158%206.86266%204.71275%206.82416%204.56925C6.78566%204.42575%206.78307%204.286%206.81641%204.15C6.84974%204.01417%206.90491%203.89175%206.98191%203.78275C7.05874%203.67375%207.17091%203.58717%207.31841%203.523C7.57357%203.42183%207.83899%203.351%208.11466%203.3105C8.39016%203.27017%208.66574%203.25%208.94141%203.25C10.5387%203.25%2011.8964%203.809%2013.0144%204.927C14.1324%206.04517%2014.6914%207.40283%2014.6914%209C14.6914%209.42183%2014.6517%209.81475%2014.5722%2010.1788C14.4927%2010.5429%2014.3734%2010.8949%2014.2144%2011.2348L19.6492%2016.6385C20.0683%2017.056%2020.2779%2017.5671%2020.2779%2018.1718C20.2779%2018.7764%2020.069%2019.2884%2019.6512%2019.7078C19.2333%2020.1269%2018.7218%2020.3365%2018.1167%2020.3365C17.5115%2020.3365%2016.9992%2020.1218%2016.5799%2019.6923L11.1762%2014.273C10.8235%2014.4257%2010.4651%2014.5433%2010.1009%2014.626C9.73657%2014.7087%209.35007%2014.75%208.94141%2014.75ZM8.94141%2013.25C9.37907%2013.25%209.81674%2013.1849%2010.2544%2013.0548C10.6919%2012.9248%2011.0921%2012.7212%2011.4549%2012.4442L17.6647%2018.654C17.7863%2018.7757%2017.9388%2018.834%2018.1222%2018.829C18.3055%2018.8238%2018.4581%2018.7603%2018.5799%2018.6385C18.7017%2018.5167%2018.7627%2018.3641%2018.7627%2018.1807C18.7627%2017.9974%2018.7017%2017.8448%2018.5799%2017.723L12.3704%2011.5287C12.6511%2011.1826%2012.8581%2010.7887%2012.9914%2010.347C13.1247%209.90533%2013.1914%209.45633%2013.1914%209C13.1914%207.891%2012.7952%206.90958%2012.0029%206.05575C11.2106%205.20192%2010.208%204.78333%208.99516%204.8L11.1627%206.96725C11.3433%207.14808%2011.4337%207.359%2011.4337%207.6C11.4337%207.841%2011.3433%208.05192%2011.1627%208.23275L8.17416%2011.2213C7.99332%2011.4019%207.78241%2011.4923%207.54141%2011.4923C7.30041%2011.4923%207.08949%2011.4019%206.90866%2011.2213L4.74141%209.05375C4.74391%2010.3371%205.17532%2011.3573%206.03566%2012.1145C6.89599%2012.8715%207.86457%2013.25%208.94141%2013.25Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m05 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.94141%2014.75C7.34524%2014.75%205.98791%2014.1907%204.86941%2013.072C3.75074%2011.9535%203.19141%2010.5962%203.19141%209C3.19141%208.72433%203.21166%208.44708%203.25216%208.16825C3.29249%207.88942%203.36007%207.62242%203.45491%207.36725C3.51907%207.21342%203.60566%207.09967%203.71466%207.026C3.82349%206.95233%203.94649%206.89883%204.08366%206.8655C4.22099%206.83217%204.35916%206.83467%204.49816%206.873C4.63732%206.9115%204.76391%206.98783%204.87791%207.102L7.54141%209.74625L9.68766%207.6L7.05291%204.95575C6.93891%204.84158%206.86266%204.71342%206.82416%204.57125C6.78566%204.42892%206.78307%204.28917%206.81641%204.152C6.84974%204.01483%206.90491%203.89175%206.98191%203.78275C7.05874%203.67375%207.17091%203.58717%207.31841%203.523C7.57357%203.42183%207.83899%203.351%208.11466%203.3105C8.39016%203.27017%208.66574%203.25%208.94141%203.25C10.5376%203.25%2011.895%203.80933%2013.0137%204.928C14.1322%206.0465%2014.6914%207.40383%2014.6914%209C14.6914%209.42183%2014.6517%209.81475%2014.5722%2010.1788C14.4927%2010.5429%2014.3734%2010.8949%2014.2144%2011.2348L19.6492%2016.6385C20.0683%2017.0577%2020.2779%2017.5692%2020.2779%2018.173C20.2779%2018.7768%2020.0683%2019.2884%2019.6492%2019.7078C19.23%2020.1269%2018.7185%2020.3365%2018.1147%2020.3365C17.5108%2020.3365%2016.9992%2020.1218%2016.5799%2019.6923L11.1762%2014.273C10.8235%2014.4257%2010.4652%2014.5433%2010.1012%2014.626C9.73699%2014.7087%209.35041%2014.75%208.94141%2014.75Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m05 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.94141%2014.75C7.34524%2014.75%205.98791%2014.1907%204.86941%2013.072C3.75074%2011.9535%203.19141%2010.5962%203.19141%209C3.19141%208.72433%203.21166%208.44708%203.25216%208.16825C3.29249%207.88942%203.36007%207.62242%203.45491%207.36725C3.51907%207.21342%203.60566%207.09967%203.71466%207.026C3.82349%206.95233%203.94649%206.89883%204.08366%206.8655C4.22099%206.83217%204.35916%206.83467%204.49816%206.873C4.63732%206.9115%204.76391%206.98783%204.87791%207.102L7.54141%209.74625L9.68766%207.6L7.05291%204.95575C6.93891%204.84158%206.86266%204.71342%206.82416%204.57125C6.78566%204.42892%206.78307%204.28917%206.81641%204.152C6.84974%204.01483%206.90491%203.89175%206.98191%203.78275C7.05874%203.67375%207.17091%203.58717%207.31841%203.523C7.57357%203.42183%207.83899%203.351%208.11466%203.3105C8.39016%203.27017%208.66574%203.25%208.94141%203.25C10.5376%203.25%2011.895%203.80933%2013.0137%204.928C14.1322%206.0465%2014.6914%207.40383%2014.6914%209C14.6914%209.42183%2014.6517%209.81475%2014.5722%2010.1788C14.4927%2010.5429%2014.3734%2010.8949%2014.2144%2011.2348L19.6492%2016.6385C20.0683%2017.0577%2020.2779%2017.5692%2020.2779%2018.173C20.2779%2018.7768%2020.0683%2019.2884%2019.6492%2019.7078C19.23%2020.1269%2018.7185%2020.3365%2018.1147%2020.3365C17.5108%2020.3365%2016.9992%2020.1218%2016.5799%2019.6923L11.1762%2014.273C10.8235%2014.4257%2010.4652%2014.5433%2010.1012%2014.626C9.73699%2014.7087%209.35041%2014.75%208.94141%2014.75Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m06 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97166%2019.5C6.45366%2019.5%206.01482%2019.325%205.65516%2018.975C5.29566%2018.625%205.11591%2018.1974%205.11591%2017.6923V8.798L2.74091%205.9865C2.66391%205.893%202.61032%205.7985%202.58016%205.703C2.55016%205.6075%202.53516%205.50783%202.53516%205.404C2.53516%205.16933%202.61716%204.96%202.78116%204.776C2.94532%204.592%203.16457%204.5%203.43891%204.5H19.6447C20.1625%204.5%2020.6012%204.675%2020.9609%205.025C21.3206%205.375%2021.5004%205.80258%2021.5004%206.30775V17.6923C21.5004%2018.1974%2021.3206%2018.625%2020.9609%2018.975C20.6012%2019.325%2020.1625%2019.5%2019.6447%2019.5H6.97166ZM4.72341%206L6.61566%208.23075V17.6923C6.61566%2017.7693%206.65257%2017.8398%206.72641%2017.9038C6.80007%2017.9679%206.88182%2018%206.97166%2018H19.6447C19.7343%2018%2019.8161%2017.9679%2019.8899%2017.9038C19.9636%2017.8398%2020.0004%2017.7693%2020.0004%2017.6923V6.30775C20.0004%206.23075%2019.9636%206.16025%2019.8899%206.09625C19.8161%206.03208%2019.7343%206%2019.6447%206H4.72341ZM12.6754%2014.596H16.6832C16.896%2014.596%2017.0742%2014.5243%2017.2177%2014.3808C17.3613%2014.2371%2017.4332%2014.0589%2017.4332%2013.8463C17.4332%2013.6334%2017.3613%2013.4552%2017.2177%2013.3115C17.0742%2013.168%2016.896%2013.0963%2016.6832%2013.0963H10.9157C10.5683%2013.0963%2010.3296%2013.2523%2010.1994%2013.5645C10.0692%2013.8767%2010.1272%2014.1526%2010.3734%2014.3923L12.5217%2016.4828C12.66%2016.6211%2012.834%2016.6902%2013.0437%2016.6902C13.2533%2016.6902%2013.4273%2016.6211%2013.5657%2016.4828C13.7107%2016.3378%2013.7832%2016.1589%2013.7832%2015.9463C13.7832%2015.7334%2013.7107%2015.5577%2013.5657%2015.4192L12.6754%2014.596ZM13.8254%209.404H9.80816C9.59532%209.404%209.41707%209.47575%209.27341%209.61925C9.12991%209.76292%209.05816%209.94108%209.05816%2010.1538C9.05816%2010.3666%209.12991%2010.5448%209.27341%2010.6885C9.41707%2010.832%209.59532%2010.9038%209.80816%2010.9038H15.5754C15.9229%2010.9038%2016.1617%2010.7477%2016.2917%2010.4355C16.4218%2010.1233%2016.3638%209.84742%2016.1177%209.60775L13.9792%207.51725C13.8408%207.37892%2013.6668%207.30975%2013.4572%207.30975C13.2475%207.30975%2013.0735%207.37892%2012.9352%207.51725C12.7902%207.66225%2012.7177%207.84108%2012.7177%208.05375C12.7177%208.26658%2012.7902%208.44225%2012.9352%208.58075L13.8254%209.404Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m06 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97166%2019.5C6.45366%2019.5%206.01482%2019.325%205.65516%2018.975C5.29566%2018.625%205.11591%2018.1974%205.11591%2017.6923V8.798L2.74091%205.9865C2.66391%205.893%202.61032%205.7985%202.58016%205.703C2.55016%205.6075%202.53516%205.50783%202.53516%205.404C2.53516%205.16933%202.61716%204.96%202.78116%204.776C2.94532%204.592%203.16457%204.5%203.43891%204.5H19.6447C20.1625%204.5%2020.6012%204.675%2020.9609%205.025C21.3206%205.375%2021.5004%205.80258%2021.5004%206.30775V17.6923C21.5004%2018.1974%2021.3206%2018.625%2020.9609%2018.975C20.6012%2019.325%2020.1625%2019.5%2019.6447%2019.5H6.97166ZM12.6754%2014.596H16.6832C16.896%2014.596%2017.0742%2014.5243%2017.2177%2014.3808C17.3613%2014.2371%2017.4332%2014.0589%2017.4332%2013.8463C17.4332%2013.6334%2017.3613%2013.4552%2017.2177%2013.3115C17.0742%2013.168%2016.896%2013.0963%2016.6832%2013.0963H10.9157C10.5683%2013.0963%2010.3296%2013.2523%2010.1994%2013.5645C10.0692%2013.8767%2010.1272%2014.1526%2010.3734%2014.3923L12.5217%2016.4828C12.66%2016.6211%2012.834%2016.6902%2013.0437%2016.6902C13.2533%2016.6902%2013.4273%2016.6211%2013.5657%2016.4828C13.7107%2016.3378%2013.7832%2016.1589%2013.7832%2015.9463C13.7832%2015.7334%2013.7107%2015.5577%2013.5657%2015.4192L12.6754%2014.596ZM13.8254%209.404H9.80816C9.59532%209.404%209.41707%209.47575%209.27341%209.61925C9.12991%209.76292%209.05816%209.94108%209.05816%2010.1538C9.05816%2010.3666%209.12991%2010.5448%209.27341%2010.6885C9.41707%2010.832%209.59532%2010.9038%209.80816%2010.9038H15.5754C15.9229%2010.9038%2016.1617%2010.7477%2016.2917%2010.4355C16.4218%2010.1233%2016.3638%209.84742%2016.1177%209.60775L13.9792%207.51725C13.8408%207.37892%2013.6668%207.30975%2013.4572%207.30975C13.2475%207.30975%2013.0735%207.37892%2012.9352%207.51725C12.7902%207.66225%2012.7177%207.84108%2012.7177%208.05375C12.7177%208.26658%2012.7902%208.44225%2012.9352%208.58075L13.8254%209.404Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m06 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.97166%2019.5C6.45366%2019.5%206.01482%2019.325%205.65516%2018.975C5.29566%2018.625%205.11591%2018.1974%205.11591%2017.6923V8.798L2.74091%205.9865C2.66391%205.893%202.61032%205.7985%202.58016%205.703C2.55016%205.6075%202.53516%205.50783%202.53516%205.404C2.53516%205.16933%202.61716%204.96%202.78116%204.776C2.94532%204.592%203.16457%204.5%203.43891%204.5H19.6447C20.1625%204.5%2020.6012%204.675%2020.9609%205.025C21.3206%205.375%2021.5004%205.80258%2021.5004%206.30775V17.6923C21.5004%2018.1974%2021.3206%2018.625%2020.9609%2018.975C20.6012%2019.325%2020.1625%2019.5%2019.6447%2019.5H6.97166ZM12.6754%2014.596H16.6832C16.896%2014.596%2017.0742%2014.5243%2017.2177%2014.3808C17.3613%2014.2371%2017.4332%2014.0589%2017.4332%2013.8463C17.4332%2013.6334%2017.3613%2013.4552%2017.2177%2013.3115C17.0742%2013.168%2016.896%2013.0963%2016.6832%2013.0963H10.9157C10.5683%2013.0963%2010.3296%2013.2523%2010.1994%2013.5645C10.0692%2013.8767%2010.1272%2014.1526%2010.3734%2014.3923L12.5217%2016.4828C12.66%2016.6211%2012.834%2016.6902%2013.0437%2016.6902C13.2533%2016.6902%2013.4273%2016.6211%2013.5657%2016.4828C13.7107%2016.3378%2013.7832%2016.1589%2013.7832%2015.9463C13.7832%2015.7334%2013.7107%2015.5577%2013.5657%2015.4192L12.6754%2014.596ZM13.8254%209.404H9.80816C9.59532%209.404%209.41707%209.47575%209.27341%209.61925C9.12991%209.76292%209.05816%209.94108%209.05816%2010.1538C9.05816%2010.3666%209.12991%2010.5448%209.27341%2010.6885C9.41707%2010.832%209.59532%2010.9038%209.80816%2010.9038H15.5754C15.9229%2010.9038%2016.1617%2010.7477%2016.2917%2010.4355C16.4218%2010.1233%2016.3638%209.84742%2016.1177%209.60775L13.9792%207.51725C13.8408%207.37892%2013.6668%207.30975%2013.4572%207.30975C13.2475%207.30975%2013.0735%207.37892%2012.9352%207.51725C12.7902%207.66225%2012.7177%207.84108%2012.7177%208.05375C12.7177%208.26658%2012.7902%208.44225%2012.9352%208.58075L13.8254%209.404Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__item .al-sidenav__icon--m07 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.533%2015.275C12.6767%2015.1313%2012.7485%2014.9531%2012.7485%2014.7402C12.7485%2014.5276%2012.6767%2014.3494%2012.533%2014.2058C12.3895%2014.0623%2012.2114%2013.9905%2011.9985%2013.9905C11.7857%2013.9905%2011.6075%2014.0623%2011.464%2014.2058C11.3204%2014.3494%2011.2485%2014.5276%2011.2485%2014.7402C11.2485%2014.9531%2011.3204%2015.1313%2011.464%2015.275C11.6075%2015.4185%2011.7857%2015.4902%2011.9985%2015.4902C12.2114%2015.4902%2012.3895%2015.4185%2012.533%2015.275ZM12.533%2012.7845C12.6767%2012.641%2012.7485%2012.4628%2012.7485%2012.25V9C12.7485%208.78717%2012.6767%208.609%2012.533%208.4655C12.3895%208.32183%2012.2114%208.25%2011.9985%208.25C11.7857%208.25%2011.6075%208.32183%2011.464%208.4655C11.3204%208.609%2011.2485%208.78717%2011.2485%209V12.25C11.2485%2012.4628%2011.3204%2012.641%2011.464%2012.7845C11.6075%2012.9282%2011.7857%2013%2011.9985%2013C12.2114%2013%2012.3895%2012.9282%2012.533%2012.7845ZM10.8908%2021.5C10.5498%2021.5%2010.2553%2021.3868%2010.0073%2021.1605C9.75911%2020.9343%209.60811%2020.6558%209.55428%2020.325L9.31003%2018.4538C9.0422%2018.3641%208.76753%2018.2385%208.48603%2018.077C8.2047%2017.9153%207.95311%2017.7423%207.73128%2017.5578L5.99853%2018.2943C5.68436%2018.4328%205.3687%2018.4462%205.05153%2018.3345C4.7342%2018.223%204.4877%2018.0205%204.31203%2017.727L3.18503%2015.773C3.00936%2015.4795%202.95878%2015.1689%203.03328%2014.8413C3.10761%2014.5138%203.27811%2014.2436%203.54478%2014.0308L5.04278%2012.9058C5.01978%2012.7571%205.00345%2012.6078%204.99378%2012.4578C4.98411%2012.3078%204.97928%2012.1583%204.97928%2012.0095C4.97928%2011.8673%204.98411%2011.7228%204.99378%2011.576C5.00345%2011.4292%205.01978%2011.2686%205.04278%2011.0943L3.54478%209.96925C3.27811%209.75642%203.1092%209.48458%203.03803%209.15375C2.96686%208.82308%203.01911%208.51092%203.19478%208.21725L4.31203%206.29225C4.4877%206.00508%204.7342%205.80417%205.05153%205.6895C5.3687%205.57467%205.68436%205.5865%205.99853%205.725L7.72153%206.452C7.9627%206.261%208.22011%206.08633%208.49378%205.928C8.76745%205.76967%209.03636%205.64242%209.30053%205.54625L9.55428%203.675C9.60811%203.34417%209.75911%203.06567%2010.0073%202.8395C10.2553%202.61317%2010.5498%202.5%2010.8908%202.5H13.1063C13.4473%202.5%2013.7418%202.61317%2013.9898%202.8395C14.2379%203.06567%2014.3889%203.34417%2014.4428%203.675L14.687%205.55575C14.987%205.66475%2015.2584%205.792%2015.5013%205.9375C15.7443%206.083%2015.9895%206.2545%2016.237%206.452L18.0083%205.725C18.3223%205.5865%2018.6379%205.57467%2018.9553%205.6895C19.2726%205.80417%2019.519%206.00508%2019.6945%206.29225L20.812%208.227C20.9877%208.5205%2021.0383%208.83108%2020.9638%209.15875C20.8894%209.48625%2020.7189%209.75642%2020.4523%209.96925L18.9158%2011.123C18.9516%2011.2845%2018.9712%2011.4355%2018.9745%2011.576C18.9777%2011.7163%2018.9793%2011.8577%2018.9793%2012C18.9793%2012.1358%2018.976%2012.274%2018.9695%2012.4145C18.9632%2012.5548%2018.9402%2012.7154%2018.9005%2012.8963L20.408%2014.0308C20.6747%2014.2436%2020.8469%2014.5138%2020.9245%2014.8413C21.002%2015.1689%2020.9529%2015.4795%2020.7773%2015.773L19.6445%2017.7173C19.469%2018.0109%2019.221%2018.2135%2018.9005%2018.325C18.58%2018.4365%2018.2627%2018.423%2017.9485%2018.2845L16.237%2017.548C15.9895%2017.7455%2015.7369%2017.9202%2015.4793%2018.072C15.2216%2018.224%2014.9575%2018.3481%2014.687%2018.4443L14.4428%2020.325C14.3889%2020.6558%2014.2379%2020.9343%2013.9898%2021.1605C13.7418%2021.3868%2013.4473%2021.5%2013.1063%2021.5H10.8908ZM10.9985%2020H12.964L13.3235%2017.3212C13.8339%2017.1879%2014.3002%2016.9985%2014.7225%2016.753C15.145%2016.5073%2015.5524%2016.1916%2015.9448%2015.8057L18.4293%2016.85L19.414%2015.15L17.2448%2013.5155C17.3281%2013.2565%2017.3848%2013.0026%2017.4148%2012.7538C17.4449%2012.5051%2017.46%2012.2538%2017.46%2012C17.46%2011.7397%2017.4449%2011.4884%2017.4148%2011.2463C17.3848%2011.0039%2017.3281%2010.7564%2017.2448%2010.5038L19.433%208.85L18.4485%207.15L15.935%208.2095C15.6004%207.85183%2015.1994%207.53583%2014.7323%207.2615C14.2649%206.98717%2013.7922%206.79292%2013.314%206.67875L12.9985%204H11.014L10.683%206.66925C10.1729%206.78975%209.70178%206.97433%209.26978%207.223C8.83761%207.47183%208.42536%207.79233%208.03303%208.1845L5.54853%207.15L4.56403%208.85L6.72353%2010.4595C6.6402%2010.6968%206.58186%2010.9437%206.54853%2011.2C6.5152%2011.4563%206.49853%2011.7262%206.49853%2012.0095C6.49853%2012.2698%206.5152%2012.525%206.54853%2012.775C6.58186%2013.025%206.63703%2013.2718%206.71403%2013.5155L4.56403%2015.15L5.54853%2016.85L8.02353%2015.8C8.40303%2016.1897%208.80878%2016.5089%209.24078%2016.7578C9.67295%2017.0064%2010.1505%2017.1974%2010.6735%2017.3307L10.9985%2020Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item.is-open .al-sidenav__icon--m07 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.533%2015.275C12.6767%2015.1313%2012.7485%2014.9531%2012.7485%2014.7402C12.7485%2014.5276%2012.6767%2014.3494%2012.533%2014.2058C12.3895%2014.0623%2012.2114%2013.9905%2011.9985%2013.9905C11.7857%2013.9905%2011.6075%2014.0623%2011.464%2014.2058C11.3204%2014.3494%2011.2485%2014.5276%2011.2485%2014.7402C11.2485%2014.9531%2011.3204%2015.1313%2011.464%2015.275C11.6075%2015.4185%2011.7857%2015.4902%2011.9985%2015.4902C12.2114%2015.4902%2012.3895%2015.4185%2012.533%2015.275ZM12.533%2012.7845C12.6767%2012.641%2012.7485%2012.4628%2012.7485%2012.25V9C12.7485%208.78717%2012.6767%208.609%2012.533%208.4655C12.3895%208.32183%2012.2114%208.25%2011.9985%208.25C11.7857%208.25%2011.6075%208.32183%2011.464%208.4655C11.3204%208.609%2011.2485%208.78717%2011.2485%209V12.25C11.2485%2012.4628%2011.3204%2012.641%2011.464%2012.7845C11.6075%2012.9282%2011.7857%2013%2011.9985%2013C12.2114%2013%2012.3895%2012.9282%2012.533%2012.7845ZM10.8908%2021.5C10.5498%2021.5%2010.2553%2021.3868%2010.0073%2021.1605C9.75911%2020.9343%209.60811%2020.6558%209.55428%2020.325L9.31003%2018.4538C9.0422%2018.3641%208.76753%2018.2385%208.48603%2018.077C8.2047%2017.9153%207.95311%2017.7423%207.73128%2017.5578L5.99853%2018.2943C5.68436%2018.4328%205.3687%2018.4462%205.05153%2018.3345C4.7342%2018.223%204.4877%2018.0205%204.31203%2017.727L3.18503%2015.773C3.00936%2015.4795%202.95878%2015.1689%203.03328%2014.8413C3.10761%2014.5138%203.27811%2014.2436%203.54478%2014.0308L5.04278%2012.9058C5.01978%2012.7571%205.00345%2012.6078%204.99378%2012.4578C4.98411%2012.3078%204.97928%2012.1583%204.97928%2012.0095C4.97928%2011.8673%204.98411%2011.7228%204.99378%2011.576C5.00345%2011.4292%205.01978%2011.2686%205.04278%2011.0943L3.54478%209.96925C3.27811%209.75642%203.1092%209.48458%203.03803%209.15375C2.96686%208.82308%203.01911%208.51092%203.19478%208.21725L4.31203%206.29225C4.4877%206.00508%204.7342%205.80417%205.05153%205.6895C5.3687%205.57467%205.68436%205.5865%205.99853%205.725L7.72153%206.452C7.9627%206.261%208.22011%206.08633%208.49378%205.928C8.76745%205.76967%209.03636%205.64242%209.30053%205.54625L9.55428%203.675C9.60811%203.34417%209.75911%203.06567%2010.0073%202.8395C10.2553%202.61317%2010.5498%202.5%2010.8908%202.5H13.1063C13.4473%202.5%2013.7418%202.61317%2013.9898%202.8395C14.2379%203.06567%2014.3889%203.34417%2014.4428%203.675L14.687%205.55575C14.987%205.66475%2015.2584%205.792%2015.5013%205.9375C15.7443%206.083%2015.9895%206.2545%2016.237%206.452L18.0083%205.725C18.3223%205.5865%2018.6379%205.57467%2018.9553%205.6895C19.2726%205.80417%2019.519%206.00508%2019.6945%206.29225L20.812%208.227C20.9877%208.5205%2021.0383%208.83108%2020.9638%209.15875C20.8894%209.48625%2020.7189%209.75642%2020.4523%209.96925L18.9158%2011.123C18.9516%2011.2845%2018.9712%2011.4355%2018.9745%2011.576C18.9777%2011.7163%2018.9793%2011.8577%2018.9793%2012C18.9793%2012.1358%2018.976%2012.274%2018.9695%2012.4145C18.9632%2012.5548%2018.9402%2012.7154%2018.9005%2012.8963L20.408%2014.0308C20.6747%2014.2436%2020.8469%2014.5138%2020.9245%2014.8413C21.002%2015.1689%2020.9529%2015.4795%2020.7773%2015.773L19.6445%2017.7173C19.469%2018.0109%2019.221%2018.2135%2018.9005%2018.325C18.58%2018.4365%2018.2627%2018.423%2017.9485%2018.2845L16.237%2017.548C15.9895%2017.7455%2015.7369%2017.9202%2015.4793%2018.072C15.2216%2018.224%2014.9575%2018.3481%2014.687%2018.4443L14.4428%2020.325C14.3889%2020.6558%2014.2379%2020.9343%2013.9898%2021.1605C13.7418%2021.3868%2013.4473%2021.5%2013.1063%2021.5H10.8908Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-sidenav__item:hover .al-sidenav__icon--m07 {
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.533%2015.275C12.6767%2015.1313%2012.7485%2014.9531%2012.7485%2014.7402C12.7485%2014.5276%2012.6767%2014.3494%2012.533%2014.2058C12.3895%2014.0623%2012.2114%2013.9905%2011.9985%2013.9905C11.7857%2013.9905%2011.6075%2014.0623%2011.464%2014.2058C11.3204%2014.3494%2011.2485%2014.5276%2011.2485%2014.7402C11.2485%2014.9531%2011.3204%2015.1313%2011.464%2015.275C11.6075%2015.4185%2011.7857%2015.4902%2011.9985%2015.4902C12.2114%2015.4902%2012.3895%2015.4185%2012.533%2015.275ZM12.533%2012.7845C12.6767%2012.641%2012.7485%2012.4628%2012.7485%2012.25V9C12.7485%208.78717%2012.6767%208.609%2012.533%208.4655C12.3895%208.32183%2012.2114%208.25%2011.9985%208.25C11.7857%208.25%2011.6075%208.32183%2011.464%208.4655C11.3204%208.609%2011.2485%208.78717%2011.2485%209V12.25C11.2485%2012.4628%2011.3204%2012.641%2011.464%2012.7845C11.6075%2012.9282%2011.7857%2013%2011.9985%2013C12.2114%2013%2012.3895%2012.9282%2012.533%2012.7845ZM10.8908%2021.5C10.5498%2021.5%2010.2553%2021.3868%2010.0073%2021.1605C9.75911%2020.9343%209.60811%2020.6558%209.55428%2020.325L9.31003%2018.4538C9.0422%2018.3641%208.76753%2018.2385%208.48603%2018.077C8.2047%2017.9153%207.95311%2017.7423%207.73128%2017.5578L5.99853%2018.2943C5.68436%2018.4328%205.3687%2018.4462%205.05153%2018.3345C4.7342%2018.223%204.4877%2018.0205%204.31203%2017.727L3.18503%2015.773C3.00936%2015.4795%202.95878%2015.1689%203.03328%2014.8413C3.10761%2014.5138%203.27811%2014.2436%203.54478%2014.0308L5.04278%2012.9058C5.01978%2012.7571%205.00345%2012.6078%204.99378%2012.4578C4.98411%2012.3078%204.97928%2012.1583%204.97928%2012.0095C4.97928%2011.8673%204.98411%2011.7228%204.99378%2011.576C5.00345%2011.4292%205.01978%2011.2686%205.04278%2011.0943L3.54478%209.96925C3.27811%209.75642%203.1092%209.48458%203.03803%209.15375C2.96686%208.82308%203.01911%208.51092%203.19478%208.21725L4.31203%206.29225C4.4877%206.00508%204.7342%205.80417%205.05153%205.6895C5.3687%205.57467%205.68436%205.5865%205.99853%205.725L7.72153%206.452C7.9627%206.261%208.22011%206.08633%208.49378%205.928C8.76745%205.76967%209.03636%205.64242%209.30053%205.54625L9.55428%203.675C9.60811%203.34417%209.75911%203.06567%2010.0073%202.8395C10.2553%202.61317%2010.5498%202.5%2010.8908%202.5H13.1063C13.4473%202.5%2013.7418%202.61317%2013.9898%202.8395C14.2379%203.06567%2014.3889%203.34417%2014.4428%203.675L14.687%205.55575C14.987%205.66475%2015.2584%205.792%2015.5013%205.9375C15.7443%206.083%2015.9895%206.2545%2016.237%206.452L18.0083%205.725C18.3223%205.5865%2018.6379%205.57467%2018.9553%205.6895C19.2726%205.80417%2019.519%206.00508%2019.6945%206.29225L20.812%208.227C20.9877%208.5205%2021.0383%208.83108%2020.9638%209.15875C20.8894%209.48625%2020.7189%209.75642%2020.4523%209.96925L18.9158%2011.123C18.9516%2011.2845%2018.9712%2011.4355%2018.9745%2011.576C18.9777%2011.7163%2018.9793%2011.8577%2018.9793%2012C18.9793%2012.1358%2018.976%2012.274%2018.9695%2012.4145C18.9632%2012.5548%2018.9402%2012.7154%2018.9005%2012.8963L20.408%2014.0308C20.6747%2014.2436%2020.8469%2014.5138%2020.9245%2014.8413C21.002%2015.1689%2020.9529%2015.4795%2020.7773%2015.773L19.6445%2017.7173C19.469%2018.0109%2019.221%2018.2135%2018.9005%2018.325C18.58%2018.4365%2018.2627%2018.423%2017.9485%2018.2845L16.237%2017.548C15.9895%2017.7455%2015.7369%2017.9202%2015.4793%2018.072C15.2216%2018.224%2014.9575%2018.3481%2014.687%2018.4443L14.4428%2020.325C14.3889%2020.6558%2014.2379%2020.9343%2013.9898%2021.1605C13.7418%2021.3868%2013.4473%2021.5%2013.1063%2021.5H10.8908Z'%20fill='white'/%3e%3c/svg%3e");
}

.al-sidenav__label {
  flex: 1;
  min-width: 0;
  color: #fff;
  font-size: 19px;
}

.al-sidenav__arrow {
  flex: 0 0 0;
  width: 0;
  min-width: 0;
  height: 10px;
  margin: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='5'%20viewBox='0%200%2010%205'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%20-2.38419e-07L10%205H0L5%20-2.38419e-07Z'%20fill='%23F0F7FF'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
  transition: opacity 0.15s ease, transform 0.3s ease, flex-basis 0.15s ease, width 0.15s ease;
  transform: rotate(180deg);
}

.al-sidenav__item.is-open > .al-sidenav__trigger .al-sidenav__arrow,
.al-sidenav__item:hover > .al-sidenav__trigger .al-sidenav__arrow,
.al-sidenav__trigger:hover .al-sidenav__arrow,
.al-sidenav__trigger:focus-visible .al-sidenav__arrow {
  flex: 0 0 10px;
  width: 10px;
  opacity: 1;
}

.al-sidenav__item.is-open .al-sidenav__arrow {
  transform: rotate(0deg);
}

.al-sidenav__sub {
  list-style: none;
  margin: 0;
  padding: 0 8px 0px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease, padding 0.3s ease;
}

.al-sidenav__item.is-open > .al-sidenav__sub {
  max-height: 300px;
  opacity: 1;
  padding: 4px 8px 12px;
}

.al-sidenav__subitem {
  margin: 0;
}

.al-sidenav__sublink {
  position: relative;
  display: block;
  padding: 9px 12px 9px 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.15s ease, color 0.15s ease;
}
.al-sidenav__sublink::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
  transform: translateY(-50%);
  transition: all 0.15s ease;
}
.al-sidenav__sublink:hover {
  background: rgba(18, 118, 167, 0.2);
  color: rgba(255, 255, 255, 0.92);
}
.al-sidenav__sublink.is-active {
  color: #fff;
  font-weight: 600;
}
.al-sidenav__sublink.is-active::before {
  opacity: 1;
  width: 3px;
  height: 16px;
  border-radius: 2px;
}

.al-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 110px 20px;
}

.al-page-header {
  position: relative;
  margin-bottom: 40px;
}

.al-page-header__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.al-page-header__meta {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.al-page-header__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #475569;
}
.al-page-header__breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}
.al-page-header__breadcrumb a:hover {
  color: var(--al-color-primary);
}
.al-page-header__breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.al-page-header__breadcrumb li:first-child a::before {
  content: "";
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='%23475569'/%3e%3c/svg%3e") no-repeat center/contain;
}
.al-page-header__breadcrumb li:last-child span {
  color: var(--al-color-primary);
  border-bottom: 1px solid currentColor;
}
.al-page-header__breadcrumb li + li::before {
  content: "";
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3csvg%20width='7'%20height='11'%20viewBox='0%200%207%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.136908%2010.4902C0.333948%2010.7092%200.671169%2010.7269%200.890112%2010.5299L6.22345%205.73009C6.33583%205.62895%206.4%205.48487%206.40001%205.33368C6.40001%205.18249%206.33584%205.0384%206.22347%204.93725L0.890133%200.136926C0.671201%20-0.0601258%200.333979%20-0.0423887%200.136926%200.176543C-0.0601257%200.395475%20-0.0423886%200.732697%200.176543%200.929749L5.06943%205.33364L0.176565%209.73704C-0.0423775%209.93408%20-0.0601328%2010.2713%200.136908%2010.4902Z'%20fill='%2394A3B8'/%3e%3c/svg%3e") no-repeat center/7px 11px;
}

.al-page-body {
  flex: 0 0 auto;
  border-radius: 16px;
}

.al-page-body__placeholder {
  margin: 0;
  min-height: 260px;
  border-radius: 12px;
  border: 2px dashed rgba(148, 163, 184, 0.4);
  background: repeating-linear-gradient(-45deg, rgba(241, 245, 249, 0.65), rgba(241, 245, 249, 0.65) 8px, rgba(248, 250, 252, 0.85) 8px, rgba(248, 250, 252, 0.85) 16px);
  display: grid;
  place-items: center;
  color: #94a3b8;
  font-size: 14px;
  font-weight: 600;
}

.btn,
.al-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 400;
  padding: 0 14px;
  font-family: inherit;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  --btn-bg: var(--al-color-white);
  --btn-bg-hover: var(--al-color-white-hover);
  --btn-bg-focus: var(--al-color-white-focus);
  --btn-bg-disabled: var(--al-color-white-dis);
  --btn-color: var(--al-color-text);
  --btn-color-disabled: var(--al-color-text-muted);
  background: var(--btn-bg);
  color: var(--btn-color);
}
.btn:hover:not(:disabled),
.al-btn:hover:not(:disabled) {
  background: var(--btn-bg-hover);
  border-color: var(--btn-border-hover);
}
.btn:focus-visible,
.al-btn:focus-visible {
  background: var(--btn-bg-focus);
  border-color: var(--btn-border-focus);
  outline: none;
}
.btn:disabled,
.al-btn:disabled {
  background: var(--btn-bg-disabled);
  color: var(--btn-color-disabled);
  border-color: var(--btn-border-disabled, var(--btn-bg-disabled));
  cursor: not-allowed;
}

.btn--lg,
.al-btn--lg {
  height: 56px;
  font-size: 19px;
  border-radius: 8px;
  min-width: 90px;
}

.btn--md,
.al-btn--md {
  height: 48px;
  font-size: 17px;
  border-radius: 6px;
  min-width: 78px;
}

.btn--sm,
.al-btn--sm {
  height: 40px;
  font-size: 15px;
  border-radius: 6px;
  min-width: 64px;
}

.btn--xs,
.al-btn--xs {
  height: 32px;
  font-size: 15px;
  border-radius: 4px;
  min-width: 60px;
}

.btn--pill,
.al-btn--pill {
  border-radius: var(--al-radius-pill);
}

.btn--primary,
.al-btn--primary {
  --btn-bg: var(--al-color-primary);
  --btn-bg-hover: var(--al-color-primary-hover);
  --btn-bg-focus: var(--al-color-primary-focus);
  --btn-color: #fff;
  --btn-color-disabled: var(--al-color-text-muted);
}

.btn--secondary,
.al-btn--secondary {
  --btn-bg: var(--al-color-secondary);
  --btn-bg-hover: var(--al-color-secondary-hover);
  --btn-bg-focus: var(--al-color-secondary-focus);
  --btn-bg-disabled: var(--al-color-secondary-dis);
  --btn-color: var(--al-color-primary);
  --btn-color-disabled: var(--al-color-text-muted);
  border: 1px solid #03699C;
}

.btn--white,
.al-btn--white {
  --btn-bg: var(--al-color-white);
  --btn-bg-hover: var(--al-color-white-hover);
  --btn-bg-focus: var(--al-color-white-focus);
  --btn-bg-disabled: var(--al-color-white-dis);
  --btn-color: var(--al-color-text);
  --btn-color-disabled: var(--al-color-text-muted);
  border: 1px solid #1E293B;
}

/* 연한 프라이머리 테두리 (공통코드 상세 삭제 등, Figma p00 + p50) */
.btn--primary-ghost,
.al-btn--primary-ghost {
  --btn-bg: #f0f7ff;
  --btn-bg-hover: #e0effa;
  --btn-bg-focus: #e0effa;
  --btn-bg-disabled: #f1f5f9;
  --btn-color: #03699c;
  --btn-color-disabled: var(--al-color-text-muted);
  --btn-border-hover: #047bb6;
  --btn-border-focus: #047bb6;
  border: 1px solid #047bb6;
}

.btn--danger,
.al-btn--danger {
  --btn-bg: #d40000;
  --btn-bg-hover: #b80000;
  --btn-bg-focus: #b80000;
  --btn-color: #fff;
  --btn-color-disabled: var(--al-color-text-muted);
}

.card,
.al-card,
.al-ds-card,
.al-md-card {
  background: var(--al-color-surface);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 16px;
  box-shadow: 0 0 12px 0 #EDE9FE;
}
.card--panel,
.al-card--panel,
.al-ds-card--panel,
.al-md-card--panel {
  padding: 0;
  overflow: hidden;
}
.card--compact,
.al-card--compact,
.al-ds-card--compact,
.al-md-card--compact {
  padding: 24px 32px;
}

.card__header,
.al-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.card__title,
.al-card__title,
.al-ds-card__title,
.al-md-card__title {
  margin: 0 0 21px;
  font-size: 21px;
  font-weight: 600;
  color: var(--al-color-text);
}

.card__header > .card__title,
.al-card__header > .al-card__title,
.card__header > .al-card__title {
  margin-bottom: 0;
}

.card__body,
.al-card__body {
  min-width: 0;
}

.card__footer,
.al-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

.board {
  padding: 32px;
  border: 1px solid #edf1f6;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}
.board__head {
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 0;
  background: #fff;
}
.board__body {
  padding: 0;
  min-width: 0;
}
.board .table-wrapper {
  min-width: 0;
  overflow-x: auto;
}
.board__table th,
.board__table td {
  font-size: 14px;
}
.board__foot {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 28px;
  padding-top: 0;
  border-top: 0;
}
.board__pagination {
  display: flex;
  justify-content: center;
}
.board__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.board--terminal-manage .board__table th,
.board--terminal-manage .board__table td {
  text-align: center;
  vertical-align: middle;
}
.board--terminal-manage .board__table th:first-child,
.board--terminal-manage .board__table td:first-child {
  padding-left: 12px;
  padding-right: 12px;
}
.board--terminal-manage .board__table .al-checkbox {
  vertical-align: middle;
}

.board--app-manage {
  padding: 32px;
  border: 0;
  border-radius: 20px;
  box-shadow: 0 0 6px #ede9fe;
}
.board--app-manage .board__head {
  margin-bottom: 16px;
}
.board--app-manage .search {
  width: 100%;
  gap: 24px;
}
.board--app-manage .search__total {
  flex: 1 0 0;
  color: #1e293b;
}
.board--app-manage .search__total strong {
  color: #03699c;
}
.board--app-manage .form--search {
  gap: 12px;
}
.board--app-manage .form--search .form__field {
  height: 48px;
  padding: 0 16px;
  border-color: #94a3b8;
  border-radius: 6px;
  box-shadow: none;
}
.board--app-manage .form--search .form__field--date,
.board--app-manage .form--search .form__field--search {
  padding-right: 42px;
}
.board--app-manage .form--search .form__input,
.board--app-manage .form--search .form__select,
.board--app-manage .form--search .custom-select__button {
  font-size: 17px;
  font-weight: 400;
  color: #1e293b;
}
.board--app-manage .form--search .form__input::placeholder {
  color: #64748b;
}
.board--app-manage .form--search .form__icon-btn {
  right: 8px;
  width: 32px;
  height: 32px;
}
.board--app-manage .form--search .form__icon-btn--calendar {
  background-size: 16px 16px;
}
.board--app-manage .form--search .form__icon-btn--search {
  background-size: 24px 24px;
}
.board--app-manage .table-wrapper {
  border-bottom: 1px solid #e2e8f0;
}
.board--app-manage .board__table th,
.board--app-manage .board__table td {
  font-size: 17px;
}
.board--app-manage .board__table thead {
  background: transparent;
}
.board--app-manage .board__table thead th {
  height: 40px;
  padding: 8px 20px;
  background: #f0f7ff;
  color: #002236;
  font-size: 15px;
  font-weight: 700;
}
.board--app-manage .board__table tbody tr {
  border-bottom-color: #e2e8f0;
}
.board--app-manage .board__table tbody tr:last-child {
  border-bottom: 0;
}
.board--app-manage .board__table tbody tr td {
  height: 64px;
  padding: 12px 20px;
  color: #475569;
  font-weight: 400;
}
.board--app-manage .board__table tbody strong {
  color: #1e293b;
  font-weight: 600;
}
.board--app-manage .board__table .al-table__link {
  color: #475569;
  text-decoration: none;
}
.board--app-manage .board__foot {
  gap: 20px;
  margin-top: 14px;
}
.board--app-manage .btn--primary {
  background: #047bb6;
}
.board--app-manage .pagination,
.board--app-manage .al-pagination {
  gap: 8px;
}
.board--app-manage .pagination__pages,
.board--app-manage .al-pagination__pages {
  gap: 8px;
}
.board--app-manage .pagination__nav, .board--app-manage .pagination__page,
.board--app-manage .al-pagination__nav,
.board--app-manage .al-pagination__page {
  color: #33363d;
  font-weight: 400;
}
.board--app-manage .pagination__page,
.board--app-manage .al-pagination__page {
  border-radius: 6px;
}
.board--app-manage .pagination__page--active,
.board--app-manage .al-pagination__page--active {
  background: #002236;
  color: #fff;
  font-weight: 700;
}
.board--app-manage .pagination__ellipsis,
.board--app-manage .al-pagination__ellipsis {
  min-width: 40px;
  height: 40px;
  font-size: 14px;
  letter-spacing: 2px;
}

.board--battery-manage .search__total {
  min-width: 86px;
}
.board--battery-manage .battery-board__filters {
  flex-wrap: nowrap;
}
.board--battery-manage .battery-board__soc-filter {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
}
.board--battery-manage .battery-board__soc-label {
  color: #1e293b;
  font-size: 17px;
  line-height: 1.5;
}
.board--battery-manage .battery-board__soc-range {
  --battery-soc-percent: 50%;
  width: 160px;
  height: 6px;
  margin: 0;
  appearance: none;
  border-radius: 999px;
  background: linear-gradient(90deg, #1c8cf4 0 var(--battery-soc-percent), #e2e8f0 var(--battery-soc-percent) 100%);
  cursor: pointer;
}
.board--battery-manage .battery-board__soc-range::-webkit-slider-runnable-track {
  width: 160px;
  height: 6px;
  border: 1px solid #cdd1d5;
  border-radius: 999px;
  background: transparent;
}
.board--battery-manage .battery-board__soc-range::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  margin-top: -10px;
  appearance: none;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1c8cf4;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.3);
}
.board--battery-manage .battery-board__soc-range::-moz-range-track {
  width: 160px;
  height: 6px;
  border: 1px solid #cdd1d5;
  border-radius: 999px;
  background: #e2e8f0;
}
.board--battery-manage .battery-board__soc-range::-moz-range-progress {
  height: 6px;
  border-radius: 999px;
  background: #1c8cf4;
}
.board--battery-manage .battery-board__soc-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1c8cf4;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.3);
}
.board--battery-manage .battery-board__soc-range:focus-visible {
  outline: 2px solid rgba(28, 140, 244, 0.35);
  outline-offset: 4px;
}
.board--battery-manage .battery-board__soc-value {
  flex: 0 0 42px;
  color: #475569;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.board--battery-manage .battery-board__soc-value strong {
  color: #1e293b;
  font-size: 17px;
  font-weight: 700;
}
.board--battery-manage .battery-board__search {
  width: 360px;
}
.board--battery-manage .board__table {
  min-width: 920px;
}
.board--battery-manage .board__table tbody td {
  color: #1e293b;
}
@media (max-width: 1440px) {
  .board--battery-manage .battery-board__filters {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .board--battery-manage .battery-board__search {
    width: min(360px, 100%);
  }
}
@media (max-width: 1200px) {
  .board--battery-manage .battery-board__filters {
    justify-content: flex-start;
    margin-left: 0;
  }
}

.battery-soc {
  --battery-color: #24933f;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8440)'%3e%3cpath%20d='M1%2010C0.716667%2010%200.479167%209.90417%200.2875%209.7125C0.0958333%209.52083%200%209.28333%200%209V1C0%200.716667%200.0958333%200.479167%200.2875%200.2875C0.479167%200.0958333%200.716667%200%201%200H12.45C12.7333%200%2012.9708%200.0958333%2013.1625%200.2875C13.3542%200.479167%2013.45%200.716667%2013.45%201L10.325%204.875C9.825%205.50833%209.74583%206.1875%2010.0875%206.9125C10.4292%207.6375%2011.0083%208%2011.825%208C12.1083%208%2012.3458%208.09583%2012.5375%208.2875C12.7292%208.47917%2012.825%208.71667%2012.825%209C12.825%209.28333%2012.7292%209.52083%2012.5375%209.7125C12.3458%209.90417%2012.1083%2010%2011.825%2010H1ZM15.375%206H13.05C12.8333%206%2012.6792%205.90833%2012.5875%205.725C12.4958%205.54167%2012.5167%205.36667%2012.65%205.2L16.25%200.675C16.3333%200.575%2016.4292%200.516667%2016.5375%200.5C16.6458%200.483333%2016.75%200.491667%2016.85%200.525C16.95%200.558333%2017.0333%200.625%2017.1%200.725C17.1667%200.825%2017.1833%200.941667%2017.15%201.075L16.625%204H18.95C19.1667%204%2019.3208%204.09167%2019.4125%204.275C19.5042%204.45833%2019.4833%204.63333%2019.35%204.8L15.75%209.325C15.6667%209.425%2015.5708%209.48333%2015.4625%209.5C15.3542%209.51667%2015.25%209.50833%2015.15%209.475C15.05%209.44167%2014.9667%209.375%2014.9%209.275C14.8333%209.175%2014.8167%209.05833%2014.85%208.925L15.375%206Z'%20fill='%23228738'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8440'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--battery-color);
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
}
.battery-soc::before {
  content: "";
  width: 20px;
  height: 10px;
  flex-shrink: 0;
  background: var(--battery-icon) no-repeat center/contain;
}
.battery-soc strong {
  color: var(--battery-color);
  font-weight: 700;
}
.battery-soc__bar {
  display: none;
}
.battery-soc--normal {
  --battery-color: #24933f;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8440)'%3e%3cpath%20d='M1%2010C0.716667%2010%200.479167%209.90417%200.2875%209.7125C0.0958333%209.52083%200%209.28333%200%209V1C0%200.716667%200.0958333%200.479167%200.2875%200.2875C0.479167%200.0958333%200.716667%200%201%200H12.45C12.7333%200%2012.9708%200.0958333%2013.1625%200.2875C13.3542%200.479167%2013.45%200.716667%2013.45%201L10.325%204.875C9.825%205.50833%209.74583%206.1875%2010.0875%206.9125C10.4292%207.6375%2011.0083%208%2011.825%208C12.1083%208%2012.3458%208.09583%2012.5375%208.2875C12.7292%208.47917%2012.825%208.71667%2012.825%209C12.825%209.28333%2012.7292%209.52083%2012.5375%209.7125C12.3458%209.90417%2012.1083%2010%2011.825%2010H1ZM15.375%206H13.05C12.8333%206%2012.6792%205.90833%2012.5875%205.725C12.4958%205.54167%2012.5167%205.36667%2012.65%205.2L16.25%200.675C16.3333%200.575%2016.4292%200.516667%2016.5375%200.5C16.6458%200.483333%2016.75%200.491667%2016.85%200.525C16.95%200.558333%2017.0333%200.625%2017.1%200.725C17.1667%200.825%2017.1833%200.941667%2017.15%201.075L16.625%204H18.95C19.1667%204%2019.3208%204.09167%2019.4125%204.275C19.5042%204.45833%2019.4833%204.63333%2019.35%204.8L15.75%209.325C15.6667%209.425%2015.5708%209.48333%2015.4625%209.5C15.3542%209.51667%2015.25%209.50833%2015.15%209.475C15.05%209.44167%2014.9667%209.375%2014.9%209.275C14.8333%209.175%2014.8167%209.05833%2014.85%208.925L15.375%206Z'%20fill='%23228738'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8440'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--warning {
  --battery-color: #c78500;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8447)'%3e%3cpath%20d='M0.531494%2010C0.248161%2010%200.0106608%209.90417%20-0.181006%209.7125C-0.372673%209.52083%20-0.468506%209.28333%20-0.468506%209V1C-0.468506%200.716667%20-0.372673%200.479167%20-0.181006%200.2875C0.0106608%200.0958333%200.248161%200%200.531494%200H11.9815C12.2648%200%2012.5023%200.0958333%2012.694%200.2875C12.8857%200.479167%2012.9815%200.716667%2012.9815%201C12.9815%201.28333%2012.8857%201.52083%2012.694%201.7125C12.5023%201.90417%2012.2648%202%2011.9815%202H9.53149V8H11.3565C11.6398%208%2011.8773%208.09583%2012.069%208.2875C12.2607%208.47917%2012.3565%208.71667%2012.3565%209C12.3565%209.28333%2012.2607%209.52083%2012.069%209.7125C11.8773%209.90417%2011.6398%2010%2011.3565%2010H0.531494ZM14.9065%206H12.5815C12.3648%206%2012.2107%205.90833%2012.119%205.725C12.0273%205.54167%2012.0482%205.36667%2012.1815%205.2L15.7815%200.675C15.8648%200.575%2015.9607%200.516667%2016.069%200.5C16.1773%200.483333%2016.2815%200.491667%2016.3815%200.525C16.4815%200.558333%2016.5648%200.625%2016.6315%200.725C16.6982%200.825%2016.7148%200.941667%2016.6815%201.075L16.1565%204H18.4815C18.6982%204%2018.8523%204.09167%2018.944%204.275C19.0357%204.45833%2019.0148%204.63333%2018.8815%204.8L15.2815%209.325C15.1982%209.425%2015.1023%209.48333%2014.994%209.5C14.8857%209.51667%2014.7815%209.50833%2014.6815%209.475C14.5815%209.44167%2014.4982%209.375%2014.4315%209.275C14.3648%209.175%2014.3482%209.05833%2014.3815%208.925L14.9065%206Z'%20fill='%23C78500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8447'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--danger {
  --battery-color: #ff6d00;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8454)'%3e%3cpath%20d='M0.531494%2010C0.248161%2010%200.0106608%209.90417%20-0.181006%209.7125C-0.372673%209.52083%20-0.468506%209.28333%20-0.468506%209V1C-0.468506%200.716667%20-0.372673%200.479167%20-0.181006%200.2875C0.0106608%200.0958333%200.248161%200%200.531494%200H11.9815C12.2648%200%2012.5023%200.0958333%2012.694%200.2875C12.8857%200.479167%2012.9815%200.716667%2012.9815%201C12.9815%201.28333%2012.8857%201.52083%2012.694%201.7125C12.5023%201.90417%2012.2648%202%2011.9815%202H6.53149V8H11.3565C11.6398%208%2011.8773%208.09583%2012.069%208.2875C12.2607%208.47917%2012.3565%208.71667%2012.3565%209C12.3565%209.28333%2012.2607%209.52083%2012.069%209.7125C11.8773%209.90417%2011.6398%2010%2011.3565%2010H0.531494ZM14.9065%206H12.5815C12.3648%206%2012.2107%205.90833%2012.119%205.725C12.0273%205.54167%2012.0482%205.36667%2012.1815%205.2L15.7815%200.675C15.8648%200.575%2015.9607%200.516667%2016.069%200.5C16.1773%200.483333%2016.2815%200.491667%2016.3815%200.525C16.4815%200.558333%2016.5648%200.625%2016.6315%200.725C16.6982%200.825%2016.7148%200.941667%2016.6815%201.075L16.1565%204H18.4815C18.6982%204%2018.8523%204.09167%2018.944%204.275C19.0357%204.45833%2019.0148%204.63333%2018.8815%204.8L15.2815%209.325C15.1982%209.425%2015.1023%209.48333%2014.994%209.5C14.8857%209.51667%2014.7815%209.50833%2014.6815%209.475C14.5815%209.44167%2014.4982%209.375%2014.4315%209.275C14.3648%209.175%2014.3482%209.05833%2014.3815%208.925L14.9065%206Z'%20fill='%23FF6D00'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8454'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--low {
  --battery-color: #de3412;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8461)'%3e%3cpath%20d='M0.594482%2010C0.311149%2010%200.0736491%209.90417%20-0.118018%209.7125C-0.309684%209.52083%20-0.405518%209.28333%20-0.405518%209V1C-0.405518%200.716667%20-0.309684%200.479167%20-0.118018%200.2875C0.0736491%200.0958333%200.311149%200%200.594482%200H12.0445C12.3278%200%2012.5653%200.0958333%2012.757%200.2875C12.9486%200.479167%2013.0445%200.716667%2013.0445%201C13.0445%201.28333%2012.9486%201.52083%2012.757%201.7125C12.5653%201.90417%2012.3278%202%2012.0445%202H4.59448V8H11.4195C11.7028%208%2011.9403%208.09583%2012.132%208.2875C12.3236%208.47917%2012.4195%208.71667%2012.4195%209C12.4195%209.28333%2012.3236%209.52083%2012.132%209.7125C11.9403%209.90417%2011.7028%2010%2011.4195%2010H0.594482ZM14.9695%206H12.6445C12.4278%206%2012.2736%205.90833%2012.182%205.725C12.0903%205.54167%2012.1111%205.36667%2012.2445%205.2L15.8445%200.675C15.9278%200.575%2016.0236%200.516667%2016.132%200.5C16.2403%200.483333%2016.3445%200.491667%2016.4445%200.525C16.5445%200.558333%2016.6278%200.625%2016.6945%200.725C16.7611%200.825%2016.7778%200.941667%2016.7445%201.075L16.2195%204H18.5445C18.7611%204%2018.9153%204.09167%2019.007%204.275C19.0986%204.45833%2019.0778%204.63333%2018.9445%204.8L15.3445%209.325C15.2611%209.425%2015.1653%209.48333%2015.057%209.5C14.9486%209.51667%2014.8445%209.50833%2014.7445%209.475C14.6445%209.44167%2014.5611%209.375%2014.4945%209.275C14.4278%209.175%2014.4111%209.05833%2014.4445%208.925L14.9695%206Z'%20fill='%23DE3412'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8461'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.battery-soc--critical {
  --battery-color: #4a0404;
  --battery-icon: url("data:image/svg+xml,%3csvg%20width='20'%20height='10'%20viewBox='0%200%2020%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_468_8468)'%3e%3cpath%20d='M17.126%2010C17.4093%2010%2017.6468%209.90417%2017.8385%209.7125C18.0301%209.52083%2018.126%209.28333%2018.126%209V7H19.126C19.4093%207%2019.6468%206.90417%2019.8385%206.7125C20.0301%206.52083%2020.126%206.28333%2020.126%206V4C20.126%203.71667%2020.0301%203.47917%2019.8385%203.2875C19.6468%203.09583%2019.4093%203%2019.126%203H18.126V1C18.126%200.716667%2018.0301%200.479167%2017.8385%200.2875C17.6468%200.0958333%2017.4093%200%2017.126%200H1.12598C0.842644%200%200.605145%200.0958333%200.413477%200.2875C0.221809%200.479167%200.125977%200.716667%200.125977%201V9C0.125977%209.28333%200.221809%209.52083%200.413477%209.7125C0.605145%209.90417%200.842644%2010%201.12598%2010H17.126ZM16.126%208H2.12598V2H16.126V8Z'%20fill='%234A0404'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_468_8468'%3e%3crect%20width='19.4685'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.battery-board__badge {
  --battery-badge-bg: #eaf6ec;
  --battery-badge-color: #267337;
  --battery-badge-dot: #24933f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 62px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--battery-badge-bg);
  color: var(--battery-badge-color);
  font-size: 15px;
  line-height: 1.5;
}
.battery-board__badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--battery-badge-dot);
}
.battery-board__badge--normal {
  --battery-badge-bg: #eaf6ec;
  --battery-badge-color: #267337;
  --battery-badge-dot: #24933f;
}
.battery-board__badge--warning {
  --battery-badge-bg: #fff3db;
  --battery-badge-color: #c78500;
  --battery-badge-dot: #ffb114;
}
.battery-board__badge--danger {
  --battery-badge-bg: #fff1e6;
  --battery-badge-color: #ff6d00;
  --battery-badge-dot: #ff6d00;
}
.battery-board__badge--low {
  --battery-badge-bg: #fcdfd9;
  --battery-badge-color: #bd2c0f;
  --battery-badge-dot: #de3412;
}
.battery-board__badge--critical {
  --battery-badge-bg: #f1ebeb;
  --battery-badge-color: #4a0404;
  --battery-badge-dot: #4a0404;
}

.filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}
.filter-bar__group {
  display: flex;
  gap: 12px;
  flex: 1;
}
.filter-bar__field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 28px;
  height: 56px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #fff;
  background: #f3f5f9;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  flex: 1;
}
.filter-bar__field:focus-within {
  border-color: #0b3a63;
  box-shadow: 0 0 0 3px rgba(11, 58, 99, 0.08);
  background: #fff;
}
.filter-bar__field input,
.filter-bar__field select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #333;
  appearance: none;
}
.filter-bar__field select {
  padding-right: 28px;
  cursor: pointer;
  appearance: none;
}
.filter-bar__field:has(select)::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  transition: transform 0.2s ease;
}
.filter-bar__field:has(select:focus)::after {
  transform: translateY(-50%) rotate(-135deg);
}
.filter-bar__field:has(select:focus) {
  border-color: #0b3a63;
  box-shadow: 0 0 0 3px rgba(11, 58, 99, 0.08);
}
.filter-bar__field .ico {
  width: 18px;
  height: 18px;
  opacity: 0.6;
  flex-shrink: 0;
}
.filter-bar__search {
  height: 56px;
  padding: 0 36px;
  border-radius: 999px;
  border: none;
  background: #0b3a63;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}
.filter-bar__search .ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
  filter: brightness(200%);
}
.filter-bar__search:hover {
  background: #0f4a7c;
  transform: translateY(-1px);
}
.filter-bar__search:active {
  transform: translateY(0);
}

.form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  width: 100%;
}
.form--two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
}
.form--two-column .form-group {
  margin: 0;
}
.form--two-column .form-group--full {
  grid-column: 1/-1;
}
.form--two-column .form-actions {
  grid-column: 1/-1;
}
.form--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
}
.form--horizontal .form-group {
  flex: 1;
  min-width: 200px;
}
.form--compact {
  gap: 16px;
}
.form--compact--two-column {
  gap: 16px 12px;
}
.form--spacious {
  gap: 24px;
}
.form--spacious--two-column {
  gap: 24px 20px;
}

.modal-card {
  padding: 24px 32px;
  border: 1px solid #d7e4f1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(87, 161, 234, 0.05);
}
.modal-card + .modal-card {
  margin-top: 18px;
}
.modal-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dce4ec;
}
.modal-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: var(--al-color-text);
}
.modal-card__note {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--al-color-text-subtle);
}
.modal-card__note strong {
  color: var(--al-color-accent);
}

.form--toolbar {
  display: grid;
  grid-template-columns: 240px 160px 120px minmax(220px, 1fr) auto;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1200px) {
  .form--toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .form--toolbar {
    grid-template-columns: 1fr;
  }
}

.search {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.search__total {
  flex-shrink: 0;
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  color: var(--al-color-text);
}
.search__total strong {
  font-size: 25px;
  color: var(--al-color-primary);
  font-weight: 800;
}

.form--search {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: auto;
  margin-left: auto;
}
.form--search .form__field {
  height: 48px;
  padding: 0 16px;
  border: 1px solid #94A3B8;
  border-radius: 6px;
  background: #fff;
}
.form--search .form__field:focus-within {
  border-color: var(--al-color-primary);
  box-shadow: 0 0 0 2px rgba(18, 118, 167, 0.14);
  background: #fff;
}
.form--search .form__field:has(select)::after {
  right: 14px;
  width: 5px;
  height: 5px;
  border-color: #33363d;
}
.form--search .form__field:has(.custom-select)::after {
  display: none;
}
.form--search .form__field--date, .form--search .form__field--search {
  padding-right: 34px;
}
.form--search .form__field--date {
  overflow: visible;
}
.form--search .form__input,
.form--search .form__select {
  font-size: 17px;
  font-weight: 500;
  color: #33363d;
}
.form--search .form__input::placeholder {
  color: #64748B;
}
.form--search .form__icon {
  position: absolute;
  right: 13px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 1200px) {
  .form--search {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

.form__icon-btn {
  position: absolute;
  right: 7px;
  top: 50%;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
}
.form__icon-btn img {
  width: 16px;
  height: 16px;
  display: block;
}
.form__icon-btn--calendar {
  background: url("data:image/svg+xml,%3csvg%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.50646%2015.9294C1.08549%2015.9294%200.729167%2015.7835%200.4375%2015.4919C0.145833%2015.2002%200%2014.8439%200%2014.4229V3.26917C0%202.84819%200.145833%202.49187%200.4375%202.20021C0.729167%201.90854%201.08549%201.76271%201.50646%201.76271H2.66021V0.640834C2.66021%200.458195%202.72139%200.305694%202.84375%200.183333C2.96611%200.0611109%203.11861%200%203.30125%200C3.48403%200%203.63653%200.0611109%203.75875%200.183333C3.88111%200.305694%203.94229%200.458195%203.94229%200.640834V1.76271H10.2565V0.625C10.2565%200.447639%2010.3162%200.299097%2010.4358%200.179375C10.5556%200.0597914%2010.7041%200%2010.8815%200C11.0588%200%2011.2073%200.0597914%2011.3269%200.179375C11.4466%200.299097%2011.5065%200.447639%2011.5065%200.625V1.76271H12.6602C13.0812%201.76271%2013.4375%201.90854%2013.7292%202.20021C14.0208%202.49187%2014.1667%202.84819%2014.1667%203.26917V14.4229C14.1667%2014.8439%2014.0208%2015.2002%2013.7292%2015.4919C13.4375%2015.7835%2013.0812%2015.9294%2012.6602%2015.9294H1.50646ZM1.50646%2014.6794H12.6602C12.7244%2014.6794%2012.7831%2014.6526%2012.8365%2014.5992C12.8899%2014.5458%2012.9167%2014.4871%2012.9167%2014.4229V6.6025H1.25V14.4229C1.25%2014.4871%201.27674%2014.5458%201.33021%2014.5992C1.38354%2014.6526%201.44229%2014.6794%201.50646%2014.6794ZM1.25%205.3525H12.9167V3.26917C12.9167%203.205%2012.8899%203.14625%2012.8365%203.09292C12.7831%203.03944%2012.7244%203.01271%2012.6602%203.01271H1.50646C1.44229%203.01271%201.38354%203.03944%201.33021%203.09292C1.27674%203.14625%201.25%203.205%201.25%203.26917V5.3525ZM7.08333%209.74354C6.87931%209.74354%206.70542%209.67167%206.56167%209.52792C6.41806%209.38431%206.34625%209.21042%206.34625%209.00625C6.34625%208.80222%206.41806%208.62833%206.56167%208.48458C6.70542%208.34097%206.87931%208.26917%207.08333%208.26917C7.28736%208.26917%207.46125%208.34097%207.605%208.48458C7.74861%208.62833%207.82042%208.80222%207.82042%209.00625C7.82042%209.21042%207.74861%209.38431%207.605%209.52792C7.46125%209.67167%207.28736%209.74354%207.08333%209.74354ZM3.22833%209.52792C3.08472%209.38431%203.01292%209.21042%203.01292%209.00625C3.01292%208.80222%203.08472%208.62833%203.22833%208.48458C3.37208%208.34097%203.54597%208.26917%203.75%208.26917C3.95403%208.26917%204.12792%208.34097%204.27167%208.48458C4.41528%208.62833%204.48708%208.80222%204.48708%209.00625C4.48708%209.21042%204.41528%209.38431%204.27167%209.52792C4.12792%209.67167%203.95403%209.74354%203.75%209.74354C3.54597%209.74354%203.37208%209.67167%203.22833%209.52792ZM10.4167%209.74354C10.2126%209.74354%2010.0388%209.67167%209.895%209.52792C9.75139%209.38431%209.67958%209.21042%209.67958%209.00625C9.67958%208.80222%209.75139%208.62833%209.895%208.48458C10.0388%208.34097%2010.2126%208.26917%2010.4167%208.26917C10.6207%208.26917%2010.7946%208.34097%2010.9383%208.48458C11.0819%208.62833%2011.1538%208.80222%2011.1538%209.00625C11.1538%209.21042%2011.0819%209.38431%2010.9383%209.52792C10.7946%209.67167%2010.6207%209.74354%2010.4167%209.74354ZM7.08333%2013.0127C6.87931%2013.0127%206.70542%2012.9408%206.56167%2012.7971C6.41806%2012.6535%206.34625%2012.4797%206.34625%2012.2756C6.34625%2012.0715%206.41806%2011.8976%206.56167%2011.754C6.70542%2011.6102%206.87931%2011.5383%207.08333%2011.5383C7.28736%2011.5383%207.46125%2011.6102%207.605%2011.754C7.74861%2011.8976%207.82042%2012.0715%207.82042%2012.2756C7.82042%2012.4797%207.74861%2012.6535%207.605%2012.7971C7.46125%2012.9408%207.28736%2013.0127%207.08333%2013.0127ZM3.22833%2012.7971C3.08472%2012.6535%203.01292%2012.4797%203.01292%2012.2756C3.01292%2012.0715%203.08472%2011.8976%203.22833%2011.754C3.37208%2011.6102%203.54597%2011.5383%203.75%2011.5383C3.95403%2011.5383%204.12792%2011.6102%204.27167%2011.754C4.41528%2011.8976%204.48708%2012.0715%204.48708%2012.2756C4.48708%2012.4797%204.41528%2012.6535%204.27167%2012.7971C4.12792%2012.9408%203.95403%2013.0127%203.75%2013.0127C3.54597%2013.0127%203.37208%2012.9408%203.22833%2012.7971ZM10.4167%2013.0127C10.2126%2013.0127%2010.0388%2012.9408%209.895%2012.7971C9.75139%2012.6535%209.67958%2012.4797%209.67958%2012.2756C9.67958%2012.0715%209.75139%2011.8976%209.895%2011.754C10.0388%2011.6102%2010.2126%2011.5383%2010.4167%2011.5383C10.6207%2011.5383%2010.7946%2011.6102%2010.9383%2011.754C11.0819%2011.8976%2011.1538%2012.0715%2011.1538%2012.2756C11.1538%2012.4797%2011.0819%2012.6535%2010.9383%2012.7971C10.7946%2012.9408%2010.6207%2013.0127%2010.4167%2013.0127Z'%20fill='%23475569'/%3e%3c/svg%3e") no-repeat center/16px 16px;
}
.form__icon-btn--search {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.66667%2017.3333C6.24444%2017.3333%204.19444%2016.4944%202.51667%2014.8167C0.838889%2013.1389%200%2011.0889%200%208.66667C0%206.24444%200.838889%204.19444%202.51667%202.51667C4.19444%200.838889%206.24444%200%208.66667%200C11.0889%200%2013.1389%200.838889%2014.8167%202.51667C16.4944%204.19444%2017.3333%206.24444%2017.3333%208.66667C17.3333%209.64445%2017.1778%2010.5667%2016.8667%2011.4333C16.5556%2012.3%2016.1333%2013.0667%2015.6%2013.7333L23.0667%2021.2C23.3111%2021.4444%2023.4333%2021.7556%2023.4333%2022.1333C23.4333%2022.5111%2023.3111%2022.8222%2023.0667%2023.0667C22.8222%2023.3111%2022.5111%2023.4333%2022.1333%2023.4333C21.7556%2023.4333%2021.4444%2023.3111%2021.2%2023.0667L13.7333%2015.6C13.0667%2016.1333%2012.3%2016.5556%2011.4333%2016.8667C10.5667%2017.1778%209.64445%2017.3333%208.66667%2017.3333ZM8.66667%2014.6667C10.3333%2014.6667%2011.75%2014.0833%2012.9167%2012.9167C14.0833%2011.75%2014.6667%2010.3333%2014.6667%208.66667C14.6667%207%2014.0833%205.58333%2012.9167%204.41667C11.75%203.25%2010.3333%202.66667%208.66667%202.66667C7%202.66667%205.58333%203.25%204.41667%204.41667C3.25%205.58333%202.66667%207%202.66667%208.66667C2.66667%2010.3333%203.25%2011.75%204.41667%2012.9167C5.58333%2014.0833%207%2014.6667%208.66667%2014.6667Z'%20fill='%23047BB6'/%3e%3c/svg%3e") no-repeat center/16px 16px;
}
.form__icon-btn:focus-visible {
  outline: 2px solid var(--al-color-primary);
  outline-offset: 1px;
  border-radius: 4px;
}

.custom-select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
}
.custom-select__button {
  width: 100%;
  height: 100%;
  padding: 0 24px 0 0;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 17px;
  font-weight: 500;
  color: #33363d;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select__button::after {
  content: "";
  position: absolute;
  right: -3px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #33363d;
  border-bottom: 1.5px solid #33363d;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.15s ease;
}
.custom-select__button:focus-visible {
  outline: none;
}
.custom-select__dropdown {
  display: none;
  position: absolute;
  left: -12px;
  top: calc(100% + 6px);
  z-index: 2000;
  width: calc(100% + 24px);
  min-width: 100%;
  max-width: min(360px, 100vw - 32px);
  padding: 6px;
  border: 1px solid #d7dce3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(4, 7, 26, 0.14);
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.custom-select.is-open .custom-select__dropdown {
  display: block;
}
.custom-select.is-open {
  z-index: 2000;
}
.custom-select.is-open .custom-select__button::after {
  transform: translateY(-35%) rotate(225deg);
}
.custom-select.is-up .custom-select__dropdown {
  top: auto;
  bottom: calc(100% + 6px);
}
.custom-select__option {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1.35;
  color: #33363d;
  cursor: pointer;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
  transition: background 0.15s ease, color 0.15s ease;
}
.custom-select__option:hover {
  background: #eef7fc;
  color: var(--al-color-primary);
}
.custom-select__option.is-active:not(.is-selected) {
  background: #eef7fc;
  color: var(--al-color-primary);
}
.custom-select__option.is-selected {
  background: var(--al-color-primary);
  color: #fff;
  font-weight: 700;
}

.date-pop {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 30;
  width: 248px;
  padding: 12px;
  border: 1px solid #d7dce3;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(4, 7, 26, 0.16);
}
.date-pop__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.date-pop__head strong {
  font-size: 14px;
  font-weight: 800;
  color: var(--al-color-text);
}
.date-pop__nav {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--al-color-text-muted);
}
.date-pop__nav:hover {
  background: #eef7fc;
  color: var(--al-color-primary);
}
.date-pop__week, .date-pop__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  text-align: center;
}
.date-pop__week {
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--al-color-text-muted);
}
.date-pop__days button {
  height: 28px;
  border-radius: 6px;
  font-size: 12px;
  color: #33363d;
}
.date-pop__days button:hover {
  background: #eef7fc;
  color: var(--al-color-primary);
}
.date-pop__days button.is-range {
  background: #eef7fc;
  color: var(--al-color-primary);
}
.date-pop__days button.is-selected {
  background: var(--al-color-primary);
  color: #fff;
  font-weight: 800;
}

@media (max-width: 1200px) {
  .search {
    flex-direction: column;
    align-items: stretch;
  }
  .search__total {
    align-self: flex-start;
  }
}
.form__group,
.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.form__group--inline,
.form-group--inline {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.form__group--inline .form__label,
.form__group--inline .form-label,
.form-group--inline .form__label,
.form-group--inline .form-label {
  margin: 0;
  min-width: 120px;
}
.form__group--inline .form__field,
.form__group--inline .form-field,
.form-group--inline .form__field,
.form-group--inline .form-field {
  flex: 1;
}
.form__group--horizontal,
.form-group--horizontal {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
.form__group--horizontal .form__label,
.form__group--horizontal .form-label,
.form-group--horizontal .form__label,
.form-group--horizontal .form-label {
  min-height: 48px;
  display: flex;
  align-items: center;
}
.form__group--between,
.form-group--between {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.form__group--between .form__label,
.form__group--between .form-label,
.form-group--between .form__label,
.form-group--between .form-label {
  margin: 0;
}
.form__group--between .form__field,
.form__group--between .form-field,
.form-group--between .form__field,
.form-group--between .form-field {
  width: auto;
  min-width: 220px;
  flex: 0 1 360px;
}

.form__label,
.form-label {
  font-size: 17px;
  font-weight: 500;
  color: #333;
  margin: 0;
}
.form__label .required,
.form-label .required {
  color: #f44336;
  margin-left: 2px;
}
.form__label--small,
.form-label--small {
  font-size: 13px;
  font-weight: 500;
}

.form__required {
  color: var(--al-color-accent);
  margin-left: 4px;
}

.form__hint,
.form-hint {
  font-size: 12px;
  color: #888;
  margin: 4px 0 0;
  padding: 0;
}

/* 입력란 + 버튼 한 줄 (아이디 + 중복확인 등): 필드는 form-field, 버튼은 밖에 */
.form__field-row,
.form-field-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.form__field-row .form-field,
.form-field-row .form-field {
  flex: 1;
  min-width: 0;
}
.form__field-row .btn,
.form-field-row .btn {
  flex-shrink: 0;
}

.form__field,
.form-field {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border-radius: 6px;
  border: 1px solid #94A3B8;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
.form__field--inline,
.form-field--inline {
  flex: 0 0 auto;
  width: auto;
}
.form__field,
.form-field {
  /* 입력 + 버튼 한 줄 (아이디 + 중복확인 등) */
}
.form__field--has-btn input,
.form-field--has-btn input {
  flex: 1;
  min-width: 0;
  width: auto;
}
.form__field--with-icon,
.form-field--with-icon {
  padding-right: 44px;
}
.form__field--with-icon .form-field__toggle-pw,
.form-field--with-icon .form-field__toggle-pw {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
}
.form__field--with-icon .form-field__toggle-pw:hover,
.form-field--with-icon .form-field__toggle-pw:hover {
  color: #333;
}
.form__field--with-icon .form-field__toggle-pw .ico-pw,
.form-field--with-icon .form-field__toggle-pw .ico-pw {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: contain;
}
.form__field--with-icon .form-field__toggle-pw,
.form-field--with-icon .form-field__toggle-pw {
  /* on: 비밀번호 표시 중일 때 */
}
.form__field--with-icon .form-field__toggle-pw[aria-pressed=true] .ico-pw, .form__field--with-icon .form-field__toggle-pw.is-on .ico-pw,
.form-field--with-icon .form-field__toggle-pw[aria-pressed=true] .ico-pw,
.form-field--with-icon .form-field__toggle-pw.is-on .ico-pw {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}
.form__field:focus-within,
.form-field:focus-within {
  border-color: var(--al-color-primary);
  box-shadow: 0 0 0 3px rgba(18, 118, 167, 0.1);
}
.form__field.error,
.form-field.error {
  border-color: #f44336;
}
.form__field.error:focus-within,
.form-field.error:focus-within {
  border-color: #f44336;
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1);
}
.form__field.disabled,
.form-field.disabled {
  background: #E2E8F0;
  cursor: not-allowed;
}
.form__field.disabled input,
.form-field.disabled input {
  color: #64748B;
}
.form__field:has(.custom-select.is-open),
.form-field:has(.custom-select.is-open) {
  z-index: 2000;
}
.form__field input,
.form__field select,
.form__field textarea,
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 17px;
  color: #333;
  appearance: none;
}
.form__field input:disabled,
.form__field select:disabled,
.form__field textarea:disabled,
.form-field input:disabled,
.form-field select:disabled,
.form-field textarea:disabled {
  cursor: not-allowed;
}
.form__field input::placeholder,
.form__field select::placeholder,
.form__field textarea::placeholder,
.form-field input::placeholder,
.form-field select::placeholder,
.form-field textarea::placeholder {
  color: #64748B;
}
.form__field textarea,
.form-field textarea {
  height: auto;
  min-height: 80px;
  padding: 10px;
  resize: vertical;
}
.form__field select,
.form-field select {
  padding-right: 24px;
  cursor: pointer;
}
.form__field:has(select)::after,
.form-field:has(select)::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  transition: transform 0.2s ease;
}
.form__field:has(.custom-select)::after,
.form-field:has(.custom-select)::after {
  display: none;
}
.form__field:has(select:focus)::after,
.form-field:has(select:focus)::after {
  transform: translateY(-50%) rotate(-135deg);
}
.form__field:has(select:focus),
.form-field:has(select:focus) {
  border-color: var(--al-color-primary);
  box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}
.form__field .ico,
.form-field .ico {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  flex-shrink: 0;
  background-size: contain;
}
.form__field--small,
.form-field--small {
  height: 32px;
  padding: 0 10px;
  font-size: 13px;
}
.form__field--large,
.form-field--large {
  height: 48px;
  padding: 0 18px;
  font-size: 15px;
}
.form__field--textarea,
.form-field--textarea {
  height: auto;
  align-items: flex-start;
  padding: 0;
}

.form__input,
.form__select,
.form__textarea {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  outline: none;
  font-size: 14px;
  color: #333;
  font-family: inherit;
  appearance: none;
}
.form__input::placeholder,
.form__select::placeholder,
.form__textarea::placeholder {
  color: #64748B;
}

.form__actions,
.form-actions {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.form__actions--right,
.form-actions--right {
  justify-content: flex-end;
}
.form__actions--center,
.form-actions--center {
  justify-content: center;
}
.form__actions--space-between,
.form-actions--space-between {
  justify-content: space-between;
}
.form__actions--full .btn,
.form-actions--full .btn {
  width: 100%;
  justify-content: center;
}
.form__actions .btn,
.form-actions .btn {
  padding: 12px 24px;
  font-size: 15px;
}

.form__help,
.form-help {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.form__help--error,
.form-help--error {
  color: #f44336;
}
.form__help--success,
.form-help--success {
  color: #4caf50;
}

.file-upload-area {
  width: 100%;
}

.file-upload-label {
  display: block;
  width: 100%;
  min-height: 200px;
  border: 2px dashed #d0d0d0;
  border-radius: 8px;
  background: #fafafa;
  cursor: pointer;
  transition: all 0.2s ease;
}
.file-upload-label:hover {
  border-color: var(--al-color-primary);
  background: var(--al-color-tertiary-bg);
}
input[type=file]:focus + .file-upload-label, .file-upload-label:has(input[type=file]:focus) {
  border-color: var(--al-color-primary);
  box-shadow: 0 0 0 3px rgba(18, 118, 167, 0.1);
}

.form__radio-field {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 40px;
  height: 40px;
}

.file-upload-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 20px;
  text-align: center;
}
.file-upload-content .ico {
  width: 48px;
  height: 48px;
  opacity: 0.5;
}
.file-upload-content p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.file-upload-content .file-upload-hint {
  font-size: 13px;
  color: #999;
}

.file-list {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
.file-item__info {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.file-item__info .ico {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.file-item__name {
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-item__size {
  font-size: 12px;
  color: #999;
  margin-left: 8px;
}
.file-item__remove {
  background: none;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  color: #f44336;
  font-size: 14px;
  transition: background 0.2s ease;
  border-radius: 4px;
}
.file-item__remove:hover {
  background: #fee;
}

select::-webkit-scrollbar {
  width: 6px;
}
select::-webkit-scrollbar-track {
  background: transparent;
}
select::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
select::-webkit-scrollbar-thumb:hover {
  background: #999;
}
select option {
  padding: 10px 14px;
  background: #fff !important;
  color: #333 !important;
  font-size: 14px;
  line-height: 1.5;
}
select option:checked {
  background: var(--al-color-primary) !important;
  color: #fff !important;
}
select:focus {
  color: #333;
}

.form-field:has(select:focus) select,
.filter-bar__field:has(select:focus) select {
  color: #333;
}

.login-page {
  min-height: 100vh;
  overflow: hidden;
  background: radial-gradient(circle at 50% 15%, rgba(18, 123, 165, 0.38) 0, rgba(18, 123, 165, 0) 42%), linear-gradient(135deg, #075c7f 0%, #003e5a 56%, #003550 100%);
}

.login-page__wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 60px;
}

.login-page__logo {
  display: block;
  width: 231px;
  height: auto;
  margin: 0 auto;
}

.login-page__brand-text {
  margin-top: 12px;
  color: #E0EFFF;
  font-size: 21px;
  letter-spacing: -0.02em;
}

.login-page__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
}

.login-page__visual {
  position: relative;
  z-index: 10;
  width: 690px;
  flex: 0 0 auto;
  margin-right: -80px;
}
.login-page__visual img {
  display: block;
  width: 100%;
}

.login-page__auth {
  position: relative;
  z-index: 2;
  width: 690px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-page__brand {
  margin-bottom: 34px;
  text-align: center;
}

.login-page__copyright {
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 15px;
  white-space: nowrap;
}

.login-card {
  width: 690px;
  padding: 52px 102px 52px;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0, 28, 52, 0.24);
}
.login-card--complete {
  padding-top: 55px;
  padding-bottom: 55px;
}

.login-card__title {
  color: #03699C;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -0.04em;
}

.login-card__subtitle {
  margin-top: 12px;
  color: #475569;
  font-size: 19px;
  line-height: 1.35;
  text-align: center;
  letter-spacing: -0.03em;
  padding-bottom: 20px;
  border-bottom: 1px solid #1C8CF4;
}
.login-card__subtitle--plain {
  padding-bottom: 0;
  border-bottom: 0;
}

.login-card__form {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.login-card__field-wrap {
  padding-bottom: 32px;
  border-bottom: 1px solid #000;
}

.login-card__field {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
}

.login-card__label {
  color: #1E293B;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.login-card__control {
  position: relative;
}
.login-card__control::before {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.login-card__control--id::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.6673%2014V12.6667C12.6673%2011.9594%2012.3864%2011.2811%2011.8863%2010.781C11.3862%2010.281%2010.7079%2010%2010.0007%2010H6.00065C5.29341%2010%204.61513%2010.281%204.11503%2010.781C3.61494%2011.2811%203.33398%2011.9594%203.33398%2012.6667V14'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.00065%207.33333C9.47341%207.33333%2010.6673%206.13943%2010.6673%204.66667C10.6673%203.19391%209.47341%202%208.00065%202C6.52789%202%205.33398%203.19391%205.33398%204.66667C5.33398%206.13943%206.52789%207.33333%208.00065%207.33333Z'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.login-card__control--password::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.6667%207.33301H3.33333C2.59695%207.33301%202%207.92996%202%208.66634V13.333C2%2014.0694%202.59695%2014.6663%203.33333%2014.6663H12.6667C13.403%2014.6663%2014%2014.0694%2014%2013.333V8.66634C14%207.92996%2013.403%207.33301%2012.6667%207.33301Z'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.66602%207.33301V4.66634C4.66602%203.78229%205.01721%202.93444%205.64233%202.30932C6.26745%201.6842%207.11529%201.33301%207.99935%201.33301C8.8834%201.33301%209.73125%201.6842%2010.3564%202.30932C10.9815%202.93444%2011.3327%203.78229%2011.3327%204.66634V7.33301'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.login-card__control--email::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.333%202.66663H2.66634C1.92996%202.66663%201.33301%203.26358%201.33301%203.99996V12C1.33301%2012.7363%201.92996%2013.3333%202.66634%2013.3333H13.333C14.0694%2013.3333%2014.6663%2012.7363%2014.6663%2012V3.99996C14.6663%203.26358%2014.0694%202.66663%2013.333%202.66663Z'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M14.6663%204.66663L8.68634%208.46663C8.48052%208.59558%208.24255%208.66397%207.99967%208.66397C7.7568%208.66397%207.51883%208.59558%207.31301%208.46663L1.33301%204.66663'%20stroke='%231C8CF4'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.login-card__input {
  width: 100%;
  height: 48px;
  padding: 0 60px 0 38px;
  color: #1f2937;
  font-size: 17px;
  border: 1px solid #94A3B8;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.login-card__input::placeholder {
  color: #94a3b8;
}
.login-card__input:focus {
  outline: none;
  border-color: #1c8cf4;
  box-shadow: 0 0 0 2px rgba(28, 140, 244, 0.12);
}

.login-card__toggle-pw {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.login-card__toggle-pw-icon {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.37468%208.232C1.31912%208.08232%201.31912%207.91767%201.37468%207.768C1.91581%206.4559%202.83435%205.33402%204.01386%204.5446C5.19336%203.75517%206.58071%203.33374%208.00001%203.33374C9.41932%203.33374%2010.8067%203.75517%2011.9862%204.5446C13.1657%205.33402%2014.0842%206.4559%2014.6253%207.768C14.6809%207.91767%2014.6809%208.08232%2014.6253%208.232C14.0842%209.54409%2013.1657%2010.666%2011.9862%2011.4554C10.8067%2012.2448%209.41932%2012.6663%208.00001%2012.6663C6.58071%2012.6663%205.19336%2012.2448%204.01386%2011.4554C2.83435%2010.666%201.91581%209.54409%201.37468%208.232Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cline%20x1='1.12971'%20y1='4.65618'%20x2='14.6562'%20y2='11.8703'%20stroke='%2394A3B8'%20stroke-width='1.67'%20stroke-linecap='round'/%3e%3crect%20x='7'%20y='8'%20width='2'%20height='2'%20fill='%2394A3B8'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.login-card__toggle-pw.is-visible .login-card__toggle-pw-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.37468%208.23224C1.31912%208.08256%201.31912%207.91792%201.37468%207.76824C1.91581%206.45614%202.83435%205.33427%204.01386%204.54484C5.19336%203.75541%206.58071%203.33398%208.00001%203.33398C9.41932%203.33398%2010.8067%203.75541%2011.9862%204.54484C13.1657%205.33427%2014.0842%206.45614%2014.6253%207.76824C14.6809%207.91792%2014.6809%208.08256%2014.6253%208.23224C14.0842%209.54434%2013.1657%2010.6662%2011.9862%2011.4556C10.8067%2012.2451%209.41932%2012.6665%208.00001%2012.6665C6.58071%2012.6665%205.19336%2012.2451%204.01386%2011.4556C2.83435%2010.6662%201.91581%209.54434%201.37468%208.23224Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.login-card__remember {
  margin: 32px 0 0 0;
  color: #222;
  font-size: 18px;
  border-top: 1px solid #E2E8F0;
  padding-top: 20px;
}

.login-card__remember-text {
  color: #222;
  font-size: 17px;
}

.login-card__result {
  margin-top: 32px;
  padding: 24px;
  border-radius: 8px;
  background: #dceefc;
  text-align: center;
}

.login-card__result-label {
  color: #1E293B;
  font-size: 17px;
  line-height: 1.2;
  line-height: 150%;
}

.login-card__result-value {
  margin-top: 16px;
  color: #1C8CF4;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  line-height: 150%;
}

.login-card__submit {
  width: 100%;
  height: 56px;
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  border: 0;
  border-radius: 8px;
  background: #047BB6;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.login-card__submit.mt20 {
  margin-top: 20px;
}
.login-card__submit--link {
  margin-top: 32px;
}
.login-card__submit:hover {
  background: var(--al-color-primary-hover);
  box-shadow: 0 8px 18px rgba(17, 137, 189, 0.2);
}
.login-card__submit:active {
  opacity: 0.9;
}

.login-card__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 21px;
}

.login-card__link {
  color: #1186b0;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.login-card__link:hover {
  color: #005d84;
  text-decoration: underline;
}
.login-card__link:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.7%204.55L0.175%201.025C0.0583333%200.908333%200%200.766667%200%200.6C0%200.433333%200.0583333%200.291667%200.175%200.175C0.291667%200.0583333%200.433333%200%200.6%200C0.766667%200%200.908333%200.0583333%201.025%200.175L4.7625%203.9125C4.85417%204.00417%204.92083%204.10417%204.9625%204.2125C5.00417%204.32083%205.025%204.43333%205.025%204.55C5.025%204.66667%205.00417%204.77917%204.9625%204.8875C4.92083%204.99583%204.85417%205.09583%204.7625%205.1875L1.025%208.925C0.908333%209.04167%200.766667%209.1%200.6%209.1C0.433333%209.1%200.291667%209.04167%200.175%208.925C0.0583333%208.80833%200%208.66667%200%208.5C0%208.33333%200.0583333%208.19167%200.175%208.075L3.7%204.55Z'%20fill='%23047BB6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.login-card__link-divider {
  color: #cfd8df;
  font-size: 16px;
  user-select: none;
}

/* =========================
   1. 스크롤 엔진
========================= */
.table-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}
.table-scroll .table-inner {
  width: max-content;
  min-width: 100%;
}
.table-scroll .table-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
.table-scroll .table-body {
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior-y: contain;
}
.table-scroll .table-body.line5-body {
  max-height: 195px;
}
.table-scroll .table-body.line10-body {
  max-height: 440px;
}
.table-scroll .table-body.line20-body {
  max-height: 880px;
}

/* =========================
   2. 기본 테이블 스타일
========================= */
.form-tbl {
  background: #fff;
}
.form-tbl .table-cell__row {
  display: grid;
  grid-template-columns: repeat(var(--column-count, 5), 1fr);
  border-bottom: 1px solid #c6c6c6;
}
.form-tbl .table-cell__row:last-child {
  border-bottom: none;
}
.form-tbl .table-header {
  background: #ebf5fd;
  border-radius: 10px;
}
.form-tbl .table-header .table-cell {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 15px;
}
.form-tbl .table-cell {
  box-sizing: border-box;
  padding: 0;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: 1px solid transparent;
  font-size: 15px;
}
.form-tbl .table-cell input {
  text-align: center;
}
.form-tbl .table-cell input,
.form-tbl .table-cell select {
  border: 1px solid #d0d7de;
  border-radius: 4px;
  font-size: 15px;
  background: #fff;
  padding: 10px;
  width: 85px;
}
.form-tbl .table-cell input:focus,
.form-tbl .table-cell select:focus {
  outline: none;
  border-color: var(--al-color-primary);
  box-shadow: 0 0 0 2px rgba(18, 118, 167, 0.15);
}
.form-tbl .table-cell input[readonly],
.form-tbl .table-cell select[readonly] {
  background: #f5f5f5;
  color: #555;
  cursor: default;
}
.form-tbl .table-cell input:disabled,
.form-tbl .table-cell select:disabled {
  background: #e8e8e8;
  color: #999;
  cursor: not-allowed;
  border-color: #e0e0e0;
}
.form-tbl .form-tbl__link {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =========================
   3. 컬럼 많은 테이블 옵션 (EDM 등)
========================= */
.form-tbl--wide .table-cell__row {
  grid-template-columns: repeat(var(--column-count), minmax(80px, 1fr));
}

/* =========================
   4. 디자인 변형
========================= */
.form-tbl--upload-history .table-header {
  background: #eef2f7;
}
.form-tbl--upload-history .table-header .table-cell {
  color: #1976d2;
  font-size: 14px;
}

/* 행 선택 가능 테이블 (사용자 목록 등) */
.form-tbl--selectable .table-body .table-cell__row {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.form-tbl--selectable .table-body .table-cell__row:hover {
  background: #f8f9fa;
}
.form-tbl--selectable .table-body .table-cell__row.is-selected {
  background: #e6eff9;
}
.form-tbl--selectable .table-body .table-cell__row.is-selected .table-cell {
  color: #074d88;
  font-weight: 500;
}

.table-minimal {
  border: 1px solid #ddd;
  background: #fafafa;
}
.table-minimal .table-header {
  background: #f5f5f5;
}
.table-minimal .table-cell__row {
  border-bottom: 1px solid #eee;
}

/* =========================
   5. form-tbl 공통: thead(table-header) · tbody(table-body) 열 너비 일치 (subgrid)
========================= */
/* table-inner 있는 경우 (EDM, 일별 등): .table-inner 가 그리드 컨테이너 */
.form-tbl .table-inner {
  display: grid;
  grid-template-columns: repeat(var(--column-count, 5), 1fr);
  width: max-content;
  min-width: 100%;
}

.form-tbl.form-tbl--wide .table-inner {
  grid-template-columns: repeat(var(--column-count), minmax(80px, 1fr));
}

.form-tbl .table-inner > .table-header,
.form-tbl .table-inner > .table-body {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}

.form-tbl .table-inner .table-cell__row {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}

/* table-inner 없는 경우: .form-tbl 이 그리드 컨테이너 */
.form-tbl:not(:has(.table-inner)) {
  display: grid;
  grid-template-columns: repeat(var(--column-count, 5), 1fr);
}

.form-tbl.form-tbl--wide:not(:has(.table-inner)) {
  grid-template-columns: repeat(var(--column-count), minmax(80px, 1fr));
}

.form-tbl:not(:has(.table-inner)) > .table-header,
.form-tbl:not(:has(.table-inner)) > .table-body {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}

.form-tbl:not(:has(.table-inner)) .table-cell__row {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}

/* =========================
   6. 상태 색상
========================= */
.change--positive {
  color: var(--al-color-primary);
  font-weight: 600;
}

.change--negative {
  color: #f44336;
  font-weight: 600;
}

.al-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  color: var(--al-color-text);
  table-layout: fixed;
}
.al-table th,
.al-table td {
  padding: 11px 20px;
  font-size: 15px;
  text-align: center;
  vertical-align: middle;
}
.al-table thead {
  background: var(--al-color-surface-tint);
}
.al-table thead th {
  font-weight: 700;
}
.al-table thead th:first-child {
  border-radius: 12px 0 0 12px;
}
.al-table thead th:last-child {
  border-radius: 0 12px 12px 0;
}
.al-table tbody tr {
  border-bottom: 1px solid #e6ebf5;
  text-decoration: none;
}
.al-table tbody tr td {
  padding: 18px 20px;
}
.al-table__link {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--al-color-primary);
}
.al-table .left {
  text-align: left !important;
}
.al-table .right {
  text-align: right !important;
}

.ico-more {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-refresh {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-calendar {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-file {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-sel-file {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-analysis {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-trash {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-play {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-processing {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-download {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-whitedownload {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-image {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-search {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
  filter: brightness(200%);
}

.ico-cloud {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-create {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-data-save {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-blueadd {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-greendownload {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.ico-report {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.paging-arrow-next {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.paging-arrow-prev {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.23327%204.72306L5.5666%200.160099C5.81611%20-0.0533659%206.18389%20-0.0533664%206.4334%200.160098L11.7667%204.72306C11.9148%204.84972%2012%205.0348%2012%205.22963V11.256C12%2011.6242%2011.7015%2011.9226%2011.3333%2011.9226H8.16667C7.79848%2011.9226%207.5%2011.6242%207.5%2011.256V8.2561C7.5%208.07201%207.35076%207.92277%207.16667%207.92277H4.83333C4.64924%207.92277%204.5%208.07201%204.5%208.2561V11.256C4.5%2011.6242%204.20152%2011.9226%203.83333%2011.9226H0.666667C0.298477%2011.9226%200%2011.6242%200%2011.256V5.22963C0%205.0348%200.0852277%204.84972%200.23327%204.72306Z'%20fill='white'/%3e%3c/svg%3e");
}

.badge,
.al-badge {
  --badge-bg: #eef5f0;
  --badge-color: #267337;
  --badge-dot: #24933f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  min-width: 62px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--badge-bg);
  color: var(--badge-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.badge::before,
.al-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--badge-dot);
  flex-shrink: 0;
}
.badge--sm,
.al-badge--sm {
  min-width: auto;
  min-height: 28px;
  padding: 0 10px;
  gap: 5px;
  font-size: 13px;
  font-weight: 600;
}
.badge--sm::before,
.al-badge--sm::before {
  width: 7px;
  height: 7px;
}
.badge--success, .badge--safe,
.al-badge--success,
.al-badge--safe {
  --badge-bg: #eaf6ec;
  --badge-color: #267337;
  --badge-dot: #24933f;
}
.badge--warn,
.al-badge--warn {
  --badge-bg: #fff3db;
  --badge-color: #c78500;
  --badge-dot: #ffb114;
}
.badge--danger,
.al-badge--danger {
  --badge-bg: #fcdfd9;
  --badge-color: #bd2c0f;
  --badge-dot: #de3412;
}
.badge--info,
.al-badge--info {
  --badge-bg: #e6f3ff;
  --badge-color: #228be6;
  --badge-dot: #228be6;
}
.badge--none,
.al-badge--none {
  --badge-bg: #f1f3f5;
  --badge-color: #5c6670;
  --badge-dot: #868e96;
}
.badge--new,
.al-badge--new {
  --badge-bg: #fee2e2;
  --badge-color: #dc2626;
  --badge-dot: #f44336;
}

.board-page .al-page-body {
  background: var(--al-color-bg);
  border: 0;
  box-shadow: none;
}

.status-overview {
  display: grid;
  grid-template-columns: minmax(340px, 410px) minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 1200px) {
  .status-overview {
    grid-template-columns: 1fr;
  }
}

.status-card {
  border-color: #dde3ee;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}
.status-card--chart, .status-card--stats {
  min-height: 124px;
  padding: 24px 32px;
  margin-bottom: 0;
  border: 1px solid transparent;
}
.status-card--chart {
  border-color: #c20070;
  box-shadow: 0 0 0 1px rgba(217, 40, 145, 0.15), 0 0 9px rgba(217, 40, 145, 0.28);
}
.status-card--stats {
  display: flex;
  flex-direction: column;
  border-color: #03699c;
  box-shadow: 0 0 0 1px rgba(4, 123, 182, 0.12), 0 0 9px rgba(4, 123, 182, 0.22);
}
.status-card__title {
  margin: 0;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  color: #1e293b;
}
.status-card__chart {
  display: grid;
  grid-template-columns: 1fr 110px;
  align-items: center;
  gap: 14px;
}
.status-card__donut {
  position: relative;
  width: 104px;
  height: 104px;
  margin: 0 auto;
}
.status-card__legend {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 10px 24px;
  align-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--al-color-text-muted);
}
.status-card__legend-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 50%;
}
.status-card__legend-color--primary {
  background: var(--al-color-primary);
}
.status-card__legend-color--dark {
  background: #3f6724;
}
.status-card__legend-color--success {
  background: #6fb72d;
}
.status-card__legend-color--accent {
  background: var(--al-color-accent);
}
.status-card__stats-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0 8px;
}
.status-card__stats-meta {
  margin: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #1e293b;
}
.status-card__stats-total {
  grid-column: 3/4;
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.status-card__stats-total-num {
  font-size: 60px;
  font-weight: 800;
  color: var(--al-color-primary);
  letter-spacing: -0.5px;
}
.status-card__stats-total-unit {
  font-size: 14px;
  font-weight: 600;
  color: var(--al-color-text-muted);
}
.status-card__stats-list {
  display: flex;
  align-items: stretch;
  gap: 20px;
  flex: 1 0 0;
  align-self: stretch;
  margin-top: 18px;
  min-height: 0;
}
.status-card__stats-item {
  display: flex;
  padding: 0 24px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  min-height: 0;
  border-radius: 12px;
  border: 1px solid #E0EFFF;
  background: #F0F7FF;
}
.status-card__stats-label {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: var(--al-color-text-muted);
  letter-spacing: 0.3px;
}
.status-card__stats-value {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: var(--al-color-text);
}
.status-card__stats-value strong {
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  color: #03699C;
}
.status-card__stats-value span {
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 17px */
  color: #1E293B;
}
.status-card--terminal .status-card__stats-list {
  min-height: 60px;
}
.status-card--terminal .status-card__stats-item {
  border: 0;
}
.status-card--terminal .status-card__stats-item--good {
  background: #f7f9f0;
}
.status-card--terminal .status-card__stats-item--good .status-card__stats-value strong {
  color: #228738;
}
.status-card--terminal .status-card__stats-item--normal {
  background: #fff3db;
}
.status-card--terminal .status-card__stats-item--normal .status-card__stats-value strong {
  color: #c78500;
}
.status-card--terminal .status-card__stats-item--replace {
  background: #fdefec;
}
.status-card--terminal .status-card__stats-item--replace .status-card__stats-value strong {
  color: #de3412;
}

.status-overview--battery {
  grid-template-columns: minmax(340px, 464px) minmax(0, 1fr);
}
.status-overview--battery .status-card {
  min-height: 200px;
  border-radius: 20px;
}
.status-overview--battery .status-card__chart {
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 20px;
}
.status-overview--battery .status-card__legend {
  grid-template-columns: repeat(2, max-content);
  gap: 4px 20px;
  font-size: 15px;
}
.status-overview--battery .status-card__legend-color {
  width: 8px;
  height: 8px;
}
.status-overview--battery .status-card__stats-list {
  gap: 20px;
  min-height: 76px;
}
.status-overview--battery .status-card__stats-item {
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border: 0;
}
.status-overview--battery .status-card__stats-label {
  color: #1e293b;
  text-align: center;
}
.status-overview--battery .status-card__stats-value {
  justify-content: center;
  gap: 4px;
}
.status-overview--battery .status-card__stats-value strong {
  font-size: 25px;
}
.status-overview--battery .status-card__stats-item--normal {
  background: #f7f9f0;
}
.status-overview--battery .status-card__stats-item--normal .status-card__stats-value strong {
  color: #228738;
}
.status-overview--battery .status-card__stats-item--warning {
  background: #fff3db;
}
.status-overview--battery .status-card__stats-item--warning .status-card__stats-value strong {
  color: #c78500;
}
.status-overview--battery .status-card__stats-item--danger {
  background: #fff1e6;
}
.status-overview--battery .status-card__stats-item--danger .status-card__stats-value strong {
  color: #ff6d00;
}
.status-overview--battery .status-card__stats-item--low {
  background: #fdefec;
}
.status-overview--battery .status-card__stats-item--low .status-card__stats-value strong {
  color: #de3412;
}
.status-overview--battery .status-card__stats-item--critical {
  background: #f1ebeb;
}
.status-overview--battery .status-card__stats-item--critical .status-card__stats-value strong {
  color: #4a0404;
}
@media (max-width: 1200px) {
  .status-overview--battery {
    grid-template-columns: 1fr;
  }
}

.al-app-dashboard .al-page-body {
  background: #f6f8fc;
  border: 0;
  box-shadow: none;
}
.al-app-dashboard__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  min-height: 740px;
}
.al-app-dashboard__left {
  display: grid;
  gap: 24px;
}
.al-app-dashboard__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.al-app-dashboard__card {
  background: #fff;
  border: 1px solid #e9edf4;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.al-app-dashboard__card--map {
  height: 100%;
  min-height: 740px;
}
.al-app-dashboard__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}
.al-app-dashboard__card-head--issue {
  margin-bottom: 12px;
}
.al-app-dashboard__card-title {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2f343f;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.3;
}
.al-app-dashboard__more {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAArVJREFUeAGtVT1vE0EQnd09O+cPxWciQULhjx6hIEGJcOsq/APIL8BUlLYbWnBJhfMPkgpBQxAlSETpKJBtCmKQsC9x7It9d7vMnG2U5HzOyc6TTpb39t7bnXkzw2AOGo2uwXUoccYeKYAcjB8ABiZTcACc7Tqu3MtvpJtBHGwm8VE3pzH2FhgrxFY0iEQERIQAzsfbpVTguhKskQ227YKroO5KWZ0l5BNotbslznk5vhIx4noENRhchf5gBH1rZCqlqtnb6deBAq2jbkUTomysxkDwq4nPA28A5okFGLJqdiNd8QnQyTUuXi1C7hNx5PPpTTwmijmSfltLJYxFyc+LdI4t05HyHuWE06LAmCf06NLkEy6g/AkyCYLR6aNCNNaMOFwXpFLw1xyAM5Bprgm+RTYMi5ZpQbH+xfsNAtYN6GhvLc6fcZR7TF4Pi+MzGw5/96C4M18kqglA2xa4YrCJvoewuLu+Cu+e3EchZ66IpnmcOfazbaqbN5K+DZ+bnblCh+0evHj/HTKGjoIPIGvEfHv+dE4hUCBZ/QBh8TCX9kRmCVDwm65UucsWnfXBxRuceDegk7/ZuuN7T/UACkxPwHHcnIhqvlPNI3/56YdHTvnIzAiPix0Qy/gAHcX2bceFsCDy4s5XMLARBpETzoY28rNd7kRlzRo6ZKlQAkQ8dVIQOWGEh3aU3PMCj4n+mIhFC/jAdeAU2/dgaNczt1LbnlldpbZxwfTitiRoEA2GI5MGEP33BKjrSUdWuz0LlhEhcuJQilWm0+1/CVP/xptUFhWZkuOnlex6qjZd94/MX90SE6wcx/adDJETMkffsmk+m2j9C+QzBQjjAcTL6OGn1LR0XfP6/LQYsTBxarlA9p44cJ/yGGroXxaidq6w4+LOTaxMY/KqSY/CGpIDWcvn02YQxz+utGVQ1UizkQAAAABJRU5ErkJggg==") no-repeat center/contain;
  text-decoration: none;
  text-indent: -9999px;
}
.al-app-dashboard__status-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 8px;
  padding: 12px 20px;
  gap: 12px;
  border: 1px solid rgb(226, 232, 240);
}
.al-app-dashboard__status-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
}
.al-app-dashboard__status-item--all {
  display: block;
}
.al-app-dashboard__status-item--all .al-app-dashboard__status-label {
  text-align: left;
  font-weight: 600;
  font-size: 17px;
  line-height: 150%;
  color: var(--al-color-text);
}
.al-app-dashboard__status-item--all .al-app-dashboard__status-value {
  text-align: right;
  display: block;
}
.al-app-dashboard__status-item--all .al-app-dashboard__status-value strong {
  color: #1C8CF4;
  font-weight: 800;
  font-size: 32px;
  text-decoration: underline;
}
.al-app-dashboard__status-item--all .al-app-dashboard__status-value span {
  font-weight: 500;
  color: var(--al-color-text);
  font-size: 13px;
}
.al-app-dashboard__status-item--ok {
  background: rgb(234, 246, 236);
}
.al-app-dashboard__status-item--error {
  background: rgb(253, 239, 236);
}
.al-app-dashboard__status-item--offline {
  background: rgb(241, 245, 249);
}
.al-app-dashboard__status-label {
  color: var(--al-color-text);
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px;
}
.al-app-dashboard__status-value {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 2px;
  color: #2f343f;
  font-size: 19px;
  font-weight: 800;
}
.al-app-dashboard__status-value strong {
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  color: #2f343f;
  text-decoration: underline 2px solid;
}
.al-app-dashboard__status-value span {
  font-weight: 500;
  font-size: 13px;
  color: var(--al-color-text);
}
.al-app-dashboard__status-item--ok .al-app-dashboard__status-value strong {
  color: #228738;
}
.al-app-dashboard__status-item--error .al-app-dashboard__status-value strong {
  color: #DE3412;
}
.al-app-dashboard__status-item--offline .al-app-dashboard__status-value strong {
  color: #334155;
}
.al-app-dashboard__status-value--all strong {
  color: #2f98d6;
}
.al-app-dashboard__chart-placeholder {
  margin-top: 10px;
  min-height: 120px;
  border-radius: 8px;
  background: #f1f3f7;
}
.al-app-dashboard__service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.al-app-dashboard__service-item {
  padding: 16px 0 21px;
  border-radius: 8px;
  border: 1px solid #ebeff5;
  background: rgb(240, 247, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.al-app-dashboard__service-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
}
.al-app-dashboard__service-icon img {
  vertical-align: top;
}
.al-app-dashboard__service-label {
  font-size: 13px;
  text-align: center;
  padding-top: 12px;
  color: var(--al-color-text);
  font-weight: 400;
  line-height: 100%;
}
.al-app-dashboard__service-value {
  line-height: 100%;
  padding-top: 5px;
}
.al-app-dashboard__service-value strong {
  font-weight: 900;
  color: rgb(3, 105, 156);
  font-size: 19px;
  text-decoration: underline 2px solid;
}
.al-app-dashboard__service-value span {
  font-weight: 400;
  font-size: 13px;
  color: var(--al-color-text);
}
.al-app-dashboard__ota {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.al-app-dashboard__ota-chart {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
}
.al-app-dashboard__ota-chart-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.al-app-dashboard__ota-chart-inner span {
  font-weight: 600;
  font-size: 15px;
  color: var(--al-color-text);
}
.al-app-dashboard__ota-chart-inner strong {
  line-height: 1;
  color: #2f343f;
  font-weight: 900;
  font-size: 24px;
}
.al-app-dashboard__ota-chart-inner strong span {
  font-size: 17px;
}
.al-app-dashboard__ota-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.al-app-dashboard__ota-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 16px;
}
.al-app-dashboard__ota-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.al-app-dashboard__ota-list li:nth-child(1)::before {
  background: rgb(4, 123, 182);
}
.al-app-dashboard__ota-list li:nth-child(1) strong {
  color: rgb(4, 123, 182);
}
.al-app-dashboard__ota-list li:nth-child(2)::before {
  background: rgb(126, 191, 255);
}
.al-app-dashboard__ota-list li:nth-child(2) strong {
  color: rgb(126, 191, 255);
}
.al-app-dashboard__ota-list li:nth-child(3)::before {
  background: rgb(0, 34, 54);
}
.al-app-dashboard__ota-list li:nth-child(3) strong {
  color: rgb(0, 34, 54);
}
.al-app-dashboard__ota-list li > span {
  font-size: 13px;
}
.al-app-dashboard__ota-list strong {
  font-size: 19px;
  width: 60px;
  text-align: right;
  font-weight: 900;
}
.al-app-dashboard__ota-list strong span {
  font-weight: 500;
  font-size: 13px;
}
.al-app-dashboard__tabs {
  display: inline-flex;
  border-radius: 8px;
  border: 1px solid #e5eaf2;
  background: rgb(241, 245, 249);
  gap: 10px;
  padding: 4px;
}
.al-app-dashboard__tab {
  width: 97.3333358765px;
  height: 32px;
  border-radius: 4px;
  font-weight: 500;
  color: rgb(71, 85, 105);
  font-size: 15px;
  vertical-align: top;
}
.al-app-dashboard__tab.is-active {
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
}
.al-app-dashboard .form-tbl--dashboard.form-tbl--dashboard-cols {
  --column-count: 4;
}
.al-app-dashboard .form-tbl--dashboard .table-header {
  background: rgb(240, 247, 255);
  height: 40px;
}
.al-app-dashboard .form-tbl--dashboard .table-header .table-cell {
  font-size: 13px;
  font-weight: 500;
  color: var(--al-color-text);
}
.al-app-dashboard .form-tbl--dashboard .table-cell__row {
  border-color: rgb(226, 232, 240);
}
.al-app-dashboard .form-tbl--dashboard .table-cell {
  font-size: 15px;
  font-weight: 600;
  color: #2f343f;
  padding: 9px 8px;
}
.al-app-dashboard .form-tbl--dashboard .table-cell.thin {
  font-weight: 400;
  color: rgb(71, 85, 105);
}
.al-app-dashboard__time {
  color: rgb(227, 0, 132);
  width: 90px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgb(240, 247, 255);
  background: rgb(240, 247, 255);
  font-size: 13px;
  font-weight: 500;
  vertical-align: top;
  padding: 8px 0;
  gap: 0 4px;
}
.al-app-dashboard__time::before {
  content: "";
  width: 15px;
  height: 10px;
  display: inline-block;
  vertical-align: top;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.1021%2010.3333C8.66681%2010.3333%207.4459%209.83007%206.43937%208.82354C5.43285%207.81701%204.92958%206.59611%204.92958%205.16083C4.92958%203.73625%205.43285%202.52%206.43937%201.51208C7.4459%200.504028%208.66681%200%2010.1021%200C11.5265%200%2012.7428%200.504028%2013.7508%201.51208C14.7589%202.52%2015.2629%203.73625%2015.2629%205.16083C15.2629%206.59611%2014.7589%207.81701%2013.7508%208.82354C12.7428%209.83007%2011.5265%2010.3333%2010.1021%2010.3333ZM10.0858%209.66667C11.3428%209.66667%2012.4088%209.23264%2013.2838%208.36458C14.1588%207.49653%2014.5963%206.43403%2014.5963%205.17708C14.5963%203.92014%2014.1588%202.85417%2013.2838%201.97917C12.4088%201.10417%2011.3463%200.666667%2010.0963%200.666667C8.83236%200.666667%207.76639%201.10417%206.89833%201.97917C6.03028%202.85417%205.59625%203.91667%205.59625%205.16667C5.59625%206.43056%206.03028%207.49653%206.89833%208.36458C7.76639%209.23264%208.82889%209.66667%2010.0858%209.66667ZM10.4254%205.04938V2.75813C10.4254%202.66326%2010.3931%202.58368%2010.3283%202.51937C10.2636%202.45521%2010.1846%202.42313%2010.0913%202.42313C9.99792%202.42313%209.91986%202.45451%209.85708%202.51729C9.79431%202.58021%209.76292%202.65812%209.76292%202.75104V5.05146C9.76292%205.12465%209.77222%205.19771%209.79083%205.27063C9.80958%205.3434%209.85507%205.41618%209.92729%205.48896L11.7333%207.29188C11.8%207.36757%2011.8765%207.40542%2011.9627%207.40542C12.0488%207.40542%2012.1285%207.36646%2012.2019%207.28854C12.2799%207.21507%2012.319%207.13792%2012.319%207.05708C12.319%206.97625%2012.281%206.89806%2012.205%206.8225L10.4254%205.04938ZM1.33875%202.25C1.24486%202.25%201.16493%202.2184%201.09896%202.15521C1.03299%202.09215%201%202.01389%201%201.92042C1%201.82708%201.03181%201.74757%201.09542%201.68187C1.15889%201.61618%201.23757%201.58333%201.33146%201.58333H3.34063C3.43465%201.58333%203.51465%201.61493%203.58063%201.67812C3.6466%201.74118%203.67958%201.81944%203.67958%201.91292C3.67958%202.00625%203.64778%202.08576%203.58417%202.15146C3.52069%202.21715%203.44194%202.25%203.34792%202.25H1.33875ZM0.333333%205.5C0.238889%205.5%200.159722%205.4684%200.0958333%205.40521C0.0319444%205.34215%200%205.26389%200%205.17042C0%205.07708%200.0319444%204.99757%200.0958333%204.93188C0.159722%204.86618%200.238889%204.83333%200.333333%204.83333H3.34625C3.44069%204.83333%203.51986%204.86493%203.58375%204.92812C3.64764%204.99118%203.67958%205.06944%203.67958%205.16292C3.67958%205.25625%203.64764%205.33576%203.58375%205.40146C3.51986%205.46715%203.44069%205.5%203.34625%205.5H0.333333ZM1.33875%208.75C1.24486%208.75%201.16493%208.7184%201.09896%208.65521C1.03299%208.59215%201%208.51389%201%208.42042C1%208.32708%201.03181%208.24757%201.09542%208.18188C1.15889%208.11618%201.23757%208.08333%201.33146%208.08333H3.34063C3.43465%208.08333%203.51465%208.11493%203.58063%208.17813C3.6466%208.24118%203.67958%208.31944%203.67958%208.41292C3.67958%208.50625%203.64778%208.58576%203.58417%208.65146C3.52069%208.71715%203.44194%208.75%203.34792%208.75H1.33875Z'%20fill='%23F5145B'/%3e%3c/svg%3e") no-repeat center center/contain;
}
.al-app-dashboard .al-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 400;
  font-size: 15px;
}
.al-app-dashboard .al-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
}
.al-app-dashboard .al-badge--success {
  color: #267337;
  background: #EAF6EC;
}
.al-app-dashboard .al-badge--success::before {
  background-color: #267337;
}
.al-app-dashboard .al-badge--warn {
  color: #C78500;
  background: #FFF3DB;
}
.al-app-dashboard .al-badge--warn::before {
  background-color: #FFB114;
}
.al-app-dashboard .al-badge--danger {
  color: #BD2C0F;
  background: #FCDFD9;
}
.al-app-dashboard .al-badge--danger::before {
  background-color: #DE3412;
}
.al-app-dashboard .al-badge--info {
  color: #228BE6;
  background: #E6F3FF;
}
.al-app-dashboard .al-badge--info::before {
  background-color: #228BE6;
}
.al-app-dashboard__map-placeholder {
  position: relative;
  height: calc(100% - 40px);
}
.al-app-dashboard__map-legend-chips {
  display: flex;
  gap: 8px;
}
.al-app-dashboard__map-legend {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
}
.al-app-dashboard__legend-chip {
  border: 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  height: 32px;
  border-radius: 100px;
  padding-right: 12px;
  padding-left: 12px;
  gap: 2px;
  background: rgb(255, 255, 255);
  font-size: 13px;
  font-family: inherit;
  color: #0f172a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.al-app-dashboard__legend-chip::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.al-app-dashboard__legend-chip[aria-pressed=true] {
  color: #fff;
}
.al-app-dashboard__legend-chip--ok::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.943667%208.26667C0.673444%208.26667%200.448611%208.17689%200.269167%207.99733C0.0897221%207.81778%200%207.59278%200%207.32233V0.938834C0%200.6685%200.0897221%200.444444%200.269167%200.266667C0.448611%200.0888889%200.673444%200%200.943667%200H10.523C10.7932%200%2011.0181%200.0897773%2011.1975%200.269333C11.3769%200.448888%2011.4667%200.673888%2011.4667%200.944333V7.32783C11.4667%207.59817%2011.3769%207.82222%2011.1975%208C11.0181%208.17778%2010.7932%208.26667%2010.523%208.26667H7.46667V9.39483C7.46667%209.5285%207.4215%209.64056%207.33117%209.731C7.24094%209.82144%207.12906%209.86667%206.9955%209.86667H4.4765C4.34306%209.86667%204.23028%209.82144%204.13817%209.731C4.04606%209.64056%204%209.5285%204%209.39483V8.26667H0.943667ZM2.1525%206.95433C2.26961%206.83845%202.32817%206.69872%202.32817%206.53517C2.32817%206.3715%202.27022%206.23117%202.15433%206.11417C2.03844%205.99706%201.89872%205.9385%201.73517%205.9385C1.5715%205.9385%201.43117%205.99644%201.31417%206.11233C1.19706%206.22822%201.1385%206.36795%201.1385%206.5315C1.1385%206.69517%201.19644%206.8355%201.31233%206.9525C1.42822%207.06961%201.56794%207.12817%201.7315%207.12817C1.89517%207.12817%202.0355%207.07022%202.1525%206.95433ZM5.3745%207.12817C5.4325%207.12817%205.48117%207.10789%205.5205%207.06733C5.55983%207.02678%205.5795%206.97783%205.5795%206.9205C5.5795%205.74706%205.16733%204.74811%204.343%203.92367C3.51856%203.09933%202.51961%202.68717%201.34617%202.68717C1.28883%202.68717%201.23989%202.70772%201.19933%202.74883C1.15878%202.78994%201.1385%202.8395%201.1385%202.8975C1.1385%202.95561%201.15878%203.00433%201.19933%203.04367C1.23989%203.08289%201.28883%203.1025%201.34617%203.1025C2.40583%203.1025%203.30706%203.47394%204.04983%204.21683C4.79272%204.95961%205.16417%205.86083%205.16417%206.9205C5.16417%206.97783%205.18472%207.02678%205.22583%207.06733C5.26694%207.10789%205.3165%207.12817%205.3745%207.12817ZM3.74883%207.12817C3.80683%207.12817%203.8555%207.10789%203.89483%207.06733C3.93417%207.02678%203.95383%206.97783%203.95383%206.9205C3.95383%206.19872%203.69967%205.58367%203.19133%205.07533C2.683%204.567%202.06794%204.31283%201.34617%204.31283C1.28883%204.31283%201.23989%204.33339%201.19933%204.3745C1.15878%204.41561%201.1385%204.46517%201.1385%204.52317C1.1385%204.58128%201.15878%204.62994%201.19933%204.66917C1.23989%204.7085%201.28883%204.72817%201.34617%204.72817C1.96061%204.72817%202.47961%204.93994%202.90317%205.3635C3.32672%205.78706%203.5385%206.30606%203.5385%206.9205C3.5385%206.97783%203.55906%207.02678%203.60017%207.06733C3.64128%207.10789%203.69083%207.12817%203.74883%207.12817Z'%20fill='%23228738'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--ok[aria-pressed=true] {
  background: #228738;
}
.al-app-dashboard__legend-chip--ok[aria-pressed=true]::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.943667%208.26667C0.673444%208.26667%200.448611%208.17689%200.269167%207.99733C0.0897221%207.81778%200%207.59278%200%207.32233V0.938834C0%200.6685%200.0897221%200.444444%200.269167%200.266667C0.448611%200.0888889%200.673444%200%200.943667%200H10.523C10.7932%200%2011.0181%200.0897773%2011.1975%200.269333C11.3769%200.448888%2011.4667%200.673888%2011.4667%200.944333V7.32783C11.4667%207.59817%2011.3769%207.82222%2011.1975%208C11.0181%208.17778%2010.7932%208.26667%2010.523%208.26667H7.46667V9.39483C7.46667%209.5285%207.4215%209.64056%207.33117%209.731C7.24094%209.82144%207.12906%209.86667%206.9955%209.86667H4.4765C4.34306%209.86667%204.23028%209.82144%204.13817%209.731C4.04606%209.64056%204%209.5285%204%209.39483V8.26667H0.943667ZM2.1525%206.95433C2.26961%206.83845%202.32817%206.69872%202.32817%206.53517C2.32817%206.3715%202.27022%206.23117%202.15433%206.11417C2.03844%205.99706%201.89872%205.9385%201.73517%205.9385C1.5715%205.9385%201.43117%205.99644%201.31417%206.11233C1.19706%206.22822%201.1385%206.36795%201.1385%206.5315C1.1385%206.69517%201.19644%206.8355%201.31233%206.9525C1.42822%207.06961%201.56794%207.12817%201.7315%207.12817C1.89517%207.12817%202.0355%207.07022%202.1525%206.95433ZM5.3745%207.12817C5.4325%207.12817%205.48117%207.10789%205.5205%207.06733C5.55983%207.02678%205.5795%206.97783%205.5795%206.9205C5.5795%205.74706%205.16733%204.74811%204.343%203.92367C3.51856%203.09933%202.51961%202.68717%201.34617%202.68717C1.28883%202.68717%201.23989%202.70772%201.19933%202.74883C1.15878%202.78994%201.1385%202.8395%201.1385%202.8975C1.1385%202.95561%201.15878%203.00433%201.19933%203.04367C1.23989%203.08289%201.28883%203.1025%201.34617%203.1025C2.40583%203.1025%203.30706%203.47394%204.04983%204.21683C4.79272%204.95961%205.16417%205.86083%205.16417%206.9205C5.16417%206.97783%205.18472%207.02678%205.22583%207.06733C5.26694%207.10789%205.3165%207.12817%205.3745%207.12817ZM3.74883%207.12817C3.80683%207.12817%203.8555%207.10789%203.89483%207.06733C3.93417%207.02678%203.95383%206.97783%203.95383%206.9205C3.95383%206.19872%203.69967%205.58367%203.19133%205.07533C2.683%204.567%202.06794%204.31283%201.34617%204.31283C1.28883%204.31283%201.23989%204.33339%201.19933%204.3745C1.15878%204.41561%201.1385%204.46517%201.1385%204.52317C1.1385%204.58128%201.15878%204.62994%201.19933%204.66917C1.23989%204.7085%201.28883%204.72817%201.34617%204.72817C1.96061%204.72817%202.47961%204.93994%202.90317%205.3635C3.32672%205.78706%203.5385%206.30606%203.5385%206.9205C3.5385%206.97783%203.55906%207.02678%203.60017%207.06733C3.64128%207.10789%203.69083%207.12817%203.74883%207.12817Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--warn::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.491562%209.5615C0.388785%209.5615%200.301785%209.53989%200.230562%209.49667C0.15934%209.45344%200.103951%209.39645%200.0643957%209.32567C0.0159513%209.25722%20-0.00515989%209.17945%200.00106233%209.09233C0.00739566%209.00511%200.0333401%208.91995%200.0788956%208.83683L5.2934%200.2195C5.33895%200.136389%205.39628%200.0790005%205.4654%200.0473338C5.53451%200.0157782%205.6104%200%205.69306%200C5.77562%200%205.85128%200.0157782%205.92006%200.0473338C5.98895%200.0790005%206.04617%200.136389%206.09173%200.2195L11.3062%208.83683C11.3518%208.91995%2011.3773%209.00422%2011.3829%209.08967C11.3885%209.17511%2011.3677%209.25378%2011.3207%209.32567C11.2737%209.39745%2011.2165%209.45467%2011.1491%209.49733C11.0815%209.54011%2010.9963%209.5615%2010.8936%209.5615H0.491562ZM5.93173%207.87083C6.0014%207.8035%206.03623%207.72378%206.03623%207.63167C6.03623%207.53956%206.00256%207.45867%205.93523%207.389C5.8679%207.31933%205.78817%207.2845%205.69606%207.2845C5.60395%207.2845%205.52306%207.31817%205.4534%207.3855C5.38373%207.45283%205.3489%207.53256%205.3489%207.62467C5.3489%207.71678%205.38256%207.79767%205.4499%207.86733C5.51723%207.937%205.59695%207.97183%205.68906%207.97183C5.78117%207.97183%205.86206%207.93817%205.93173%207.87083ZM5.88039%206.40783C5.93295%206.35672%205.95923%206.29339%205.95923%206.21783V3.55117C5.95923%203.47561%205.93395%203.41228%205.8834%203.36117C5.83295%203.31006%205.77034%203.2845%205.69556%203.2845C5.6209%203.2845%205.55728%203.31006%205.50473%203.36117C5.45217%203.41228%205.4259%203.47561%205.4259%203.55117V6.21783C5.4259%206.29339%205.45117%206.35672%205.50173%206.40783C5.55217%206.45894%205.61478%206.4845%205.68956%206.4845C5.76423%206.4845%205.82784%206.45894%205.88039%206.40783Z'%20fill='%23FFB114'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--warn[aria-pressed=true] {
  background: #c78500;
}
.al-app-dashboard__legend-chip--warn[aria-pressed=true]::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.491562%209.5615C0.388785%209.5615%200.301785%209.53989%200.230562%209.49667C0.15934%209.45344%200.103951%209.39645%200.0643957%209.32567C0.0159513%209.25722%20-0.00515989%209.17945%200.00106233%209.09233C0.00739566%209.00511%200.0333401%208.91995%200.0788956%208.83683L5.2934%200.2195C5.33895%200.136389%205.39628%200.0790005%205.4654%200.0473338C5.53451%200.0157782%205.6104%200%205.69306%200C5.77562%200%205.85128%200.0157782%205.92006%200.0473338C5.98895%200.0790005%206.04617%200.136389%206.09173%200.2195L11.3062%208.83683C11.3518%208.91995%2011.3773%209.00422%2011.3829%209.08967C11.3885%209.17511%2011.3677%209.25378%2011.3207%209.32567C11.2737%209.39745%2011.2165%209.45467%2011.1491%209.49733C11.0815%209.54011%2010.9963%209.5615%2010.8936%209.5615H0.491562ZM5.93173%207.87083C6.0014%207.8035%206.03623%207.72378%206.03623%207.63167C6.03623%207.53956%206.00256%207.45867%205.93523%207.389C5.8679%207.31933%205.78817%207.2845%205.69606%207.2845C5.60395%207.2845%205.52306%207.31817%205.4534%207.3855C5.38373%207.45283%205.3489%207.53256%205.3489%207.62467C5.3489%207.71678%205.38256%207.79767%205.4499%207.86733C5.51723%207.937%205.59695%207.97183%205.68906%207.97183C5.78117%207.97183%205.86206%207.93817%205.93173%207.87083ZM5.88039%206.40783C5.93295%206.35672%205.95923%206.29339%205.95923%206.21783V3.55117C5.95923%203.47561%205.93395%203.41228%205.8834%203.36117C5.83295%203.31006%205.77034%203.2845%205.69556%203.2845C5.6209%203.2845%205.55728%203.31006%205.50473%203.36117C5.45217%203.41228%205.4259%203.47561%205.4259%203.55117V6.21783C5.4259%206.29339%205.45117%206.35672%205.50173%206.40783C5.55217%206.45894%205.61478%206.4845%205.68956%206.4845C5.76423%206.4845%205.82784%206.45894%205.88039%206.40783Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--danger::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='10'%20viewBox='0%200%2014%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.68717%204.32183L8.06583%205.68967C8.1185%205.741%208.17839%205.76883%208.2455%205.77317C8.31261%205.77739%208.37733%205.74861%208.43967%205.68683C8.50211%205.62506%208.53333%205.55967%208.53333%205.49067C8.53333%205.42167%208.50339%205.35733%208.4435%205.29767L7.07567%203.93333L8.4435%202.55467C8.49483%202.502%208.52261%202.44211%208.52683%202.375C8.53117%202.30789%208.50245%202.24317%208.44067%202.18083C8.37878%202.11839%208.31339%202.08717%208.2445%202.08717C8.1755%202.08717%208.11117%202.11711%208.0515%202.177L6.68717%203.54483L5.3085%202.177C5.25583%202.12567%205.19594%202.09789%205.12883%202.09367C5.06172%202.08933%204.997%202.11806%204.93467%202.17983C4.87222%202.24172%204.841%202.30711%204.841%202.376C4.841%202.445%204.87094%202.50933%204.93083%202.569L6.29867%203.93333L4.93083%205.312C4.8795%205.36467%204.85172%205.42455%204.8475%205.49167C4.84317%205.55878%204.87189%205.62355%204.93367%205.686C4.99556%205.74833%205.06095%205.7795%205.12983%205.7795C5.19883%205.7795%205.26317%205.74955%205.32283%205.68967L6.68717%204.32183ZM0.266667%209.2C0.190667%209.2%200.127222%209.17489%200.0763334%209.12467C0.0254445%209.07444%200%209.01183%200%208.93683C0%208.86183%200.0254445%208.79805%200.0763334%208.7455C0.127222%208.69294%200.190667%208.66667%200.266667%208.66667H13.1077C13.1837%208.66667%2013.2471%208.69178%2013.298%208.742C13.3489%208.79222%2013.3743%208.85483%2013.3743%208.92983C13.3743%209.00483%2013.3489%209.06861%2013.298%209.12117C13.2471%209.17372%2013.1837%209.2%2013.1077%209.2H0.266667ZM1.8975%207.86667C1.62728%207.86667%201.40244%207.77694%201.223%207.5975C1.04356%207.41805%200.953833%207.19328%200.953833%206.92317V0.943667C0.953833%200.673444%201.04356%200.44861%201.223%200.269166C1.40244%200.0897216%201.62728%200%201.8975%200H11.4768C11.7471%200%2011.9719%200.0897216%2012.1513%200.269166C12.3308%200.44861%2012.4205%200.673444%2012.4205%200.943667V6.92317C12.4205%207.19328%2012.3308%207.41805%2012.1513%207.5975C11.9719%207.77694%2011.7471%207.86667%2011.4768%207.86667H1.8975Z'%20fill='%23DE3412'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--danger[aria-pressed=true] {
  background: #bd2c0f;
}
.al-app-dashboard__legend-chip--danger[aria-pressed=true]::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='10'%20viewBox='0%200%2014%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.68717%204.32183L8.06583%205.68967C8.1185%205.741%208.17839%205.76883%208.2455%205.77317C8.31261%205.77739%208.37733%205.74861%208.43967%205.68683C8.50211%205.62506%208.53333%205.55967%208.53333%205.49067C8.53333%205.42167%208.50339%205.35733%208.4435%205.29767L7.07567%203.93333L8.4435%202.55467C8.49483%202.502%208.52261%202.44211%208.52683%202.375C8.53117%202.30789%208.50245%202.24317%208.44067%202.18083C8.37878%202.11839%208.31339%202.08717%208.2445%202.08717C8.1755%202.08717%208.11117%202.11711%208.0515%202.177L6.68717%203.54483L5.3085%202.177C5.25583%202.12567%205.19594%202.09789%205.12883%202.09367C5.06172%202.08933%204.997%202.11806%204.93467%202.17983C4.87222%202.24172%204.841%202.30711%204.841%202.376C4.841%202.445%204.87094%202.50933%204.93083%202.569L6.29867%203.93333L4.93083%205.312C4.8795%205.36467%204.85172%205.42455%204.8475%205.49167C4.84317%205.55878%204.87189%205.62355%204.93367%205.686C4.99556%205.74833%205.06095%205.7795%205.12983%205.7795C5.19883%205.7795%205.26317%205.74955%205.32283%205.68967L6.68717%204.32183ZM0.266667%209.2C0.190667%209.2%200.127222%209.17489%200.0763334%209.12467C0.0254445%209.07444%200%209.01183%200%208.93683C0%208.86183%200.0254445%208.79805%200.0763334%208.7455C0.127222%208.69294%200.190667%208.66667%200.266667%208.66667H13.1077C13.1837%208.66667%2013.2471%208.69178%2013.298%208.742C13.3489%208.79222%2013.3743%208.85483%2013.3743%208.92983C13.3743%209.00483%2013.3489%209.06861%2013.298%209.12117C13.2471%209.17372%2013.1837%209.2%2013.1077%209.2H0.266667ZM1.8975%207.86667C1.62728%207.86667%201.40244%207.77694%201.223%207.5975C1.04356%207.41805%200.953833%207.19328%200.953833%206.92317V0.943667C0.953833%200.673444%201.04356%200.44861%201.223%200.269166C1.40244%200.0897216%201.62728%200%201.8975%200H11.4768C11.7471%200%2011.9719%200.0897216%2012.1513%200.269166C12.3308%200.44861%2012.4205%200.673444%2012.4205%200.943667V6.92317C12.4205%207.19328%2012.3308%207.41805%2012.1513%207.5975C11.9719%207.77694%2011.7471%207.86667%2011.4768%207.86667H1.8975Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--offline::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.58333%204.16667L7.61667%203.2C7.90556%202.93333%208.22778%202.72222%208.58333%202.56667C8.93889%202.41111%209.32778%202.33333%209.75%202.33333C10.1722%202.33333%2010.5611%202.41111%2010.9167%202.56667C11.2722%202.72222%2011.5944%202.93333%2011.8833%203.2L10.9167%204.16667C10.7611%204.01111%2010.5861%203.88889%2010.3917%203.8C10.1972%203.71111%209.98333%203.66667%209.75%203.66667C9.51667%203.66667%209.30278%203.71111%209.10833%203.8C8.91389%203.88889%208.73889%204.01111%208.58333%204.16667ZM6.91667%202.5L5.98333%201.56667C6.47222%201.07778%207.03889%200.694444%207.68333%200.416667C8.32778%200.138889%209.01667%200%209.75%200C10.4833%200%2011.1722%200.138889%2011.8167%200.416667C12.4611%200.694444%2013.0278%201.07778%2013.5167%201.56667L12.5833%202.5C12.2167%202.13333%2011.7917%201.84722%2011.3083%201.64167C10.825%201.43611%2010.3056%201.33333%209.75%201.33333C9.19444%201.33333%208.675%201.43611%208.19167%201.64167C7.70833%201.84722%207.28333%202.13333%206.91667%202.5ZM13.0833%2010.7667L9.08333%206.76667V4.66667H10.4167V7.33333H11.75C12.1167%207.33333%2012.4306%207.46389%2012.6917%207.725C12.9528%207.98611%2013.0833%208.3%2013.0833%208.66667V10.7667ZM12.2667%2013.75L11.1833%2012.6667H2.41667C2.05%2012.6667%201.73611%2012.5361%201.475%2012.275C1.21389%2012.0139%201.08333%2011.7%201.08333%2011.3333V8.66667C1.08333%208.3%201.21389%207.98611%201.475%207.725C1.73611%207.46389%202.05%207.33333%202.41667%207.33333H5.85L0%201.48333L0.95%200.533333L13.2167%2012.8L12.2667%2013.75ZM4.225%2010.475C4.35278%2010.3472%204.41667%2010.1889%204.41667%2010C4.41667%209.81111%204.35278%209.65278%204.225%209.525C4.09722%209.39722%203.93889%209.33333%203.75%209.33333C3.56111%209.33333%203.40278%209.39722%203.275%209.525C3.14722%209.65278%203.08333%209.81111%203.08333%2010C3.08333%2010.1889%203.14722%2010.3472%203.275%2010.475C3.40278%2010.6028%203.56111%2010.6667%203.75%2010.6667C3.93889%2010.6667%204.09722%2010.6028%204.225%2010.475ZM6.55833%2010.475C6.68611%2010.3472%206.75%2010.1889%206.75%2010C6.75%209.81111%206.68611%209.65278%206.55833%209.525C6.43056%209.39722%206.27222%209.33333%206.08333%209.33333C5.89444%209.33333%205.73611%209.39722%205.60833%209.525C5.48056%209.65278%205.41667%209.81111%205.41667%2010C5.41667%2010.1889%205.48056%2010.3472%205.60833%2010.475C5.73611%2010.6028%205.89444%2010.6667%206.08333%2010.6667C6.27222%2010.6667%206.43056%2010.6028%206.55833%2010.475ZM8.41667%2010.6667C8.52778%2010.6667%208.62778%2010.6444%208.71667%2010.6C8.80556%2010.5556%208.87778%2010.4944%208.93333%2010.4167L8%209.48333C7.92222%209.53889%207.86111%209.61111%207.81667%209.7C7.77222%209.78889%207.75%209.88889%207.75%2010C7.75%2010.1889%207.81389%2010.3472%207.94167%2010.475C8.06944%2010.6028%208.22778%2010.6667%208.41667%2010.6667Z'%20fill='%23334155'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip--offline[aria-pressed=true] {
  background: #475569;
}
.al-app-dashboard__legend-chip--offline[aria-pressed=true]::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.58333%204.16667L7.61667%203.2C7.90556%202.93333%208.22778%202.72222%208.58333%202.56667C8.93889%202.41111%209.32778%202.33333%209.75%202.33333C10.1722%202.33333%2010.5611%202.41111%2010.9167%202.56667C11.2722%202.72222%2011.5944%202.93333%2011.8833%203.2L10.9167%204.16667C10.7611%204.01111%2010.5861%203.88889%2010.3917%203.8C10.1972%203.71111%209.98333%203.66667%209.75%203.66667C9.51667%203.66667%209.30278%203.71111%209.10833%203.8C8.91389%203.88889%208.73889%204.01111%208.58333%204.16667ZM6.91667%202.5L5.98333%201.56667C6.47222%201.07778%207.03889%200.694444%207.68333%200.416667C8.32778%200.138889%209.01667%200%209.75%200C10.4833%200%2011.1722%200.138889%2011.8167%200.416667C12.4611%200.694444%2013.0278%201.07778%2013.5167%201.56667L12.5833%202.5C12.2167%202.13333%2011.7917%201.84722%2011.3083%201.64167C10.825%201.43611%2010.3056%201.33333%209.75%201.33333C9.19444%201.33333%208.675%201.43611%208.19167%201.64167C7.70833%201.84722%207.28333%202.13333%206.91667%202.5ZM13.0833%2010.7667L9.08333%206.76667V4.66667H10.4167V7.33333H11.75C12.1167%207.33333%2012.4306%207.46389%2012.6917%207.725C12.9528%207.98611%2013.0833%208.3%2013.0833%208.66667V10.7667ZM12.2667%2013.75L11.1833%2012.6667H2.41667C2.05%2012.6667%201.73611%2012.5361%201.475%2012.275C1.21389%2012.0139%201.08333%2011.7%201.08333%2011.3333V8.66667C1.08333%208.3%201.21389%207.98611%201.475%207.725C1.73611%207.46389%202.05%207.33333%202.41667%207.33333H5.85L0%201.48333L0.95%200.533333L13.2167%2012.8L12.2667%2013.75ZM4.225%2010.475C4.35278%2010.3472%204.41667%2010.1889%204.41667%2010C4.41667%209.81111%204.35278%209.65278%204.225%209.525C4.09722%209.39722%203.93889%209.33333%203.75%209.33333C3.56111%209.33333%203.40278%209.39722%203.275%209.525C3.14722%209.65278%203.08333%209.81111%203.08333%2010C3.08333%2010.1889%203.14722%2010.3472%203.275%2010.475C3.40278%2010.6028%203.56111%2010.6667%203.75%2010.6667C3.93889%2010.6667%204.09722%2010.6028%204.225%2010.475ZM6.55833%2010.475C6.68611%2010.3472%206.75%2010.1889%206.75%2010C6.75%209.81111%206.68611%209.65278%206.55833%209.525C6.43056%209.39722%206.27222%209.33333%206.08333%209.33333C5.89444%209.33333%205.73611%209.39722%205.60833%209.525C5.48056%209.65278%205.41667%209.81111%205.41667%2010C5.41667%2010.1889%205.48056%2010.3472%205.60833%2010.475C5.73611%2010.6028%205.89444%2010.6667%206.08333%2010.6667C6.27222%2010.6667%206.43056%2010.6028%206.55833%2010.475ZM8.41667%2010.6667C8.52778%2010.6667%208.62778%2010.6444%208.71667%2010.6C8.80556%2010.5556%208.87778%2010.4944%208.93333%2010.4167L8%209.48333C7.92222%209.53889%207.86111%209.61111%207.81667%209.7C7.77222%209.78889%207.75%209.88889%207.75%2010C7.75%2010.1889%207.81389%2010.3472%207.94167%2010.475C8.06944%2010.6028%208.22778%2010.6667%208.41667%2010.6667Z'%20fill='white'/%3e%3c/svg%3e");
}
.al-app-dashboard__legend-chip:focus-visible {
  outline: 2px solid var(--al-color-primary);
  outline-offset: 2px;
}
.al-app-dashboard__map-refresh {
  margin-left: auto;
  cursor: pointer;
  height: 32px;
}
.al-app-dashboard__map-refresh img {
  vertical-align: top;
}
.al-app-dashboard__map-placeholder {
  position: relative;
  border-radius: 8px;
  background: #f1f3f7;
  color: #767b83;
  font-size: 48px;
  font-weight: 700;
  display: grid;
  place-items: center;
}
.al-app-dashboard__map-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.al-app-dashboard__map-dot--ok {
  top: 22%;
  left: 41%;
  background: #20b562;
}
.al-app-dashboard__map-dot--warn {
  top: 34%;
  left: 22%;
  background: #f3b43f;
}
.al-app-dashboard__map-dot--danger {
  top: 52%;
  left: 78%;
  background: #f05a4a;
}
.al-app-dashboard__map-dot--offline {
  top: 72%;
  left: 50%;
  background: #364152;
}

.al-app-dashboard__right {
  position: relative;
}

.adx-pop {
  border: 1px solid #025782;
  border-radius: 20px;
  overflow: hidden;
  background: #FFF;
  box-shadow: 0 2px 6px rgba(16, 24, 40, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.adx-pop__hd {
  height: 56px;
  padding: 0 32px;
  background: #025782;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.adx-pop__tt {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  color: #FFF;
}
.adx-pop__x {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M11.2%2022L10%2020.8L14.8%2016L10%2011.2L11.2%2010L16%2014.8L20.8%2010L22%2011.2L17.2%2016L22%2020.8L20.8%2022L16%2017.2L11.2%2022Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center center/contain;
}
.adx-pop__bd {
  padding: 32px;
  display: grid;
  gap: 20px;
}

.adx-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.adx-box {
  border: 1px solid rgb(186, 218, 255);
  border-radius: 12px;
  background: #fff;
  padding: 20px;
}
.adx-box__tt {
  font-weight: 600;
  font-size: 19px;
  line-height: 150%;
  color: #2F343F;
  margin-bottom: 4px;
}

.adx-stat {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.adx-stat__item {
  background: rgb(240, 247, 255);
  border-radius: 12px;
  height: 115px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 4px;
}
.adx-stat__k {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
}
.adx-stat__v {
  font-weight: 900;
  font-size: 19px;
  line-height: 100%;
  text-align: center;
  color: rgb(3, 105, 156);
}
.adx-stat__v span {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
}

.adx-info {
  margin: 0;
  display: grid;
  gap: 2px;
}
.adx-info__row {
  height: 37px;
  border-radius: 8px;
  gap: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  background: rgb(248, 250, 252);
}
.adx-info dt {
  color: rgb(71, 85, 105);
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
}
.adx-info dd {
  font-size: 15px;
}

.adx-ctl {
  border: 1px solid rgb(186, 218, 255);
  border-radius: 12px;
  background: #fff;
  padding: 14px 16px;
  overflow: hidden;
}

.adx-utils {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
}

.adx-btns {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.adx-btn {
  height: 86px;
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(204, 219, 237);
  background: #fff;
  color: var(--al-color-text);
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.adx-br {
  margin-top: 12px;
  width: 100%;
  height: 55px;
  border-radius: 8px;
  gap: 12px;
  padding: 16px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
  background: #fff;
  border: 1px solid rgb(203, 213, 225);
  display: flex;
  align-items: center;
}
.adx-br__lb {
  font-size: 13px;
  color: rgb(15, 23, 42);
}
.adx-br__bar {
  position: relative;
  height: 20px;
  border-radius: 999px;
  background-color: rgb(226, 232, 240);
  border: 1px solid var(--g20, rgb(205, 209, 213));
  flex: 1;
}
.adx-br__fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #1C8CF4, #1C8CF4);
}
.adx-br__fill::before {
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 16px;
  height: 16px;
  margin: 1px 0 0 4px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.33333%201.55556V0.666667C7.33333%200.481481%207.39815%200.324074%207.52778%200.194444C7.65741%200.0648148%207.81482%200%208%200C8.18519%200%208.34259%200.0648148%208.47222%200.194444C8.60185%200.324074%208.66667%200.481481%208.66667%200.666667V1.55556C8.66667%201.74074%208.60185%201.89815%208.47222%202.02778C8.34259%202.15741%208.18519%202.22222%208%202.22222C7.81482%202.22222%207.65741%202.15741%207.52778%202.02778C7.39815%201.89815%207.33333%201.74074%207.33333%201.55556ZM7.33333%2015.3333V14.4444C7.33333%2014.2593%207.39815%2014.1019%207.52778%2013.9722C7.65741%2013.8426%207.81482%2013.7778%208%2013.7778C8.18519%2013.7778%208.34259%2013.8426%208.47222%2013.9722C8.60185%2014.1019%208.66667%2014.2593%208.66667%2014.4444V15.3333C8.66667%2015.5185%208.60185%2015.6759%208.47222%2015.8056C8.34259%2015.9352%208.18519%2016%208%2016C7.81482%2016%207.65741%2015.9352%207.52778%2015.8056C7.39815%2015.6759%207.33333%2015.5185%207.33333%2015.3333ZM15.3333%208.66667H14.4444C14.2593%208.66667%2014.1019%208.60185%2013.9722%208.47222C13.8426%208.34259%2013.7778%208.18519%2013.7778%208C13.7778%207.81482%2013.8426%207.65741%2013.9722%207.52778C14.1019%207.39815%2014.2593%207.33333%2014.4444%207.33333H15.3333C15.5185%207.33333%2015.6759%207.39815%2015.8056%207.52778C15.9352%207.65741%2016%207.81482%2016%208C16%208.18519%2015.9352%208.34259%2015.8056%208.47222C15.6759%208.60185%2015.5185%208.66667%2015.3333%208.66667ZM1.55556%208.66667H0.666667C0.481481%208.66667%200.324074%208.60185%200.194444%208.47222C0.0648148%208.34259%200%208.18519%200%208C0%207.81482%200.0648148%207.65741%200.194444%207.52778C0.324074%207.39815%200.481481%207.33333%200.666667%207.33333H1.55556C1.74074%207.33333%201.89815%207.39815%202.02778%207.52778C2.15741%207.65741%202.22222%207.81482%202.22222%208C2.22222%208.18519%202.15741%208.34259%202.02778%208.47222C1.89815%208.60185%201.74074%208.66667%201.55556%208.66667ZM13.6481%203.33333L13.0185%203.92593C12.8827%204.06173%2012.7253%204.12654%2012.5463%204.12037C12.3673%204.1142%2012.2099%204.04321%2012.0741%203.90741C11.9383%203.77161%2011.8704%203.61728%2011.8704%203.44444C11.8704%203.27161%2011.9383%203.11728%2012.0741%202.98148L12.6852%202.33333C12.821%202.19753%2012.9846%202.12963%2013.1759%202.12963C13.3673%202.12963%2013.5309%202.19753%2013.6667%202.33333C13.8025%202.46914%2013.8673%202.6358%2013.8611%202.83333C13.8549%203.03086%2013.784%203.19753%2013.6481%203.33333ZM3.92593%2013.0185L3.33333%2013.6481C3.19753%2013.784%203.03395%2013.8519%202.84259%2013.8519C2.65123%2013.8519%202.48765%2013.784%202.35185%2013.6481C2.21605%2013.5123%202.15123%2013.3457%202.15741%2013.1481C2.16358%2012.9506%202.23457%2012.784%202.37037%2012.6481L2.98148%2012.0741C3.11728%2011.9383%203.27469%2011.8735%203.4537%2011.8796C3.63272%2011.8858%203.79012%2011.9568%203.92593%2012.0926C4.06173%2012.2284%204.12963%2012.3827%204.12963%2012.5556C4.12963%2012.7284%204.06173%2012.8827%203.92593%2013.0185ZM12.6667%2013.6296L12.0741%2013.0185C11.9383%2012.8827%2011.8735%2012.7253%2011.8796%2012.5463C11.8858%2012.3673%2011.9568%2012.2099%2012.0926%2012.0741C12.2284%2011.9383%2012.3827%2011.8673%2012.5556%2011.8611C12.7284%2011.8549%2012.8827%2011.9198%2013.0185%2012.0556L13.6667%2012.6667C13.8025%2012.8025%2013.8704%2012.966%2013.8704%2013.1574C13.8704%2013.3488%2013.8025%2013.5123%2013.6667%2013.6481C13.5309%2013.784%2013.3642%2013.8488%2013.1667%2013.8426C12.9691%2013.8364%2012.8025%2013.7654%2012.6667%2013.6296ZM2.98148%203.92593L2.35185%203.31481C2.21605%203.17901%202.14506%203.01852%202.13889%202.83333C2.13272%202.64815%202.19753%202.48765%202.33333%202.35185C2.46914%202.21605%202.63889%202.14506%202.84259%202.13889C3.0463%202.13272%203.21605%202.2037%203.35185%202.35185L3.94444%202.98148C4.0679%203.11728%204.12654%203.27469%204.12037%203.4537C4.1142%203.63272%204.04321%203.79012%203.90741%203.92593C3.77161%204.06173%203.61728%204.12963%203.44444%204.12963C3.27161%204.12963%203.11728%204.06173%202.98148%203.92593ZM4.85185%2011.1481C3.98765%2010.284%203.55556%209.23457%203.55556%208C3.55556%206.76543%203.98765%205.71605%204.85185%204.85185C5.71605%203.98765%206.76543%203.55556%208%203.55556C9.23457%203.55556%2010.284%203.98765%2011.1481%204.85185C12.0123%205.71605%2012.4444%206.76543%2012.4444%208C12.4444%209.23457%2012.0123%2010.284%2011.1481%2011.1481C10.284%2012.0123%209.23457%2012.4444%208%2012.4444C6.76543%2012.4444%205.71605%2012.0123%204.85185%2011.1481Z'%20fill='%23BADAFF'/%3e%3c/svg%3e") no-repeat center center;
}
.adx-br__thumb {
  position: absolute;
  top: 50%;
  left: calc(40% - 9px);
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1C8CF4;
  transform: translateY(-50%);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
.adx-br__val {
  min-width: 44px;
  font-size: 19px;
  color: #1C8CF4;
  line-height: 1;
  font-weight: 900;
  text-align: right;
}
.adx-br__val span {
  font-size: 13px;
}

.adx-cap {
  position: relative;
  height: 100%;
  background-color: #f3f6fa;
  margin: 0 -16px;
  border-radius: 0 0 12px 12px;
  background: rgb(240, 247, 255);
  min-height: 570px;
}

/* =========================
   메뉴권한 트리 (전용 블록, 기존 tree와 별도)
   이미지: 흰 배경, 들여쓰기, 체크박스, 왼쪽 셰브론(펼침=아래, 접힘=오른쪽)
========================= */
.menu-permission-tree {
  margin: 0;
  padding: 0;
  background: #fff;
  min-height: 120px;
  max-height: 230px;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  border-radius: 6px;
}

.menu-permission-tree__item {
  position: relative;
}

/* 접힌 경우 자식 숨김 */
.menu-permission-tree__item:not(.menu-permission-tree__item--open) > .menu-permission-tree__children {
  display: none;
}

.menu-permission-tree__row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 8px;
  border-radius: 4px;
  cursor: default;
}
.menu-permission-tree__row:hover {
  background: #f8f9fa;
}

/* 셰브론: 왼쪽, 접힘=오른쪽(>), 펼침=아래(v) */
.menu-permission-tree__chevron {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-permission-tree__chevron::before {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(-45deg); /* 접힘: 오른쪽(>) */
  transition: transform 0.2s ease;
}
.menu-permission-tree__item--open .menu-permission-tree__chevron::before {
  transform: rotate(45deg); /* 펼침: 아래(v) */
}
.menu-permission-tree__chevron:hover::before {
  border-color: #333;
}

/* 자식 없는 행: 셰브론 자리만 비워서 라벨 정렬 */
.menu-permission-tree__chevron--placeholder {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  pointer-events: none;
  visibility: hidden;
}
.menu-permission-tree__chevron--placeholder::before {
  display: none;
}

.menu-permission-tree__check {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  color: #1d1d1d;
}
.menu-permission-tree__check input[type=checkbox] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #0b3a63;
  cursor: pointer;
}

.menu-permission-tree__label {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 자식 목록: 들여쓰기 */
.menu-permission-tree__children {
  margin-left: 24px;
  padding: 0;
}

.xdsoft_datetimepicker {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #e5e8ee;
  border-radius: 8px;
  color: #333;
  font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  padding: 12px;
  position: absolute;
  z-index: 9999;
  box-sizing: border-box;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
.xdsoft_datetimepicker .xdsoft_calendar,
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_monthpicker {
  overflow: visible !important;
  max-height: none !important;
}
.xdsoft_datetimepicker .xdsoft_scroller_box {
  overflow: visible !important;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 4px 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e5e8ee;
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 9999;
  margin: 0 2px;
  padding: 6px 8px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  color: #333;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_label:hover {
  background-color: #f5f5f5;
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.6;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  opacity: 0.7;
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
  opacity: 1;
  background-color: #f5f5f5;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: none;
  margin-left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  overflow: visible !important;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  overflow: visible !important;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
  margin-top: 8px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 36px;
  background: #f8f9fa;
  border: none;
  color: #666;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  font-weight: 600;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td {
  width: 14.2857142%;
  background: #fff;
  border: none;
  color: #333;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  cursor: pointer;
  height: 36px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: var(--al-color-primary);
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default {
  background: var(--al-color-primary);
  color: #fff;
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover:not(.xdsoft_disabled):not(.xdsoft_other_month) {
  background: #e3f2fd;
  color: #1976D2;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
  opacity: 0.3;
  cursor: default;
  color: #ccc;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month:hover {
  background: transparent;
  color: #ccc;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #fff3e0;
  color: #f57c00;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #e5e8ee;
  position: absolute;
  right: 0;
  top: 36px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 200px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 120px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select::-webkit-scrollbar {
  width: 6px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select::-webkit-scrollbar-track {
  background: transparent;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 8px 16px;
  text-decoration: none !important;
  display: block;
  color: #333;
  font-size: 14px;
  transition: all 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: var(--al-color-primary);
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: var(--al-color-primary);
  color: #fff;
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e5e8ee;
  border-radius: 6px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  color: #333;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  transition: all 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top: none;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: #e3f2fd;
  color: #1976D2;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: var(--al-color-primary);
  color: #fff;
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.3;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  background: #fff;
  color: #333;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  height: 24px;
  width: 100%;
  display: block;
  margin: 8px 0;
  background-position: center;
  background-size: 16px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");
}
.xdsoft_datetimepicker .xdsoft_scrollbar {
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
  transition: background 0.2s ease;
}
.xdsoft_datetimepicker .xdsoft_scrollbar > .xdsoft_scroller:hover {
  background: #999 !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_scrollbar {
  display: none !important;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
  border: 1px solid #e5e8ee;
}

:root {
  --al-color-primary: #047BB6;
  --al-color-primary-hover: #03699C;
  --al-color-primary-focus: #025782;
  --al-color-primary-dis: #CBD5E1;
  --al-color-primary-dark: #052031;
  --al-color-primary-light: #57a1ea;
  --al-color-secondary: #F0F7FF;
  --al-color-secondary-hover: #E0EFFF;
  --al-color-secondary-focus: #BADAFF;
  --al-color-secondary-dis: #CBD5E1;
  --al-color-secondary-dark: #263017;
  --al-color-white: #fff;
  --al-color-white-hover: #F8FAFC;
  --al-color-white-focus: #F1F5F9;
  --al-color-white-dis: #CBD5E1;
  --al-color-accent: #e90081;
  --al-color-accent-dark: #410026;
  --al-color-text: #04071a;
  --al-color-text-subtle: #354253;
  --al-color-text-muted: #1E293B;
  --al-color-border: #cdd6df;
  --al-color-surface: #ffffff;
  --al-color-bg: #f9fafc;
  --al-color-surface-soft: #f0f4f8;
  --al-color-surface-tint: #F0F7FF;
  --al-color-tertiary-bg: #dceefc;
  --al-color-tertiary-text: #125276;
  --al-color-choice: #047BB6;
  --al-color-choice-border: #94A3B8;
  --al-color-choice-disabled-bg: #f0f4f8;
  --al-color-pagination-active-bg: #052031;
  --al-color-pagination-active-fg: #ffffff;
  --al-color-success-bg: #eff4e0;
  --al-color-success-text: #667941;
  --al-color-danger-bg: #fce1e8;
  --al-color-danger-text: #99055d;
  --al-color-warn-bg: #fff4d9;
  --al-color-warn-text: #9c6a00;
  --al-color-info-bg: #dceefc;
  --al-color-info-text: #125276;
  --al-radius-sm: 8px;
  --al-radius-md: 10px;
  --al-radius-lg: 14px;
  --al-radius-pill: 999px;
  --al-shadow-modal-overlay: rgba(15, 23, 42, 0.45);
}

.al-guide-page__header {
  margin-bottom: 18px;
}
.al-guide-page__title {
  margin: 0;
  font-size: 32px;
  color: var(--al-color-text);
}
.al-guide-page__subtitle {
  margin: 6px 0 0;
  color: var(--al-color-text-muted);
}

.al-guide-section {
  background: var(--al-color-surface);
  border: 1px solid var(--al-color-border);
  border-radius: var(--al-radius-lg);
  padding: 32px;
  margin-bottom: 14px;
}
.al-guide-section__title {
  margin: 0 0 21px;
  font-size: 21px;
  color: var(--al-color-text);
}

.al-guide-grid {
  display: grid;
  gap: 10px;
}
.al-guide-grid--colors {
  grid-template-columns: repeat(5, minmax(140px, 1fr));
}
@media (max-width: 1200px) {
  .al-guide-grid--colors {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.al-guide-palette-card {
  border-radius: var(--al-radius-md);
  color: #fff;
  padding: 18px;
  font-weight: 700;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}
.al-guide-palette-card span {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.78);
}
.al-guide-palette-card--navy {
  background: linear-gradient(90deg, #66758a, #354253, #052031);
}
.al-guide-palette-card--blue {
  background: linear-gradient(90deg, #dceefc, #57a1ea, #1276a7, #052031);
}
.al-guide-palette-card--green {
  background: linear-gradient(90deg, #eff4e0, #b3c77f, #8fad57, #263017);
}
.al-guide-palette-card--pink {
  background: linear-gradient(90deg, #fce1e8, #f64a84, #e90081, #410026);
}
.al-guide-palette-card--gray {
  background: linear-gradient(90deg, #f9fafc, #cdd6df, #66758a, #04071a);
}

.al-guide-card-preview {
  display: grid;
  grid-template-columns: minmax(260px, 420px);
}
.al-guide-card-preview .card {
  margin-bottom: 0;
}

.guide-preview {
  max-width: 820px;
  padding: 28px;
  border-radius: 16px;
  background: #f7fbff;
  border: 1px solid #e1edf8;
}

.al-guide-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.al-guide-row:last-child {
  margin-bottom: 0;
}
.al-guide-row--middle {
  align-items: center;
}

.button-guide {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 88px;
}
.button-guide__panel {
  display: grid;
  align-items: start;
  gap: 34px;
  padding: 22px 16px 28px;
}
.button-guide__group {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  justify-content: space-between;
  gap: 42px;
}
.button-guide__column {
  display: grid;
  justify-items: center;
  gap: 18px;
}

.al-guide-col {
  display: grid;
  gap: 10px;
}

.al-guide-total {
  margin: 12px 0 0;
}

@media (max-width: 1200px) {
  .button-guide {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .button-guide__panel {
    justify-content: start;
    overflow-x: auto;
  }
  .button-guide__group {
    width: max-content;
  }
}
.al-toolbar {
  display: grid;
  gap: 10px;
  grid-template-columns: 260px 180px 130px 1fr;
}
@media (max-width: 900px) {
  .al-toolbar {
    grid-template-columns: 1fr;
  }
}

.al-field {
  display: flex;
  align-items: center;
  border: 1px solid var(--al-color-border);
  border-radius: var(--al-radius-md);
  min-height: 44px;
  background: var(--al-color-surface);
  padding: 0 12px;
}
.al-field__control {
  border: 0;
  width: 100%;
  outline: 0;
  font-size: 14px;
  color: var(--al-color-text);
  background: transparent;
  font-family: inherit;
}
.al-field--search {
  padding-right: 6px;
}
.al-field--date span {
  font-size: 14px;
  color: var(--al-color-text);
}

.al-field__search-btn {
  border: 0;
  border-radius: var(--al-radius-sm);
  background: var(--al-color-tertiary-bg);
  color: #2f368e;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 12px;
  font-family: inherit;
}

.al-input,
.al-textarea {
  width: 100%;
  border: 1px solid var(--al-color-border);
  border-radius: var(--al-radius-md);
  padding: 11px 12px;
  font-size: 14px;
  color: var(--al-color-text);
  font-family: inherit;
  background: var(--al-color-surface);
}
.al-input:focus-visible,
.al-textarea:focus-visible {
  outline: 2px solid var(--al-color-primary);
  outline-offset: 1px;
}
.al-input:disabled,
.al-textarea:disabled {
  background: #f1f4fb;
  color: #8b96b3;
}

.al-textarea {
  resize: vertical;
}

.al-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  color: var(--al-color-text);
  line-height: 1.5;
}
.al-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  appearance: none;
  pointer-events: none;
}
.al-radio__control {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1.4px solid var(--al-color-choice-border);
  background: #fff;
  position: relative;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.al-radio__control::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--al-color-choice);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.al-radio__input:checked + .al-radio__control {
  border-color: var(--al-color-choice);
}
.al-radio__input:checked + .al-radio__control::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.al-radio__input:focus-visible + .al-radio__control {
  box-shadow: 0 0 0 3px rgba(18, 118, 167, 0.16);
}
.al-radio__input:disabled + .al-radio__control {
  border-color: #cbd5e1;
  background: var(--al-color-choice-disabled-bg);
}
.al-radio:has(.al-radio__input:disabled) {
  cursor: not-allowed;
  color: var(--al-color-text-muted);
}

.al-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 13px;
  color: var(--al-color-text);
  line-height: 1.5;
}
.al-checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  appearance: none;
  pointer-events: none;
}
.al-checkbox__box {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid var(--al-color-choice-border);
  background: #fff;
  position: relative;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.al-checkbox__box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='10'%20viewBox='0%200%2011%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.799805%204.7998L4.43138%208.2998L9.2998%200.799805'%20stroke='white'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.al-checkbox__input:checked + .al-checkbox__box {
  background: var(--al-color-choice);
  border-color: var(--al-color-choice);
}
.al-checkbox__input:checked + .al-checkbox__box::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.al-checkbox__input:focus-visible + .al-checkbox__box {
  box-shadow: 0 0 0 3px rgba(18, 118, 167, 0.16);
}
.al-checkbox__input:disabled + .al-checkbox__box {
  background: var(--al-color-choice-disabled-bg);
  border-color: #cbd5e1;
}
.al-checkbox:has(.al-checkbox__input:disabled) {
  cursor: not-allowed;
  color: var(--al-color-text-muted);
}

.al-toggle {
  width: 32px;
  height: 20px;
  border-radius: var(--al-radius-pill);
  border: 1px solid #c5cbe0;
  background: #dbe2f4;
  cursor: pointer;
  position: relative;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.al-toggle__track {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.al-toggle__thumb {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  left: 2px;
  top: 2px;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
}
.al-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.al-toggle[aria-checked=true] {
  background: var(--al-color-primary);
  border-color: var(--al-color-primary);
}
.al-toggle[aria-checked=true] .al-toggle__thumb {
  transform: translateX(12px);
}
.al-toggle:focus-visible {
  outline: 2px solid var(--al-color-primary);
  outline-offset: 2px;
}

.tabs__list,
.al-tabs__list {
  display: inline-flex;
  gap: 2px;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  padding: 4px;
  list-style: none;
  background: #F1F5F9;
  gap: 10px;
}
.tabs__tab,
.al-tabs__tab {
  border: 0;
  border-radius: 4px;
  background: transparent;
  padding: 6px 10px;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  color: #1E293B;
  min-height: 32px;
  min-width: 97px;
}
.tabs__tab:hover:not(.tabs__tab--active,
.al-tabs__tab--active),
.al-tabs__tab:hover:not(.tabs__tab--active,
.al-tabs__tab--active) {
  background: rgba(18, 118, 167, 0.08);
}
.tabs__tab--active, .tabs__tab.is-active,
.al-tabs__tab--active,
.al-tabs__tab.is-active {
  background: #fff;
  color: #1E293B;
  font-weight: 500;
}
.tabs__tab:focus-visible,
.al-tabs__tab:focus-visible {
  outline: 2px solid var(--al-color-primary);
  outline-offset: 2px;
}
.tabs__panel,
.al-tabs__panel {
  display: none;
}
.tabs__panel--active,
.al-tabs__panel--active {
  display: block;
}
.tabs--status .tabs__panel,
.tabs--status .al-tabs__panel,
.al-tabs--status .tabs__panel,
.al-tabs--status .al-tabs__panel {
  display: none;
}
.tabs--line .tabs__list,
.tabs--line .al-tabs__list,
.al-tabs--line .tabs__list,
.al-tabs--line .al-tabs__list {
  display: flex;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #d8dfe8;
  border-radius: 0;
  background: transparent;
  margin-bottom: 20px;
}
.tabs--line .tabs__tab,
.tabs--line .al-tabs__tab,
.al-tabs--line .tabs__tab,
.al-tabs--line .al-tabs__tab {
  font-size: 19px;
  font-weight: 700;
  color: #94A3B8;
  padding: 0 0 12px;
  margin-right: 52px;
  min-width: auto;
  text-align: left;
}
.tabs--line .tabs__tab:hover:not(.tabs__tab--active):not(.al-tabs__tab--active):not(.is-active),
.tabs--line .al-tabs__tab:hover:not(.tabs__tab--active):not(.al-tabs__tab--active):not(.is-active),
.al-tabs--line .tabs__tab:hover:not(.tabs__tab--active):not(.al-tabs__tab--active):not(.is-active),
.al-tabs--line .al-tabs__tab:hover:not(.tabs__tab--active):not(.al-tabs__tab--active):not(.is-active) {
  background: transparent;
  color: #52657a;
}
.tabs--line .tabs__tab--active, .tabs--line .tabs__tab.is-active,
.tabs--line .al-tabs__tab--active,
.tabs--line .al-tabs__tab.is-active,
.al-tabs--line .tabs__tab--active,
.al-tabs--line .tabs__tab.is-active,
.al-tabs--line .al-tabs__tab--active,
.al-tabs--line .al-tabs__tab.is-active {
  background: transparent;
  color: var(--al-color-text);
  box-shadow: none;
}
.tabs--line .tabs__tab--active::before, .tabs--line .tabs__tab.is-active::before,
.tabs--line .al-tabs__tab--active::before,
.tabs--line .al-tabs__tab.is-active::before,
.al-tabs--line .tabs__tab--active::before,
.al-tabs--line .tabs__tab.is-active::before,
.al-tabs--line .al-tabs__tab--active::before,
.al-tabs--line .al-tabs__tab.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: currentColor;
}
.tabs--line .tabs__tab--active::after, .tabs--line .tabs__tab.is-active::after,
.tabs--line .al-tabs__tab--active::after,
.tabs--line .al-tabs__tab.is-active::after,
.al-tabs--line .tabs__tab--active::after,
.al-tabs--line .tabs__tab.is-active::after,
.al-tabs--line .al-tabs__tab--active::after,
.al-tabs--line .al-tabs__tab.is-active::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='16'%20viewBox='0%200%2020%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.85448%2016L0%206L6.85448%2010.1796L20%200L6.85448%2016Z'%20fill='%230F172A'/%3e%3c/svg%3e");
}

.step {
  width: 100%;
  min-width: 0;
  display: flex;
  justify-content: center;
}
.step__list {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.step__item {
  position: relative;
  flex: 1;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.step__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 44px;
  left: calc(50% + 35px);
  right: calc(-50% + 35px);
  height: 3px;
  background: #cfd8e3;
}
.step__item--current:not(:last-child)::after {
  background: var(--al-color-primary-light);
}
.step__item--complete .step__marker {
  color: transparent;
  background: #d8e1ec;
  border-color: #d8e1ec;
}
.step__item--current .step__marker {
  background: #1e8ee9;
  border-color: #1e8ee9;
  color: #fff;
  box-shadow: 0 8px 20px rgba(30, 142, 233, 0.22);
}
.step__item--current .step__label {
  color: var(--al-color-primary);
  font-weight: 800;
}
.step__item--upcoming .step__marker {
  background: #e6f3ff;
  border-color: #d7ebff;
  color: #6f8298;
}
.step__marker {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  border: 1px solid #d8e1ec;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  background: #d8e1ec;
}
.step__meta {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--al-color-text-muted);
}
.step__label {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 700;
  color: var(--al-color-text-subtle);
}

.step-icon {
  margin-top: 32px;
}
.step-icon__title, .step-icon__caption {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 500;
}
.step-icon__title {
  color: #7c3aed;
}
.step-icon__caption {
  margin-top: 18px;
  color: #c8c8c8;
}
.step-icon__list {
  display: flex;
  align-items: center;
  gap: 18px;
  width: fit-content;
  margin: 0;
  padding: 12px 16px;
  list-style: none;
  border: 1px dashed #b989ff;
  border-radius: 4px;
}
.step-icon__list--dark {
  border: 0;
  border-radius: 0;
  background: #969696;
}
.step-icon__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.step-icon__image {
  display: block;
  width: 40px;
  height: 40px;
}

@media (max-width: 720px) {
  .step {
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .step__list {
    min-width: 560px;
  }
  .step__marker {
    width: 72px;
    height: 72px;
    font-size: 22px;
  }
  .step__item:not(:last-child)::after {
    top: 35px;
    left: calc(50% + 36px);
    right: calc(-50% + 36px);
  }
  .step-icon {
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .step-icon__list {
    width: max-content;
  }
}
.modal-backdrop,
.al-modal-backdrop {
  position: fixed;
  inset: 0;
  background: var(--al-shadow-modal-overlay);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1450;
  padding: 16px;
}
.modal-backdrop[data-open=true],
.al-modal-backdrop[data-open=true] {
  display: flex;
}

.modal,
.al-modal {
  width: min(420px, 100vw - 24px);
  border: 1px solid #cfd8e3;
  border-radius: 18px;
  background: var(--al-color-surface);
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.14);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 32px);
}
.modal__header,
.al-modal__header {
  margin: 0 24px;
  padding: 24px 0 16px;
  border-bottom: 1px solid #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal__title,
.al-modal__title {
  margin: 0;
  font-size: 21px;
  font-weight: 700;
  color: #0F172A;
}
.modal__close,
.al-modal__close {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%204L4%2020M4%204L20%2020'%20stroke='%230F172A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") no-repeat center center;
  font-size: 0;
}
.modal__body,
.al-modal__body {
  padding: 20px 24px;
  text-align: center;
  color: var(--al-color-text);
}
.modal__icon,
.al-modal__icon {
  width: 92px;
  height: 92px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #f6f8fb;
  border: 0;
  display: grid;
  place-items: center;
}
.modal__icon::before,
.al-modal__icon::before {
  content: "";
  width: 54px;
  height: 54px;
  background: center/contain no-repeat;
}
.modal__icon--warning::before,
.al-modal__icon--warning::before {
  background-image: url("images/modal/ico-warning.svg");
}
.modal__icon--modify::before,
.al-modal__icon--modify::before {
  background-image: url("images/modal/ico-modifi.svg");
}
.modal__icon--regist::before,
.al-modal__icon--regist::before {
  background-image: url("images/modal/ico-regist.svg");
}
.modal__message,
.al-modal__message {
  margin: 0;
  font-size: 19px;
  line-height: 1.35;
  color: #1E293B;
}
.modal__submessage,
.al-modal__submessage {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.35;
  color: #475569;
}
.modal__submessage strong,
.al-modal__submessage strong {
  color: #03699C;
  font-weight: 700;
}
.modal__footer,
.al-modal__footer {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 0 24px 38px;
}
.modal__footer .btn--tertiary,
.modal__footer .al-btn--tertiary,
.al-modal__footer .btn--tertiary,
.al-modal__footer .al-btn--tertiary {
  border-color: #1e2a3a;
  background: #fff;
  color: #1e2a3a;
}
.modal--form,
.al-modal--form {
  width: min(860px, 100vw - 32px);
  border-radius: 16px;
}
.modal--form .modal__header,
.modal--form .al-modal__header,
.al-modal--form .modal__header,
.al-modal--form .al-modal__header {
  padding: 15px 32px;
  border-bottom: 0;
  background: var(--al-color-primary-light);
  margin: 0;
}
.modal--form .modal__title,
.modal--form .al-modal__title,
.al-modal--form .modal__title,
.al-modal--form .al-modal__title {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
}
.modal--form .modal__close,
.modal--form .al-modal__close,
.al-modal--form .modal__close,
.al-modal--form .al-modal__close {
  width: 32px;
  height: 32px;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'%20fill-opacity='0.2'/%3e%3cpath%20d='M11.2%2022L10%2020.8L14.8%2016L10%2011.2L11.2%2010L16%2014.8L20.8%2010L22%2011.2L17.2%2016L22%2020.8L20.8%2022L16%2017.2L11.2%2022Z'%20fill='white'/%3e%3c/svg%3e") no-repeat center center;
  font-size: 0;
}
.modal--form .modal__body,
.modal--form .al-modal__body,
.al-modal--form .modal__body,
.al-modal--form .al-modal__body {
  padding: 32px;
  text-align: left;
  overflow-y: auto;
  background: #F8FAFC;
}
.modal--form .modal__footer,
.modal--form .al-modal__footer,
.al-modal--form .modal__footer,
.al-modal--form .al-modal__footer {
  justify-content: space-between;
  gap: 16px;
  padding: 16px 32px;
  background: #F8FAFC;
  box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.05);
}
.modal--form .modal__footer--end,
.modal--form .al-modal__footer--end,
.al-modal--form .modal__footer--end,
.al-modal--form .al-modal__footer--end {
  justify-content: flex-end;
}
.modal__actions,
.al-modal__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 폼 모달 공통 본문 패턴 (상세 카드 · 2열 필드 · 그리드 표) */
.modal--form .modal-detail__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 32px;
  border-radius: 12px;
  border: 1px solid #badaff;
  background: #fff;
  box-shadow: 0 0 6px #ede9fe;
  box-sizing: border-box;
}
.modal--form .modal-detail__fields {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.modal--form .modal-detail__col {
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.modal--form .modal-detail__row {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.modal--form .modal-detail__row--fixed-h {
  min-height: 48px;
}
.modal--form .modal-detail__label {
  flex: 0 0 120px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  color: #1e293b;
}
.modal--form .modal-detail__control {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: flex-end;
}
.modal--form .modal-detail__static-input {
  width: 100%;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #e2e8f0;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  color: #64748b;
}
.modal--form .modal-detail__static-input--multiline {
  height: auto;
  min-height: 120px;
  align-items: flex-start;
  padding: 12px 16px;
  white-space: pre-wrap;
  word-break: break-word;
}
.modal--form .modal-detail__row--align-start {
  align-items: flex-start;
}
.modal--form .modal-detail__row--align-start .modal-detail__label {
  padding-top: 12px;
}
.modal--form .modal-detail__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  width: 100%;
}
.modal--form .modal-detail__radio-label {
  display: inline-flex;
  gap: 8px;
  align-items: flex-start;
  cursor: default;
}
.modal--form .modal-detail__radio-text {
  font-size: 17px;
  line-height: 1.5;
  color: #1e293b;
  padding-top: 3px;
}
.modal--form .modal-detail__radio {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: 3px;
  border-radius: 100px;
  border: 1.4px solid #94a3b8;
  background: #fff;
}
.modal--form .modal-detail__radio--checked {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-color: #047bb6;
}
.modal--form .modal-detail__radio--checked::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 16px;
  background: #047bb6;
}
.modal--form .modal-detail__radio--disabled {
  background: #e2e8f0;
}
.modal--form .modal-detail__divider {
  margin: 0;
  width: 100%;
  height: 0;
  border: 0;
  border-bottom: 1px dashed #cbd5e1;
}
.modal--form .modal-detail__members-title {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #1e293b;
}
.modal--form .modal-detail__members-count {
  font-size: 25px;
  font-weight: 700;
  color: #03699c;
}
.modal--form .modal-detail__members {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.modal--form {
  /* 그룹원 목록: 공통 form-tbl에 모달 상세용 톤만 보정 */
}
.modal--form .form-tbl--modal-group-members {
  --column-count: 3;
  width: 100%;
}
.modal--form .form-tbl--modal-group-members .table-header {
  background: #f0f7ff;
  border-radius: 8px;
}
.modal--form .form-tbl--modal-group-members .table-header .table-cell {
  padding: 12px;
  font-weight: 700;
  color: #002236;
}
.modal--form .form-tbl--modal-group-members .table-cell__row {
  border-bottom-color: #e2e8f0;
}
.modal--form .form-tbl--modal-group-members .table-body .table-cell {
  font-size: 17px;
  font-weight: 400;
  color: #0f172a;
  min-height: 56px;
  padding: 12px;
}
.modal--form .form-tbl--modal-group-members .table-body .table-cell__row:last-child {
  border-bottom: 1px solid #e2e8f0;
}
.modal--form .modal-detail__text-input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
  font: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  color: #1e293b;
}
.modal--form .modal-detail__text-input::placeholder {
  color: #64748b;
}
.modal--form .modal-detail__text-input:focus {
  outline: 2px solid rgba(4, 123, 182, 0.35);
  outline-offset: 1px;
}
.modal--form .modal-detail__card--scroll {
  max-height: min(520px, 58vh);
  overflow-y: auto;
}
.modal--form .modal-detail__fields--stack {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
}
.modal--form .modal-detail__fields--strong-label .modal-detail__label {
  font-weight: 700;
}
.modal--form .modal-detail__text-input--readonly {
  background: #e2e8f0;
  color: #64748b;
  cursor: default;
}
.modal--form .modal-detail__text-input--readonly:focus {
  outline: none;
  border-color: #94a3b8;
}
.modal--form .modal-detail__text-input--compact {
  height: 40px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 1.4;
}
.modal--form .modal-detail__text-input--center {
  text-align: center;
}
.modal--form .modal-detail__control--password {
  position: relative;
  justify-content: stretch;
}
.modal--form .modal-detail__text-input--password {
  padding-right: 48px;
}
.modal--form .modal-detail__pw-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.modal--form .modal-detail__pw-toggle:focus-visible {
  outline: 2px solid rgba(4, 123, 182, 0.45);
  outline-offset: 2px;
  border-radius: 4px;
}
.modal--form .modal-detail__pw-toggle-icon {
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.37468%208.232C1.31912%208.08232%201.31912%207.91767%201.37468%207.768C1.91581%206.4559%202.83435%205.33402%204.01386%204.5446C5.19336%203.75517%206.58071%203.33374%208.00001%203.33374C9.41932%203.33374%2010.8067%203.75517%2011.9862%204.5446C13.1657%205.33402%2014.0842%206.4559%2014.6253%207.768C14.6809%207.91767%2014.6809%208.08232%2014.6253%208.232C14.0842%209.54409%2013.1657%2010.666%2011.9862%2011.4554C10.8067%2012.2448%209.41932%2012.6663%208.00001%2012.6663C6.58071%2012.6663%205.19336%2012.2448%204.01386%2011.4554C2.83435%2010.666%201.91581%209.54409%201.37468%208.232Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cline%20x1='1.12971'%20y1='4.65618'%20x2='14.6562'%20y2='11.8703'%20stroke='%2394A3B8'%20stroke-width='1.67'%20stroke-linecap='round'/%3e%3crect%20x='7'%20y='8'%20width='2'%20height='2'%20fill='%2394A3B8'/%3e%3c/svg%3e") no-repeat center/contain;
}
.modal--form .modal-detail__pw-toggle.is-visible .modal-detail__pw-toggle-icon {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.37468%208.23224C1.31912%208.08256%201.31912%207.91792%201.37468%207.76824C1.91581%206.45614%202.83435%205.33427%204.01386%204.54484C5.19336%203.75541%206.58071%203.33398%208.00001%203.33398C9.41932%203.33398%2010.8067%203.75541%2011.9862%204.54484C13.1657%205.33427%2014.0842%206.45614%2014.6253%207.76824C14.6809%207.91792%2014.6809%208.08256%2014.6253%208.23224C14.0842%209.54434%2013.1657%2010.6662%2011.9862%2011.4556C10.8067%2012.2451%209.41932%2012.6665%208.00001%2012.6665C6.58071%2012.6665%205.19336%2012.2451%204.01386%2011.4556C2.83435%2010.6662%201.91581%209.54434%201.37468%208.23224Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20stroke='%2394A3B8'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.modal--form .modal-detail__static-input--white {
  background: #fff;
  color: #1e293b;
}
.modal--form .modal-detail__control--start {
  justify-content: flex-start;
}
.modal--form .modal-detail__table-wrap {
  width: 100%;
  max-height: 320px;
  overflow: auto;
  border: 1px solid #e6ebf5;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
}
.modal--form .modal-detail__table-wrap .al-table {
  margin: 0;
}
.modal--form .modal-code-detail .modal-detail__label {
  flex: 0 0 160px;
}
.modal--form .modal-code-detail .al-toggle {
  width: 32px;
  height: 20px;
  border: 0;
  background: #cbd5e1;
}
.modal--form .modal-code-detail .al-toggle[aria-checked=true] {
  background: #047bb6;
  border-color: transparent;
}
.modal--form .modal-code-detail .al-toggle .al-toggle__thumb {
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
  box-shadow: none;
}
.modal--form .modal-code-detail .al-toggle[aria-checked=true] .al-toggle__thumb {
  transform: translateX(12px);
}
.modal--form .modal-code-detail .al-toggle[aria-checked=true] .al-toggle__thumb::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4%209.4L0%205.4L1.4%204L4%206.6L10.6%200L12%201.4L4%209.4Z'%20fill='%23F0F7FF'/%3e%3c/svg%3e") no-repeat center/contain;
}
.modal--form {
  /* 그룹 등록·수정: 좌우 회원 피커 — 가이드 폼/표 패턴 유지, 레이아웃만 modal-detail 블록으로 통일 */
}
.modal--form .modal-detail__pick {
  width: 100%;
}
.modal--form .modal-detail__pick-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
}
.modal--form .modal-detail__pick-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  min-height: 0;
}
.modal--form .modal-detail__pick-col .modal-detail__members-title {
  margin: 0;
}
.modal--form .modal-detail__pick-card {
  border-radius: 12px;
  border: 1px solid var(--primary_All4_blue-p-60, #03699c);
  background: var(--gray-g-00, #fff);
  display: flex;
  padding: 1px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  flex: 0 1 auto;
  min-height: 420px;
  margin-top: 0;
  box-sizing: border-box;
}
.modal--form .modal-detail__pick-card .form--search {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--primary_All4_blue-p-10, #badaff);
  background: var(--primary_All4_blue-p-00, #f0f7ff);
  height: 80px;
  padding: 16px;
  margin: 0;
  width: 100%;
  flex-shrink: 0;
}
.modal--form .modal-detail__pick-card .form--search .form__input::placeholder {
  color: #64748b;
}
.modal--form .modal-detail__pick-card .form--search .form__field--search {
  height: 48px;
}
.modal--form .modal-detail__pick-card .table-wrapper {
  padding: 0 16px 16px;
  flex: 1 0 0;
  min-height: 280px;
  max-height: min(520px, 48vh);
  overflow-y: auto;
  box-sizing: border-box;
}
.modal--form .member-pick-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal--form .member-pick-list__head {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 40px;
  padding: 0 8px;
  border-radius: 8px;
  background: #f0f7ff;
}
.modal--form .member-pick-list__head-cell {
  flex: 0 0 80px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  color: #002236;
  text-align: center;
}
.modal--form .member-pick-list__head-cell--grow {
  flex: 1;
  min-width: 0;
}
.modal--form .member-pick-list__head-spacer {
  flex: 0 0 72px;
}
.modal--form .member-pick-list__row {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 64px;
  padding: 0 8px;
  border-top: 1px solid #e2e8f0;
}
.modal--form .member-pick-list__row:first-of-type {
  border-top: 0;
}
.modal--form .member-pick-list__row--last {
  border-bottom: 1px solid #e2e8f0;
}
.modal--form .member-pick-list__cell {
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 12px 0;
  font-size: 17px;
  line-height: 1.5;
  color: #1e293b;
  text-align: center;
}
.modal--form .member-pick-list__cell--info {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  text-align: left;
}
.modal--form .member-pick-list__id {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
  color: #1e293b;
}
.modal--form .member-pick-list__mail {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #475569;
}
.modal--form .member-pick-list__mail-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}
.modal--form .member-pick-list__action {
  flex: 0 0 auto;
}
.modal--form .member-pick-list__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 60px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #1e293b;
  border-radius: 4px;
  background: #fff;
  font: inherit;
  font-size: 15px;
  line-height: 1.5;
  color: #1e293b;
  cursor: pointer;
  white-space: nowrap;
}
.modal--form .member-pick-list__btn:focus-visible {
  outline: 2px solid #047bb6;
  outline-offset: 1px;
}
.modal--form .member-pick-list__btn-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}
.modal--form .member-pick-list__btn-icon--add {
  position: relative;
}
.modal--form .member-pick-list__btn-icon--add::before,
.modal--form .member-pick-list__btn-icon--add::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #1e293b;
  transform: translate(-50%, -50%);
  border-radius: 0.5px;
}
.modal--form .member-pick-list__btn-icon--add::before {
  width: 10px;
  height: 1.5px;
}
.modal--form .member-pick-list__btn-icon--add::after {
  width: 1.5px;
  height: 10px;
}

.forbidden-alert {
  margin-top: 20px;
  padding: 16px 24px 24px;
  border: 1px solid #f5145b;
  border-radius: 6px;
  background: #fff0f5;
}
.forbidden-alert__title {
  margin: 0 0 12px;
  color: #e30084;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}
.forbidden-alert__list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.forbidden-alert__item {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  color: #1e293b;
  font-size: 15px;
  line-height: 1.5;
}
.forbidden-alert__item::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e30084;
  flex-shrink: 0;
}
.forbidden-alert__keyword {
  color: #c20070;
  font-size: 17px;
  font-weight: 500;
}
.forbidden-alert__reason {
  color: #1e293b;
}

.file-drop {
  min-height: 150px;
  border: 1px dashed #c9d3df;
  border-radius: 12px;
  background: #f8fafc;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--al-color-text-subtle);
  cursor: pointer;
}
.file-drop__title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--al-color-text);
  display: block;
}
.file-drop__meta {
  display: block;
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--al-color-text-muted);
}
.file-drop__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  height: 40px;
  margin-top: 20px;
  padding: 0 18px;
  border: 1px solid var(--al-color-primary);
  border-radius: 6px;
  background: var(--al-color-surface);
  color: var(--al-color-primary);
  font-size: 15px;
  font-weight: 600;
}

.pagination,
.al-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination [data-al-page-first],
.pagination [data-al-page-last],
.al-pagination [data-al-page-first],
.al-pagination [data-al-page-last] {
  display: none;
}
.pagination__nav,
.al-pagination__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  color: #33363d;
  border-radius: 4px;
  font-family: inherit;
  white-space: nowrap;
}
.pagination__nav:hover:not(:disabled),
.al-pagination__nav:hover:not(:disabled) {
  color: var(--al-color-text-muted);
}
.pagination__nav:disabled,
.al-pagination__nav:disabled {
  color: #8a949e;
  cursor: not-allowed;
  opacity: 0.55;
}
.pagination__nav:disabled:hover,
.al-pagination__nav:disabled:hover {
  color: #8a949e;
}
.pagination__nav:focus-visible,
.al-pagination__nav:focus-visible {
  outline: 2px solid var(--al-color-text-muted);
  outline-offset: 2px;
}
.pagination__pages,
.al-pagination__pages {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pagination__page,
.al-pagination__page {
  min-width: 40px;
  height: 40px;
  padding: 0 7px;
  border-radius: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  color: #33363d;
  font-family: inherit;
}
.pagination__page:hover:not(.pagination__page--active,
.al-pagination__page--active):not(:disabled),
.al-pagination__page:hover:not(.pagination__page--active,
.al-pagination__page--active):not(:disabled) {
  color: var(--al-color-text-muted);
}
.pagination__page--active,
.al-pagination__page--active {
  background: var(--al-color-pagination-active-bg);
  color: var(--al-color-pagination-active-fg);
  font-weight: 800;
}
.pagination__page:disabled,
.al-pagination__page:disabled {
  cursor: default;
}
.pagination__page:focus-visible,
.al-pagination__page:focus-visible {
  outline: 2px solid var(--al-color-text-muted);
  outline-offset: 2px;
}
.pagination__ellipsis,
.al-pagination__ellipsis {
  min-width: 26px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #33363d;
  letter-spacing: 1px;
  user-select: none;
}
.pagination__nav--prev::before,
.al-pagination__nav--prev::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.82885%2013.1128C7.58254%2013.3865%207.16101%2013.4087%206.88734%2013.1624L0.220677%207.1622C0.0802044%207.03577%20-6.78466e-06%206.85566%20-5.98167e-06%206.66667C-4.38395e-06%206.47768%200.08021%206.29757%200.220685%206.17114L6.88735%200.171143C7.16102%20-0.0751631%207.58255%20-0.0529775%207.82886%200.220696C8.07516%200.494369%208.05298%200.915896%207.7793%201.1622L1.66322%206.66668L7.77931%2012.1713C8.05298%2012.4176%208.07516%2012.8391%207.82885%2013.1128Z'%20fill='%2333363D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.pagination__nav--next::after,
.al-pagination__nav--next::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.171135%2013.1128C0.417435%2013.3865%200.838961%2013.4087%201.11264%2013.1624L7.77931%207.16262C7.91978%207.03619%208%206.85609%208.00001%206.6671C8.00001%206.47811%207.9198%206.298%207.77933%206.17156L1.11267%200.171158C0.839001%20-0.0751573%200.417473%20-0.0529859%200.171158%200.220679C-0.0751572%200.494344%20-0.0529858%200.915872%200.220679%201.16219L6.33678%206.66705L0.220706%2012.1713C-0.0529718%2012.4176%20-0.075166%2012.8391%200.171135%2013.1128Z'%20fill='%2333363D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}

.file-upload__dropzone,
.al-file-upload__dropzone {
  border: 1px dashed #c9d3df;
  border-radius: 12px;
  text-align: center;
  padding: 28px 24px 22px;
  background: #f8fafc;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.file-upload__dropzone--active,
.al-file-upload__dropzone--active {
  border-color: var(--al-color-primary);
  background: var(--al-color-surface-tint);
}
.file-upload__hint,
.al-file-upload__hint {
  margin: 0;
  color: var(--al-color-text);
  font-size: 16px;
  font-weight: 500;
}
.file-upload__meta,
.al-file-upload__meta {
  margin: 10px 0 0;
  color: #4f5f72;
  font-size: 14px;
}
.file-upload__input,
.al-file-upload__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.file-upload__actions,
.al-file-upload__actions {
  margin-top: 20px;
}
.file-upload__message,
.al-file-upload__message {
  margin-top: 12px;
  padding: 8px 10px;
  border-radius: var(--al-radius-sm);
  font-size: 13px;
  line-height: 1.45;
  color: #b42020;
  background: rgba(255, 229, 229, 0.7);
  border: 1px solid rgba(180, 32, 32, 0.18);
  text-align: left;
  width: fit-content;
  max-width: min(42rem, 100%);
  margin-inline: auto;
}
.file-upload__message[hidden],
.al-file-upload__message[hidden] {
  display: none !important;
}
.file-upload__message:not([hidden]),
.al-file-upload__message:not([hidden]) {
  display: inline-block;
}
.file-upload__message-list,
.al-file-upload__message-list {
  margin: 0;
  padding-left: 1.15rem;
}
.file-upload__message-list li,
.al-file-upload__message-list li {
  margin: 0.2em 0;
}
.file-upload__message-list li:first-child,
.al-file-upload__message-list li:first-child {
  margin-top: 0;
}
.file-upload__message-list li:last-child,
.al-file-upload__message-list li:last-child {
  margin-bottom: 0;
}
.file-upload__list,
.al-file-upload__list {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.file-upload__list--compact,
.al-file-upload__list--compact {
  margin-top: 0;
}
.file-upload__item,
.al-file-upload__item {
  min-height: 56px;
  border: 1px solid #d8e0ea;
  border-radius: 8px;
  padding: 0 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: var(--al-color-surface);
}
.file-upload__item--empty,
.al-file-upload__item--empty {
  justify-content: center;
  color: var(--al-color-text-muted);
  font-size: 14px;
}
.file-upload__name,
.al-file-upload__name {
  word-break: break-all;
  font-size: 17px;
  font-weight: 500;
  color: #263445;
}
.file-upload__item-actions,
.al-file-upload__item-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.file-upload__btn,
.al-file-upload__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  border-radius: var(--al-radius-sm);
  padding: 6px 0;
  cursor: pointer;
  font-size: 13px;
  font-family: inherit;
  color: #475569;
}
.file-upload__btn:hover,
.al-file-upload__btn:hover {
  color: var(--al-color-primary);
  background: transparent;
}
.file-upload__btn[data-action=download]::after,
.al-file-upload__btn[data-action=download]::after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.999%2010.1689C16.3672%2010.1689%2016.666%2010.4677%2016.666%2010.8359V13.502C16.666%2013.8701%2016.3672%2014.1689%2015.999%2014.1689H0.666992C0.49018%2014.1689%200.320336%2014.0987%200.195312%2013.9736C0.0702836%2013.8486%20-4.31637e-05%2013.6788%200%2013.502L0.000976562%2010.8359C0.00106638%2010.4679%200.299027%2010.1691%200.666992%2010.1689C1.03518%2010.169%201.33407%2010.4677%201.33398%2010.8359L1.33301%2012.8359H15.333V10.8359C15.333%2010.4679%2015.631%2010.1691%2015.999%2010.1689ZM8.33301%200C8.70109%200%208.99982%200.297976%209%200.666016V8.76074L12.0195%205.62109C12.2747%205.3557%2012.6965%205.34738%2012.9619%205.60254C13.2273%205.85772%2013.2356%206.27952%2012.9805%206.54492L8.81348%2010.8779C8.68779%2011.0086%208.51435%2011.083%208.33301%2011.083C8.15178%2011.0829%207.97816%2011.0086%207.85254%2010.8779L3.68652%206.54492C3.43133%206.27952%203.43967%205.85773%203.70508%205.60254C3.97049%205.34755%204.39233%205.35576%204.64746%205.62109L7.66699%208.76074V0.666016C7.66717%200.298084%207.96508%200.000176161%208.33301%200Z'%20fill='%2333363D'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.file-upload__btn--danger,
.al-file-upload__btn--danger {
  border-color: #fecaca;
  color: #b91c1c;
  background: #fff1f2;
}
.file-upload__btn--danger:hover,
.al-file-upload__btn--danger:hover {
  background: #ffe4e6;
}

/* 권한 관리 (시스템관리) — Figma E-BIT_07시스템관리_03권한관리 */
.perm-mgmt__shell {
  display: flex;
  gap: 32px;
  align-items: stretch;
  width: 100%;
  min-height: min(720px, 100vh - 240px);
  padding: 32px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 6px #ede9fe;
  box-sizing: border-box;
}
.perm-mgmt__col {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.perm-mgmt__col--groups {
  min-width: 280px;
}
.perm-mgmt__heading {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  color: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px;
}
.perm-mgmt {
  /* 좌·우 컬럼 제목의 강조 숫자·단위 공통 */
}
.perm-mgmt__heading-lead {
  font-weight: 700;
}
.perm-mgmt__stat-num {
  margin: 0 4px;
  font-size: 25px;
  font-weight: 700;
  color: #03699c;
}
.perm-mgmt__stat-unit {
  font-weight: 700;
  color: #1e293b;
}
.perm-mgmt {
  /* 좌측 그룹 패널 */
}
.perm-mgmt__panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid #03699c;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.perm-mgmt__search-head {
  flex-shrink: 0;
  padding: 16px;
  background: #f0f7ff;
  border-bottom: 1px solid #badaff;
  border-radius: 11px 11px 0 0;
}
.perm-mgmt__search-form.form--search {
  width: 100%;
  margin: 0;
}
.perm-mgmt__search-form.form--search .form__group {
  margin: 0;
  width: 100%;
}
.perm-mgmt__search-form.form--search .form__field {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  padding-right: 42px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: none;
}
.perm-mgmt__search-form.form--search .form__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
  color: #1e293b;
}
.perm-mgmt__search-form.form--search .form__input::placeholder {
  color: #64748b;
}
.perm-mgmt__search-form.form--search .form__input:focus {
  outline: none;
}
.perm-mgmt__search-form.form--search .form__icon-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
}
.perm-mgmt__search-form.form--search .form__icon-btn--search {
  background: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.66667%2017.3333C6.24444%2017.3333%204.19444%2016.4944%202.51667%2014.8167C0.838889%2013.1389%200%2011.0889%200%208.66667C0%206.24444%200.838889%204.19444%202.51667%202.51667C4.19444%200.838889%206.24444%200%208.66667%200C11.0889%200%2013.1389%200.838889%2014.8167%202.51667C16.4944%204.19444%2017.3333%206.24444%2017.3333%208.66667C17.3333%209.64445%2017.1778%2010.5667%2016.8667%2011.4333C16.5556%2012.3%2016.1333%2013.0667%2015.6%2013.7333L23.0667%2021.2C23.3111%2021.4444%2023.4333%2021.7556%2023.4333%2022.1333C23.4333%2022.5111%2023.3111%2022.8222%2023.0667%2023.0667C22.8222%2023.3111%2022.5111%2023.4333%2022.1333%2023.4333C21.7556%2023.4333%2021.4444%2023.3111%2021.2%2023.0667L13.7333%2015.6C13.0667%2016.1333%2012.3%2016.5556%2011.4333%2016.8667C10.5667%2017.1778%209.64445%2017.3333%208.66667%2017.3333ZM8.66667%2014.6667C10.3333%2014.6667%2011.75%2014.0833%2012.9167%2012.9167C14.0833%2011.75%2014.6667%2010.3333%2014.6667%208.66667C14.6667%207%2014.0833%205.58333%2012.9167%204.41667C11.75%203.25%2010.3333%202.66667%208.66667%202.66667C7%202.66667%205.58333%203.25%204.41667%204.41667C3.25%205.58333%202.66667%207%202.66667%208.66667C2.66667%2010.3333%203.25%2011.75%204.41667%2012.9167C5.58333%2014.0833%207%2014.6667%208.66667%2014.6667Z'%20fill='%23047BB6'/%3e%3c/svg%3e") no-repeat center/24px 24px;
}
.perm-mgmt__group-scroll {
  flex: 1;
  min-height: 200px;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.perm-mgmt__group-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 20px 32px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  font: inherit;
  text-align: left;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.perm-mgmt__group-card:hover {
  border-color: #badaff;
}
.perm-mgmt__group-card--active {
  border-color: #1c8cf4;
  background: #f0f7ff;
  box-shadow: inset 0 0 0 1px #1c8cf4;
}
.perm-mgmt__group-pill {
  flex: 0 0 175px;
  max-width: 175px;
  height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 100px;
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  background: #e2e8f0;
}
.perm-mgmt__group-card--active .perm-mgmt__group-pill {
  background: #1c8cf4;
  color: #fff;
}
.perm-mgmt__group-stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  min-width: 0;
}
.perm-mgmt__group-stat-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  color: #475569;
}
.perm-mgmt__group-stat-label img {
  display: block;
}
.perm-mgmt__group-stat-value {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.5;
}
.perm-mgmt__group-stat-ratio {
  margin: 0;
  font-size: 15px;
  color: #1e293b;
  line-height: 1.5;
}
.perm-mgmt__group-stat-ratio strong {
  font-size: 19px;
  font-weight: 700;
  color: #1c8cf4;
  margin-right: 2px;
}
.perm-mgmt {
  /* 우측 권한 영역 */
}
.perm-mgmt__rights-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border: 1px solid #94a3b8;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.perm-mgmt__select-row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 32px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 17px;
  color: #1e293b;
}
.perm-mgmt__select-row .al-checkbox {
  flex-shrink: 0;
  font-size: 17px;
  font-weight: 400;
  color: #1e293b;
  gap: 8px;
}
.perm-mgmt__rights-scroll {
  flex: 1 1 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 16px 20px;
  box-sizing: border-box;
}
.perm-mgmt__footer {
  flex-shrink: 0;
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  padding: 20px 16px 16px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.05);
}

/* 트리 (체크 + 접기 / 펼치기) */
.perm-tree {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.perm-tree__branch {
  border-radius: 0;
}
.perm-tree__branch .perm-tree__chevron {
  transform: rotate(180deg);
}
.perm-tree__branch.is-collapsed .perm-tree__nest {
  display: none;
}
.perm-tree__branch.is-collapsed .perm-tree__chevron {
  transform: rotate(0deg);
}
.perm-tree__branch--leaf .perm-tree__chevron {
  opacity: 0.45;
  pointer-events: none;
  transform: rotate(0deg);
}
.perm-tree__depth1 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  height: 48px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #7ebfff;
  border-style: solid;
  background: #fff;
}
.perm-tree__depth1--filled {
  background: #f0f7ff;
}
.perm-tree__depth1 .al-checkbox {
  flex-shrink: 0;
  font-size: 17px;
}
.perm-tree__toggle {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  padding: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  text-align: left;
  cursor: pointer;
  line-height: 1.5;
}
.perm-tree__toggle:focus-visible {
  outline: 2px solid #03699c;
  outline-offset: 2px;
  border-radius: 4px;
}
.perm-tree__title {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.5;
}
.perm-tree__chevron {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.4896%200.136895C10.7085%200.333928%2010.7263%200.671148%2010.5293%200.890098L5.72978%206.22343C5.62864%206.33582%205.48455%206.4%205.33335%206.4C5.18215%206.40001%205.03806%206.33584%204.93691%206.22345L0.136914%200.890119C-0.0601304%200.67118%20-0.042382%200.333959%200.176557%200.136914C0.395495%20-0.0601304%200.732717%20-0.0423819%200.929762%200.176557L5.33332%205.0694L9.73637%200.176578C9.93341%20-0.0423712%2010.2706%20-0.0601379%2010.4896%200.136895Z'%20fill='%2303699C'/%3e%3c/svg%3e") no-repeat center/contain;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
.perm-tree {
  /* Figma 486:14204 — extend: 세로선 컬럼만 pl 12px, 2depth 영역만 pt 8px */
}
.perm-tree__nest {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
}
.perm-tree__vbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  width: 13px;
  padding-left: 12px;
}
.perm-tree__vbar::before {
  content: "";
  flex: 1 1 auto;
  width: 1px;
  min-height: 0;
  background-color: #e2e8f0;
}
.perm-tree__vbar {
  /* 디자인 하단 blank (세로선 아래 20px 트랙) */
}
.perm-tree__vbar::after {
  content: "";
  flex-shrink: 0;
  height: 20px;
  width: 1px;
}
.perm-tree__leaves {
  flex: 1;
  min-width: 0;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}
.perm-tree__row {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 40px;
  box-sizing: border-box;
}
.perm-tree__row::before {
  content: "";
  flex-shrink: 0;
  align-self: center;
  width: 32px;
  height: 1px;
  background-color: #e2e8f0;
}
.perm-tree__leaf {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e2e8f0;
  border-style: solid;
  border-radius: 8px;
  font-size: 17px;
  color: #1e293b;
  box-sizing: border-box;
}
.perm-tree__leaf .al-checkbox {
  flex-shrink: 0;
  width: 100%;
  font-size: 17px;
  font-weight: 400;
  color: #1e293b;
  gap: 8px;
}
.perm-tree__leaf-label {
  line-height: 1.5;
}
.perm-tree__branch.is-collapsed .perm-tree__depth1--filled {
  background: #fff;
}
.perm-tree__branch:not(.is-collapsed) .perm-tree__depth1--filled {
  background: #f0f7ff;
}

@media (max-width: 1100px) {
  .perm-mgmt__shell {
    flex-direction: column;
  }
  .perm-mgmt__col {
    width: 100%;
  }
  .perm-mgmt__group-pill {
    flex-basis: 140px;
    max-width: 140px;
  }
}
.mdm-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal_card_content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal--content-station {
  width: min(960px, 100vw - 32px);
}
.modal--content-station .modal__body {
  padding: 24px 32px;
}

/*

================================================
   2. 모달 관련 스타일
================================================
*/
.overflow-y-auto {
  overflow-y: auto;
}

.grid-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}
.grid-content > .modal-card {
  margin-top: 0;
  height: 100%;
  padding: 16px 20px;
}
.grid-content .modal-card:first-child {
  grid-row: 1/span 2;
}

.form--grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form--grid .form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
}
.form--grid .form__row.form__row--max1 {
  grid-template-columns: 1fr;
}
.form--grid .form__row.form__row--max1 .form__group {
  grid-column: 1/-1;
}

.w-900 {
  width: 900px;
}

.w-960 {
  width: min(960px, 100vw - 32px);
}

.w-1200 {
  width: 1200px;
}

.design__grid-card {
  border-radius: 12px;
  border: 1px solid var(--primary_All4_blue-p-60, #03699C);
  background: var(--gray-g-00, #FFF);
  display: flex;
  padding: 1px;
  flex-direction: column;
  gap: 10px;
  flex: 1 0 0;
  margin-top: 20px;
}
.design__grid-card .form--search {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid var(--primary_All4_blue-p-10, #BADAFF);
  background: var(--primary_All4_blue-p-00, #F0F7FF);
  height: 80px;
  padding: 16px;
  margin: 0;
  width: 100%;
  flex-shrink: 0;
}
.design__grid-card .table-wrapper {
  padding: 0 16px;
  flex: 1 0 0;
  overflow-y: auto;
}

.station-info {
  text-align: left;
}
.station-info .station-name {
  color: #1E293B;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
}
.station-info .station-desc {
  display: block;
  color: #475569;
  font-size: 15px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.3333%208.00065C10.4111%208.00065%209.625%207.67565%208.975%207.02565C8.325%206.37565%208%205.58954%208%204.66732C8%203.75621%208.32222%202.97287%208.96667%202.31732C9.61111%201.66176%2010.4%201.33398%2011.3333%201.33398C12.2556%201.33398%2013.0417%201.65898%2013.6917%202.30898C14.3417%202.95898%2014.6667%203.7451%2014.6667%204.66732C14.6667%205.58954%2014.3417%206.37565%2013.6917%207.02565C13.0417%207.67565%2012.2556%208.00065%2011.3333%208.00065ZM11%205.33398H11.6667V2.66732H11V5.33398ZM11.3333%206.66732C11.4222%206.66732%2011.5%206.63398%2011.5667%206.56732C11.6333%206.50065%2011.6667%206.42287%2011.6667%206.33398C11.6667%206.2451%2011.6333%206.16732%2011.5667%206.10065C11.5%206.03398%2011.4222%206.00065%2011.3333%206.00065C11.2444%206.00065%2011.1667%206.03398%2011.1%206.10065C11.0333%206.16732%2011%206.2451%2011%206.33398C11%206.42287%2011.0333%206.50065%2011.1%206.56732C11.1667%206.63398%2011.2444%206.66732%2011.3333%206.66732ZM5.04167%2011.0423C5.23611%2010.8479%205.33334%2010.6118%205.33334%2010.334C5.33334%2010.0562%205.23611%209.8201%205.04167%209.62565C4.84722%209.43121%204.61111%209.33398%204.33334%209.33398C4.05556%209.33398%203.81945%209.43121%203.625%209.62565C3.43056%209.8201%203.33334%2010.0562%203.33334%2010.334C3.33334%2010.6118%203.43056%2010.8479%203.625%2011.0423C3.81945%2011.2368%204.05556%2011.334%204.33334%2011.334C4.61111%2011.334%204.84722%2011.2368%205.04167%2011.0423ZM9.70833%2011.0423C9.90278%2010.8479%2010%2010.6118%2010%2010.334C10%2010.0562%209.90278%209.8201%209.70833%209.62565C9.51389%209.43121%209.27778%209.33398%209%209.33398C8.72222%209.33398%208.48611%209.43121%208.29167%209.62565C8.09722%209.8201%208%2010.0562%208%2010.334C8%2010.6118%208.09722%2010.8479%208.29167%2011.0423C8.48611%2011.2368%208.72222%2011.334%209%2011.334C9.27778%2011.334%209.51389%2011.2368%209.70833%2011.0423ZM2.66667%2014.6673C2.47778%2014.6673%202.31945%2014.6034%202.19167%2014.4756C2.06389%2014.3479%202%2014.1895%202%2014.0007V12.634C1.77778%2012.4007%201.61111%2012.1423%201.5%2011.859C1.38889%2011.5757%201.33334%2011.2895%201.33334%2011.0007V4.66732C1.33334%203.67843%201.79167%202.98676%202.70834%202.59232C3.625%202.19787%205.22778%202.00065%207.51667%202.00065C7.25%202.37843%207.04167%202.79232%206.89167%203.24232C6.74167%203.69232%206.66667%204.16732%206.66667%204.66732C6.66667%204.78954%206.66945%204.90343%206.675%205.00898C6.68056%205.11454%206.69445%205.22287%206.71667%205.33398H2.66667V7.33398H7.51667C7.93889%207.93398%208.48056%208.41732%209.14167%208.78398C9.80278%209.15065%2010.5333%209.33398%2011.3333%209.33398C11.4556%209.33398%2011.5694%209.33121%2011.675%209.32565C11.7806%209.3201%2011.8889%209.30621%2012%209.28398V11.0007C12%2011.2895%2011.9444%2011.5757%2011.8333%2011.859C11.7222%2012.1423%2011.5556%2012.4007%2011.3333%2012.634V14.0007C11.3333%2014.1895%2011.2694%2014.3479%2011.1417%2014.4756C11.0139%2014.6034%2010.8556%2014.6673%2010.6667%2014.6673H10C9.81111%2014.6673%209.65278%2014.6034%209.525%2014.4756C9.39722%2014.3479%209.33334%2014.1895%209.33334%2014.0007V13.334H4V14.0007C4%2014.1895%203.93611%2014.3479%203.80834%2014.4756C3.68056%2014.6034%203.52222%2014.6673%203.33334%2014.6673H2.66667Z'%20fill='%2394A3B8'/%3e%3c/svg%3e") no-repeat 0 50%;
  padding-left: 18px;
}

.mdm-group-design {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mdm-group-design__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
}

.mdm-group-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 206px;
  grid-template-areas: "basic list" "map list";
  gap: 20px;
}
.mdm-group-detail__card {
  padding: 0;
  overflow: hidden;
  margin-top: 0 !important;
}
.mdm-group-detail__card .modal-card__header {
  margin: 0 28px;
  padding: 22px 0 14px;
}
.mdm-group-detail__card .modal-card__body {
  padding: 16px 28px 20px;
}
.mdm-group-detail__card--basic {
  grid-area: basic;
  min-height: 0;
}
.mdm-group-detail__card--list {
  grid-area: list;
  grid-row: 1/span 2;
  min-height: 0;
  margin-top: 0 !important;
}
.mdm-group-detail__card--list .modal-card__body {
  padding-top: 0;
}
.mdm-group-detail__card--map {
  grid-area: map;
}
.mdm-group-detail__card--map .modal-card__body {
  padding: 0;
  height: 100%;
}
.mdm-group-detail__card--map .mdm-group-design__map-placeholder {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.mdm-group-detail__info-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mdm-group-detail__info-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}
.mdm-group-detail__info-item .label {
  color: #1E293B;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}
.mdm-group-detail__info-item .value {
  border: 1px solid #94A3B8;
  border-radius: 8px;
  background: #F0F4FA;
  color: #64748B;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  min-height: 48px;
  padding: 6px 16px;
  display: flex;
  align-items: center;
}
.mdm-group-detail__info-item .value--multiline {
  min-height: 162px;
  align-items: flex-start;
  padding-top: 10px;
  white-space: normal;
}

.mdm-group-design__map-placeholder {
  display: flex;
  padding: 24px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--gray-g-40, #94A3B8);
  background: var(--gray-g-00, #FFF);
}
.mdm-group-design__map-placeholder .mdm-group-design__map-icon {
  width: 49px;
  height: 52px;
  background: url("data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='80'%20height='80'%20rx='40'%20fill='%23F8FAFC'/%3e%3cg%20clip-path='url(%23clip0_442_1705)'%3e%3cpath%20d='M26.7357%2035.7188H16.8208C16.8208%2046.9859%2025.8657%2056.1156%2037.0281%2056.1156C31.3429%2056.1156%2026.7357%2046.9859%2026.7357%2035.7188Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M37.0281%2015.3281C25.8657%2015.3281%2016.8208%2024.4578%2016.8208%2035.7194H26.7357C26.7357%2024.4578%2031.3429%2015.3281%2037.0281%2015.3281Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M37.0281%2015.3281C42.7133%2015.3281%2047.3206%2024.4578%2047.3206%2035.7194H57.2355C57.2355%2024.4578%2048.1851%2015.3281%2037.0281%2015.3281Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M37.0281%2056.1234C48.1851%2056.1234%2057.2355%2046.9937%2057.2355%2035.7266H47.3206C47.3206%2046.9937%2042.7133%2056.1234%2037.0281%2056.1234Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M47.3206%2035.7194C47.3206%2024.4578%2042.7133%2015.3281%2037.0281%2015.3281V35.7194H47.3206Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M47.3206%2035.7188H37.0281V56.1156C42.7133%2056.1156%2047.3206%2046.9859%2047.3206%2035.7188Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M26.7357%2035.7194H37.0281V15.3281C31.3429%2015.3281%2026.7357%2024.4578%2026.7357%2035.7194Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M26.7357%2035.7188C26.7357%2046.9859%2031.3429%2056.1156%2037.0281%2056.1156V35.7188H26.7357Z'%20fill='white'%20stroke='%2394A3B8'%20stroke-width='2'/%3e%3cpath%20d='M61.5911%2043.5117H42.9705C41.5424%2043.5117%2040.3824%2044.6826%2040.3824%2046.1241V57.7889C40.3824%2059.236%2041.5424%2060.4014%2042.9705%2060.4014H48.0593V65.6704L53.8211%2060.4014H61.5911C63.0192%2060.4014%2064.1793%2059.236%2064.1793%2057.7889V46.1241C64.1793%2044.6771%2063.0192%2043.5117%2061.5911%2043.5117Z'%20fill='%231C8CF4'%20stroke='%231C8CF4'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M47.8185%2049.6602H56.7485'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M47.8185%2054.0117H56.7485'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_442_1705'%3e%3crect%20width='49'%20height='52'%20fill='white'%20transform='translate(16%2014.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center/contain;
}
.mdm-group-design__map-placeholder p {
  color: var(--gray-g-60, #475569);
  text-align: center;
  font-family: "Pretendard GOV";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search.side-bt {
  justify-content: space-between;
}

.mdm-remote {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mdm-remote__summary .modal-card__body {
  padding-top: 8px;
}
.mdm-remote__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 40px;
}
.mdm-remote__meta-item {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.mdm-remote__meta-item .label {
  position: relative;
  padding-left: 14px;
  color: #475569;
  font-size: 17px;
  font-weight: 500;
}
.mdm-remote__meta-item .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #CBD5E1;
}
.mdm-remote__meta-item .value {
  color: #1E293B;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
.mdm-remote__table-card .modal-card__body {
  padding-top: 16px;
}
.mdm-remote__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.mdm-remote__title {
  margin: 0;
  color: #1E293B;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}
.mdm-remote__title strong {
  color: #047BB6;
}
.mdm-remote__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mdm-remote__actions .form__field {
  width: 110px;
  height: 48px;
  padding: 0 12px;
}
.mdm-remote__actions .btn {
  height: 48px;
  font-size: 17px;
  padding: 0 16px;
  border-radius: 8px;
}
.mdm-remote__snapshot {
  width: 52px;
  height: 52px;
  background: url("data:image/svg+xml,%3csvg%20width='52'%20height='52'%20viewBox='0%200%2052%2052'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='52'%20height='52'%20rx='8'%20fill='%23E2E8F0'/%3e%3cpath%20d='M34.5%2031.661L33.2435%2030.4045V19.065C33.2435%2018.988%2033.2115%2018.9174%2033.1475%2018.8533C33.0833%2018.7893%2033.0128%2018.7573%2032.9358%2018.7573H21.5963L20.3398%2017.5008H32.9358C33.3656%2017.5008%2033.7338%2017.654%2034.0403%2017.9605C34.3468%2018.267%2034.5%2018.6352%2034.5%2019.065V31.661ZM34.3155%2036.2545L32.5615%2034.5008H19.0643C18.6344%2034.5008%2018.2663%2034.3475%2017.9598%2034.041C17.6533%2033.7345%2017.5%2033.3664%2017.5%2032.9365V19.4393L15.7565%2017.6955L16.6513%2016.8008L35.2103%2035.3598L34.3155%2036.2545ZM20.7025%2030.788L23.1463%2027.5943L25.1833%2030.2368L26.561%2028.4885L18.7565%2020.684V32.9365C18.7565%2033.0135%2018.7885%2033.0841%2018.8525%2033.1483C18.9167%2033.2123%2018.9873%2033.2443%2019.0643%2033.2443H31.3168L28.8603%2030.788H20.7025Z'%20fill='%23475569'/%3e%3c/svg%3e") no-repeat center;
}

.btn:has(.ico-delete-sm) {
  padding-left: 10px;
  padding-right: 10px;
}

.btn:has(.ico-snapshot-sm),
.btn:has(.ico-restart-sm) {
  padding-left: 10px;
  padding-right: 10px;
}

.ico-snapshot-sm {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.11117%2012C0.811167%2012%200.550945%2011.8898%200.3305%2011.6695C0.110167%2011.4491%200%2011.1888%200%2010.8888V8.08883H1.11117V10.8888H3.91117V12H1.11117ZM8.08883%2012V10.8888H10.8888V8.08883H12V10.8888C12%2011.1888%2011.8898%2011.4491%2011.6695%2011.6695C11.4491%2011.8898%2011.1888%2012%2010.8888%2012H8.08883ZM0%203.91117V1.11117C0%200.811166%200.110167%200.550945%200.3305%200.3305C0.550945%200.110167%200.811167%200%201.11117%200H3.91117V1.11117H1.11117V3.91117H0ZM10.8888%203.91117V1.11117H8.08883V0H10.8888C11.1888%200%2011.4491%200.110167%2011.6695%200.3305C11.8898%200.550945%2012%200.811166%2012%201.11117V3.91117H10.8888Z'%20fill='%231E293B'/%3e%3cpath%20d='M2.66667%202.66667H9.33333V9.33333H2.66667V2.66667Z'%20fill='%231E293B'/%3e%3c/svg%3e") no-repeat center;
  display: inline-block;
  vertical-align: middle;
}

.ico-restart-sm {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.9995%209.27783C7.64795%209.27783%207.34717%209.15267%207.09717%208.90233C6.84717%208.652%206.72217%208.35106%206.72217%207.9995C6.72217%207.64794%206.84734%207.34717%207.09767%207.09717C7.348%206.84717%207.64895%206.72217%208.0005%206.72217C8.35206%206.72217%208.65284%206.84733%208.90284%207.09767C9.15284%207.348%209.27784%207.64894%209.27784%208.0005C9.27784%208.35206%209.15267%208.65283%208.90234%208.90283C8.652%209.15283%208.35106%209.27783%207.9995%209.27783ZM8%2014C6.37411%2014%204.98339%2013.4398%203.82784%2012.3195C2.67228%2011.1991%202.06672%209.82961%202.01117%208.21117H3.13334C3.18522%209.52228%203.68061%2010.6297%204.6195%2011.5333C5.55839%2012.437%206.68523%2012.8888%208%2012.8888C9.36189%2012.8888%2010.5172%2012.4145%2011.4658%2011.4658C12.4145%2010.5172%2012.8888%209.36189%2012.8888%208C12.8888%206.63811%2012.4145%205.48283%2011.4658%204.53417C10.5172%203.5855%209.36189%203.11117%208%203.11117C7.23334%203.11117%206.51667%203.28339%205.85%203.62783C5.18334%203.97228%204.60739%204.44078%204.12217%205.03333H5.88884V6.1445H2.2445V2.5H3.3555V4.2C3.93706%203.50367%204.63139%202.96294%205.4385%202.57783C6.24561%202.19261%207.09945%202%208%202C8.83334%202%209.61389%202.15833%2010.3417%202.475C11.0694%202.79167%2011.7028%203.21944%2012.2417%203.75833C12.7806%204.29722%2013.2083%204.93056%2013.525%205.65833C13.8417%206.38611%2014%207.16667%2014%208C14%208.83333%2013.8417%209.61389%2013.525%2010.3417C13.2083%2011.0694%2012.7806%2011.7028%2012.2417%2012.2417C11.7028%2012.7806%2011.0694%2013.2083%2010.3417%2013.525C9.61389%2013.8417%208.83334%2014%208%2014Z'%20fill='%231E293B'/%3e%3c/svg%3e") no-repeat center;
  display: inline-block;
  vertical-align: middle;
}

.ico-delete-sm {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.26665%2012.6654L3.33331%2011.732L7.06665%207.9987L3.33331%204.26536L4.26665%203.33203L7.99998%207.06536L11.7333%203.33203L12.6666%204.26536L8.93331%207.9987L12.6666%2011.732L11.7333%2012.6654L7.99998%208.93203L4.26665%2012.6654Z'%20fill='%231E293B'/%3e%3c/svg%3e") no-repeat center;
  display: inline-block;
  vertical-align: middle;
}

.al-deploy-detail .pagination,
.al-deploy-detail .al-pagination {
  margin-top: 16px;
}
.al-deploy-detail .mdm-remote__actions .form__field {
  width: 180px;
}
.al-deploy-detail .al-table th,
.al-deploy-detail .al-table td {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.al-deploy-detail__info-item--wide {
  grid-column: 1/-1;
}
.al-deploy-detail__info-item--wide .value {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.al-deploy-detail__count {
  margin-left: 10px;
  color: #1E293B;
  font-size: 17px;
  font-weight: 700;
}
.al-deploy-detail__count strong {
  font-size: 19px;
}
.al-deploy-detail__count--success strong {
  color: #24933f;
}
.al-deploy-detail__count--danger strong {
  color: #de3412;
}
.al-deploy-detail__count--warn strong {
  color: #c78500;
}

.al-deploy-register .step {
  margin-bottom: 8px;
}
.al-deploy-register .al-radio,
.al-deploy-register .al-checkbox {
  font-size: 17px;
}
.al-deploy-register__target {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}

.op-task .modal__body {
  padding: 32px;
}
.op-task .modal-card__body {
  padding: 0;
}
.op-task .pagination,
.op-task .al-pagination {
  margin-top: 16px;
}
.op-task__content {
  gap: 20px;
}
.op-task__step {
  padding: 0 120px;
}
.op-task__card {
  margin-top: 0 !important;
}
.op-task__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.op-task__search {
  margin-left: 0;
}
.op-task__search .form__field {
  width: 320px;
  height: 48px;
}
.op-task__table-wrapper {
  max-height: 216px;
  overflow-y: auto;
  padding-right: 8px;
}
.op-task__table th,
.op-task__table td {
  padding-left: 20px;
  padding-right: 20px;
}
.op-task__table tbody td {
  height: 58px;
  padding-top: 14px;
  padding-bottom: 14px;
  color: #334155;
  font-size: 17px;
}
.op-task__map-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 282px;
  border-radius: 10px;
  background: #f1f3f5;
  color: #8a8f98;
  font-size: 32px;
  font-weight: 800;
}
.op-task__attach {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.op-task__attach-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.op-task__attach-count {
  margin: 0;
  font-size: 17px;
  color: #03699c;
}
.op-task__attach-count-text {
  color: #1e293b;
}
.op-task__attach-count strong {
  font-weight: 700;
  color: #03699c;
}
.op-task__attach-clear {
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #1e293b;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
  color: #1e293b;
  cursor: pointer;
}
.op-task__attach-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.op-task__attach-item {
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  min-width: 0;
  padding: 8px 20px;
  border: 1px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
}
.op-task__attach-thumb {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.op-task__attach-thumb img {
  display: block;
  width: 24px;
  height: 24px;
}
.op-task__attach-meta {
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
.op-task__attach-name {
  width: 100%;
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.op-task__attach-spec {
  font-size: 15px;
  color: #475569;
  line-height: 1.5;
}
.op-task__attach-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  gap: 4px;
  min-height: 32px;
  border: 1px solid transparent;
  background: transparent;
  padding: 0 2px;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: #f5145b;
  cursor: pointer;
}
.op-task__attach-remove img {
  display: block;
  flex-shrink: 0;
}
.op-task__reg-kvgroups {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 960px) {
  .op-task__step {
    padding: 0;
  }
}
@media (max-width: 560px) {
  .op-task__attach-list {
    grid-template-columns: 1fr;
  }
}

.op-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.op-detail__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}
.op-detail__column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.op-detail__column--map {
  align-self: stretch;
  display: flex;
}
.op-detail__card {
  border: 1px solid #badaff;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 6px #ede9fe;
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}
.op-detail__card--work {
  border-color: #61812d;
  background: #f7f9f0;
}
.op-detail__card--stretch {
  flex: 1;
  width: 100%;
  min-height: 280px;
}
.op-detail__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #cbd5e1;
}
.op-detail__card-head--work {
  border-bottom-color: #b1cd66;
}
.op-detail__card-title {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail__card--work .op-detail__card-title {
  color: #759b36;
}
.op-detail__card-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.op-detail__card-icon img {
  width: 20px;
  height: 20px;
  display: block;
}
.op-detail__kv {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.op-detail__kv-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 26px;
}
.op-detail__kv-label {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #475569;
}
.op-detail__kv-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #94a3b8;
  flex-shrink: 0;
}
.op-detail__kv-value {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail__kv-value--warn {
  color: #de3412;
}
.op-detail__kv-time {
  font-size: 15px;
  color: #475569;
}
.op-detail__work-body {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
  color: #1e293b;
}
.op-detail__work-body p {
  margin: 0 0 4px;
}
.op-detail__work-body p:last-child {
  margin-bottom: 0;
}
.op-detail__stop {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-height: 0;
}
.op-detail__stop-name {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 4px 12px;
  border-radius: 8px;
  background: #e0efff;
  border: 1px solid #e0efff;
  font-size: 15px;
  font-weight: 700;
  color: #03699c;
  text-align: center;
}
.op-detail__map-placeholder {
  flex: 1;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f4f5f6;
  font-size: 32px;
  font-weight: 700;
  color: rgba(30, 33, 36, 0.5);
}
.op-detail__panel {
  border: 1px solid #03699c;
  border-radius: 12px;
  background: #fff;
  padding: 24px 32px;
  box-shadow: 0 0 6px #ede9fe;
  box-sizing: border-box;
}
.op-detail__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cbd5e1;
}
.op-detail__panel-title {
  margin: 0;
  font-size: 21px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail details.op-detail__panel > summary {
  list-style: none;
  cursor: pointer;
}
.op-detail details.op-detail__panel > summary::-webkit-details-marker {
  display: none;
}
.op-detail details.op-detail__panel > summary:focus-visible {
  outline: 2px solid #03699c;
  outline-offset: 3px;
  border-radius: 4px;
}
.op-detail details.op-detail__panel:not([open]) > .op-detail details.op-detail__panel__panel-head {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.op-detail details.op-detail__panel[open] .op-detail details.op-detail__panel__panel-chevron {
  transform: rotate(0deg);
}
.op-detail__panel-chevron {
  display: block;
  width: 24px;
  height: 24px;
  opacity: 0.7;
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}
.op-detail__panel-body {
  padding-top: 0;
}
.op-detail__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.op-detail__timeline-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 12px;
  align-items: center;
  position: relative;
  padding-bottom: 16px;
}
.op-detail__timeline-item:not(.op-detail__timeline-item--last)::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0px;
  bottom: 0;
  width: 1px;
  background: #94a3b8;
}
.op-detail__timeline-item--active:not(.op-detail__timeline-item--last)::after {
  background: #014569;
}
.op-detail__timeline-node {
  width: 32px;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  z-index: 1;
}
.op-detail__timeline-node--active {
  background: #014569;
}
.op-detail__timeline-node--active img {
  display: block;
}
.op-detail__timeline-node--muted {
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  background: #cbd5e1;
  border: 1px solid #94a3b8;
}
.op-detail__timeline-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 24px;
}
.op-detail__timeline-status {
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail__timeline-meta {
  font-size: 15px;
  line-height: 1.5;
}
.op-detail__timeline-date {
  color: #1e293b;
}
.op-detail__timeline-time {
  color: #64748b;
}
.op-detail__evidence {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.op-detail__evidence-count {
  margin: 0;
  font-size: 17px;
  line-height: 1.5;
  color: #03699c;
}
.op-detail__evidence-count strong {
  font-weight: 700;
  color: #03699c;
}
.op-detail__evidence-count--files {
  padding-top: 8px;
}
.op-detail__evidence-count-strong {
  font-weight: 700;
  color: #1e293b;
}
.op-detail__file-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.op-detail__file-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 8px 20px;
  border: 1px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}
.op-detail__file-thumb {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.op-detail__file-thumb img {
  width: 24px;
  height: 24px;
  display: block;
}
.op-detail__file-thumb:is(a) {
  text-decoration: none;
  color: inherit;
  cursor: zoom-in;
  box-sizing: border-box;
}
.op-detail__file-thumb:is(a):focus-visible {
  outline: 2px solid #03699c;
  outline-offset: 2px;
}
.op-detail__file-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.op-detail__file-name {
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.op-detail__file-spec {
  font-size: 15px;
  color: #475569;
  line-height: 1.5;
}
.op-detail__file-remove {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-height: 32px;
  padding: 0 2px;
  border: 1px solid transparent;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  color: #f5145b;
  cursor: pointer;
}
.op-detail__file-remove img {
  display: block;
}
.op-detail__file-row {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 48px;
  padding: 8px 20px;
  border: 1px solid #94a3b8;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}
.op-detail__file-row-name {
  flex: 1;
  min-width: 0;
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail__file-download {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  min-height: 32px;
  padding: 0 2px;
  border: 1px solid transparent;
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  color: #475569;
  cursor: pointer;
}
.op-detail__file-download img {
  display: block;
}
.op-detail__action {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.op-detail__action-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
}
.op-detail__action-row--stack {
  align-items: flex-start;
}
.op-detail__action-label {
  flex: 0 0 160px;
  font-size: 17px;
  color: #1e293b;
  line-height: 1.5;
}
.op-detail__action-label--top {
  padding-top: 12px;
}
.op-detail__radios {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.op-detail__radios .al-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  color: #1e293b;
}
.op-detail__action-field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.op-detail__textarea {
  width: 100%;
  min-height: 160px;
  resize: vertical;
  box-sizing: border-box;
  padding: 12px 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
  color: #1e293b;
}
.op-detail__textarea::placeholder {
  color: #64748b;
}
.op-detail__action-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.op-detail__btn-wide {
  min-width: 130px;
}
@media (max-width: 900px) {
  .op-detail__grid {
    grid-template-columns: 1fr;
  }
  .op-detail__file-grid {
    grid-template-columns: 1fr;
  }
}

.al-transfer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr);
  align-items: stretch;
  gap: 16px;
}
.al-transfer__panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #94A3B8;
  border-radius: 12px;
  background: #fff;
}
.al-transfer__header {
  min-height: 72px;
  padding: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #BADAFF;
  background: #F0F7FF;
}
.al-transfer__title {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  color: #1E293B;
}
.al-transfer__title strong {
  color: #1C8CF4;
}
.al-transfer__list {
  min-height: 160px;
  margin: 0;
  padding: 16px;
  overflow-y: auto;
  list-style: none;
  display: grid;
  align-content: start;
  gap: 12px;
  max-height: 300px;
}
.al-transfer__item {
  padding-bottom: 12px;
  border-bottom: 1px solid #E2E8F0;
}
.al-transfer__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.al-transfer__controls .btn {
  min-width: 40px;
  width: 40px;
  padding: 0;
  font-size: 19px;
}

.mdm-remote-log {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mdm-remote-log__item {
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.mdm-remote-log__summary {
  list-style: none;
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
}
.mdm-remote-log__summary::-webkit-details-marker {
  display: none;
}
.mdm-remote-log__summary .num {
  color: #014569;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.mdm-remote-log__summary .name {
  color: #0F172A;
  font-size: 17px;
  line-height: 1.5;
  flex-shrink: 0;
}
.mdm-remote-log__summary .result {
  color: #0F172A;
  font-size: 17px;
  line-height: 1.5;
}
.mdm-remote-log__summary .result em {
  font-style: normal;
  color: #1C8CF4;
  font-weight: 900;
}
.mdm-remote-log__summary .date-wrap {
  padding-left: 8px;
  border-left: 1px solid #E2E8F0;
  display: flex;
  align-items: center;
}
.mdm-remote-log__summary .date {
  color: #0F172A;
  font-size: 15px;
  white-space: nowrap;
}
.mdm-remote-log__summary .time {
  color: #475569;
}
.mdm-remote-log__summary .chevron {
  width: 9px;
  height: 5px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  transform: rotate(0deg);
  background: url("data:image/svg+xml,%3csvg%20width='9'%20height='5'%20viewBox='0%200%209%205'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.775%204.475L0.15%200.85C0.1%200.8%200.0625%200.745833%200.0375%200.6875C0.0125%200.629167%200%200.566667%200%200.5C0%200.366667%200.0458333%200.25%200.1375%200.15C0.229167%200.05%200.35%200%200.5%200H8.1C8.25%200%208.37083%200.05%208.4625%200.15C8.55417%200.25%208.6%200.366667%208.6%200.5C8.6%200.533333%208.55%200.65%208.45%200.85L4.825%204.475C4.74167%204.55833%204.65833%204.61667%204.575%204.65C4.49167%204.68333%204.4%204.7%204.3%204.7C4.2%204.7%204.10833%204.68333%204.025%204.65C3.94167%204.61667%203.85833%204.55833%203.775%204.475Z'%20fill='%23334155'/%3e%3c/svg%3e") no-repeat center;
  transition: transform 0.3s ease;
}
.mdm-remote-log__item[open] .mdm-remote-log__summary .chevron {
  transform: rotate(180deg);
}
.mdm-remote-log__body {
  border-top: 1px solid #E2E8F0;
  padding: 12px 16px 12px 52px;
}
.mdm-remote-log__body ol {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mdm-remote-log__body li {
  color: #1E293B;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.mdm-remote-request__card .modal-card__body {
  padding: 24px 28px;
}
.mdm-remote-request__title {
  margin: 0 0 12px;
  color: #0F172A;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}
.mdm-remote-request__divider {
  border-top: 1px dashed #CBD5E1;
  margin: 18px 0 22px;
}
.mdm-remote-request__command {
  border: 1px solid #BADAFF;
  border-radius: 12px;
  background: #F0F7FF;
  padding: 16px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.mdm-remote-request__command .form__field {
  flex: 1;
  height: 48px;
  padding: 0 16px;
  border-color: #94A3B8;
  background: #fff;
}
.mdm-remote-request__command .btn {
  min-width: 78px;
  height: 48px;
  border-radius: 6px;
  font-size: 17px;
  font-weight: 500;
  color: #03699C;
  border-color: #03699C;
  background: #E0EFFF;
}

/*

===== ===========================================
   3. 라운드 리스트 스타일
================================================  

*/
.round-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.round-list__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.round-list__item .label {
  position: relative;
  color: var(--gray-g-60, #475569);
  font-family: "Pretendard GOV";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  padding-left: 14px;
  width: 120px;
  flex-shrink: 0;
}
.round-list__item .label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #CBD5E1;
  width: 8px;
  height: 8px;
}
.round-list__item .danger {
  color: #de3412 !important;
  font-weight: 900 !important;
}
.round-list__item .danger small {
  color: #BD2C0F;
}
.round-list__item .warn {
  font-weight: 900 !important;
  color: #ffb114 !important;
}
.round-list__item .warn small {
  color: #C78500;
}
.round-list__item .value {
  color: var(--gray-g-80, #1E293B);
  font-family: "Pretendard GOV";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.mdm-status-modal {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mdm-status-modal .modal-card {
  margin-top: 0;
}
.mdm-status-modal__head-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.mdm-status-modal__head-box {
  min-height: 91px;
  border-radius: 12px;
  border: 1px solid var(--gray-g-20, #E2E8F0);
  background: var(--gray-g-10, #F1F5F9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.mdm-status-modal__head-box p {
  margin: 0;
  font-size: 15px;
  color: #475569;
}
.mdm-status-modal__head-box strong {
  font-size: 17px;
  font-weight: 400;
  color: #1e293b;
}
.mdm-status-modal__data-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.mdm-status-modal__block h4 {
  margin: 0 0 12px;
  font-size: 19px;
  font-weight: 700;
  color: #0f172a;
  height: 48px;
  display: flex;
  align-items: center;
}
.mdm-status-modal__block ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.mdm-status-modal__block li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  color: #1e293b;
}
.mdm-status-modal__block li span:first-child {
  min-width: 120px;
  font-size: 15px;
  color: #475569;
}
.mdm-status-modal__block li small {
  font-weight: 400 !important;
  font-size: 13px !important;
}
.mdm-status-modal__block li .value .time {
  font-size: 15px;
  color: #475569;
}
.mdm-status-modal .mb-20 {
  margin-bottom: 20px;
}
.mdm-status-modal__block--dashed {
  height: 1px;
  border-top: 1px dashed #cbd5e1;
}
.mdm-status-modal__filter-row {
  background: #f0f7ff;
  border: 1px solid #badaff;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  display: flex;
  gap: 0 12px;
}
.mdm-status-modal .form__date_group {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.mdm-status-modal .form__date_group > label {
  color: var(--gray-g-80, #1E293B);
  font-family: "Pretendard GOV";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  white-space: nowrap;
}
.mdm-status-modal .form__date_group .form__field--date {
  width: 156px;
}
.mdm-status-modal .form__date_group .form__field--time {
  width: 110px;
}
.mdm-status-modal__chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.mdm-status-modal__chart-grid .chart-placeholder {
  min-height: 160px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 700;
  color: rgba(30, 33, 36, 0.5);
}
.mdm-status-modal .divider {
  border-bottom: 1px dashed var(--gray-g-30, #CBD5E1);
  margin: 20px 0;
}
.mdm-status-modal__table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
}
.mdm-status-modal__table-head p {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  color: #1e293b;
}
.mdm-status-modal__table-head strong {
  color: #03699c;
  font-size: 25px;
}
.mdm-status-modal__table-head .form__field {
  width: 122px;
}
.mdm-status-modal .time-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mdm-status-modal .time-wrap.inline {
  flex-direction: row;
  gap: 4px;
}
.mdm-status-modal .time-wrap span {
  white-space: nowrap;
}
.mdm-status-modal .time-wrap .time {
  font-size: 15px;
  color: #475569;
}
.mdm-status-modal .unit-value small {
  font-size: 13px;
  color: #475569;
}
.mdm-status-modal .unit-value-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mdm-status-modal .unit-value-wrap .unit-value-desc {
  font-size: 13px;
  color: #475569;
}
.mdm-status-modal .unit-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mdm-status-modal .unit-text-wrap .unit-text {
  font-size: 17px;
  color: #1E293B;
}
.mdm-status-modal .unit-text-wrap .unit-text-desc {
  font-size: 15px;
  color: #475569;
  white-space: nowrap;
}
.mdm-status-modal__remote-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.mdm-status-modal__remote-grid > .left,
.mdm-status-modal__remote-grid > .right {
  min-width: 0;
}
.mdm-status-modal__remote-grid > .right {
  border-left: 1px dashed #cbd5e1;
  padding-left: 20px;
}
.mdm-status-modal__remote-grid h4 {
  margin: 0 0 12px;
  font-size: 19px;
  font-weight: 700;
  color: #0f172a;
  display: flex;
  height: 48px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.mdm-status-modal__command {
  background: #f0f7ff;
  border: 1px solid #badaff;
  border-radius: 12px;
  padding: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-bottom: 12px;
}
.mdm-status-modal__simple-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.mdm-status-modal__simple-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  color: #1e293b;
}
.mdm-status-modal__simple-list li span:first-child {
  min-width: 96px;
  color: #475569;
  font-size: 15px;
}
.mdm-status-modal__dashed {
  border-top: 1px dashed #cbd5e1;
  margin: 20px 0;
}
.mdm-status-modal .image-placeholder {
  min-height: 160px;
  border-radius: 12px;
  background: #f4f5f6;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(30, 33, 36, 0.5);
  font-size: 32px;
  font-weight: 700;
}

.equipment-detail__title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.equipment-detail__code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #e0efff;
  border-radius: 4px;
  background: #fff;
  color: #1c8cf4;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.5;
}
.equipment-detail__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.equipment-detail__summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 32px;
  border: 1px solid #badaff;
  border-radius: 10px;
  background: #e0efff;
  box-shadow: 0 0 6px 0 #ede9fe;
}
.equipment-detail__summary-label, .equipment-detail__summary-title, .equipment-detail__summary-desc {
  margin: 0;
  line-height: 1.5;
}
.equipment-detail__summary-label {
  color: #475569;
  font-size: 15px;
  font-weight: 600;
}
.equipment-detail__summary-title {
  color: #03699c;
  font-size: 25px;
  font-weight: 700;
}
.equipment-detail__summary-desc {
  color: #1e293b;
  font-size: 17px;
  font-weight: 400;
}
.equipment-detail__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.equipment-detail__card {
  margin-top: 0 !important;
  padding: 24px 32px;
  border-color: #badaff;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 #ede9fe;
}
.equipment-detail__card .modal-card__header {
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom-color: #cbd5e1;
}
.equipment-detail__card .modal-card__title {
  color: #1e293b;
  font-size: 21px;
  font-weight: 600;
}
.equipment-detail__card .modal-card__body {
  padding: 0;
}
.equipment-detail__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.equipment-detail__list .round-list__item {
  min-height: 26px;
}
.equipment-detail__list .value {
  font-weight: 400;
}
.equipment-detail__history .modal-card__header {
  margin-bottom: 18px;
}
.equipment-detail__table .al-table th,
.equipment-detail__table .al-table td {
  padding-right: 16px;
  padding-left: 16px;
}
.equipment-detail__table .al-table tbody tr td {
  padding-top: 18px;
  padding-bottom: 18px;
  color: #0f172a;
  font-size: 17px;
}
.equipment-detail__time {
  color: #475569;
  font-size: 15px;
}
.equipment-detail__input {
  width: 100%;
  height: 48px;
  min-width: 0;
  padding: 0 16px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #1e293b;
  font-family: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
.equipment-detail__input:focus {
  border-color: #047bb6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(4, 123, 182, 0.14);
}
.equipment-detail__input::placeholder {
  color: #64748b;
  opacity: 1;
}
.equipment-detail__input--readonly {
  border-color: #94a3b8;
  background: #e2e8f0;
  color: #64748b;
}
.equipment-detail__form-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.equipment-detail__form-row {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.equipment-detail__form-label {
  color: #1e293b;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}
.equipment-detail__split-field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.equipment-detail__multiply {
  flex-shrink: 0;
  color: #1e293b;
  font-size: 17px;
  line-height: 1.5;
}
.equipment-detail--regist .equipment-detail__spec {
  min-height: 310px;
}
.equipment-detail--regist .equipment-detail__form-row {
  grid-template-columns: 160px minmax(0, 1fr);
}

.battery-detail__title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.battery-detail__state {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid #e0efff;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.5;
}
.battery-detail__state--normal {
  color: #228738;
}
.battery-detail__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.battery-detail__card {
  margin-top: 0 !important;
  padding: 24px 32px;
  border-color: #badaff;
  border-radius: 12px;
  box-shadow: 0 0 6px 0 #ede9fe;
}
.battery-detail__card .modal-card__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom-color: #cbd5e1;
}
.battery-detail__card .modal-card__title {
  color: #1e293b;
  font-size: 21px;
  font-weight: 600;
}
.battery-detail__card .modal-card__body {
  padding: 0;
}
.battery-detail__summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.battery-detail__summary-box {
  min-height: 73px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f1f5f9;
  text-align: center;
}
.battery-detail__summary-label {
  color: #475569;
  font-size: 15px;
  line-height: 1.5;
}
.battery-detail__summary-value, .battery-detail__soc {
  color: #1e293b;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}
.battery-detail__summary-value small, .battery-detail__soc small {
  font-size: 15px;
  font-weight: 400;
}
.battery-detail__soc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.battery-detail__soc--normal {
  color: #228738;
}
.battery-detail__soc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 10px;
  flex-shrink: 0;
}
.battery-detail__soc-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.battery-detail__chart {
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  color: rgba(30, 33, 36, 0.5);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
.battery-detail__chart--wide {
  height: 160px;
}
.battery-detail__chart--preview {
  min-height: 178px;
  height: 100%;
}
.battery-detail__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  min-height: 280px;
}
.battery-detail__level-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.battery-detail__level-item {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 26px;
  color: #1e293b;
  font-size: 17px;
  line-height: 1.5;
}
.battery-detail__level-item strong {
  min-width: 28px;
  font-size: 17px;
  line-height: 1.5;
}
.battery-detail__level-item small {
  font-size: 15px;
  font-weight: 400;
}
.battery-detail__level-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 120px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 900;
}
.battery-detail__level-item--normal .battery-detail__level-label,
.battery-detail__level-item--normal strong,
.battery-detail__level-item--normal small {
  color: #228738;
}
.battery-detail__level-item--warn .battery-detail__level-label,
.battery-detail__level-item--warn strong,
.battery-detail__level-item--warn small {
  color: #c78500;
}
.battery-detail__level-item--danger .battery-detail__level-label,
.battery-detail__level-item--danger strong,
.battery-detail__level-item--danger small {
  color: #ff6d00;
}
.battery-detail__level-item--low .battery-detail__level-label,
.battery-detail__level-item--low strong,
.battery-detail__level-item--low small {
  color: #de3412;
}
.battery-detail__level-item--critical .battery-detail__level-label,
.battery-detail__level-item--critical strong,
.battery-detail__level-item--critical small {
  color: #4a0404;
}
.battery-detail__level-input {
  width: 100%;
  height: 48px;
  min-width: 0;
  max-width: 154px;
  padding: 0 12px;
  border: 1px solid #94a3b8;
  border-radius: 6px;
  background: #fff;
  color: #1e293b;
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
}
.battery-detail__level-input:focus {
  border-color: #047bb6;
  outline: none;
  box-shadow: 0 0 0 2px rgba(4, 123, 182, 0.14);
}
.battery-detail--modify .battery-detail__level-item {
  min-height: 38px;
}