:root {

  --bg: #f4f5f7;

  --panel: #ffffff;

  --line: #d6d7da;

  --primary: #3b3f46;

  --accent: #7a8cff;

  --text: #222;

  --muted: #666;

}



* {

  box-sizing: border-box;

}



body {

  margin: 0;

  font-family: "Malgun Gothic", "Noto Sans KR", Arial, sans-serif;

  background: transparent;

  color: var(--text);

  min-height: 100vh;

  position: relative;

}



.page-login {

  height: 100vh;

  overflow: hidden;

  padding-top: 200px;

  box-sizing: border-box;

}



/* 배경 ?�진�??�짝 ?�전??기울�?보정 (모서�??�백?� ?��?�?가�? */

body::before {

  content: "";

  position: fixed;

  z-index: -2;

  top: -6%;

  left: -6%;

  width: 112%;

  height: 112%;

  background: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1920&q=80")

    center / cover no-repeat;

  transform: perspective(1400px) rotateX(-0.7deg) rotate(0.55deg);

  filter: brightness(1.16);

  pointer-events: none;

  display: block;

}



body::after {

  content: "";

  position: fixed;

  z-index: -1;

  inset: 0;

  background: linear-gradient(rgba(10, 18, 35, 0.34), rgba(10, 18, 35, 0.34));

  pointer-events: none;

}



.wrap {

  max-width: 840px;

  margin: 32px auto;

  padding: 0 16px;

}



.wrap.wrap--login {

  max-width: 410px;

  margin-top: 0;

  margin-bottom: 32px;

  transform: none;

}



.page-login .login-tagline {

  max-width: 100%;

  margin: 0 auto;

  padding: min(5vh, 40px) 16px 0;

  text-align: center;

  white-space: nowrap;

  font-size: min(2.65rem, max(0.75rem, calc((100vw - 40px) / 17)));

  font-weight: 700;

  line-height: 1.45;

  letter-spacing: -0.03em;

  color: #fff;

  text-shadow:

    0 2px 4px rgba(0, 0, 0, 0.5),

    0 0 28px rgba(0, 0, 0, 0.4);

}



.page-login .login-tagline-sub {

  max-width: min(100%, 640px);

  margin: min(2.2vh, 22px) auto 0;

  padding: 0 16px 4px;

  text-align: center;

  font-size: clamp(1.05rem, 3.2vw, 1.45rem);

  font-weight: 600;

  line-height: 1.55;

  letter-spacing: 0.02em;

  color: rgba(255, 255, 255, 0.95);

  text-shadow:

    0 1px 3px rgba(0, 0, 0, 0.45),

    0 0 20px rgba(0, 0, 0, 0.35);

}



.page-login .login-tagline-sub__line {

  display: inline-block;

}



.panel {

  border: 1px solid var(--line);

  background: rgba(255, 255, 255, 0.96);

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);

}



/* 로그?? 배경 ?��?지가 비치??글?�스 ?�널 */

.wrap--login .panel {

  background: rgba(255, 255, 255, 0.28);

  border: 1px solid rgba(255, 255, 255, 0.45);

  box-shadow:

    0 8px 32px rgba(0, 0, 0, 0.18),

    inset 0 1px 0 rgba(255, 255, 255, 0.5);

  backdrop-filter: blur(14px);

  -webkit-backdrop-filter: blur(14px);

}



.wrap--login .login-hero-title {

  margin: 0 auto 10px;

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 12px;

  text-align: left;

  width: 100%;

  margin-left: -5px;

  padding-left: 0;

}



.wrap--login .login-hero-logo {

  width: 84px;

  height: 84px;

  object-fit: contain;

  display: inline-block;

  margin: 0;

  border-radius: 12px;

}



.wrap--login .login-hero-company-name {

  color: #edf5ff;

  font-family: Tahoma, "Segoe UI", Arial, sans-serif;

  font-size: 42px;

  font-weight: 900;

  letter-spacing: 0.4px;

  line-height: 1;

  white-space: nowrap;

  text-shadow:

    0 1px 0 rgba(15, 40, 76, 0.55),

    0 2px 0 rgba(20, 58, 107, 0.42),

    0 0 2px rgba(196, 225, 255, 0.9);

}



.wrap--login .subtitle {

  background: rgba(228, 230, 235, 0.45);

  border-top: 1px solid rgba(255, 255, 255, 0.35);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  font-weight: 700;

  padding: 8px 10px;

  font-size: 15px;

  text-align: center;

}



.wrap--login .content .row label {

  color: #1b1d22;

  text-shadow: 0 0 12px rgba(255, 255, 255, 0.85);

}



.title {

  background: var(--primary);

  color: #fff;

  padding: 16px 20px;

  font-size: 16px;

  font-weight: 700;

}



.subtitle {

  background: #e4e6eb;

  padding: 10px 20px;

  color: #333;

  border-top: 1px solid #5f636b;

}



.content {

  padding: 24px 20px 20px;

}



.row {

  display: flex;

  align-items: center;

  margin-bottom: 12px;

  gap: 12px;

}



.row label {

  width: 90px;

  color: #333;

  font-weight: 600;

}



.row input,

.row select {

  flex: 1;

  height: 36px;

  border: 1px solid #c8ccd3;

  border-radius: 6px;

  padding: 0 10px;

}



.radio-group {

  display: flex;

  gap: 16px;

  margin: 8px 0 18px;

}



.actions {

  display: flex;

  justify-content: center;

  gap: 10px;

  margin-top: 14px;

}



/* 로그?? 1???�이???�력+버튼, 2??비�?번호+?�력 */

.wrap--login .login-form {

  display: grid;

  grid-template-columns: auto minmax(0, 1fr) auto;

  gap: 12px 12px;

  align-items: center;

  width: 100%;

}



.wrap--login .login-form__label {

  text-align: right;

  justify-self: end;

  font-weight: 600;

  color: #333;

  text-shadow: 0 0 12px rgba(255, 255, 255, 0.85);

  white-space: nowrap;

}



.wrap--login .login-form__label--id {

  text-align: left;

  justify-self: start;

  padding-right: 0.35em;

}



.wrap--login .login-form__input {

  min-width: 0;

  width: 94%;

  height: 38px;

  border: 1px solid #c8ccd3;

  border-radius: 6px;

  padding: 0 10px;

  box-sizing: border-box;

  font-size: 18px;

}



.wrap--login .login-form__submit {

  grid-row: 1 / 3;

  grid-column: 3;

  height: 88px;

  align-self: stretch;

}



.wrap--login .login-form__cell-spacer {

  grid-row: 2;

  grid-column: 3;

  width: 0;

  height: 0;

  overflow: hidden;

  visibility: hidden;

  pointer-events: none;

}



.wrap--login .login-form__extra {

  grid-column: 1 / -1;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  gap: 12px 24px;

  margin-top: 2px;

  padding-top: 10px;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

}



.wrap--login .login-form__link {

  color: #fff;

  font-size: 15px;

  font-weight: 600;

  text-decoration: none;

  text-shadow:

    0 1px 2px rgba(0, 0, 0, 0.45),

    0 0 12px rgba(0, 0, 0, 0.35);

}



.wrap--login .login-form__link:hover {

  text-decoration: underline;

  color: #f0f0f0;

}



button,

.btn-link {

  height: 36px;

  border: 0;

  border-radius: 6px;

  padding: 0 16px;

  cursor: pointer;

  text-decoration: none;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

}



.btn-primary {

  background: var(--accent);

  color: #fff;

}



.btn-primary:hover {

  filter: brightness(1.06);

}



/* 기본 primary(--accent)보다 ?????�두??변????class="btn-primary btn-primary--dark" */

.btn-primary.btn-primary--dark {

  background: #4a52b3;

  color: #fff;

}



.btn-primary.btn-primary--dark:hover {

  filter: brightness(1.08);

}



.btn-secondary {

  background: #eceef2;

  color: #2b2d33;

}



.btn-danger {

  background: #d93025;

  color: #fff;

  border: 1px solid rgba(145, 0, 0, 0.18);

  border-radius: 3px;

  min-width: 106px;

  padding: 7px 24px;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 0.15em;

  box-shadow:

    0 1px 2px rgba(0, 0, 0, 0.18),

    inset 0 1px 0 rgba(255, 255, 255, 0.18);

}



.btn-danger:hover {

  filter: brightness(1.06);

}



.helper-links {

  margin-top: 12px;

  text-align: center;

  color: var(--muted);

  font-size: 14px;

}



.helper-links a {

  color: #2f4ea2;

  text-decoration: none;

  margin: 0 4px;

}



.notice {

  margin-top: 24px;

  padding: 12px;

  border: 1px dashed #b5b7bc;

  color: #444;

  background: #fafbff;

  font-size: 13px;

}



.footer {

  text-align: center;

  color: #777;

  margin: 24px 0 8px;

  font-size: 12px;

}



/* ---------- ?�원?�록 ?�식 (??+ 분홍 ?�벨) ---------- */

body.page-register {

  min-height: 100vh;

  min-height: 100dvh;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: min(5vh, 40px) 16px min(8vh, 64px);

  box-sizing: border-box;

}



.page-register .wrap.wrap--register {

  width: 100%;

  max-width: 680px;

  margin: 0 auto;

  max-height: min(calc(100dvh - 32px), calc(100vh - 32px));

  display: flex;

  flex-direction: column;

  flex-shrink: 0;

}



.page-register .reg-sheet.panel {

  display: flex;

  flex-direction: column;

  min-height: 0;

  flex: 1;

  max-height: 100%;

  background: rgba(255, 255, 255, 0.22);

  border: 1px solid rgba(255, 255, 255, 0.45);

  box-shadow:

    0 8px 32px rgba(0, 0, 0, 0.2),

    inset 0 1px 0 rgba(255, 255, 255, 0.45);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

}



.page-register .reg-sheet .title {

  text-align: center;

  padding: 11px 16px;

  font-size: 16px;

  flex-shrink: 0;

  background: rgba(59, 63, 70, 0.88);

  color: #fff;

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

}



.reg-sheet__body {

  padding: 11px 11px 12px;

  flex: 1;

  min-height: 0;

  overflow-y: auto;

}



.page-register .reg-sheet__body {

  padding: 9px 9px 11px;

}



.reg-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 11px;

  table-layout: fixed;

  border: 1px solid #b8958a;

}



.reg-table th,

.reg-table td {

  border: 1px solid #b8958a;

  padding: 5px 7px;

  vertical-align: middle;

}



.reg-table th {

  width: 124px;

  background: #e4eaf3;

  color: #333;

  font-weight: 600;

  text-align: right;

  white-space: nowrap;

}



.reg-table td {

  background: #fff;

}



.page-register .reg-table th {

  background: rgba(228, 235, 245, 0.78);

}



.page-register .reg-table td {

  background: rgba(255, 255, 255, 0.82);

}



.reg-req {

  color: #c62828;

  font-weight: 700;

  margin-right: 2px;

}



.reg-hint {

  margin: 4px 0 0;

  color: #c62828;

  font-size: 9px;

  line-height: 1.35;

}



.reg-hint--block {

  margin-top: 8px;

  color: #5d4d47;

  font-size: 10px;

  line-height: 1.45;

  max-width: 40em;

}



/* ?�품 구매(?�이지) 구매?�원: 조회 결과가 ?�을 ?�만 ??�? 비어 ?�으�??�래 빈줄 ?�음 */

.reg-hint--product-order-member:empty {

  display: none;

  margin: 0;

}

.reg-hint--product-order-member:not(:empty) {

  margin: 6px 0 0;

  color: #5d4d47;

  font-size: 10px;

}



.reg-input,

.reg-select,

.reg-textarea {

  font-size: 11px;

  font-family: inherit;

  border: 1px solid #b8b8b8;

  border-radius: 2px;

  padding: 3px 5px;

  background: #fff;

}



.reg-input--wide {

  width: 100%;

  max-width: 100%;

}



.reg-input--narrow-field {

  width: 36%;

  max-width: 168px;

  min-width: 72px;

  box-sizing: border-box;

}



.reg-inline .reg-input--narrow-field {

  flex-shrink: 0;

}



.reg-input--zip {

  width: 90px;

}



.reg-input--ssn {

  width: 75px;

}



.reg-input--phone {

  width: 54px;

}



.reg-input--account {

  flex: 1;

  min-width: 120px;

  max-width: 100%;

}



.reg-inline--account-row {

  flex-wrap: wrap;

  align-items: center;

  gap: 6px 10px;

}



.reg-select--bank {

  flex-shrink: 0;

  min-width: 10.5em;

  max-width: 100%;

}



.reg-input--bank {

  flex-shrink: 0;

  min-width: 10.5em;

  max-width: 160px;

  width: 10.5em;

}



.reg-input--bank-custom {

  flex-shrink: 0;

  min-width: 10.5em;

  max-width: 160px;

  width: 10.5em;

}



.reg-input--holder {

  width: 7.5em;

  min-width: 72px;

  max-width: 160px;

  flex-shrink: 0;

}



.reg-inline--account-row .reg-input--account {

  flex: 1 1 140px;

  min-width: 100px;

  max-width: none;

}



/* ?�터?�록 계좌?�보: 직접?�력 ?�택 ?�에????�??�름 ?��? */

.reg-inline.reg-inline--account-row.reg-inline--center-account {

  flex-wrap: nowrap !important;

  gap: 6px 10px;

}



.reg-inline.reg-inline--account-row.reg-inline--center-account.is-direct-bank {

  flex-wrap: wrap !important;

}



.reg-inline--center-account .center-account-group {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  flex-shrink: 0;

}



.reg-inline--center-account .center-account-group--bank .reg-select--bank,

.reg-inline--center-account .center-account-group--bank .reg-input--bank-custom {

  width: 112px;

  min-width: 112px;

  max-width: 112px;

  flex: 0 0 112px;

}



.reg-inline--center-account .reg-input--holder {

  width: 98px;

  min-width: 98px;

  max-width: 98px;

  flex: 0 0 98px;

}



.reg-inline--center-account .reg-input--account {

  width: 165px;

  min-width: 165px;

  max-width: 165px;

  flex: 0 0 165px;

}



.reg-select {

  min-width: 92px;

  height: 26px;

  padding: 2px 4px;

}



.reg-textarea {

  width: 100%;

  resize: vertical;

  min-height: 72px;

  max-height: 120px;

  line-height: 1.42;

}



.reg-inline {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 4px 7px;

}



.reg-inline--tight {

  gap: 3px;

}



/* ?�품?�택: ?�?�트 + ?�매가 + PV ??�?고정 */

.reg-inline--product-pricing {

  flex-wrap: nowrap;

  align-items: center;

  gap: 6px 8px;

  min-width: 0;

  max-width: 100%;

  box-sizing: border-box;

}



.reg-inline--product-pricing .reg-select--product {

  flex: 0 1 auto;

  width: auto;

  max-width: 12em;

  min-width: 9em;

}



.reg-inline--product-pricing .reg-product-label,

.reg-inline--product-pricing .reg-product-unit {

  font-size: 13px;

  color: #444;

  white-space: nowrap;

  flex-shrink: 0;

}



.reg-inline--product-pricing .reg-product-unit {

  color: #666;

}



.reg-inline--product-pricing .reg-product-sale {

  width: 8.5em;

  max-width: 148px;

  min-width: 76px;

  flex: 0 0 auto;

  box-sizing: border-box;

  text-align: center;

}



.reg-inline--product-pricing .reg-product-pv {

  width: 7.5em;

  max-width: 128px;

  min-width: 70px;

  flex: 0 0 auto;

  box-sizing: border-box;

  text-align: center;

}



/* ?�원?�록: ?�매가·PV???�시�??�릭·?�커??불�?) ??JS�?값만 갱신 */

body.page-register .reg-inline--product-pricing .reg-product-sale,

body.page-register .reg-inline--product-pricing .reg-product-pv {

  pointer-events: none;

  cursor: default;

  user-select: none;

}



.reg-inline--wrap {

  align-items: center;

}



.reg-stack {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.reg-sep {

  color: #555;

  user-select: none;

}



.reg-muted {

  color: #444;

  font-size: 11px;

  white-space: nowrap;

}



.reg-radio {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  cursor: pointer;

  font-weight: 500;

  font-size: 11px;

  line-height: 1;

}



.reg-radio input[type="radio"] {

  margin: 0;

  transform: translateY(0);

}



.reg-radio-group {

  display: flex;

  align-items: center;

  gap: 20px;

  flex-wrap: wrap;

}



.reg-mini-btn {

  font-size: 10px;

  padding: 2px 9px;

  border: 1px solid #888;

  border-radius: 2px;

  background: linear-gradient(to bottom, #fafafa, #e8e8e8);

  cursor: pointer;

  white-space: nowrap;

}



/* ?�력칸과 ??줄일 ???�이 맞춤 (ID 중복?�인, ?�편번호찾기 ?? */

.reg-inline .reg-mini-btn {

  box-sizing: border-box;

  height: 24px;

  min-height: 0;

  padding: 0 8px;

  font-size: 11px;

  line-height: 1;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.reg-mini-btn:hover {

  background: linear-gradient(to bottom, #fff, #efefef);

}



.reg-lookup {

  width: 26px;

  height: 24px;

  padding: 0;

  font-size: 9px;

  line-height: 1;

  border: 1px solid #5b7fc7;

  border-radius: 2px;

  background: linear-gradient(to bottom, #7fa3e8, #5b7fc7);

  color: #fff;

  cursor: pointer;

  flex-shrink: 0;

}



.reg-lookup:hover {

  filter: brightness(1.05);

}



/* ?�품 구매(?�이지) 구매?�원: ?�보�?+ 찾기 */

.reg-lookup--find {

  width: auto;

  min-width: 56px;

  height: 24px;

  padding: 0 8px 0 6px;

  gap: 4px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: -0.02em;

}



.reg-lookup__icon svg {

  width: 14px;

  height: 14px;

  display: block;

  flex-shrink: 0;

}



.reg-lookup__label {

  line-height: 1;

}



.reg-actions {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  flex-wrap: wrap;

  margin-top: 14px;

  flex-shrink: 0;

}



.reg-actions__login {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-size: 12px;

  font-weight: 600;

  color: #fff;

  text-decoration: none;

  white-space: nowrap;

  text-shadow:

    0 1px 2px rgba(0, 0, 0, 0.45),

    0 0 12px rgba(0, 0, 0, 0.35);

}



.reg-actions__login-arrow {

  display: inline-flex;

  align-items: center;

  line-height: 0;

  opacity: 0.95;

}



.reg-actions__login-icon {

  width: 18px;

  height: 18px;

  display: block;

}



.reg-actions__login:hover {

  text-decoration: underline;

  color: #f5f5f5;

}



.member-lookup-modal[hidden] {

  display: none;

}



.member-lookup-modal {

  position: fixed;

  inset: 0;

  z-index: 60;

}



.member-lookup-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.28);

}



.member-lookup-modal__dialog {

  position: absolute;

  left: 50%;

  top: 120px;

  transform: translateX(-50%);

  width: 440px;

  max-width: calc(100vw - 24px);

  border: 1px solid #a9a9a9;

  background: #f0f0f0;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);

}



.member-lookup-modal__header {

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  height: 30px;

  background: #8d8f9a;

  color: #fff;

  border-bottom: 1px solid #a9a9a9;

}



.member-lookup-modal__header h3 {

  margin: 0;

  font-size: 18px;

  font-weight: 700;

  letter-spacing: 0.02em;

}



.member-lookup-modal__close {

  position: absolute;

  right: 8px;

  top: 5px;

  font-size: 10px;

  border: 1px solid #8f8f8f;

  border-radius: 2px;

  background: #ececec;

  height: 20px;

  padding: 0 6px;

  cursor: pointer;

}



.member-lookup-modal__search {

  padding: 10px 16px 8px;

  text-align: center;

}



.member-lookup-modal__search label {

  display: block;

  margin-bottom: 6px;

  font-size: 20px;

  font-weight: 700;

  color: #111;

  letter-spacing: -0.01em;

}



.member-lookup-modal__search-row {

  display: inline-flex;

  align-items: center;

  gap: 6px;

}



.member-lookup-modal__search-row input {

  width: 120px;

  height: 24px;

}



.member-lookup-modal__search-row button {

  height: 24px;

  padding: 0 10px;

}



.member-lookup-modal__table-wrap {

  margin: 0 8px 8px;

  border-top: 1px solid #b7b7b7;

  background: #fff;

}



.member-lookup-table {

  width: 100%;

  border-collapse: collapse;

  table-layout: fixed;

}



.member-lookup-table th,

.member-lookup-table td {

  border: 1px solid #b7b7b7;

  font-size: 15px;

  text-align: center;

  padding: 3px 4px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.member-lookup-table.member-lookup-table--member th:nth-child(1),

.member-lookup-table.member-lookup-table--member td:nth-child(1) {

  width: 34%;

}



.member-lookup-table.member-lookup-table--member th:nth-child(2),

.member-lookup-table.member-lookup-table--member td:nth-child(2) {

  width: 66%;

}



.member-lookup-table.member-lookup-table--center th:nth-child(1),

.member-lookup-table.member-lookup-table--center td:nth-child(1) {

  width: 34%;

}



.member-lookup-table.member-lookup-table--center th:nth-child(2),

.member-lookup-table.member-lookup-table--center td:nth-child(2) {

  width: 66%;

}



.member-lookup-table th {

  background: #d8d8d8;

  font-weight: 700;

}



.member-lookup-table tbody tr {

  cursor: pointer;

}



.member-lookup-table tbody tr:hover td {

  background: #e9edf7;

}



.member-notice-modal[hidden] {

  display: none;

}



.member-balance-modal[hidden] {

  display: none;

}



.member-balance-modal {

  position: fixed;

  inset: 0;

  z-index: 85;

}



.member-balance-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.36);

}



.member-balance-modal__dialog {

  position: absolute;

  left: 50%;

  top: 46%;

  transform: translate(-50%, -46%);

  width: min(320px, calc(100vw - 24px));

  background: #fff;

  border: 1px solid rgba(120, 130, 160, 0.45);

  border-radius: 10px;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);

  overflow: hidden;

}



#withdrawal-pending-modal .member-balance-modal__dialog {

  top: 40%;

  transform: translate(-50%, -40%);

}



#withdrawal-pending-modal .member-balance-modal__actions {

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 16px 16px;

}



.member-balance-modal__header {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  position: relative;

  padding: 12px 14px;

  background: #4e67bb;

  color: #fff;

}



.member-balance-modal__header h3 {

  margin: 0;

  font-size: 1.05rem;

  font-weight: 700;

  text-align: center;

}



.member-balance-modal__close {

  position: absolute;

  right: 10px;

  top: 6px;

  border: none;

  background: transparent;

  color: rgba(255, 255, 255, 0.95);

  font-size: 16px;

  font-weight: 800;

  line-height: 1;

  cursor: pointer;

  padding: 4px 6px;

  border-radius: 6px;

}



.member-balance-modal__close:hover {

  background: rgba(255, 255, 255, 0.18);

}



.member-balance-modal__body {

  padding: 18px 16px 16px;

  text-align: center;

}



.member-balance-modal__identity {

  margin: 0 0 14px;

  font-size: 1.05rem;

  font-weight: 700;

  color: #1e293b;

  word-break: break-all;

  text-align: center;

}



.member-balance-modal__dot {

  margin: 0 4px;

  color: #64748b;

  font-weight: 600;

}



.member-balance-modal__current {

  margin: 0 0 16px;

  font-size: 1.1rem;

  color: #334155;

  text-align: center;

}



#member-position-modal-identity {

  font-size: 1.22rem;

  font-weight: 800;

  color: #0f172a;

  letter-spacing: 0.01em;

}



.member-balance-modal__current strong {

  font-variant-numeric: tabular-nums;

  color: #0f172a;

  font-size: 1.15rem;

}



.member-balance-modal__current strong.money-won--negative {

  color: #c1121f;

}



.member-balance-modal__input {

  width: 100%;

  box-sizing: border-box;

  min-height: 46px;

  margin-bottom: 10px;

  font-size: 1.1rem;

  text-align: center;

}



#member-balance-modal-amount {

  margin-bottom: 3px;

}



.member-balance-modal__btns {

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  justify-content: center;

}



.member-balance-modal__btns .btn-secondary {

  flex: 1 1 auto;

  min-width: 128px;

  min-height: 44px;

  font-size: 1.05rem;

  font-weight: 700;

  background: #b45309;

  border-color: #b45309;

  color: #fff;

}



.member-balance-modal__btns .btn-secondary:hover {

  filter: brightness(1.05);

}



.member-balance-modal__btns .btn-primary {

  flex: 1 1 auto;

  min-width: 128px;

  min-height: 44px;

  font-size: 1.05rem;

  font-weight: 700;

}



.admin-panel[data-admin-panel="member"] .member-list-money-cell {

  cursor: pointer;

  color: #1e40af;

  font-variant-numeric: tabular-nums;

}



.admin-panel[data-admin-panel="member"] .member-list-money-cell .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



.admin-panel[data-admin-panel="member"] .member-list-money-cell:hover {

  background: rgba(59, 130, 246, 0.08);

}



.admin-panel[data-admin-panel="member"] .member-list-money-cell:focus {

  outline: 2px solid #4e67bb;

  outline-offset: -2px;

}



.admin-panel[data-admin-panel="member"] .member-commission-stop-cell {

  cursor: pointer;

}



.admin-panel[data-admin-panel="member"] .member-position-cell {

  cursor: pointer;

  color: #1e40af;

}



.admin-panel[data-admin-panel="selection"] .center-list-money-cell {

  cursor: pointer;

  color: #1e40af;

  font-variant-numeric: tabular-nums;

}



.admin-panel[data-admin-panel="selection"] .center-list-money-cell .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



.admin-panel[data-admin-panel="member"] .member-commission-stop-cell.is-stopped {

  background: #dc2626;

  color: #fff;

}



/* ?�원 관�??? 리스?????�산 ?�세(?�단 카테고리 추�? ?�이 ?�면�??�환) */

.member-settlement-detail__back-btn {

  font-size: 13px;

  background: #4e67bb !important;

  border-color: #3d5599 !important;

  color: #fff !important;

}



.member-settlement-detail__back-btn:hover {

  background: #3d5599 !important;

  border-color: #2f4480 !important;

  color: #fff !important;

}



/* ?�원 ?�세?�역: 코드·?�름 + 조회 구간 ?�계 */

.member-settlement-detail__meta {

  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

  gap: 10px 20px;

  margin: 10px 0 14px;

  padding: 12px 16px;

  font-size: 13px;

  font-weight: 600;

  color: #1e3a5f;

  background: rgba(228, 235, 245, 0.65);

  border-radius: 8px;

  border: 1px solid rgba(120, 130, 160, 0.3);

  min-width: 0;

  box-sizing: border-box;

}



.member-settlement-detail__meta-identity {

  font-weight: 800;

  color: #0f172a;

  letter-spacing: -0.02em;

}



.member-settlement-detail__meta-totals {

  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

  gap: 8px 18px;

  flex: 0 1 auto;

  justify-content: flex-start;

  min-width: 0;

}



.member-settlement-detail__totals-item {

  display: inline-flex;

  align-items: baseline;

  gap: 4px;

}



.member-settlement-detail__totals-label {

  white-space: nowrap;

  color: #334155;

  font-weight: 700;

  letter-spacing: -0.02em;

}



.member-settlement-detail__totals-value {

  font-weight: 800;

  font-variant-numeric: tabular-nums;

  text-align: right;

  color: #0f172a;

}



.member-settlement-detail__totals-value .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



.member-settlement-detail__search {

  margin: 0 0 10px;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-start;

  gap: 8px 10px;

}



.member-settlement-detail__search-label {

  font-size: 13px;

  color: #333;

  font-weight: 600;

  white-space: nowrap;

}



.member-settlement-detail__date-input {

  width: 170px;

  height: 36px;

  box-sizing: border-box;

}



.member-settlement-detail__reset-btn {

  background: #64748b;

  border-color: #64748b;

  color: #fff;

}



.admin-panel[data-admin-panel="member"] .member-section-settlement-detail .member-settlement-detail__page-title {

  flex-shrink: 0;

  margin: 0;

  padding: 0 8px 14px;

  box-sizing: border-box;

  text-align: center;

  font-size: clamp(26px, 2.6vw, 34px);

  font-weight: 800;

  letter-spacing: -0.02em;

  line-height: 1.2;

  color: #f1f5f9;

  background: transparent;

  border: none;

  border-radius: 0;

  box-shadow: none;

}



/* ?�산 ?�세: ?�목 + 2??카드 ?�역?????�어�??�크 ?�로(?�마 무�?) */

.admin-panel[data-admin-panel="member"] .member-section-settlement-detail {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  width: 100%;

  align-items: stretch;

  box-sizing: border-box;

  margin-top: clamp(8px, 1.8vh, 20px);

  padding: 10px clamp(10px, 2vw, 18px) 18px;

  background: linear-gradient(165deg, #1e293b 0%, #0f172a 52%, #152238 100%);

  border-radius: 16px;

  border: 1px solid rgba(100, 116, 139, 0.5);

  box-shadow: 0 8px 28px rgba(2, 6, 23, 0.38);

}



.admin-panel[data-admin-panel="member"] .member-section-settlement-detail > .admin-table-card {

  display: flex;

  flex-direction: column;

  flex: 0 0 auto;

  margin-top: 0;

  padding: 0 8px 4px;

  background: transparent;

  border: none;

  box-shadow: none;

  max-height: none;

  overflow: visible;

  contain: none;

}



.member-settlement-detail__back-row {

  display: flex;

  justify-content: center;

  align-items: center;

  flex: 0 0 auto;

  align-self: stretch;

  margin-top: 8px;

  padding-top: 10px;

  padding-bottom: 4px;

  border-top: 0;

  box-sizing: border-box;

}



.member-detail-profile-card {

  display: flex;

  align-items: stretch;

  flex-wrap: wrap;

  gap: 14px 18px;

  padding: 18px 18px;

  margin: 2px 0 6px;

  border: 1px solid rgba(100, 116, 139, 0.82);

  border-radius: 18px;

  background: linear-gradient(145deg, #2a3649 0%, #1a2333 52%, #1d2739 100%);

  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.42);

  min-height: 0;

  max-width: min(100%, 810px);

  margin-left: auto;

  margin-right: auto;

}



/* 회원 정산 상세: 왼쪽 한 장(shell--profile-block) + 오른쪽 조직도 — 부모 가로를 꽉 씀 */
#member-detail-profile-card.member-detail-profile-card,
#member-portal-profile-card.member-detail-profile-card {

  border: none;

  background: transparent;

  box-shadow: none;

  padding: 0 0 6px;

  gap: 14px;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

}



#member-detail-profile-card-body, #member-portal-profile-card-body {

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



#member-detail-profile-card-body > .member-detail-profile-card__body-rail , #member-portal-profile-card-body > .member-detail-profile-card__body-rail {

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

  gap: 22px 28px;

  width: 100%;

  max-width: 100%;

  margin-left: auto;

  margin-right: auto;

  align-items: start;

  box-sizing: border-box;

}



#member-detail-profile-card-body .member-detail-profile-card__body-col , #member-portal-profile-card-body .member-detail-profile-card__body-col {

  display: flex;

  flex-direction: column;

  gap: 16px;

  min-width: 0;

}



/* ?�쪽 ?�에?�만 보유금·�?�?그리?��? 좁�? ??�� 맞는 3?�로(글로벌 minmax(250px)??좌열?�서 깨짐) */

#member-detail-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__subtree,
#member-portal-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__subtree,
#member-detail-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__totals,
#member-portal-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__totals {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



@media (max-width: 960px) {

  #member-detail-profile-card-body > .member-detail-profile-card__body-rail , #member-portal-profile-card-body > .member-detail-profile-card__body-rail {

    grid-template-columns: 1fr;

    width: 100%;

    max-width: 100%;

  }

}



#member-detail-profile-card-body .member-detail-profile-card__shell , #member-portal-profile-card-body .member-detail-profile-card__shell {

  flex: none;

  width: 100%;

  max-width: 100%;

  margin-left: 0;

  margin-right: 0;

  box-sizing: border-box;

  padding: 18px 22px;

  border: 1px solid rgba(100, 116, 139, 0.82);

  border-radius: 16px;

  background: linear-gradient(145deg, #2a3649 0%, #1a2333 52%, #1d2739 100%);

  box-shadow: 0 10px 26px rgba(2, 6, 23, 0.38);

}



/* ?�일 블록 shell(조직????: �??�소??카드 ?�에??중복 ?�단???�거 */

#member-detail-profile-card-body .member-detail-profile-card__shell:not(.member-detail-profile-card__shell--profile-block) .member-detail-profile-card__subtree,
#member-portal-profile-card-body .member-detail-profile-card__shell:not(.member-detail-profile-card__shell--profile-block) .member-detail-profile-card__subtree,
#member-detail-profile-card-body .member-detail-profile-card__shell:not(.member-detail-profile-card__shell--profile-block) .member-detail-profile-card__totals,
#member-portal-profile-card-body .member-detail-profile-card__shell:not(.member-detail-profile-card__shell--profile-block) .member-detail-profile-card__totals,
#member-detail-profile-card-body .member-detail-profile-card__shell .member-detail-profile-card__org-chart,
#member-portal-profile-card-body .member-detail-profile-card__shell .member-detail-profile-card__org-chart {

  margin-top: 0;

  padding-top: 0;

  border-top: none;

}



/* ?�쪽 ???? ?�로????보유�???지�? 구간마다 ?�래처럼 ?�선 */

#member-detail-profile-card-body .member-detail-profile-card__shell--profile-block , #member-portal-profile-card-body .member-detail-profile-card__shell--profile-block {

  display: flex;

  flex-direction: column;

  gap: 0;

}



#member-detail-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__subtree,
#member-portal-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__subtree,
#member-detail-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__totals,
#member-portal-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__totals {

  margin-top: 12px;

  padding-top: 14px;

  border-top: 1px dashed rgba(148, 163, 184, 0.45);

}



#member-detail-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__totals , #member-portal-profile-card-body .member-detail-profile-card__shell--profile-block .member-detail-profile-card__totals {

  padding-top: 16px;

}



.member-detail-profile-card__top {

  flex: 1 1 100%;

  width: 100%;

  display: grid;

  grid-template-columns: 92px minmax(0, 1fr);

  align-items: center;

  column-gap: 18px;

}



.member-detail-profile-card__avatar {

  flex: 0 0 92px;

  width: 92px;

  height: 92px;

  border-radius: 999px;

  display: grid;

  place-items: center;

  color: #e2e8f0;

  border: 1px solid rgba(148, 163, 184, 0.35);

  background: rgba(51, 65, 85, 0.88);

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.14), 0 1px 4px rgba(0, 0, 0, 0.28);

}



.member-detail-profile-card__avatar svg {

  width: 52px;

  height: 52px;

}



/* ?�원 ?�산 ?�세: ?�단 ?�로?????�바?� + ?�드 3??그리????카드 ?�음) */

#member-detail-profile-card-body .member-detail-profile-card__top , #member-portal-profile-card-body .member-detail-profile-card__top {

  display: block;

  width: 100%;

}



#member-detail-profile-card-body .member-detail-profile-card__identity-block , #member-portal-profile-card-body .member-detail-profile-card__identity-block {

  width: 100%;

  box-sizing: border-box;

}



#member-detail-profile-card-body .member-detail-profile-card__identity-head , #member-portal-profile-card-body .member-detail-profile-card__identity-head {

  display: flex;

  flex-direction: row;

  align-items: flex-start;

  gap: 18px 24px;

  width: 100%;

  min-width: 0;

}



#member-detail-profile-card-body .member-detail-profile-card__identity-head .member-detail-profile-card__avatar , #member-portal-profile-card-body .member-detail-profile-card__identity-head .member-detail-profile-card__avatar {

  flex: 0 0 100px;

  flex-shrink: 0;

  width: 100px;

  height: 100px;

}



#member-detail-profile-card-body .member-detail-profile-card__identity-head .member-detail-profile-card__avatar svg , #member-portal-profile-card-body .member-detail-profile-card__identity-head .member-detail-profile-card__avatar svg {

  width: 56px;

  height: 56px;

}



#member-detail-profile-card-body .member-detail-profile-card__grid--identity , #member-portal-profile-card-body .member-detail-profile-card__grid--identity {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 12px 18px;

  flex: 1;

  min-width: 0;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



#member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__identity-field , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__identity-field {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 4px;

  min-width: 0;

  padding: 2px 0;

  border: none;

  border-radius: 0;

  background: transparent;

  box-shadow: none;

  box-sizing: border-box;

}



#member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__key , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__key {

  font-size: 14px;

  font-weight: 700;

  color: #94a3b8;

}



#member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val {

  font-size: 17px;

  font-weight: 800;

  color: #f8fafc;

  white-space: normal;

  word-break: break-word;

}



@media (max-width: 540px) {

  #member-detail-profile-card-body .member-detail-profile-card__identity-head , #member-portal-profile-card-body .member-detail-profile-card__identity-head {

    flex-direction: column;

    align-items: center;

    text-align: center;

  }



  #member-detail-profile-card-body .member-detail-profile-card__grid--identity , #member-portal-profile-card-body .member-detail-profile-card__grid--identity {

    width: 100%;

    grid-template-columns: 1fr;

  }



  #member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__identity-field , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__identity-field {

    align-items: center;

    text-align: center;

  }

}



/* ?�원 ?�산 ?�세: ?� ??�� 좁거??값이 짧아??말줄?�·한�?고정?�로 ?�리지 ?�게 */

#member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__key , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__key {

  white-space: normal;

  overflow: visible;

  word-break: keep-all;

  overflow-wrap: anywhere;

}



#member-detail-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val , #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val {

  overflow: visible;

  text-overflow: unset;

  min-width: 0;

}



#member-detail-profile-card-body .member-detail-profile-card__subtree-item,
#member-portal-profile-card-body .member-detail-profile-card__subtree-item,
#member-detail-profile-card-body .member-detail-profile-card__totals-item,
#member-portal-profile-card-body .member-detail-profile-card__totals-item {

  min-width: 0;

  flex-wrap: wrap;

  align-items: flex-start;

  align-content: flex-start;

  gap: 6px 8px;

  overflow-wrap: anywhere;

  word-break: break-word;

}



#member-detail-profile-card-body .member-detail-profile-card__subtree-item b,
#member-portal-profile-card-body .member-detail-profile-card__subtree-item b,
#member-detail-profile-card-body .member-detail-profile-card__totals-item b,
#member-portal-profile-card-body .member-detail-profile-card__totals-item b {

  flex: 0 0 auto;

}



#member-detail-profile-card-body .member-detail-leg-card__row , #member-portal-profile-card-body .member-detail-leg-card__row {

  align-items: flex-start;

  min-width: 0;

  font-size: 15px;

  padding: 12px 12px;

}



#member-detail-profile-card-body .member-detail-leg-card__val , #member-portal-profile-card-body .member-detail-leg-card__val {

  white-space: normal;

  word-break: break-word;

  overflow-wrap: anywhere;

  min-width: 0;

  flex: 1 1 8rem;

  max-width: 100%;

}



#member-detail-profile-card-body .member-detail-profile-card__subtree-item , #member-portal-profile-card-body .member-detail-profile-card__subtree-item {

  font-size: 15px;

  padding: 16px 14px;

  min-height: 58px;

}



#member-detail-profile-card-body .member-detail-profile-card__totals-item , #member-portal-profile-card-body .member-detail-profile-card__totals-item {

  font-size: 14px;

  padding: 14px 14px;

  min-height: 54px;

}



#member-detail-profile-card-body .member-detail-profile-card__totals-lead , #member-portal-profile-card-body .member-detail-profile-card__totals-lead {

  font-size: 15px;

}



#member-detail-profile-card-body .member-detail-profile-card__org-summary , #member-portal-profile-card-body .member-detail-profile-card__org-summary {

  font-size: 15px;

  gap: 14px 32px;

}



.member-detail-profile-card__grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 10px 14px;

  min-width: 0;

  width: 100%;

  max-width: 100%;

  margin-right: 0;

}



.member-detail-profile-card__item {

  display: flex;

  gap: 8px;

  min-width: 0;

  align-items: baseline;

}



.member-detail-profile-card__item--i1 {

  grid-column: 1;

  grid-row: 1;

}



.member-detail-profile-card__item--i2 {

  grid-column: 1;

  grid-row: 2;

}



.member-detail-profile-card__item--i3 {

  grid-column: 1;

  grid-row: 3;

}



.member-detail-profile-card__item--i4 {

  grid-column: 2;

  grid-row: 1;

}



.member-detail-profile-card__item--i5 {

  grid-column: 2;

  grid-row: 2;

}



.member-detail-profile-card__item--i6 {

  grid-column: 2;

  grid-row: 3;

}



.member-detail-profile-card__item--i7 {

  grid-column: 3;

  grid-row: 1;

}



.member-detail-profile-card__item--i8 {

  grid-column: 3;

  grid-row: 2;

}



.member-detail-profile-card__item--i9 {

  grid-column: 3;

  grid-row: 3;

}



.member-detail-profile-card__key {

  font-size: 14px;

  color: #cbd5e1;

  font-weight: 700;

  white-space: nowrap;

}



.member-detail-profile-card__val {

  font-size: 17px;

  color: #f8fafc;

  font-weight: 800;

  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.member-detail-profile-card__totals {

  flex: 0 0 100%;

  align-self: stretch;

  display: grid;

  grid-template-columns: repeat(3, minmax(250px, 1fr));

  gap: 10px 10px;

  margin-top: 10px;

  padding-top: 16px;

  border-top: 1px dashed rgba(148, 163, 184, 0.45);

  box-sizing: border-box;

}



/* ?�체 ?�하?�원 ?�약줄과 ?�일: �?박스) ?�이 가?�데 문구�?*/

.member-detail-profile-card__totals-lead {

  grid-column: 1 / -1;

  justify-self: stretch;

  width: 100%;

  text-align: center;

  margin: 0 0 4px;

  padding: 0 8px 10px;

  font-size: 14px;

  font-weight: 700;

  color: #e2e8f0;

  border: none;

  background: transparent;

  box-shadow: none;

  min-height: 0;

}



.member-detail-profile-card__totals-lead b {

  color: #f8fafc;

  font-weight: 800;

}



.member-detail-profile-card__subtree {

  flex: 0 0 100%;

  align-self: stretch;

  display: grid;

  grid-template-columns: repeat(3, minmax(250px, 1fr));

  gap: 10px 10px;

  margin-top: 10px;

  padding-top: 14px;

  border-top: 1px dashed rgba(148, 163, 184, 0.45);

  box-sizing: border-box;

}



.member-detail-profile-card__subtree--split {

  display: flex;

  flex-direction: column;

  gap: 10px;

}



/* ?�원?�산 ?�세: ?�원 좌·우 ?�하 조직?�형 */

.member-detail-profile-card__org-chart {

  flex: 0 0 100%;

  width: 100%;

  margin-top: 12px;

  padding-top: 14px;

  border-top: 1px dashed rgba(148, 163, 184, 0.45);

  box-sizing: border-box;

}



/* ?�원?�산 ?�세: 좌·우 ?�인 카드 ?? ?�현??(�????�적???�래 직급조건까�? ?��? ?�적 ?�력 */

#member-detail-profile-card-body .member-detail-leg-card .member-detail-profile-card__org-achievement-field , #member-portal-profile-card-body .member-detail-leg-card .member-detail-profile-card__org-achievement-field {

  display: flex;

  flex-direction: column;

  gap: 6px;

  min-width: 0;

  width: 100%;

  margin-top: 10px;

  box-sizing: border-box;

}



/* 좌·우 2??그리??�? �?직급?�격(몸값) ?�효?��? ??�??�체 ?�비) */

#member-detail-profile-card-body .member-detail-profile-card__org-achievement-below , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-below {

  display: flex;

  flex-direction: column;

  gap: 6px;

  width: 100%;

  min-width: 0;

  margin-top: 12px;

  padding-top: 12px;

  border-top: 1px dashed rgba(148, 163, 184, 0.35);

  box-sizing: border-box;

}



#member-detail-profile-card-body
  .member-detail-profile-card__org-achievement-below
  .member-detail-profile-card__org-achievement-field--standalone,
#member-portal-profile-card-body
  .member-detail-profile-card__org-achievement-below
  .member-detail-profile-card__org-achievement-field--standalone {

  margin-top: 0;

  width: 100%;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-below .member-detail-profile-card__org-achievement-label , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-below .member-detail-profile-card__org-achievement-label {

  text-align: center;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-input--below.reg-input , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input--below.reg-input {

  text-align: center;

  border: 1px solid rgba(100, 116, 139, 0.65);

  background: rgba(15, 23, 42, 0.88);

  font-size: 12px;

  letter-spacing: -0.02em;

  line-height: 1.35;

  min-height: 44px;

  overflow-x: auto;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-label , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-label {

  font-size: 13px;

  font-weight: 700;

  color: #e2e8f0;

  line-height: 1.35;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input {

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

  min-height: 40px;

  height: 40px;

  padding: 8px 12px;

  font-size: 14px;

  font-weight: 700;

  font-family: "Malgun Gothic", "Noto Sans KR", Arial, sans-serif;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  caret-color: #ffffff;

  background: rgba(15, 23, 42, 0.85);

  border: 1px solid rgba(100, 116, 139, 0.65);

  border-radius: 8px;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input:focus , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input:focus {

  outline: 2px solid rgba(59, 130, 246, 0.45);

  outline-offset: 1px;

}



#member-detail-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input[readonly] , #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input[readonly] {

  cursor: default;

  opacity: 1;

}



/* 직급조건까�? ?��? ?�적 ?�력: 좌·우 ?�인 ??leg-card__row)�??�일???�중 그라?�이??*/

#member-detail-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input.reg-input , #member-portal-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input.reg-input {

  border: 1px solid transparent;

  background:

    linear-gradient(

      90deg,

      rgba(96, 165, 250, 0.2) 0%,

      rgba(96, 165, 250, 0.08) 50%,

      rgba(30, 41, 59, 0.66) 100%

    ) padding-box,

    linear-gradient(

      90deg,

      #60a5fa 0%,

      rgba(96, 165, 250, 0.48) 28%,

      rgba(96, 165, 250, 0.16) 50%,

      rgba(100, 116, 139, 0.14) 72%,

      rgba(100, 116, 139, 0.06) 100%

    ) border-box;

  background-clip: padding-box, border-box;

  background-origin: padding-box, border-box;

}



#member-detail-profile-card-body .member-detail-leg-card--right .member-detail-profile-card__org-achievement-input.reg-input , #member-portal-profile-card-body .member-detail-leg-card--right .member-detail-profile-card__org-achievement-input.reg-input {

  border: 1px solid transparent;

  background:

    linear-gradient(

      90deg,

      rgba(30, 41, 59, 0.62) 0%,

      rgba(30, 41, 59, 0.66) 22%,

      rgba(239, 68, 68, 0.09) 50%,

      rgba(239, 68, 68, 0.2) 100%

    ) padding-box,

    linear-gradient(

      90deg,

      rgba(100, 116, 139, 0.06) 0%,

      rgba(100, 116, 139, 0.14) 28%,

      rgba(239, 68, 68, 0.16) 50%,

      rgba(239, 68, 68, 0.48) 72%,

      #ef4444 100%

    ) border-box;

  background-clip: padding-box, border-box;

  background-origin: padding-box, border-box;

}



/* �??�인 카드: 직급조건까�? ?��? ?�적 ???�벨·값을 카드 ?�른�?중앙 �??�로 ?�렬 */

#member-detail-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-label,
#member-portal-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-label,
#member-detail-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input.reg-input,
#member-portal-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input.reg-input {

  text-align: right;

}



/* 1·2?�벨: 직급?�외?�??문구???�자가 ?�니므�?가?�데 ?�렬 */

#member-detail-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input--excluded.reg-input,
#member-portal-profile-card-body .member-detail-leg-card--left .member-detail-profile-card__org-achievement-input--excluded.reg-input,
#member-detail-profile-card-body .member-detail-leg-card--right .member-detail-profile-card__org-achievement-input--excluded.reg-input,
#member-portal-profile-card-body .member-detail-leg-card--right .member-detail-profile-card__org-achievement-input--excluded.reg-input {

  text-align: center;

  font-size: 13px;

  letter-spacing: -0.02em;

}



.member-detail-profile-card__org-summary {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 12px 28px;

  margin-bottom: 8px;

  font-size: 14px;

  font-weight: 700;

  color: #e2e8f0;

}



.member-detail-profile-card__org-summary-item b {

  color: #f8fafc;

  margin-right: 6px;

}



.member-detail-profile-card__org-fork {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-bottom: 10px;

  user-select: none;

}



/* ?�약 ?�래 가로선: �??�랑) / ??빨강) 반반, ?�끝 ?�이???�래 막�? ?�낌) */

.member-detail-profile-card__org-fork-bar {

  width: min(66%, 440px);

  height: 3px;

  border-radius: 999px;

  background: linear-gradient(

    90deg,

    rgba(96, 165, 250, 0) 0%,

    rgba(96, 165, 250, 0.32) 12%,

    #60a5fa 30%,

    #60a5fa 50%,

    #ef4444 50%,

    #ef4444 70%,

    rgba(239, 68, 68, 0.32) 88%,

    rgba(239, 68, 68, 0) 100%

  );

}



.member-detail-profile-card__org-fork-legs {

  display: flex;

  justify-content: space-between;

  width: min(72%, 520px);

  margin-top: 4px;

  font-size: 32px;

  line-height: 1;

  padding: 0 8px;

}



.member-detail-profile-card__org-fork-leg {

  display: inline-flex;

  align-items: center;

  gap: 10px;

}



.member-detail-profile-card__org-fork-leg--left {

  color: #60a5fa;

}



.member-detail-profile-card__org-fork-leg--right {

  color: #ef4444;

}



.member-detail-profile-card__org-fork-side {

  font-size: 22px;

  font-weight: 800;

  letter-spacing: 0.1em;

  color: inherit;

}



.member-detail-profile-card__org-fork-leg--right .member-detail-profile-card__org-fork-side {

  color: #ef4444;

}



.member-detail-profile-card__org-branches {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 14px 16px;

  align-items: stretch;

}



@media (max-width: 640px) {

  .member-detail-profile-card__org-branches {

    grid-template-columns: 1fr;

  }



  .member-detail-profile-card__org-fork-legs {

    width: min(92%, 420px);

  }

}



.member-detail-leg-card {

  border-radius: 12px;

  padding: 12px 14px 14px;

  background: rgba(15, 23, 42, 0.55);

  border: 1px solid rgba(100, 116, 139, 0.55);

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08);

  min-width: 0;

}



.member-detail-leg-card--left {

  border-left: 4px solid #60a5fa;

}



.member-detail-leg-card--right {

  border-left: none;

  border-right: 4px solid #ef4444;

}



.member-detail-leg-card__stats {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.member-detail-leg-card__row {

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  gap: 12px;

  font-size: 14px;

  padding: 10px 10px;

  border-radius: 8px;

  background: rgba(30, 41, 59, 0.62);

  border: 1px solid rgba(100, 116, 139, 0.48);

}



/* �??�인: ?�쪽?� ?�랑?�슬?�이???�이?? ?�두리는 카드 좌측?�과 맞춘 ?�한 ?�랑???�반 지?��????�려�?*/

.member-detail-leg-card--left .member-detail-leg-card__row {

  border: 1px solid transparent;

  background:

    linear-gradient(

      90deg,

      rgba(96, 165, 250, 0.2) 0%,

      rgba(96, 165, 250, 0.08) 50%,

      rgba(30, 41, 59, 0.66) 100%

    ) padding-box,

    linear-gradient(

      90deg,

      #60a5fa 0%,

      rgba(96, 165, 250, 0.48) 28%,

      rgba(96, 165, 250, 0.16) 50%,

      rgba(100, 116, 139, 0.14) 72%,

      rgba(100, 116, 139, 0.06) 100%

    ) border-box;

  background-clip: padding-box, border-box;

  background-origin: padding-box, border-box;

}



/* ???�인: �??�쪽·?�벨 ?�른�?+ ?�쪽 ?�레?�트?�빨�? ?�두리는 카드 ?�측?�과 맞춘 ?�한 빨강???�반부???�려�?*/

.member-detail-leg-card--right .member-detail-leg-card__row {

  flex-direction: row-reverse;

  border: 1px solid transparent;

  background:

    linear-gradient(

      90deg,

      rgba(30, 41, 59, 0.62) 0%,

      rgba(30, 41, 59, 0.66) 22%,

      rgba(239, 68, 68, 0.09) 50%,

      rgba(239, 68, 68, 0.2) 100%

    ) padding-box,

    linear-gradient(

      90deg,

      rgba(100, 116, 139, 0.06) 0%,

      rgba(100, 116, 139, 0.14) 28%,

      rgba(239, 68, 68, 0.16) 50%,

      rgba(239, 68, 68, 0.48) 72%,

      #ef4444 100%

    ) border-box;

  background-clip: padding-box, border-box;

  background-origin: padding-box, border-box;

}



.member-detail-leg-card--right .member-detail-leg-card__val {

  text-align: left;

}



.member-detail-leg-card--right .member-detail-leg-card__label {

  text-align: right;

}



.member-detail-leg-card__label {

  color: #cbd5e1;

  font-weight: 700;

}



.member-detail-leg-card__val {

  color: #f8fafc;

  font-weight: 800;

  text-align: right;

  white-space: nowrap;

}



.member-detail-leg-card__row--current .member-detail-leg-card__label {

  color: #f8fafc;

}



.member-detail-profile-card__subtree-row {

  display: grid;

  grid-template-columns: repeat(3, minmax(250px, 1fr));

  gap: 10px 10px;

  align-items: start;

  box-sizing: border-box;

}



/* ?�하?�적: 6??????�?3�?�?span 2), ?�래 ?�재 ?�하?�적 좌·우�?�?span 3 */

.member-detail-profile-card__subtree-row--sales-split-grid {

  display: grid;

  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 10px 10px;

  align-items: start;

}



.member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-item--sale-label {

  grid-column: span 2;

}



.member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-input-field--sales-split-half,

.member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-item--sales-current-half {

  grid-column: span 3;

}



.member-detail-profile-card__subtree-item {

  font-size: 14px;

  color: #e2e8f0;

  font-weight: 700;

  background: rgba(30, 41, 59, 0.72);

  border: 1px solid rgba(100, 116, 139, 0.65);

  border-radius: 8px;

  padding: 14px 12px;

  min-height: 54px;

  display: flex;

  align-items: center;

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);

}



.member-detail-profile-card__subtree-item b {

  color: #f8fafc;

  margin-right: 6px;

}



.member-detail-profile-card__subtree-stack {

  display: flex;

  flex-direction: column;

  gap: 8px;

  min-width: 0;

}



.member-detail-profile-card__subtree-textarea,

.member-detail-profile-card__subtree-input-field {

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

  min-height: 54px;

  font-size: 14px;

  font-weight: 700;

  line-height: 1.45;

  font-family: "Malgun Gothic", "Noto Sans KR", Arial, sans-serif;

  color: #ffffff;

  -webkit-text-fill-color: #ffffff;

  caret-color: #ffffff;

  background: rgba(15, 23, 42, 0.85);

  border: 1px solid rgba(100, 116, 139, 0.65);

  border-radius: 8px;

  padding: 14px 12px;

}



.member-detail-profile-card__subtree-input-field:-webkit-autofill,

.member-detail-profile-card__subtree-input-field:-webkit-autofill:hover,

.member-detail-profile-card__subtree-input-field:-webkit-autofill:focus {

  -webkit-text-fill-color: #ffffff;

  caret-color: #ffffff;

  transition: background-color 99999s ease-out;

  box-shadow: 0 0 0 1000px rgba(15, 23, 42, 0.92) inset;

}



.member-detail-profile-card__subtree-textarea {

  resize: vertical;

}



.member-detail-profile-card__subtree-textarea::placeholder,

.member-detail-profile-card__subtree-input-field::placeholder {

  color: rgba(255, 255, 255, 0.55);

  font-weight: 700;

}



.member-detail-profile-card__subtree-textarea:focus,

.member-detail-profile-card__subtree-input-field:focus {

  outline: 2px solid rgba(59, 130, 246, 0.45);

  outline-offset: 1px;

}



.member-detail-profile-card .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



.member-detail-profile-card__totals-item {

  font-size: 13px;

  color: #e2e8f0;

  font-weight: 600;

  background: rgba(30, 41, 59, 0.72);

  border: 1px solid rgba(100, 116, 139, 0.65);

  border-radius: 8px;

  padding: 12px 12px;

  min-height: 50px;

  display: flex;

  align-items: center;

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);

}



.member-detail-profile-card__totals-item b {

  font-weight: 800;

  color: #f1f5f9;

  margin-right: 4px;

}



.member-notice-modal {

  position: fixed;

  inset: 0;

  z-index: 80;

}



.member-notice-modal__backdrop {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.36);

}



.member-notice-modal__dialog {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: min(560px, calc(100vw - 24px));

  background: #fff;

  border: 1px solid rgba(120, 130, 160, 0.45);

  border-radius: 8px;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);

  overflow: hidden;

}



.member-notice-modal__header {

  padding: 10px 14px;

  background: #4e67bb;

  color: #fff;

}



.member-notice-modal__header h3 {

  margin: 0;

  font-size: 16px;

  font-weight: 800;

}



.member-notice-modal__body {

  padding: 14px;

}



.member-notice-modal__title {

  font-size: 16px;

  font-weight: 800;

  color: #23314f;

  margin-bottom: 8px;

}



.member-notice-modal__content {

  min-height: 80px;

  max-height: 260px;

  overflow-y: auto;

  white-space: pre-wrap;

  word-break: break-word;

  color: #2e3a53;

  line-height: 1.5;

  border: 1px solid rgba(140, 150, 175, 0.35);

  border-radius: 6px;

  padding: 10px;

  background: rgba(248, 250, 255, 0.75);

}



.member-notice-modal__actions {

  display: flex;

  justify-content: flex-end;

  gap: 8px;

  padding: 0 14px 14px;

}



.member-notice-modal__actions--split {

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}



.member-notice-modal__actions-right {

  display: flex;

  gap: 8px;

  flex-wrap: wrap;

  margin-left: auto;

}



.member-notice-list-view {

  width: 100%;

}



.member-notice-list-table {

  width: 100%;

  border-collapse: collapse;

  font-size: 13px;

  table-layout: fixed;

}



.member-notice-list-table thead th {

  padding: 8px 10px;

  text-align: center;

  font-weight: 800;

  color: #23314f;

  background: #e8ecf5;

  border: 1px solid rgba(100, 110, 140, 0.45);

}



.member-notice-list-table thead th:first-child {

  width: 108px;

}



.member-notice-list-table tbody td {

  padding: 9px 10px;

  border: 1px solid rgba(120, 130, 160, 0.35);

  vertical-align: middle;

  background: #fff;

}



.member-notice-list-date {

  text-align: center;

  color: #3d4a63;

  white-space: nowrap;

}



.member-notice-list-title {

  text-align: center;

  font-weight: 600;

  color: #1a2438;

  word-break: break-word;

}



.member-notice-list-empty {

  text-align: center;

  color: #666;

  padding: 18px 10px !important;

}



.member-notice-list-row {

  cursor: pointer;

}



.member-notice-list-row:hover td {

  background: #eef2fb;

}



.member-notice-list-row:focus {

  outline: 2px solid #4e67bb;

  outline-offset: -2px;

}



.member-notice-detail-view .member-notice-modal__title {

  margin-bottom: 10px;

}



.reg-submit {

  min-width: 106px;

  padding: 7px 24px;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 0.15em;

  color: #fff;

  border: 1px solid #2d5aa8;

  border-radius: 3px;

  background: linear-gradient(to bottom, #4d82e8, #3568cf);

  cursor: pointer;

  box-shadow:

    0 1px 2px rgba(0, 0, 0, 0.18),

    inset 0 1px 0 rgba(255, 255, 255, 0.22);

}



.reg-submit:hover {

  background: linear-gradient(to bottom, #5f90f0, #4374d8);

}



/* ---------- ?�?�보???��? ?�이지) ---------- */

body.page-dashboard {

  min-height: 100vh;

  min-height: 100dvh;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-start;

  padding: 0 0 20px;

  box-sizing: border-box;

  background: var(--bg);

  overflow: hidden; /* ?�이지 ?�크�??�거(리스???��?�??�크�? */

}



/* ?��? ?�이지?�서??배경(?�사 ?��?지) ?��? */

body.page-dashboard::before,

body.page-dashboard::after {

  display: none;

}



/* ?�원 ?�털: 가?�자�?비누방울(천천???�승, 마우?�·호버�? 무�?) */

@keyframes member-portal-bubble-rise-l {

  0% {

    transform: translate3d(0, 0, 0) scale(1);

  }

  100% {

    transform: translate3d(-18px, -140vh, 0) scale(0.78);

  }

}



@keyframes member-portal-bubble-rise-r {

  0% {

    transform: translate3d(0, 0, 0) scale(1);

  }

  100% {

    transform: translate3d(22px, -140vh, 0) scale(0.78);

  }

}



/* ?�원 로그??loginRole=member): ?�의 ?�이지 ??블루 ??배경 */

body.page-dashboard.page-dashboard--member {

  overflow-x: hidden;

  overflow-y: auto;

  align-items: stretch;

  background:

    radial-gradient(ellipse 120% 55% at 50% 0%, rgba(59, 130, 246, 0.18) 0%, transparent 52%),

    linear-gradient(165deg, #0f172a 0%, #1e293b 40%, #172554 100%);

  color: #e2e8f0;

  font-size: 17px;

  line-height: 1.55;

  color-scheme: dark;

}



html:has(body.page-dashboard.page-dashboard--member) {

  color-scheme: dark;

}





/* 회원 포털: 라이트 전용 컴포넌트 → 다크 톤 */
body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell {
  padding: 12px 8px 20px;
  box-sizing: border-box;
}

/* 헤더 ↔ 메인 패널 사이 여백(배경·버블 구간). margin 병합 방지: 패널 쪽 margin-top만 사용 */
body.page-dashboard.page-dashboard--member .member-portal-header {
  margin-bottom: 0;
}

body.page-dashboard.page-dashboard--member .member-portal-bubble {
  opacity: 0.22;
}

body.page-dashboard.page-dashboard--member .member-portal-card.member-portal-card--table,
body.page-dashboard.page-dashboard--member .member-portal-card.member-portal-card--withdrawal {
  background: #1a2436;
  border: 1px solid rgba(71, 85, 105, 0.85);
  color: #e2e8f0;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

body.page-dashboard.page-dashboard--member .member-portal-settlement-title {
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member .member-portal-settlement-search {
  color-scheme: dark;
}

body.page-dashboard.page-dashboard--member .member-portal-settlement-search__label {
  color: #94a3b8;
}

body.page-dashboard.page-dashboard--member .member-portal-settlement-search__date {
  background-color: #1e293b;
  color: #e2e8f0;
  border-color: rgba(100, 116, 139, 0.55);
  color-scheme: dark;
}

body.page-dashboard.page-dashboard--member .member-portal-withdrawal-heading,
body.page-dashboard.page-dashboard--member .member-portal-withdrawal-subtitle {
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-list-table--payment-history thead th {
  background: linear-gradient(180deg, #334155 0%, #1e293b 100%);
  color: #e2e8f0;
  border-color: rgba(71, 85, 105, 0.65);
  border-top: 1px solid rgba(100, 116, 139, 0.95) !important;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-list-table--payment-history tbody td {
  background: #1e293b;
  color: #e2e8f0;
  border-color: rgba(71, 85, 105, 0.55);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-list-table--payment-history tbody tr:nth-child(even) td {
  background: #243146;
}

/* 회원 포털 정산내역: 마지막 열(수당 발생 내용) 숨김 */
body.page-dashboard.page-dashboard--member #member-portal-settlement-panel .admin-list-table--payment-history thead th:last-child,
body.page-dashboard.page-dashboard--member #member-portal-settlement-panel .admin-list-table--payment-history tbody td:last-child {
  display: none;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-table thead th {
  color: #f1f5f9;
  background: #334155;
  border-color: rgba(71, 85, 105, 0.75);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-table tbody td {
  border-color: rgba(71, 85, 105, 0.55);
  background: #1e293b;
  color: #e2e8f0;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-table tbody tr:nth-child(even) td {
  background: #243146;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-row:hover td {
  background: #2d3d52;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-date {
  color: #94a3b8;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-title {
  color: #f8fafc;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-notice-list-empty {
  color: #94a3b8;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-portal-notice-actions .btn-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  border-color: rgba(148, 163, 184, 0.45);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-portal-notice-actions .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-portal-notice-detail {
  color: #e2e8f0;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-portal-notice-detail__title {
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .member-portal-notice-detail__content {
  color: #cbd5e1;
}

body.page-dashboard.page-dashboard--member #member-portal-withdrawal-panel .member-portal-withdrawal-table thead th {
  background: #334155;
  color: #e2e8f0;
  border-color: rgba(71, 85, 105, 0.65);
}

body.page-dashboard.page-dashboard--member #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td {
  background: #1e293b;
  color: #e2e8f0;
  border-color: rgba(71, 85, 105, 0.55);
}

body.page-dashboard.page-dashboard--member #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody tr:nth-child(even) td {
  background: #243146;
}

body.page-dashboard.page-dashboard--member .member-portal-wd-label {
  color: #94a3b8;
}

body.page-dashboard.page-dashboard--member .member-portal-wd-box {
  border-color: rgba(100, 116, 139, 0.55);
  background: #0f172a;
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member .member-portal-wd-input {
  background: #1e293b;
  border-color: rgba(100, 116, 139, 0.55);
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member .member-portal-withdrawal-preset-btn {
  background: linear-gradient(to bottom, #334155, #1e293b);
  border-color: rgba(148, 163, 184, 0.45);
  color: #e2e8f0;
}

body.page-dashboard.page-dashboard--member .member-portal-withdrawal-preset-btn:hover:not(:disabled) {
  filter: brightness(1.12);
}

body.page-dashboard.page-dashboard--member .member-portal-withdrawal-preset-btn--clear {
  color: #fecaca;
  border-color: rgba(248, 113, 113, 0.45);
}

/* 회원 포털: 카드 영역(메인·래퍼) 다크 */
body.page-dashboard.page-dashboard--member .member-portal-main {
  margin-top: 52px;
  background: linear-gradient(180deg, #0f172a 0%, #121c2e 48%, #0f172a 100%);
  border: 1px solid rgba(51, 65, 85, 0.75);
  border-radius: 16px;
  padding: 24px 20px 24px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 16px 40px rgba(0, 0, 0, 0.25);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-table-card {
  background: #1e293b;
  border-color: rgba(71, 85, 105, 0.8);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

body.page-dashboard.page-dashboard--member .member-portal-card {
  background: #1a2436;
  border-color: rgba(71, 85, 105, 0.75);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

body.page-dashboard.page-dashboard--member .member-portal-card.member-portal-card--inline-info,
body.page-dashboard.page-dashboard--member .member-portal-card.member-portal-card--notice {
  background: linear-gradient(135deg, #2d3b4f 0%, #1a2436 55%, #151d2e 100%);
  border-color: rgba(71, 85, 105, 0.75);
}

body.page-dashboard.page-dashboard--member .member-portal-card__title {
  color: #f1f5f9;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-search-btn.btn-secondary {
  background: #334155;
  color: #e2e8f0;
  border-color: rgba(100, 116, 139, 0.55);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-search-btn.btn-secondary:hover {
  filter: brightness(1.1);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-search-btn.btn-primary {
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-search-input.reg-input {
  background: #1e293b;
  border-color: rgba(100, 116, 139, 0.55);
  color: #e2e8f0;
}

body.page-dashboard.page-dashboard--member #member-portal-shell .admin-search-input.reg-input:focus {
  border-color: rgba(96, 165, 250, 0.65);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}

/* 회원 포털 패널·프로필: [hidden]과 display:flex 충돌 시 숨김이 무시되지 않게 */
body.page-dashboard.page-dashboard--member #member-portal-info-bar[hidden],
body.page-dashboard.page-dashboard--member #member-portal-notice-panel[hidden],
body.page-dashboard.page-dashboard--member #member-portal-settlement-panel[hidden],
body.page-dashboard.page-dashboard--member #member-portal-withdrawal-panel[hidden] {
  display: none !important;
}

/* 서브 메뉴(공지·정산·출금): 프로필 숨김 시 카드가 메인 상단부터 이어지도록 */
body.page-dashboard.page-dashboard--member .member-portal-main.member-portal-main--subview .member-portal-card.member-portal-card--notice,
body.page-dashboard.page-dashboard--member .member-portal-main.member-portal-main--subview .member-portal-card.member-portal-card--withdrawal {
  margin-top: 0;
}

body.page-dashboard.page-dashboard--member .member-portal-main.member-portal-main--notice-view {
  width: min(100%, 1220px);
  max-width: 1220px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: auto;
  margin-right: auto;
}

body.page-dashboard.page-dashboard--member .member-portal-main:not(.member-portal-main--subview) {
  width: 100%;
  max-width: none;
  padding: 20px;
}

body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--settlement-wide .member-portal-main {
  padding: 12px;
}

body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-main {
  padding: 12px;
}

body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--notice-wide {
  padding-left: 8px;
  padding-right: 8px;
}

/* 관리자 ?�역??hidden + display:flex 충돌: .page-dashboard .wrap.wrap--dashboard 가 [hidden]????��???�원리스???�더가 ?�음 */

body.page-dashboard.page-dashboard--member #adminNavMega[hidden],

body.page-dashboard.page-dashboard--member main.wrap.wrap--dashboard[hidden] {

  display: none !important;

}



.member-portal-shell {

  position: relative;

  z-index: 0;

  width: 100%;

  max-width: min(1920px, 100vw);

  margin: 0 auto;

  padding: 0 12px 32px;

  box-sizing: border-box;

}



.member-portal-bubbles {

  position: fixed;

  inset: 0;

  z-index: 0;

  pointer-events: none;

  overflow: hidden;

}



.member-portal-bubble {

  position: absolute;

  bottom: -140px;

  left: 0;

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.65);

  background:

    radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.55) 38%, rgba(125, 211, 252, 0.28) 68%, rgba(56, 189, 248, 0.12) 100%);

  box-shadow:

    inset 8px 12px 20px rgba(255, 255, 255, 0.65),

    inset -4px -8px 14px rgba(59, 130, 246, 0.14),

    0 0 0 1px rgba(255, 255, 255, 0.4),

    0 4px 16px rgba(37, 99, 235, 0.12);

  opacity: 0.58;

}



.member-portal-bubble:nth-child(odd) {

  animation: member-portal-bubble-rise-l linear infinite;

}



.member-portal-bubble:nth-child(even) {

  animation: member-portal-bubble-rise-r linear infinite;

}



.member-portal-bubble:nth-child(1) {

  left: 1%;

  width: 46px;

  height: 46px;

  animation-duration: 74s;

  animation-delay: -8s;

}



.member-portal-bubble:nth-child(2) {

  left: 5%;

  width: 68px;

  height: 68px;

  animation-duration: 62s;

  animation-delay: -38s;

}



.member-portal-bubble:nth-child(3) {

  left: 11%;

  width: 34px;

  height: 34px;

  animation-duration: 88s;

  animation-delay: -52s;

}



.member-portal-bubble:nth-child(4) {

  left: 18%;

  width: 52px;

  height: 52px;

  animation-duration: 70s;

  animation-delay: -20s;

}



.member-portal-bubble:nth-child(5) {

  left: 82%;

  width: 58px;

  height: 58px;

  animation-duration: 66s;

  animation-delay: -12s;

}



.member-portal-bubble:nth-child(6) {

  left: 88%;

  width: 40px;

  height: 40px;

  animation-duration: 92s;

  animation-delay: -60s;

}



.member-portal-bubble:nth-child(7) {

  left: 93%;

  width: 76px;

  height: 76px;

  animation-duration: 58s;

  animation-delay: -44s;

}



.member-portal-bubble:nth-child(8) {

  left: 96%;

  width: 30px;

  height: 30px;

  animation-duration: 80s;

  animation-delay: -5s;

}



.member-portal-bubble:nth-child(9) {

  left: 24%;

  width: 42px;

  height: 42px;

  animation-duration: 78s;

  animation-delay: -66s;

}



.member-portal-bubble:nth-child(10) {

  left: 72%;

  width: 48px;

  height: 48px;

  animation-duration: 72s;

  animation-delay: -28s;

}



.member-portal-bubble:nth-child(11) {

  left: 0.5%;

  width: 56px;

  height: 56px;

  animation-duration: 64s;

  animation-delay: -50s;

}



.member-portal-bubble:nth-child(12) {

  left: 99%;

  width: 38px;

  height: 38px;

  animation-duration: 84s;

  animation-delay: -33s;

}



.member-portal-bubble:nth-child(13) {

  left: 14%;

  width: 28px;

  height: 28px;

  animation-duration: 95s;

  animation-delay: -72s;

}



.member-portal-bubble:nth-child(14) {

  left: 86%;

  width: 62px;

  height: 62px;

  animation-duration: 60s;

  animation-delay: -15s;

}



.member-portal-bubble:nth-child(15) {

  left: 3%;

  width: 32px;

  height: 32px;

  animation-duration: 86s;

  animation-delay: -40s;

}



.member-portal-bubble:nth-child(16) {

  left: auto;

  right: 3%;

  width: 36px;

  height: 36px;

  animation-duration: 68s;

  animation-delay: -55s;

}



/* 가?�데·중앙?� ?�성?�게 (좌우만이 ?�닌 35%~65% ?�) */

.member-portal-bubble:nth-child(17) {

  left: 38%;

  width: 48px;

  height: 48px;

  animation-duration: 71s;

  animation-delay: -22s;

}



.member-portal-bubble:nth-child(18) {

  left: 44%;

  width: 36px;

  height: 36px;

  animation-duration: 83s;

  animation-delay: -48s;

}



.member-portal-bubble:nth-child(19) {

  left: 50%;

  width: 42px;

  height: 42px;

  margin-left: -21px;

  animation-duration: 65s;

  animation-delay: -9s;

}



.member-portal-bubble:nth-child(20) {

  left: 56%;

  width: 54px;

  height: 54px;

  animation-duration: 77s;

  animation-delay: -61s;

}



.member-portal-bubble:nth-child(21) {

  left: 62%;

  width: 32px;

  height: 32px;

  animation-duration: 90s;

  animation-delay: -33s;

}



.member-portal-bubble:nth-child(22) {

  left: 35%;

  width: 40px;

  height: 40px;

  animation-duration: 69s;

  animation-delay: -41s;

}



.member-portal-bubble:nth-child(23) {

  left: 47%;

  width: 58px;

  height: 58px;

  animation-duration: 74s;

  animation-delay: -16s;

}



.member-portal-bubble:nth-child(24) {

  left: 53%;

  width: 34px;

  height: 34px;

  animation-duration: 86s;

  animation-delay: -58s;

}



.member-portal-shell > .member-portal-header {

  position: relative;

  z-index: 5;

}



.member-portal-shell > .member-portal-main {

  position: relative;

  z-index: 2;

}



@media (prefers-reduced-motion: reduce) {

  .member-portal-bubbles {

    display: none;

  }

}



/* ?�산?�역: 관리자 ?�?�보?��? 비슷??가로폭(????맞춤) */

.member-portal-shell.member-portal-shell--settlement-wide {

  max-width: min(1840px, 100%);

  padding-left: 24px;

  padding-right: 24px;

}



.member-portal-shell.member-portal-shell--settlement-wide .member-portal-card--table {

  width: 100%;

  max-width: none;

}



.member-portal-shell.member-portal-shell--settlement-wide .member-portal-table-scroll {

  width: 100%;

}



/* 출금?�청: ??+ ?�청?�역 가�?배치 */

.member-portal-shell.member-portal-shell--withdrawal-wide {

  max-width: min(1140px, 100%);

  padding-left: 24px;

  padding-right: 24px;

}



/* 출금?�청: ?�이지(body) ?�로 ?�크�??�음 ???�의 ?�청 ?�역�??��? ?�크�?(?��? ?�면) */

@media (min-width: 901px) {

  body.page-dashboard.page-dashboard--member:has(.member-portal-shell--withdrawal-wide) {

    overflow-y: hidden;

    height: 100dvh;

    max-height: 100dvh;

  }



  /* overflow: hidden 금�? ???�단 ?�더가 100vw ?�블리???�수 마진)?????�에 ?�려 좌우가 ??것처??보임.

     ?�로 ?�크롤·높???�한?� body + .member-portal-main / 출금 ?�널 �?overflow�??��? */

  .member-portal-shell.member-portal-shell--withdrawal-wide {

    max-height: 100dvh;

    min-height: 0;

    display: flex;

    flex-direction: column;

    overflow: visible;

    padding-bottom: 8px;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-header {

    flex-shrink: 0;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-main {

    flex: 1 1 auto;

    min-height: 0;

    width: min(100%, 940px);

    max-width: 940px;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

    display: flex;

    flex-direction: column;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide #member-portal-info-bar {

    flex-shrink: 0;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide #member-portal-withdrawal-panel:not([hidden]) {

    flex: 1 1 auto;

    min-height: 0;

    margin-top: 0;

    padding: 0 !important;

    display: flex;

    flex-direction: column;

    overflow: hidden;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-layout {

    flex: 1 1 auto;

    min-height: 0;

    flex-wrap: nowrap;

    align-items: stretch;

    justify-content: center;

    gap: 16px 20px;

    overflow: hidden;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-ui {

    flex: 0 1 430px;

    min-width: 0;

    min-height: auto;

    max-height: none;

    overflow: visible;

    padding: 18px 18px 20px;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-history {

    min-width: 0;

    min-height: 0;

    flex: 0 1 430px;

    max-width: 430px;

    overflow: hidden;

    padding: 18px 18px 20px;

  }



  .member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-history-scroll {

    flex: 1 1 auto;

    min-height: 0;

    overflow-x: auto;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    scrollbar-gutter: auto;

  }

}



/* 관리자 기�?관�?공�?·?�업 카드 ?�더(`.etc-notice-popup-card__head`)?� ?�일 ??*/

.member-portal-header {

  position: sticky;

  top: 0;

  z-index: 5;

  width: 100vw;

  max-width: 100vw;

  margin-left: calc(50% - 50vw);

  margin-right: calc(50% - 50vw);

  margin-bottom: 20px;

  margin-top: 0;

  padding: 0;

  min-height: 60px;

  background: linear-gradient(135deg, #5b7c9a 0%, #456882 100%);

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  box-shadow: 0 4px 18px rgba(30, 40, 70, 0.12);

  box-sizing: border-box;

}



.member-portal-header__inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px 24px;

  min-height: 64px;

  width: 100%;

  max-width: none;

  margin: 0 auto;

  padding: 8px 56px;

  box-sizing: border-box;

  flex-wrap: wrap;

}



.member-portal-shell.member-portal-shell--center .member-portal-header__inner {

  padding-left: 56px;

  padding-right: 56px;

}



/* 브랜??| ?�사�?+ 메뉴 | 로그?�웃 */

.member-portal-header__center {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 14px 28px;

  flex: 1 1 auto;

  min-width: 0;

}



.member-portal-nav {

  margin: 0;

  padding: 0;

  background: transparent;

  border: none;

}



.member-portal-nav__inner {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 10px 20px;

  min-height: 0;

  padding: 0;

  box-sizing: border-box;

}

.member-portal-nav__item {

  font-family: inherit;

  font-size: 19px;

  font-weight: 700;

  line-height: 1.4;

  color: #fff;

  background: rgba(255, 255, 255, 0.16);

  border: 1px solid rgba(255, 255, 255, 0.38);

  cursor: pointer;

  padding: 8px 12px;

  border-radius: 8px;

  white-space: nowrap;

  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.55);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;

}



.member-portal-nav__item:hover {

  background: rgba(255, 255, 255, 0.14);

  color: #fff;

}



.member-portal-nav__item.is-active {

  background: rgba(255, 255, 255, 0.16);

  color: #fff;

  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.55);

}



@media (max-width: 900px) {

  .member-portal-header__inner {

    justify-content: center;

    padding: 10px 16px;

  }

  .member-portal-brand {

    margin-left: 0;

    margin-right: 0;

    justify-content: center;

    width: 100%;

    transform: translateX(-10px);

  }

  .member-portal-header .member-portal-logout {
    order: 3;
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
  }

}



.member-portal-brand {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  white-space: nowrap;

  margin-left: 12px;

}



.member-portal-logout {

  flex-shrink: 0;

  font-size: 17px;

  padding: 9px 18px;

}



.member-portal-header .member-portal-logout {

  background: rgba(255, 255, 255, 0.18);

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.45);

  box-shadow: none;

}



.member-portal-header .member-portal-logout:hover {

  background: rgba(255, 255, 255, 0.28);

  border-color: rgba(255, 255, 255, 0.6);

  color: #fff;

}



.member-portal-main {

  display: flex;

  flex-direction: column;

  gap: 0;

}



/* ?�의 ?�보 박스 ?��? ?�래 `.member-portal-card.member-portal-card--inline-info`?�서 ?�더?� ?�일?�게 ?�용 */



.member-portal-card--inline-info .member-portal-identity-amounts {

  color: rgba(255, 255, 255, 0.88);

}



.member-portal-card--inline-info .member-portal-identity-amount-item {

  display: inline-flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 4px;

  padding: 8px 14px;

  border: 1px solid rgba(255, 255, 255, 0.4);

  border-radius: 6px;

  background: rgba(255, 255, 255, 0.06);

}



.member-portal-card--inline-info .member-portal-identity-amount-item strong.money-won--negative {

  color: #fca5a5;

}



.member-portal-card--inline-info .member-portal-identity-amount-item strong {

  color: #fff;

}



.member-portal-card--inline-info .member-portal-identity-code {

  color: rgba(255, 255, 255, 0.85);

}



.member-portal-card--inline-info .member-portal-identity-name {

  color: #fff;

}



.member-portal-card--inline-info .member-portal-identity-level {

  color: #ecfdf5;

  background: rgba(255, 255, 255, 0.16);

  border: 1px solid rgba(255, 255, 255, 0.38);

  border-radius: 6px;

}



.member-portal-identity-row {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  gap: 18px 28px;

}



.member-portal-identity-main {

  flex: 1 1 280px;

  min-width: 0;

}



.member-portal-identity-amounts {

  flex: 1 1 260px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-end;

  gap: 14px 36px;

  font-size: clamp(1.05rem, 2.3vw, 1.22rem);

  color: #64748b;

  font-weight: 600;

}



.member-portal-identity-amount-item strong {

  font-weight: 800;

  color: #1e293b;

  font-variant-numeric: tabular-nums;

}



.member-portal-identity-amount-item strong.money-won--negative {

  color: #c1121f;

}



.member-portal-identity-line {

  display: flex;

  flex-wrap: wrap;

  align-items: baseline;

  justify-content: flex-start;

  gap: 12px 28px;

  margin: 0;

  text-align: left;

  font-family: inherit;

}



@media (max-width: 720px) {

  .member-portal-identity-amounts {

    justify-content: flex-start;

  }

}



.member-portal-identity-code {

  font-size: clamp(1.25rem, 2.8vw, 1.55rem);

  font-weight: 900;

  letter-spacing: 0.04em;

  color: #64748b;

}



.member-portal-identity-name {

  font-size: clamp(1.3rem, 3vw, 1.65rem);

  font-weight: 800;

  color: #1d4ed8;

  letter-spacing: -0.02em;

}



.member-portal-identity-level {

  font-size: clamp(1.1rem, 2.6vw, 1.38rem);

  font-weight: 800;

  color: #166534;

  background: rgba(220, 252, 231, 0.95);

  padding: 6px 14px;

  border-radius: 6px;

  border: 1px solid rgba(134, 239, 172, 0.85);

}



/* 공�??�항: ?�의 ?�보?� ?�일 배경(#456882??344f63) · 목록 ?�역 ?�로 ?�보 */

.member-portal-card.member-portal-card--notice {

  margin-top: 28px;

  width: 100%;

  max-width: none;

  margin-left: auto;

  margin-right: auto;

  background: linear-gradient(135deg, #456882 0%, #344f63 100%);

  border: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

  box-shadow:

    0 4px 18px rgba(15, 25, 40, 0.22),

    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}



.member-portal-card--notice .member-portal-card__title {

  color: #f1f5f9;

}

.member-portal-card--inline-info #member-portal-profile-card.member-detail-profile-card {

  max-width: min(100%, 1480px);

  margin-left: auto;

  margin-right: auto;

}

/* 나의 정보: 상세 카드 가로를 쉘 안에서 넉넉히 */
#member-portal-profile-card-body > .member-detail-profile-card__body-rail {

  width: 100%;

  max-width: 100%;

  gap: 24px 36px;

}

@media (max-width: 900px) {
  body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell {
    padding: 0;
  }

  body.page-dashboard.page-dashboard--member .member-portal-main:not(.member-portal-main--subview) {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.page-dashboard.page-dashboard--member #member-portal-info-bar.member-portal-card--inline-info {
    margin: 0;
    width: 100%;
    max-width: none;
    border-radius: 0;
    padding: 0;
    border-bottom: 0;
  }

  #member-portal-profile-card.member-detail-profile-card {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }

  #member-portal-profile-card-body > .member-detail-profile-card__body-rail {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 10px;
  }

  #member-portal-profile-card-body .member-detail-profile-card__shell {
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 12px;
  }

  /* 회원 포털 나의정보: 모바일/태블릿에서 카드 칸을 1열로 */
  #member-portal-profile-card-body .member-detail-profile-card__grid--identity,
  #member-portal-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__subtree,
  #member-portal-profile-card-body .member-detail-profile-card__body-col--left .member-detail-profile-card__totals {
    grid-template-columns: 1fr;
    gap: 10px 0;
  }


  #member-portal-profile-card-body .member-detail-profile-card__subtree-item,
  #member-portal-profile-card-body .member-detail-profile-card__totals-item {
    display: block;
    min-height: 0;
    padding: 12px 12px;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-row--sales-split-grid {
    grid-template-columns: 1fr;
    gap: 10px 0;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-item--sale-label,
  #member-portal-profile-card-body .member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-input-field--sales-split-half,
  #member-portal-profile-card-body .member-detail-profile-card__subtree-row--sales-split-grid > .member-detail-profile-card__subtree-item--sales-current-half {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-input-field,
  #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input.reg-input,
  #member-portal-profile-card-body .member-detail-profile-card__org-achievement-input--below.reg-input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-item b,
  #member-portal-profile-card-body .member-detail-profile-card__totals-item b {
    display: block;
    margin: 0 0 6px;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-item--stacked .member-detail-profile-card__subtree-value {
    display: block;
    margin-top: 2px;
    text-align: center;
  }

  #member-portal-profile-card-body .member-detail-profile-card__totals-item--stacked .member-detail-profile-card__totals-value {
    display: block;
    margin-top: 2px;
    text-align: center;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-item--stacked,
  #member-portal-profile-card-body .member-detail-profile-card__totals-item--stacked {
    text-align: center;
  }

  #member-portal-profile-card-body .member-detail-profile-card__subtree-item--stacked b,
  #member-portal-profile-card-body .member-detail-profile-card__totals-item--stacked b {
    text-align: center;
  }

  #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__identity-field {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    text-align: left;
  }

  #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__key {
    flex: 0 0 auto;
    margin: 0;
  }

  #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val {
    flex: 1 1 auto;
    margin: 0;
    text-align: right;
  }

  #member-portal-profile-card-body .member-detail-profile-card__grid--identity .member-detail-profile-card__val {
    font-size: 16px;
  }
}



.member-portal-card {

  background: rgba(241, 245, 249, 0.88);

  border-radius: 14px;

  padding: 22px 24px;

  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);

  border: 1px solid rgba(148, 163, 184, 0.42);

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

}



/* ?�단 ?�더?� ?�일: #5b7c9a ??#456882 (?�반 카드 ?��?????��?�) */

.member-portal-card.member-portal-card--inline-info {

  margin-bottom: 0;

  padding: 20px 24px;

  /* ?�더(#5b7c9a??456882)보다 ????진한 �?��?�만 */

  background: linear-gradient(135deg, #456882 0%, #344f63 100%);

  border: none;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

  box-shadow:

    0 4px 18px rgba(15, 25, 40, 0.22),

    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}



/* 출금?�청 ?? ?�의 ?�보 카드??가로만 ??줄임(?�래 출금 ???�청?�역 2?�과 ?�일 ?�비) */

.member-portal-shell.member-portal-shell--withdrawal-wide #member-portal-info-bar.member-portal-card--inline-info {

  max-width: calc(480px + 24px + 480px);

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  box-sizing: border-box;

}



.member-portal-shell.member-portal-shell--withdrawal-wide #member-portal-info-bar #member-portal-profile-card {

  max-width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



.member-portal-card__title {

  margin: 0 0 16px;

  font-size: 1.35rem;

  font-weight: 800;

  color: #1e293b;

  letter-spacing: -0.02em;

}



.member-portal-dl {

  display: grid;

  grid-template-columns: 88px 1fr;

  gap: 8px 16px;

  margin: 0;

  font-size: 17px;

}



.member-portal-dl dt {

  margin: 0;

  color: #64748b;

  font-weight: 600;

}



.member-portal-dl dd {

  margin: 0;

  color: #334155;

}



.member-portal-msg {

  margin: 0;

  color: #64748b;

}



.member-portal-msg--settlement-hint {

  margin-top: 10px;

  font-size: 13px;

  line-height: 1.45;

  color: #64748b;

  text-align: left;

}



.member-portal-card--notice .member-portal-notice-list-wrap {

  width: 100%;

  overflow-x: auto;

  min-height: min(42vh, 420px);

  box-sizing: border-box;

}



.member-portal-notice-table {

  width: 100%;

  min-width: 360px;

}



.member-portal-notice-detail {

  margin-top: 8px;

}



.member-portal-notice-detail__title {

  font-size: 1.25rem;

  font-weight: 800;

  margin-bottom: 14px;

  color: #1e293b;

  letter-spacing: -0.02em;

}



.member-portal-card--notice .member-portal-notice-detail__title {

  color: #f1f5f9;

}



.member-portal-notice-detail__content {

  font-size: 17px;

  line-height: 1.7;

  color: #475569;

  white-space: pre-wrap;

  word-break: break-word;

}



.member-portal-card--notice .member-portal-notice-detail__content {

  color: rgba(241, 245, 249, 0.92);

}



.member-portal-notice-actions {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px;

  margin-top: 18px;

  padding-top: 14px;

  border-top: 1px solid rgba(148, 163, 184, 0.4);

}



.member-portal-card--notice .member-portal-notice-actions {

  border-top-color: rgba(255, 255, 255, 0.22);

}



.member-portal-settlement-toolbar {

  display: flex;

  align-items: center;

  gap: 14px;

  margin-bottom: 10px;

  flex-wrap: wrap;

}



.member-portal-settlement-search {

  margin-bottom: 12px;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px 12px;

  color-scheme: light;

}



.member-portal-settlement-search__label {

  font-size: 15px;

  color: #64748b;

  font-weight: 600;

  white-space: nowrap;

}



/* ?�짜 ?�드: ?�백 ?�???�회??*/

.member-portal-settlement-search__date {

  position: relative;

  width: 186px;

  max-width: 100%;

  min-height: 46px;

  height: 46px;

  padding: 8px 42px 8px 12px;

  font-size: 16px;

  box-sizing: border-box;

  background-color: #e2e8f0;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23547569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 10px center;

  background-size: 20px 20px;

  border: 1px solid rgba(100, 116, 139, 0.4);

  color: #334155;

  border-radius: 6px;

  color-scheme: light;

  accent-color: #2563eb;

}



.member-portal-settlement-search__date:focus {

  outline: none;

  border-color: rgba(100, 116, 139, 0.65);

  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.35);

}



/* Chrome/Edge/Safari: 기본 ?�력 그림?� ?�기�??�른�??�체�??�릭???�업 */

.member-portal-settlement-search__date::-webkit-calendar-picker-indicator {

  position: absolute;

  right: 0;

  top: 0;

  width: 40px;

  height: 100%;

  margin: 0;

  padding: 0;

  cursor: pointer;

  opacity: 0;

}



/* Firefox: ?�이?�브 ?�력 ?�이콘만 ?��?(지???? ??배경 SVG ?��? */

.member-portal-settlement-search__date::-moz-calendar-picker-indicator {

  opacity: 0;

}



.member-portal-settlement-search__reset-btn {

  background: #94a3b8 !important;

  border-color: #94a3b8 !important;

  color: #fff !important;

  box-shadow: none;

}



.member-portal-settlement-search__reset-btn:hover {

  background: #7c8c9e !important;

  border-color: #7c8c9e !important;

  color: #fff !important;

}

@media (max-width: 900px) {
  /* 모바일 정산 검색줄: 검색/초기화 버튼 넘침 방지 */
  #member-portal-settlement-search-row.member-portal-settlement-search {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: stretch;
  }

  #member-portal-settlement-search-row .member-portal-settlement-search__label {
    white-space: normal;
  }

  #member-portal-settlement-search-row .member-portal-settlement-search__date {
    width: 100%;
    min-width: 0;
  }

  #member-portal-settlement-search-row .admin-search-btn {
    width: 100%;
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
}



.member-portal-settlement-title {

  margin: 0;

  font-size: 1.3rem;

  font-weight: 800;

  color: #1e293b;

  letter-spacing: -0.02em;

}



.member-portal-card--withdrawal {

  margin-top: 28px;

  width: 100%;

  max-width: 100%;

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  backdrop-filter: none !important;

  -webkit-backdrop-filter: none !important;

  padding: 12px !important;

  overflow: visible;

}



.member-portal-withdrawal-layout {

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  justify-content: center;

  gap: 20px 24px;

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  overflow: visible;

  max-height: none;

}



.member-portal-withdrawal-ui {

  /* ?�의 ?�보(.member-portal-card--inline-info)?� ?�일 ??*/

  background: linear-gradient(135deg, #253247 0%, #1e293b 55%, #172033 100%);

  border-radius: 14px;

  padding: 22px 20px 24px;

  margin-bottom: 0;

  border: 1px solid rgba(71, 85, 105, 0.72);

  box-shadow:

    0 4px 18px rgba(15, 25, 40, 0.22),

    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  flex: 0 0 auto;

  width: min(430px, 100%);

  max-width: 430px;

  overflow: visible;

  max-height: none;

}



.member-portal-withdrawal-history {

  flex: 0 0 auto;

  width: min(430px, 100%);

  max-width: 430px;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 12px;

  background: linear-gradient(135deg, #253247 0%, #1e293b 55%, #172033 100%);

  border-radius: 14px;

  padding: 22px 20px 24px;

  border: 1px solid rgba(71, 85, 105, 0.72);

  box-shadow:

    0 4px 18px rgba(15, 25, 40, 0.22),

    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  overflow: visible;

  max-height: none;

}



.member-portal-withdrawal-history-scroll {

  overflow: visible;

  max-height: none;

  width: 100%;

}



.member-portal-withdrawal-history-scroll .member-portal-withdrawal-table {

  width: 100%;

  font-size: 13px;

}



.member-portal-withdrawal-history .member-portal-withdrawal-subtitle {

  margin: 0;

  font-size: 1.08rem;

  font-weight: 800;

  color: #f1f5f9;

  letter-spacing: -0.02em;

  padding: 0 0 4px;

}



@media (max-width: 900px) {

  .member-portal-withdrawal-layout {

    flex-direction: column;

  }



  .member-portal-withdrawal-ui {

    max-width: none;

    width: 100%;

  }



  .member-portal-withdrawal-history {

    max-width: none;

    width: 100%;

  }

  /* 모바일 신청내역: 테이블 -> 카드형 */
  #member-portal-withdrawal-panel .member-portal-withdrawal-table thead {
    display: none;
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table,
  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody {
    display: block;
    width: 100%;
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(71, 85, 105, 0.55);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.32);
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent !important;
    text-align: right !important;
    font-size: 13px;
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td::before {
    font-weight: 700;
    color: #cbd5e1;
    text-align: left;
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td:nth-child(1)::before {
    content: "신청일시";
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td:nth-child(2)::before {
    content: "신청금액";
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td:nth-child(3)::before {
    content: "상태";
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td.member-portal-withdrawal-empty {
    display: block;
    text-align: center !important;
    padding: 12px 0;
  }

  #member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td.member-portal-withdrawal-empty::before {
    content: none;
  }

  /* 모바일 정산내역: 테이블 -> 카드형 */
  #member-portal-settlement-panel .admin-list-table--payment-history thead {
    display: none;
  }

  #member-portal-settlement-panel .admin-list-table--payment-history,
  #member-portal-settlement-panel .admin-list-table--payment-history tbody {
    display: block;
    width: 100%;
  }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(71, 85, 105, 0.55);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.32);
  }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent !important;
    text-align: right !important;
    font-size: 13px;
  }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody td::before {
    font-weight: 700;
    color: #cbd5e1;
    text-align: left;
  }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(1)::before { content: "번호"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(2)::before { content: "회원ID"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(3)::before { content: "회원명"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(4)::before { content: "정산일자"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(5)::before { content: "소개보너스"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(6)::before { content: "센터소개보너스"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(7)::before { content: "추천매칭보너스"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(8)::before { content: "직급보너스"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(9)::before { content: "보너스 합계"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(10)::before { content: "제세금"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(11)::before { content: "실지급액"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(12)::before { content: "지급금액"; }
  #member-portal-settlement-panel .admin-list-table--payment-history tbody td:nth-child(13)::before { content: "적립금액"; }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody td[colspan] {
    display: block;
    text-align: center !important;
    padding: 12px 0;
  }

  #member-portal-settlement-panel .admin-list-table--payment-history tbody td[colspan]::before {
    content: none;
  }

  /* 모바일 공지사항: 테이블 -> 카드형 */
  #member-portal-notice-panel .member-notice-list-table thead {
    display: none;
  }

  #member-portal-notice-panel .member-notice-list-table,
  #member-portal-notice-panel .member-notice-list-table tbody {
    display: block;
    width: 100%;
  }

  #member-portal-notice-panel .member-notice-list-table tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(71, 85, 105, 0.55);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.32);
  }

  #member-portal-notice-panel .member-notice-list-table tbody td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent !important;
    text-align: right !important;
    font-size: 13px;
  }

  #member-portal-notice-panel .member-notice-list-table tbody td::before {
    font-weight: 700;
    color: #cbd5e1;
    text-align: left;
  }

  #member-portal-notice-panel .member-notice-list-table tbody td:nth-child(1)::before { content: "날짜"; }
  #member-portal-notice-panel .member-notice-list-table tbody td:nth-child(2)::before { content: "제목"; }

  #member-portal-notice-panel .member-notice-list-table thead th:first-child,
  #member-portal-notice-panel .member-notice-list-table tbody td:first-child {
    width: auto !important;
    min-width: 0 !important;
  }
}

/* 회원 포털 출금 탭 폭 고정(후순위 강제) */
@media (min-width: 901px) {
  body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-main {
    width: min(100%, 860px) !important;
    max-width: 860px !important;
    padding: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-layout {
    gap: 20px !important;
  }

  body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-ui,
  body.page-dashboard.page-dashboard--member #member-portal-shell.member-portal-shell--withdrawal-wide .member-portal-withdrawal-history {
    width: min(400px, calc((100% - 20px) / 2)) !important;
    max-width: 400px !important;
    flex: 0 1 min(400px, calc((100% - 20px) / 2)) !important;
  }
}



.member-portal-withdrawal-heading {

  margin: 0 0 20px;

  font-size: 1.25rem;

  font-weight: 800;

  color: #f1f5f9;

  letter-spacing: -0.02em;

}



.member-portal-withdrawal-form {

  display: flex;

  flex-direction: column;

  gap: 18px;

}



.member-portal-wd-block {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.member-portal-wd-label {

  font-size: 0.95rem;

  font-weight: 600;

  color: #e2e8f0;

}



.member-portal-wd-box {

  display: flex;

  align-items: center;

  min-height: 48px;

  padding: 10px 14px;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 255, 255, 0.22);

  box-sizing: border-box;

}



.member-portal-wd-box--balance {

  gap: 10px;

}



.member-portal-wd-coin {

  display: flex;

  flex-shrink: 0;

}



.member-portal-wd-balance-num {

  font-size: 1.2rem;

  font-weight: 800;

  color: #f8fafc;

  font-variant-numeric: tabular-nums;

  letter-spacing: 0.02em;

}



.member-portal-wd-balance-num.money-won--negative {

  color: #f87171;

}



.member-portal-wd-box--amount {

  font-size: 1.05rem;

  font-weight: 700;

  color: #f8fafc;

  font-variant-numeric: tabular-nums;

}



.member-portal-wd-box--amount.is-placeholder {

  color: #64748b;

  font-weight: 600;

}



.member-portal-wd-hints {

  display: flex;

  flex-direction: column;

  gap: 4px;

  margin-top: 2px;

}



.member-portal-wd-hint-line {

  margin: 0;

  font-size: 0.82rem;

  font-weight: 600;

  color: #f87171;

  line-height: 1.45;

}



.member-portal-withdrawal-presets {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 10px;

}

@media (max-width: 900px) {
  /* 모바일: 금액 버튼을 세로 1열로 */
  .member-portal-withdrawal-presets {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    overflow: visible;
  }

  .member-portal-withdrawal-preset-btn {
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    white-space: normal;
  }
}



.member-portal-withdrawal-preset-btn {

  min-height: 44px;

  padding: 8px 10px;

  font-weight: 700;

  font-size: 0.95rem;

  font-variant-numeric: tabular-nums;

  color: #f1f5f9;

  background: transparent;

  border: 1px solid rgba(255, 255, 255, 0.35);

  border-radius: 10px;

  cursor: pointer;

  transition:

    background 0.15s ease,

    border-color 0.15s ease,

    color 0.15s ease;

}



.member-portal-withdrawal-preset-btn:hover:not(:disabled) {

  background: rgba(255, 255, 255, 0.08);

  border-color: rgba(255, 255, 255, 0.5);

}



.member-portal-withdrawal-preset-btn:disabled {

  opacity: 0.45;

  cursor: not-allowed;

}



.member-portal-withdrawal-preset-btn.is-active {

  background: rgba(212, 168, 83, 0.22);

  border-color: #d4a853;

  color: #fde68a;

  box-shadow: inset 0 0 0 1px rgba(212, 168, 83, 0.35);

}



.member-portal-withdrawal-preset-btn--clear {

  font-weight: 800;

}



.member-portal-wd-input {

  width: 100%;

  min-height: 48px;

  padding: 10px 14px;

  border-radius: 10px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  background: rgba(0, 0, 0, 0.18);

  color: #f8fafc;

  font-size: 1rem;

  box-sizing: border-box;

}



.member-portal-wd-input::placeholder {

  color: #64748b;

}



.member-portal-wd-input:focus {

  outline: none;

  border-color: rgba(212, 168, 83, 0.55);

  box-shadow: 0 0 0 2px rgba(212, 168, 83, 0.2);

}



.member-portal-wd-account-block {

  gap: 8px;

}



.member-portal-wd-account-box {

  padding: 10px 12px;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.07);

  border: 1px solid rgba(255, 255, 255, 0.2);

  overflow: visible;

  max-height: none;

}



.member-portal-wd-account-line {

  margin: 0;

  font-size: 0.92rem;

  font-weight: 600;

  color: #f1f5f9;

  line-height: 1.45;

  font-variant-numeric: tabular-nums;

  word-break: break-word;

  overflow-wrap: anywhere;

}

.member-portal-wd-account-line + .member-portal-wd-account-line {
  margin-top: 6px;
}

.member-portal-wd-account-line span {
  display: inline-block;
  min-width: 48px;
  color: #cbd5e1;
  font-weight: 700;
}

.member-portal-wd-account-line strong {
  font-weight: 700;
  color: #f8fafc;
  font-variant-numeric: tabular-nums;
}



.member-portal-wd-submit {

  width: 100%;

  min-height: 50px;

  margin-top: 4px;

  border: none;

  border-radius: 12px;

  font-size: 1.08rem;

  font-weight: 800;

  letter-spacing: 0.04em;

  color: #2a2418;

  cursor: pointer;

  background: linear-gradient(180deg, #f0e6c8 0%, #d4bc7a 45%, #c9a85a 100%);

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);

  transition:

    filter 0.15s ease,

    transform 0.1s ease;

}



.member-portal-wd-submit:hover:not(:disabled) {

  filter: brightness(1.05);

}



.member-portal-wd-submit:active:not(:disabled) {

  transform: translateY(1px);

}



.member-portal-wd-submit:disabled {

  opacity: 0.5;

  cursor: not-allowed;

}



#member-portal-withdrawal-panel .member-portal-withdrawal-table {

  border-collapse: collapse;
  table-layout: fixed;

}



#member-portal-withdrawal-panel .member-portal-withdrawal-table thead th {

  position: static;

  padding: 9px 10px;

  background: rgba(0, 0, 0, 0.22);

  color: rgba(226, 232, 240, 0.95);

  font-weight: 700;

  font-size: 12px;

  line-height: 1.3;

  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(71, 85, 105, 0.78) !important;
  border-right-color: rgba(71, 85, 105, 0.6);
  border-bottom-color: rgba(71, 85, 105, 0.6);
  border-left-color: rgba(71, 85, 105, 0.6);

}



#member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td {

  padding: 9px 10px;

  background: rgba(255, 255, 255, 0.06);

  color: #f1f5f9;

  font-size: 13px;

  line-height: 1.4;

  border: 1px solid rgba(255, 255, 255, 0.1);

}

#member-portal-withdrawal-panel .member-portal-withdrawal-table tbody tr:nth-child(even) td {

  background: rgba(255, 255, 255, 0.1);

}



#member-portal-withdrawal-panel .member-portal-withdrawal-table tbody td.member-portal-withdrawal-empty {

  text-align: center;

  padding: 18px 10px;

  color: #fff;

  font-size: 0.98rem;

  font-weight: 600;

  background: rgba(0, 0, 0, 0.12);

  border: 1px solid rgba(255, 255, 255, 0.12);

}



.member-portal-table-scroll {

  max-height: min(70vh, 560px);

}



/* ?�원 ?�털 ?�산?�역 ?? 관리자 리스?��? ?�일??밝�?(?�래) ??· 글???��? · ?�당 ?�유 ??최�? ??*/

#member-portal-shell .admin-list-table--payment-history {

  font-size: 14px;

  table-layout: fixed;

  width: 100%;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(-n + 13) {

  width: 100px;

  max-width: 100px;

  box-sizing: border-box;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(4) {

  width: 170px;

  max-width: 170px;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(1) {

  width: 72px;

  max-width: 72px;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(2),
#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(3) {

  width: 86px;

  max-width: 86px;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(9) {

  width: 120px;

  max-width: 120px;

}

#member-portal-shell .admin-list-table--payment-history thead tr:first-child th:nth-child(13) {

  width: 100px;

  max-width: 100px;

  box-sizing: border-box;

}



#member-portal-shell .admin-list-table--payment-history thead th {

  position: sticky;

  top: 0;

  z-index: 2;

  background: linear-gradient(180deg, #dde5f0 0%, #d0dce8 100%);

  color: #334155;

  font-weight: 700;

  font-size: 14px;

  border-right-color: rgba(148, 163, 184, 0.35);

  border-bottom-color: rgba(148, 163, 184, 0.45);

  box-shadow: none;

}



#member-portal-shell .admin-list-table--payment-history tbody td {

  border-right-color: rgba(203, 213, 225, 0.65);

  border-bottom-color: rgba(203, 213, 225, 0.65);

  background: #e8eef4;

  color: #1e293b;

  font-size: 14px;

}



#member-portal-shell .admin-list-table--payment-history tbody td:nth-child(13) {

  font-size: 14px;

  line-height: 1.4;

  text-align: center;

}



#member-portal-shell .admin-list-table--payment-history tbody tr:nth-child(even) td {

  background: #dfe7f0;

}



/* ?�원 ?�털 공�? ?? 관리자 `.member-notice-list-table`?� ?�일 ?�더(#e8ecf5 / #23314f) */

#member-portal-shell .member-notice-list-table {

  font-size: 16px;

}



/* ?�짜 ??가�?조금 ?��? (기본 108px ??138px) */

#member-portal-shell .member-notice-list-table thead th:first-child,

#member-portal-shell .member-notice-list-table tbody td:first-child {

  width: 138px;

  min-width: 138px;

  box-sizing: border-box;

}



#member-portal-shell .member-notice-list-table thead th {

  text-align: center;

  font-weight: 800;

  font-size: 16px;

  padding: 12px 14px;

  color: #23314f;

  background: #dde5f0;

  border: 1px solid rgba(100, 110, 140, 0.4);

}



#member-portal-shell .member-notice-list-table tbody td {

  font-size: 16px;

  padding: 14px 14px;

  vertical-align: middle;

  border: 1px solid rgba(120, 130, 160, 0.32);

  background: #e8eef4;

  color: #1a2438;

}



#member-portal-shell .member-notice-list-table tbody tr:nth-child(even) td {

  background: #dfe7f0;

}



#member-portal-shell .member-notice-list-row:hover td {

  background: #d2dce8;

}



#member-portal-shell .member-notice-list-date {

  color: #3d4a63;

}



#member-portal-shell .member-notice-list-title {

  color: #1a2438;

}



#member-portal-shell .member-notice-list-empty {

  color: #666;

}



/* ?�털 ??보조 버튼(목록 ?? */

#member-portal-shell .member-portal-notice-actions .btn-secondary {

  background: rgba(255, 255, 255, 0.35);

  color: #334155;

  border: 1px solid rgba(100, 116, 139, 0.38);

}



#member-portal-shell .member-portal-notice-actions .btn-secondary:hover {

  background: rgba(255, 255, 255, 0.55);

  color: #1e293b;

}



/* 공�? 카드 ?�두??배경 ??목록 버튼 */

#member-portal-shell .member-portal-card--notice .member-portal-notice-actions .btn-secondary {

  background: rgba(255, 255, 255, 0.16);

  color: #f1f5f9;

  border-color: rgba(255, 255, 255, 0.38);

}



#member-portal-shell .member-portal-card--notice .member-portal-notice-actions .btn-secondary:hover {

  background: rgba(255, 255, 255, 0.28);

  color: #fff;

  border-color: rgba(255, 255, 255, 0.5);

}



#member-portal-shell .member-notice-list-row:focus {

  outline: 2px solid #4e67bb;

  outline-offset: -2px;

}



#member-portal-shell .admin-search-btn.btn-primary {

  filter: none;

}



#member-portal-shell .admin-search-btn {

  font-size: 16px;

  min-height: 46px;

  padding-left: 18px;

  padding-right: 18px;

}



/* 조직???�업: ?�역 ?�사 배경·?�버?�이 ?��? (조직???�이지 그라?�이?�만) */

body.page-org-chart::before,

body.page-org-chart::after {

  display: none;

}



/* ?�더 + ?��?바�? ???�버 ?�역?�로 묶어 마우???�동 ???��?가 깜빡?��? ?�게 ??*/

.admin-nav-mega {

  position: sticky;

  top: 0;

  z-index: 10;

  width: 100%;

}



.admin-header {

  width: 100%;

  max-width: none;

  margin: 0;

  /* ?�원 ?�털 `.member-portal-header`?� ?�일 ??*/

  background: linear-gradient(135deg, #5b7c9a 0%, #456882 100%);

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  box-shadow: 0 4px 18px rgba(30, 40, 70, 0.12);

  overflow: visible;

  height: 60px;

}



.admin-rail {

  height: 20px;

  background: transparent;

}



.admin-nav {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 26px;

  padding: 0 6px;

  flex-wrap: nowrap;

  overflow: visible;

  scrollbar-width: none;

  position: relative;

  height: 100%;

}



.admin-brand {

  position: absolute;

  left: 60px;

  top: 50%;

  transform: translateY(-50%);

  display: inline-flex;

  align-items: center;

  gap: 10px;

  white-space: nowrap;

}



.header-brand-logo {

  width: 44px;

  height: 44px;

  object-fit: contain;

  display: inline-block;

}



.header-brand-name {

  color: #edf5ff;

  font-size: 32px;

  font-weight: 900;

  font-family: Tahoma, "Segoe UI", Arial, sans-serif;

  letter-spacing: 0.4px;

  line-height: 1;

  text-shadow:

    0 1px 0 rgba(15, 40, 76, 0.55),

    0 2px 0 rgba(20, 58, 107, 0.42),

    0 0 2px rgba(196, 225, 255, 0.9);

}



.admin-brand .header-brand-name {

  font-size: 28px;

}



.admin-nav::-webkit-scrollbar {

  display: none;

}



/* ?�원관�?기�?관�?링크 + ?�정 버튼: ?�일 글꼴·크기·굵�?(로그?�웃·브랜?�는 별도) */

.admin-nav__item,

.admin-nav__settings-btn {

  font-family: inherit;

  font-size: 17px;

  font-weight: 700;

  line-height: 1;

}



.admin-nav__item {

  color: rgba(255, 255, 255, 0.95);

  text-decoration: none;

  white-space: nowrap;

  padding: 6px 7px;

  border-radius: 4px;

  flex: 0 0 auto;

}



.admin-nav__item--dropdown {

  position: relative;

  flex: 0 0 auto;

}



/* 기�? 관�??�롭?�운) + ?�정: ?��??�만 ?�고, ?�정?� ?�롭 ?�역 �????�정??마우?????��?�?????*/

.admin-nav__etc-cluster {

  display: inline-flex;

  align-items: center;

  gap: 26px;

  flex: 0 0 auto;

}



/* ?�역 `button { font-size:14px; height:36px }` 보다 ?�선 ??박스�?링크?� 맞춤 (글?�는 ??공통 규칙) */

.admin-nav__settings-btn {

  display: inline-flex;

  align-items: center;

  gap: 6px;

  margin: 0;

  padding: 6px 7px;

  height: auto;

  min-height: 0;

  border: none;

  border-radius: 4px;

  background: transparent;

  color: rgba(255, 255, 255, 0.95);

  white-space: nowrap;

  cursor: pointer;

  vertical-align: middle;

  box-sizing: border-box;

}



.admin-nav__settings-btn:hover {

  background: rgba(255, 255, 255, 0.18);

  color: #fff;

}



.admin-nav__settings-btn:focus {

  outline: none;

}



.admin-nav__settings-btn:focus-visible {

  outline: 2px solid rgba(255, 255, 255, 0.9);

  outline-offset: 2px;

}



.admin-nav__settings-btn-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  opacity: 0.95;

}



.admin-nav__settings-btn-icon svg {

  width: 19px;

  height: 19px;

  display: block;

}



.admin-nav__settings-btn-label {

  font: inherit;

  letter-spacing: inherit;

}



.admin-nav__link {

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



/* "조직?? 글?��? ?�각?�으�??�아 보이???�상 보정 */

.admin-nav__item--dropdown[data-admin-dropdown="org"] > .admin-nav__link {

  font-size: 18px;

}



.admin-nav__item:hover {

  background: rgba(255, 255, 255, 0.18);

  color: rgba(255, 255, 255, 1);

}



.admin-subnav {

  position: absolute;

  /* ?�더 ?�래 admin-rail ?�이만큼 ?�림 */

  top: calc(100% + 20px);

  left: 0;

  min-width: 520px;

  background: linear-gradient(180deg, #456882 0%, #344f63 100%);

  border: 1px solid rgba(255, 255, 255, 0.14);

  border-radius: 0 0 8px 8px;

  padding: 8px 10px;

  box-shadow: 0 12px 30px rgba(15, 25, 40, 0.28);

  display: none;

  z-index: 20;

  flex-direction: row;

}



.admin-nav__item--dropdown.is-open .admin-subnav {

  display: flex;

}



.admin-subnav__item {

  display: inline-flex;

  color: rgba(255, 255, 255, 0.95);

  text-decoration: none;

  font-size: 12px;

  font-weight: 600;

  padding: 2px 6px;

  border-radius: 0;

  white-space: nowrap;

}



.admin-subnav__item:not(:last-child)::after {

  content: " |";

  color: rgba(255, 255, 255, 0.55);

  margin-left: 8px;

}



.admin-subnav__item:hover {

  text-decoration: underline;

}



.admin-subnav-bar {

  width: 100%;

  background: rgba(228, 235, 245, 0.97);

  border-top: 1px solid rgba(100, 116, 150, 0.22);

  padding: 6px 8px;

  box-sizing: border-box;

  z-index: 9;

  height: 32px; /* ?��?바�? ?�려???�이?�웃???�어?��? ?�게 ?�리 고정 */

  display: flex;

  align-items: center;

  justify-content: flex-start;



  /* 기본: ?�리�?차�??�고 ?�용?� ?��? */

  visibility: hidden;

  opacity: 0;

  pointer-events: none;

}



.admin-subnav-bar.is-open {

  align-items: center;

  gap: 0;

  flex-wrap: nowrap;

  overflow-x: hidden;



  visibility: visible;

  opacity: 1;

  pointer-events: auto;

}



.admin-subnav-bar__inner {

  display: flex;

  align-items: center;

  gap: 0;

  height: 100%;

  width: fit-content;

  margin-left: 0;

  padding-left: 0;

}



.admin-subnav-bar__item {

  display: inline-flex;

  color: #2f4ea2;

  text-decoration: none;

  font-size: 14px;

  font-weight: 700;

  white-space: nowrap;

  padding: 0 5px;

}



/* ?��? 메뉴 구분????JS?�서 <a> ?�이?�만 ?�입(공백·가?�요???�백 ?�음) */

.admin-subnav-bar__sep {

  display: inline-flex;

  align-items: center;

  align-self: center;

  color: rgba(0, 0, 0, 0.25);

  font-weight: 700;

  font-size: 14px;

  line-height: 1;

  flex-shrink: 0;

  user-select: none;

  padding: 0;

  margin: 0;

}



.admin-subnav-bar__item:hover {

  text-decoration: underline;

}



.admin-nav__item.is-active {

  background: rgba(255, 255, 255, 0.18);

}



.admin-nav__logout {

  background: rgba(255, 255, 255, 0.14);

  border: 1px solid rgba(255, 255, 255, 0.25);

  color: rgba(255, 255, 255, 0.98);

  font-size: 13px;

  font-weight: 700;

  border-radius: 4px;

  padding: 4px 8px;

  cursor: pointer;

  white-space: nowrap;

  position: absolute;

  right: 56px;

}



.admin-nav__logout:hover {

  background: rgba(255, 255, 255, 0.2);

}



.admin-nav__theme-toggle {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin: 0;

  padding: 6px;

  width: 34px;

  height: 34px;

  min-height: 0;

  border: 1px solid rgba(255, 255, 255, 0.28);

  border-radius: 4px;

  background: rgba(255, 255, 255, 0.12);

  color: rgba(255, 255, 255, 0.96);

  font-family: inherit;

  cursor: pointer;

  box-sizing: border-box;

  flex-shrink: 0;

  overflow: visible;

}



.admin-nav__theme-toggle__icon {

  display: none;

  line-height: 0;

}



.admin-nav__theme-toggle__icon svg {

  display: block;

  vertical-align: top;

  transform: scale(1.2);

  transform-origin: center;

}



/* ?�이�??�시??html[data-theme]?� ?�기( head 초기 ?�마?� �??�인???�치 ) */

html:not([data-theme="dark"]) .admin-nav__theme-toggle .admin-nav__theme-toggle__icon--to-dark {

  display: block;

}



html[data-theme="dark"] .admin-nav__theme-toggle .admin-nav__theme-toggle__icon--to-light {

  display: block;

}



.admin-nav__theme-toggle:hover {

  background: rgba(255, 255, 255, 0.2);

  color: #fff;

}



body.page-dashboard--member .admin-nav__theme-toggle {

  display: none !important;

}



.admin-member-name-link {

  color: #1e4ea8;

  text-decoration: none;

  font-weight: 800;

}



.admin-member-name-link:hover {

  filter: brightness(1.05);

}





/* ?�원 리스?? ?�원/추천 조직??보기(?�게 ?????�이 ??밀�? */

.admin-org-view-btn {

  min-width: 38px;

  padding: 1px 6px;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 0.02em;

  line-height: 1.2;

  color: #2d4a8f;

  border: 1px solid rgba(80, 110, 170, 0.65);

  border-radius: 3px;

  background: linear-gradient(to bottom, #f4f7ff, #e4ebfb);

  cursor: pointer;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);

}

.admin-org-view-btn:hover {

  background: linear-gradient(to bottom, #eef3ff, #d8e2f8);

  border-color: rgba(60, 90, 150, 0.75);

}

.admin-org-view-btn:active {

  transform: translateY(1px);

}



.page-dashboard .wrap.wrap--dashboard {

  display: flex;

  flex-direction: column;

  width: 100%;

  max-width: 1840px;

  margin: 0 auto;

  flex: 1 1 auto;

  min-height: 0;

}



.page-dashboard .panel {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  background: rgba(255, 255, 255, 0.22);

  border: 1px solid rgba(255, 255, 255, 0.45);

  box-shadow:

    0 8px 32px rgba(0, 0, 0, 0.2),

    inset 0 1px 0 rgba(255, 255, 255, 0.45);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

}



.page-dashboard .content {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  box-sizing: border-box;

  padding-top: 14px;

  padding-left: 15px;

  padding-right: 15px;

  padding-bottom: 15px;

}



/* ??카드가 뷰포???�에???�제�??��? ?�로�?받도�?(flex:1만으로는 부�??�이가 ?�으�??�과 ?�음) */

.page-dashboard .admin-panel:not(.is-hidden) {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

}



.admin-panel {

  margin: 6px 0 0;

}



.admin-panel[data-admin-panel="member"] #member-section-list {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

}



/* ?�원리스??검?�줄: 검?��? ?�쪽, ?�계 카드??같�? �??�른�?*/

.admin-panel[data-admin-panel="member"] #member-section-list > .admin-search-row--member-list {

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



.admin-panel[data-admin-panel="member"] #member-section-list .admin-search-row__member-controls {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 8px;

  flex: 0 1 auto;

  min-width: 0;

}



.admin-panel[data-admin-panel="member"] #member-section-list .admin-search-row__member-stats {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: flex-end;

  gap: 8px;

  flex: 1 1 auto;

  min-width: 0;

  margin-left: auto;

}



.admin-panel[data-admin-panel="member"] #member-section-list .admin-search-row__member-stats .admin-member-stat {

  margin-left: 0;

}



/* ?�원리스??검?�줄: ??�??��? ??좁�? ?�면?� body 가�??�크롤로 ?�체 ?�시 */

.admin-panel[data-admin-panel="selection"] #center-section-list {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

}



/* ?�원?�산: ?�원?�산?�역·?�원?�산?�행 */

.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

}



/* ?�터?�산: ?�터?�산?�역·?�터?�산?�행 */

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  width: 100%;

  max-width: 100%;

}



.admin-panel.is-hidden {

  display: none;

}



.admin-form-card {

  margin-top: 10px;

  padding: 16px;

  background: rgba(255, 255, 255, 0.65);

  border: 1px solid rgba(255, 255, 255, 0.7);

  border-radius: 10px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);

}



/* ?�원?�산 카드: ?�원?�산?�역 165px ?�프?????�산?�행 ??.admin-form-card--settlement-run)?� 188px ?��? */

.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 165px);

  max-height: calc(100dvh - 165px);

  overflow: hidden;

  contain: layout paint;

}



.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card.admin-form-card--settlement-run,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card.admin-form-card--settlement-run {

  max-height: calc(100vh - 188px);

  max-height: calc(100dvh - 188px);

}



/* ?�터?�산·?�권?�산 카드: ?�원리스??admin-table-card)처럼 ?�로 flex�?묶어 지급내???�이블만 ?�크�?*/

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main > .admin-form-card,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main > .admin-form-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 160px);

  overflow: hidden;

  contain: layout paint;

}



.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history,

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main #pan-section-allowance-history {

  display: flex;

  flex-direction: column;

  flex: 0 1 auto;

  min-height: 0;

}



.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card > .admin-form-card__title,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card > .admin-form-card__title,

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main > .admin-form-card > .admin-form-card__title,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main > .admin-form-card > .admin-form-card__title {

  flex-shrink: 0;

}



/* ?�원?�산 ?�행·?�터?�산 ?�행: ?�단 ?�목 가?�데 · 글???�간 ?��? */

.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card--settlement-run > .admin-form-card__title,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main > .admin-form-card--settlement-run > .admin-form-card__title,

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main > .admin-form-card--settlement-run > .admin-form-card__title,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main > .admin-form-card--settlement-run > .admin-form-card__title {

  text-align: center;

  font-size: 1.35rem;

  line-height: 1.35;

  margin-bottom: 16px;

  letter-spacing: -0.01em;

}



.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history > .admin-search-row,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history > .admin-search-row,

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history > .admin-search-row,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main #pan-section-allowance-history > .admin-search-row {

  flex-shrink: 0;

}



.admin-form-card__title {

  font-weight: 800;

  color: #2a2b30;

  margin-bottom: 12px;

  letter-spacing: -0.02em;

}



/* 기�?관�? 최상??카드 ?�이 ?�한 ??공�?·리포??188px. 기본?�정·?�속?�보 165px ??JS�?.admin-form-card--base-setting / --access-info 부??*/

.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 188px);

  max-height: calc(100dvh - 188px);

  overflow: hidden;

  contain: layout paint;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card.admin-form-card--base-setting,

.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card.admin-form-card--access-info {

  max-height: calc(100vh - 165px);

  max-height: calc(100dvh - 165px);

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > .admin-form-card__title {

  flex-shrink: 0;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #etc-notice-popup-layout,

.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #base-setting-section {

  flex: 1 1 auto;

  min-height: 0;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #access-info-section {

  flex: 1 1 auto;

  min-height: 0;

  overflow: hidden;

  display: flex;

  flex-direction: column;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #access-info-section > .admin-form-actions {

  flex-shrink: 0;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #access-info-section > .admin-table-scroll {

  flex: 1 1 auto;

  min-height: 0;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card > #report-section {

  flex: 0 1 auto;

  min-height: 0;

  overflow: hidden;

  display: flex;

  flex-direction: column;

}

/* 리포트 카드만 별도 오프셋(하단 빈공간 축소) */
.page-dashboard .admin-panel[data-admin-panel="etc"] > .admin-form-card:has(> #report-section) {
  max-height: calc(100vh - 150px);
  max-height: calc(100dvh - 150px);
}



/* 기�?관�? 공�? / ?�업 반반 카드 (그리???�식 min-width:0 ?�으�????�이???�른�??�이 밀????보일 ???�음) */

.etc-notice-popup-layout {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 16px;

  align-items: stretch;

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

}



@media (max-width: 700px) {

  .etc-notice-popup-layout {

    grid-template-columns: 1fr;

  }

}



.etc-notice-popup-column {

  min-width: 0;

  display: flex;

}



.etc-notice-popup-card {

  flex: 1;

  display: flex;

  flex-direction: column;

  min-width: 0;

  min-height: 0;

  width: 100%;

  background: rgba(255, 255, 255, 0.92);

  border: 1px solid rgba(180, 190, 210, 0.55);

  border-radius: 10px;

  box-shadow: 0 4px 18px rgba(30, 40, 70, 0.08);

  overflow: hidden;

}



.etc-notice-popup-card__head {

  flex-shrink: 0;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 4px;

  margin: 0;

  padding: 10px 14px;

  font-size: 14px;

  font-weight: 800;

  letter-spacing: -0.02em;

  color: #fff;

  background: linear-gradient(135deg, #5b7c9a 0%, #456882 100%);

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

}



.etc-notice-popup-card__head-main {

  font-size: 14px;

  font-weight: 800;

  line-height: 1.3;

}



.etc-notice-popup-card__head-note {

  font-size: 12px;

  font-weight: 600;

  line-height: 1.35;

  opacity: 0.95;

  word-break: keep-all;

}



.etc-notice-popup-card__body {

  flex: 1;

  min-width: 0;

  min-height: 0;

  padding: 14px;

  display: flex;

  flex-direction: column;

  box-sizing: border-box;

}



.etc-notice-popup-card__body #notice-manage-section,

.etc-notice-popup-card__body #popup-manage-section {

  flex: 1;

  min-width: 0;

  min-height: 0;

  display: flex;

  flex-direction: column;

}



/* 공�? 목록 ?��? 카드 밖으�?밀지 ?�도�?카드 ?�에???�크�?*/

.admin-panel[data-admin-panel="etc"] .etc-notice-table-scroll {

  flex: 1;

  min-height: 0;

  min-width: 0;

  max-width: 100%;

  margin-top: 10px;

  overflow-x: auto;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

}



.admin-panel[data-admin-panel="etc"] .etc-notice-popup-card--notice .admin-list-table {

  table-layout: fixed;

  width: 100%;

  min-width: 0;

}



.admin-panel[data-admin-panel="etc"] .etc-notice-popup-card td.admin-table-empty-message {

  text-align: center;

  padding: 14px 8px;

  color: #666;

  background: rgba(255, 255, 255, 0.82);

}



/* ?�역관�???출금?�역: ?�이 ?�어?�도 뷰포???�에???�만 ?�크�???170px ?�프???�터리스?��? ?�일) */

.admin-panel[data-admin-panel="records"] #withdrawal-requests-section.withdrawal-requests-manage {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 170px);

  max-height: calc(100dvh - 170px);

  overflow: hidden;

  contain: layout paint;

  width: 100%;

  max-width: 100%;

  align-self: stretch;

  text-align: left;

}

.withdrawal-requests-manage__page-title {

  text-align: left;

  margin-bottom: 10px;

  flex-shrink: 0;

}

.admin-panel[data-admin-panel="records"] #withdrawal-requests-search-row {

  flex-shrink: 0;

  justify-content: flex-start;

  width: 100%;

}

.withdrawal-requests-manage {

  text-align: left;

}

.withdrawal-requests-manage__table {

  table-layout: fixed;

  width: 100%;

  min-width: 0;

  max-width: 100%;

}

.withdrawal-requests-manage__scroll {

  flex: 1 1 auto;

  min-height: 0;

  overflow-x: auto;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}

.withdrawal-requests-manage__table th,

.withdrawal-requests-manage__table td {

  text-align: center;

  vertical-align: middle;

  font-size: 16px;

}

/* 출금?�역: 번호·계좌 3????colgroup) */

.withdrawal-requests-manage__table col:nth-child(1) {

  width: 74px;

}

.withdrawal-requests-manage__table col:nth-child(4) {

  width: 112px;

}

.withdrawal-requests-manage__table col:nth-child(5) {

  width: 200px;

}

.withdrawal-requests-manage__table col:nth-child(6) {

  width: 104px;

}

/* 계좌 3???�?�·계좌번?�·예금주): 줄바꿈·�????�기 */

.withdrawal-requests-manage__table tbody td:nth-child(4),

.withdrawal-requests-manage__table tbody td:nth-child(5),

.withdrawal-requests-manage__table tbody td:nth-child(6) {

  min-width: 0;

  padding: 7px 5px;

  font-size: 13px;

  line-height: 1.32;

  white-space: normal;

  word-break: break-all;

  box-sizing: border-box;

}



/* ?�역관�???변경내?? 뷰포?????�로·?�크롤만 ???�역 ??170px ?�프??출금?�역·?�터리스?��? ?�일) */

.admin-panel[data-admin-panel="records"] .records-change-log-section {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  width: 100%;

  max-width: 100%;

  align-self: stretch;

  text-align: left;

}



.admin-panel[data-admin-panel="records"] .records-change-log-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 170px);

  max-height: calc(100dvh - 170px);

  width: 100%;

  overflow: hidden;

  contain: layout paint;

}



.records-change-log-card .admin-form-card__title {

  margin-bottom: 10px;

  font-size: 1.15rem;

  flex-shrink: 0;

}



.admin-panel[data-admin-panel="records"] #records-change-log-filter-row {

  font-size: 14px;

  flex-shrink: 0;

}



.admin-panel[data-admin-panel="records"] #records-change-log-filter-row .admin-search-input {

  font-size: 15px;

  min-height: 38px;

}



.admin-panel[data-admin-panel="records"] #records-change-log-filter-row .records-change-log-filter-date-wrap {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}



.admin-panel[data-admin-panel="records"] .records-change-log-scroll {

  flex: 1 1 auto;

  min-height: 0;

  width: 100%;

  overflow-x: auto;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table {

  table-layout: fixed;

  width: 100%;

  min-width: 100%;

  font-size: 12px;

  border-collapse: separate;

  border-spacing: 0;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--no {

  width: 58px;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--code {

  width: 100px;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--name {

  width: 92px;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--ymd {

  width: 124px;

}



/* 번호·ID·?�름·변경날?�·삭??고정(??446px), ?�머지 ?? 변�??�·후??좁게, 변경내?��? ?�게 */

.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--before {

  width: calc((100% - 446px) * 0.26);

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--after {

  width: calc((100% - 446px) * 0.26);

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--detail {

  width: calc((100% - 446px) * 0.48);

}



.admin-panel[data-admin-panel="records"] .records-change-log-table col.records-change-log-col--del {

  width: 72px;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table thead th {

  font-size: 12px;

  font-weight: 700;

  padding: 10px 8px;

  line-height: 1.25;

  white-space: normal;

  position: sticky;

  top: 0;

  z-index: 2;

  background: rgba(228, 235, 245, 0.98);

  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);

}



.admin-panel[data-admin-panel="records"] .records-change-log-table thead th.records-change-log-th--center {

  text-align: center;

}



.admin-panel[data-admin-panel="records"] .records-change-log-table tbody td {

  font-size: 12px;

  font-weight: 600;

  line-height: 1.35;

  padding: 8px 8px;

  vertical-align: middle;

}



/* 변경내?�·�?�??�·후: ?�일 ?�비(col), 가?�데 ?�렬·줄바�?*/

.admin-panel[data-admin-panel="records"] .records-change-log-table tbody td:nth-child(5),

.admin-panel[data-admin-panel="records"] .records-change-log-table tbody td:nth-child(6),

.admin-panel[data-admin-panel="records"] .records-change-log-table tbody td:nth-child(7) {

  text-align: center;

  white-space: pre-wrap;

  word-break: break-word;

  overflow: visible;

  text-overflow: unset;

  min-width: 0;

}



/* 공�? ?�록: ?�목 input�??�용 textarea 가�??�일 (flex:1 vs width:100% 불일�?보정) */

#notice-manage-section .admin-form-grid > .row {

  display: grid;

  grid-template-columns: 90px minmax(0, 1fr);

  align-items: center;

  gap: 8px;

  margin-bottom: 0;

}



#notice-manage-section .admin-form-grid > .row:has(textarea) {

  align-items: start;

}



/* ?�목·?�용: ?�쪽 ?�렬 (가?�데 ?�렬 ?�님) */

#notice-manage-section .admin-form-grid > .row label {

  width: auto;

  min-width: 0;

  max-width: 90px;

  justify-self: start;

  text-align: left;

}



#notice-manage-section .admin-form-grid > .row:has(textarea) label {

  align-self: start;

  padding-top: 8px;

}



#notice-manage-section .admin-form-grid > .row input#notice-title,

#notice-manage-section .admin-form-grid > .row textarea.notice-content-input {

  width: 100%;

  min-width: 0;

  max-width: 100%;

  box-sizing: border-box;

  flex: none;

  text-align: left;

}



/* ?�업: 공�? ?�용�??�일 ?�이???�내문구 textarea + ???�렬 */

#popup-manage-section .admin-form-grid > .row {

  display: grid;

  grid-template-columns: 90px minmax(0, 1fr);

  align-items: center;

  gap: 12px;

  margin-bottom: 0;

}



#popup-manage-section .admin-form-grid > .row:has(textarea) {

  align-items: start;

}



#popup-manage-section .admin-form-grid > .row label {

  width: auto;

  min-width: 0;

}



#popup-manage-section .admin-form-grid > .row select.reg-select,

#popup-manage-section .admin-form-grid > .row textarea.login-gate-message-input {

  width: 100%;

  min-width: 0;

  max-width: 100%;

  box-sizing: border-box;

  flex: none;

}



#popup-manage-section .admin-form-grid > .row textarea.login-gate-message-input {

  min-height: 120px;

  resize: vertical;

}



.admin-form-grid {

  display: flex;

  flex-direction: column;

  gap: 8px;

}



#base-setting-section .admin-form-grid {

  gap: 6px;

}



.notice-content-input {

  width: 100%;

  min-height: 120px;

  resize: vertical;

  padding: 8px 10px;

  border: 1px solid #c8ccd3;

  border-radius: 6px;

  font-family: inherit;

  font-size: 13px;

  line-height: 1.45;

}



.admin-form-actions {

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  margin-top: 6px;

}



/* 공�?/?�업: ??그리??90px + 1fr)?� 맞춤 ???�록 가?�데, ?�태?�?��? ?�쪽(?�력 ?�작?? */

#notice-manage-section .admin-form-actions,

#popup-manage-section .admin-form-actions {

  display: grid;

  grid-template-columns: 90px minmax(0, 1fr);

  gap: 8px;

  align-items: center;

  margin-top: 8px;

  width: 100%;

  box-sizing: border-box;

}



#notice-manage-section .admin-form-actions .btn-primary {

  grid-column: 2;

  justify-self: center;

}



#popup-manage-section .admin-form-actions .btn-primary {

  grid-column: 2;

  justify-self: center;

}



/* 공�? ?�록/?�정 버튼 ??? JS?�서 ?�업 ?�태?�??버튼�??�일?�게 ?�기?�합?�다. */



/* 기본?�정: ?�??버튼 가�??��? + 가?�데 ?�렬 */

#base-setting-section .admin-form-actions {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  margin-top: -18px;

  box-sizing: border-box;

}



#base-setting-section #base-setting-save-btn {

  min-width: 220px;

  padding-left: 36px;

  padding-right: 36px;

}



#base-setting-section .base-settings-db-reset {

  margin-top: 16px;

  padding-top: 12px;

  border-top: 1px solid #e2e8f0;

}

#base-setting-section .base-settings-bottom-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 8px;
}

#base-setting-section .base-settings-bottom-row .base-settings-db-reset {
  flex: 1 1 0;
  min-width: 0;
  margin-top: 0;
  padding-top: 8px;
}



#base-setting-section .base-settings-db-reset__title {

  margin: 0 0 4px;

  font-weight: 700;

  color: #b91c1c;

  font-size: 15px;

  line-height: 1.45;

}

#base-setting-section .base-settings-db-reset--password .base-settings-db-reset__title {
  color: #1d4ed8;
}

#base-setting-section .base-settings-db-reset--danger {
  max-width: 300px;
}

#base-setting-section .base-admin-password-row {
  display: grid;
  grid-template-columns: 140px 120px;
  gap: 6px 8px;
  align-items: center;
  justify-content: start;
}

#base-setting-section .base-admin-password-row .admin-search-input,
#base-setting-section .base-admin-password-row .admin-search-btn {
  width: 100%;
  height: 32px;
  min-width: 0;
  font-size: 13px;
}



#base-setting-section .base-settings-db-reset__note {

  margin: 0 0 8px;

  font-size: 13px;

  color: #64748b;

  line-height: 1.5;

}



/* 기본?�정: ?�벨�??�상변�?(?? ?�쪽 ?�목??+ ?�른�???기본�????�벨�??�액 ???�래) */

.base-settings-org-colors-row {

  width: 100%;

  margin: 8px 0 2px;

  box-sizing: border-box;

}



/* ?�벨 ??· ??초기???�래 ??1~5?�벨 + 초기??6????�?*/

.base-settings-org-colors__columns {

  display: grid;

  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 10px 12px;

  align-items: start;

  justify-items: center;

  width: 100%;

  box-sizing: border-box;

}



.base-settings-org-colors__col {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 8px;

  min-width: 0;

  width: 100%;

  max-width: 96px;

}



.base-settings-org-colors__col-label {

  font-size: 13px;

  font-weight: 700;

  color: #222;

  text-align: center;

  line-height: 1.25;

}



/* type=color: 기본 ?�중 ?�두�??�거 ???��?치에�?1px ?�근 ?�두�?(초기??버튼�??�일 ?�기) */

.base-settings-org-colors__swatch {

  -webkit-appearance: none;

  appearance: none;

  width: 100%;

  max-width: 88px;

  height: 36px;

  min-height: 36px;

  padding: 0;

  border: none;

  border-radius: 6px;

  background: transparent;

  cursor: pointer;

  box-sizing: border-box;

  overflow: hidden;

}



.base-settings-org-colors__swatch::-webkit-color-swatch-wrapper {

  padding: 0;

}



.base-settings-org-colors__swatch::-webkit-color-swatch {

  border: 1px solid #3a7bc8;

  border-radius: 6px;

}



.base-settings-org-colors__swatch::-moz-color-swatch {

  border: 1px solid #3a7bc8;

  border-radius: 6px;

}



.base-settings-org-colors__swatch:focus-visible {

  outline: 2px solid #2d5aa8;

  outline-offset: 2px;

}



.base-settings-org-colors__reset-btn {

  width: 100%;

  max-width: 88px;

  min-height: 36px;

  padding: 0 8px;

  border: none;

  border-radius: 6px;

  background: linear-gradient(180deg, #e85555 0%, #b71c1c 100%);

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  cursor: pointer;

  box-sizing: border-box;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}



.base-settings-org-colors__reset-btn:hover {

  filter: brightness(1.08);

}



.base-settings-org-colors__reset-btn:active {

  filter: brightness(0.94);

}



.base-settings-org-colors__reset-btn:focus-visible {

  outline: 2px solid #8b1010;

  outline-offset: 2px;

}



.base-settings-org-colors__hint {

  margin: 14px 0 0;

  font-size: 14px;

  color: #b91c1c;

  line-height: 1.5;

  text-align: center;

}



/* 기본?�정: 1???�품구매|마�??�플????2???�정???�당비율 ?�함) ?�체????3???�벨별색???�체??*/

#base-setting-section .base-settings-top-row {

  --bs-stack-gap: 10px;

  display: grid;

  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

  grid-template-rows: auto auto auto;

  gap: var(--bs-stack-gap, 10px) 18px;

  align-items: stretch;

  margin-bottom: 4px;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-top-row > .base-settings-entry-wrap {

  grid-column: 1;

  grid-row: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: var(--bs-stack-gap, 12px);

  min-height: 0;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



#base-setting-section .base-settings-top-row > .base-settings-level-fixed-wrap {

  grid-column: 2;

  grid-row: 1;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: var(--bs-stack-gap, 12px);

  min-height: 0;

  flex: 1 1 auto;

  align-self: stretch;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



#base-setting-section .base-settings-top-row > .base-settings-config-wrap {

  grid-column: 1 / -1;

  grid-row: 2;

  width: 100%;

  min-width: 0;

  flex: 0 0 auto;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: stretch;

  align-self: stretch;

  gap: 0;

  padding: 0;

  box-sizing: border-box;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row {

  grid-column: 1 / -1;

  grid-row: 3;

  min-width: 0;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: flex-start;

  gap: 20px 28px;

  min-height: 0;

  margin: 0;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row.base-settings-pan-color-row {

  display: grid;

  grid-template-columns: auto minmax(0, 1fr);

  align-items: stretch;

  gap: 20px 28px;

  overflow-x: auto;

  overflow-y: visible;

  flex-wrap: unset;

}



#base-setting-section .base-settings-pan-color-row .base-settings-pan-right-products {

  grid-column: 1;

  min-width: 0;

  align-self: stretch;

  display: flex;

  flex-direction: column;

  justify-content: center;

}



#base-setting-section .base-settings-pan-color-row .base-settings-org-colors-wrap--shift {

  grid-column: 2;

  min-width: 0;

  max-width: 100%;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  > .base-settings-withholding-wrap.base-settings-org-colors-wrap--shift {

  justify-content: center;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors-table {

  flex: 0 0 auto;

  height: auto;

  min-height: 0;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__inner {

  gap: 6px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__columns {

  gap: 7px 10px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__col {

  gap: 6px;

  max-width: 88px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__col-label {

  font-size: 12px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__swatch {

  max-width: 80px;

  height: 32px;

  min-height: 32px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__reset-btn {

  min-height: 32px;

  font-size: 12px;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__hint {

  margin: 6px 0 0;

  font-size: 13px;

  line-height: 1.45;

  color: #b91c1c;

  text-align: center;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors-table

  th,

#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors-table

  td {

  padding: 5px 7px;

}



#base-setting-section .base-settings-pan-right-table {

  table-layout: fixed;

  width: auto;

  max-width: 100%;

}



#base-setting-section .base-settings-pan-right-table .base-settings-pan-right-side {

  width: 92px;

  vertical-align: middle;

  text-align: center;

  line-height: 1.4;

  white-space: normal;

}



#base-setting-section .base-settings-pan-right-table th:not(.base-settings-pan-right-side),

#base-setting-section .base-settings-pan-right-table td {

  text-align: center;

  vertical-align: middle;

}



#base-setting-section .base-settings-pan-right-table .reg-input {

  width: 100%;

  min-width: 0;

  max-width: 140px;

  box-sizing: border-box;

}



#base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors-table

  .base-settings-withholding-side {

  text-align: center;

  line-height: 1.4;

  white-space: normal;

}



#base-setting-section .base-settings-level-fixed-wrap > .base-settings-entry-table {

  flex: 0 0 auto;

  width: 100%;

}



/* ?�벨�??�액: 공통 entry-table max-width(720px) ?�한 ?�제 ???�래 ?�벨�??�상변�??�과 가�?맞춤 */

#base-setting-section .base-settings-level-fixed-wrap .base-settings-level-fixed-table {

  max-width: 100%;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-range-wrap {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  flex-wrap: nowrap;

  white-space: nowrap;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-range-sep {

  font-size: 13px;

  font-weight: 700;

  color: #64748b;

  user-select: none;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-gen-input {

  width: 2.1rem;

  min-width: 2rem;

  max-width: 2.75rem;

  text-align: center;

  padding: 2px 1px;

  font-size: 12px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-cond-cell {

  text-align: center;

  vertical-align: middle;

  max-width: 8rem;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-cond-cell--none {

  text-align: center;

  font-size: 13px;

  color: #64748b;

}



/* 마�??�플???? 1?�벨 ?�개보너??�??�내(?�라????금�? ???�크모드?�서 ?��??��?) */

#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-value-note {

  font-size: 13px;

  color: #334155;

  white-space: nowrap;

  vertical-align: middle;

}



/* ?�벨�?마�??? ?�별조건 ???�벨 구분 ?�이 ??�?rowspan) */

#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-cell {

  vertical-align: top;

  text-align: left;

  background: #f8fafc;

  min-width: 220px;

  padding: 8px 10px;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-inner {

  display: flex;

  flex-direction: column;

  gap: 6px;

  align-items: stretch;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-text {

  margin: 0;

  font-size: 13px;

  line-height: 1.4;

  color: #334155;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-input-row {

  display: flex;

  align-items: center;

  gap: 8px;

  flex-wrap: wrap;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-input-row .reg-input {

  width: 120px;

  max-width: 100%;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-pan-referral-row {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  flex-wrap: nowrap;

  padding: 2px 0 0;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-pan-referral-row__label {

  font-size: 13px;

  color: #334155;

  white-space: nowrap;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-ref-pct-note {

  margin: 4px 0 0;

  font-size: 12px;

  line-height: 1.35;

  color: #64748b;

}



/* ?�벨�?마�????�개보너??% ???�당비율·?�세금과 ?�일 ?�력(base-settings-bonus-percent-input) */

#base-setting-section .base-settings-level-fixed-wrap .base-settings-referral-pct-cell {

  vertical-align: middle;

  white-space: nowrap;

  text-align: center;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-referral-pct-inner {

  justify-content: center;

  gap: 6px;

}



#base-setting-section .base-settings-level-fixed-wrap .base-settings-referral-pct-prefix {

  font-size: 13px;

  font-weight: 600;

  color: #334155;

  white-space: nowrap;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row > .base-settings-withholding-wrap {

  flex: 1 1 auto;

  display: flex;

  flex-direction: column;

  min-height: 0;

  width: 100%;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors-table {

  width: 100%;

  max-width: none;

  flex: 1 1 auto;

  min-height: 0;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors-table .base-settings-withholding-side {

  width: 92px;

  min-width: 92px;

  max-width: 92px;

  vertical-align: middle;

  line-height: 1.35;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors-value-cell {

  text-align: left;

  vertical-align: middle;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__inner {

  display: flex;

  flex-direction: column;

  gap: 8px;

  min-height: 0;

  flex: 0 0 auto;

  width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__columns {

  flex: 0 0 auto;

  min-height: 0;

  justify-items: center;

}



#base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__hint {

  margin: 10px 0 0;

  flex-shrink: 0;

  padding-top: 0;

  font-size: 14px;

  line-height: 1.5;

  color: #b91c1c;

  text-align: center;

}



#base-setting-section .base-settings-top-row > .base-settings-entry-wrap .base-settings-entry-table {

  flex: 0 0 auto;

  width: 100%;

  max-width: 100%;

  min-height: 0;

  height: auto;

}



#base-setting-section .base-settings-top-row > .base-settings-config-wrap > * {

  flex: 0 0 auto;

}



#base-setting-section .base-settings-tax-stack .base-settings-withholding-table {

  width: 100%;

  max-width: none;

}



/* 기본?�정 ?�단 7?? ?�원리스?�형 ??1???�더(th) · 2???�력(td) */

#base-setting-section .base-settings-config-wrap {

  width: 100%;

  min-width: 0;

  flex: 1 1 auto;

  max-width: 100%;

}



#base-setting-section .base-settings-config-table.admin-list-table {

  width: 100%;

  max-width: 100%;

  table-layout: fixed;

  border-collapse: collapse;

  font-size: 13px;

}



/* ?�세�??�터 ?�개보너????가�?150px · ?�당비율 ?��? 별도 */

#base-setting-section .base-settings-config-table thead th:nth-child(1),

#base-setting-section .base-settings-config-table thead th:nth-child(2),

#base-setting-section .base-settings-config-table thead th:nth-child(3),

#base-setting-section .base-settings-config-table thead th:nth-child(4),

#base-setting-section .base-settings-config-table thead th:nth-child(5),

#base-setting-section .base-settings-config-table tbody td:nth-child(1),

#base-setting-section .base-settings-config-table tbody td:nth-child(2),

#base-setting-section .base-settings-config-table tbody td:nth-child(3),

#base-setting-section .base-settings-config-table tbody td:nth-child(4),

#base-setting-section .base-settings-config-table tbody td:nth-child(5) {

  width: 150px;

  min-width: 150px;

  max-width: 150px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-config-table thead th:nth-child(6),

#base-setting-section .base-settings-config-table tbody td:nth-child(6) {

  width: 260px;

  min-width: 260px;

  max-width: 260px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-config-table thead th {

  background: rgba(228, 235, 245, 0.98);

  font-weight: 600;

  font-size: 13px;

  position: sticky;

  top: 0;

  z-index: 2;

  word-break: keep-all;

  line-height: 1.35;

  padding: 8px 6px;

}



#base-setting-section .base-settings-config-table tbody td {

  white-space: normal;

  overflow: visible;

  text-overflow: clip;

  vertical-align: middle;

  font-size: 13px;

}



/* ?�력 글?????�계 (??기본 13px ?��? */

#base-setting-section .base-settings-config-table input.reg-input {

  font-size: 14px;

}



/* 기본?�정: % ?�력 �?공통 ??14px · 굵게 */

#base-setting-section input.reg-input.base-settings-bonus-percent-input {

  font-size: 14px;

  font-weight: 700;

}



/* ?�세�?직급별배�???�??? ?�원리스?�용 admin-list-table ?�버 배경 ?�거 */

#base-setting-section .base-settings-config-table.admin-list-table tbody tr:hover td {

  background: #fff;

}



#base-setting-section .base-settings-config-table .base-settings-withholding-inner {

  width: 100%;

  justify-content: center;

  box-sizing: border-box;

}



/* 기본?�정 ?????�세금·출금수?�료·?�터보너?�·센?�소개보?�스 ?? ?�력�?가�?축소 · 가?�데 ?�렬 */

#base-setting-section .base-settings-config-table tbody td:first-child,

#base-setting-section .base-settings-config-table tbody td:nth-child(2),

#base-setting-section .base-settings-config-table tbody td:nth-child(4),

#base-setting-section .base-settings-config-table tbody td:nth-child(5) {

  text-align: center;

}



#base-setting-section .base-settings-config-table tbody td:first-child .base-settings-withholding-inner,

#base-setting-section .base-settings-config-table tbody td:nth-child(2) .base-settings-withholding-inner,

#base-setting-section .base-settings-config-table tbody td:nth-child(4) .base-settings-withholding-inner,

#base-setting-section .base-settings-config-table tbody td:nth-child(5) .base-settings-withholding-inner {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: auto;

  min-width: 0;

  margin: 0 auto;

}



#base-setting-section .base-settings-config-table tbody td:first-child #base-withholding-percent,

#base-setting-section .base-settings-config-table tbody td:nth-child(2) #base-withdrawal-fee-percent,

#base-setting-section .base-settings-config-table tbody td:nth-child(4) #base-center-bonus-percent,

#base-setting-section .base-settings-config-table tbody td:nth-child(5) #base-center-intro-bonus-percent {

  width: 38px;

  min-width: 38px;

  max-width: 42px;

  box-sizing: border-box;

  text-align: center;

}



#base-setting-section .base-settings-config-table tbody td:first-child .base-settings-bonus-percent-label,

#base-setting-section .base-settings-config-table tbody td:nth-child(2) .base-settings-bonus-percent-label,

#base-setting-section .base-settings-config-table tbody td:nth-child(4) .base-settings-bonus-percent-label,

#base-setting-section .base-settings-config-table tbody td:nth-child(5) .base-settings-bonus-percent-label {

  text-align: center;

}



/* 직급 보너???�정: ?� % ?�력�??�세�??�과 ?�일 ?�게 · 가?�데 ?�렬 */

#base-setting-section .base-settings-config-table tbody td:nth-child(7) {

  text-align: center;

}



#base-setting-section

  .base-settings-config-table

  tbody

  td:nth-child(7)

  .base-settings-withholding-inner.base-settings-withholding-inner--wrap {

  justify-content: center;

  align-items: center;

  gap: 4px 6px;

}



#base-setting-section .base-settings-config-table tbody td:nth-child(7) #base-rank-bonus-pool-pct {

  width: 38px;

  min-width: 38px;

  max-width: 42px;

  box-sizing: border-box;

  text-align: center;

}



/* 직급�?배분 ?�정: ?�리점·총판·지??% ?�력 글??가?�데 ?�렬 */

#base-setting-section .base-settings-config-table tbody td:nth-child(8) input.reg-input.base-settings-bonus-percent-input {

  text-align: center;

}



/* 출금 최소금액: ?�력칸만 조금 ?�게 · ?�자 가?�데 ?�렬 */

#base-setting-section .base-settings-config-table tbody td:nth-child(3) {

  text-align: center;

}



#base-setting-section .base-settings-config-table tbody td:nth-child(3) .base-settings-withholding-inner {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  width: auto;

  margin: 0 auto;

}



#base-setting-section .base-settings-config-table tbody td:nth-child(3) input.base-settings-min-withdrawal-input {

  width: 100px;

  min-width: 100px;

  max-width: 112px;

  height: 30px;

  font-size: 14px;

  font-weight: 700;

  text-align: center;

  padding: 0 4px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-withholding-inner--compact {

  justify-content: center;

}



#base-setting-section .base-settings-withholding-inner--wrap {

  flex-wrap: wrap;

  gap: 6px 10px;

  align-items: center;

}



#base-setting-section .base-settings-config-inline-hint {

  font-size: 14px;

  color: #334155;

  white-space: nowrap;

}



#base-setting-section .base-settings-tax-stack .base-settings-withholding-table--tax,

#base-setting-section .base-settings-tax-stack .base-settings-withholding-table--withdrawal-fee {

  max-width: none;

}



/* ?�세금·출�??�수료·출�?최소금액 ??�???= ?�품구입 ??측면??92px)�??�일 ?�비 */

#base-setting-section .base-settings-tax-stack .base-settings-withholding-table--tax .base-settings-withholding-side,

#base-setting-section .base-settings-tax-stack .base-settings-withholding-table--withdrawal-fee .base-settings-withholding-side,

#base-setting-section .base-settings-tax-stack .base-settings-min-withdrawal-wrap .base-settings-withholding-side {

  width: 92px;

  min-width: 92px;

  max-width: 92px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-tax-stack > .base-settings-min-withdrawal-wrap {

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



/* ?�정 ?????�당비율: 지급금 % · ?�립�?% ??�?가�? */

#base-setting-section .base-settings-config-allowance-cell .base-settings-allowance-ratio-row {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  align-items: center;

  justify-content: center;

  gap: 4px 8px;

  width: 100%;

  min-width: 0;

  box-sizing: border-box;

}



#base-setting-section .base-settings-config-allowance-cell .base-settings-allowance-ratio-inline-label {

  font-size: 13px;

  font-weight: 700;

  color: #222;

  white-space: nowrap;

}



/* 공통 .withholding-inner { width:100% } 무시 ????�?가�?배치 */

#base-setting-section .base-settings-config-allowance-cell .base-settings-withholding-inner--allowance-inline {

  display: inline-flex;

  align-items: center;

  gap: 3px;

  width: auto;

  max-width: none;

  flex: 0 0 auto;

}



#base-setting-section

  .base-settings-config-allowance-cell

  .base-settings-withholding-inner--allowance-inline

  input.reg-input.base-settings-bonus-percent-input {

  width: 40px;

  min-width: 40px;

  max-width: 48px;

  height: 32px;

  box-sizing: border-box;

  margin: 0;

  padding: 0 4px;

  text-align: center;

}



#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-wrap {

  width: 100%;

  max-width: 100%;

  min-width: 0;

  flex: 0 0 auto;

  box-sizing: border-box;

}



#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table {

  width: 100%;

  max-width: none;

  table-layout: fixed;

  font-size: 12px;

}



#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table col.base-settings-tax-allowance-col-label {

  width: 50%;

}



#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table col.base-settings-tax-allowance-col-value {

  width: 50%;

}



#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table .base-settings-withholding-side,

#base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table .base-settings-withholding-value-cell {

  width: auto;

  min-width: 0;

  max-width: none;

  box-sizing: border-box;

}



#base-setting-section .base-settings-config-allowance-cell {

  vertical-align: middle;

  padding: 6px 4px;

}



#base-setting-section .base-settings-allowance-column {

  width: 100%;

}



@media (max-width: 1100px) {

  #base-setting-section .base-settings-top-row {

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

  }



  #base-setting-section .base-settings-allowance-column .base-settings-allowance-ratio-table {

    width: auto;

    max-width: min(300px, 100%);

  }



}



@media (max-width: 640px) {

  #base-setting-section .base-settings-top-row {

    grid-template-columns: minmax(0, 1fr);

    grid-template-rows: none;

  }



  #base-setting-section .base-settings-top-row > .base-settings-entry-wrap,

  #base-setting-section .base-settings-top-row > .base-settings-level-fixed-wrap,

  #base-setting-section .base-settings-top-row > .base-settings-config-wrap,

  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row {

    grid-column: 1 / -1;

    grid-row: auto;

    height: auto;

    min-height: 0;

  }



  #base-setting-section .base-settings-top-row > .base-settings-level-fixed-wrap {

    flex: none;

  }



  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row,

  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row > .base-settings-withholding-wrap,

  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors-table,

  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__columns {

    flex: none;

    height: auto;

    min-height: 0;

    gap: 8px 6px;

    overflow-x: auto;

    padding-bottom: 4px;

    -webkit-overflow-scrolling: touch;

  }



  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__col {

    max-width: 72px;

  }



  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__swatch,

  #base-setting-section .base-settings-top-row > .base-settings-org-colors-row .base-settings-org-colors__reset-btn {

    max-width: 100%;

  }

}



#base-setting-section .base-settings-withholding-table {

  max-width: 300px;

}



#base-setting-section .base-settings-withholding-table--tax {

  max-width: 260px;

}



#base-setting-section .base-settings-withholding-side {

  width: 96px;

  min-width: 96px;

  font-weight: 700;

  color: #222;

  background: #eef2f7;

  vertical-align: middle;

  font-size: 14px;

  line-height: 1.35;

}



#base-setting-section .base-settings-withholding-value-cell {

  text-align: center;

  vertical-align: middle;

  background: #fff;

}



#base-setting-section .base-settings-withholding-inner {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 4px;

  flex-wrap: nowrap;

}



#base-setting-section .base-settings-allowance-ratio-wrap {

  width: 100%;

  max-width: 300px;

}



#base-setting-section .base-settings-allowance-ratio-table {

  max-width: 300px;

}



#base-setting-section .base-settings-allowance-ratio-section-title {

  text-align: center;

  font-weight: 700;

  color: #222;

  background: #e8eef5;

  font-size: 14px;

  padding: 6px 8px;

  vertical-align: middle;

}



/* ?�터 보너???�션 블록) ??DOM???�을 ?�만 ?�용 */

#base-setting-section .base-settings-center-bonus-wrap {

  flex: 0 0 auto;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-center-bonus-wrap .base-settings-withholding-table--center-bonus {

  width: 100%;

  max-width: 100%;

}



#base-setting-section .base-settings-center-bonus-wrap .base-settings-withholding-table--center-bonus .base-settings-withholding-side {

  width: 92px;

  min-width: 92px;

  max-width: 92px;

  box-sizing: border-box;

}



#base-setting-section .base-settings-entry-table {

  width: 100%;

  max-width: 720px;

  border-collapse: collapse;

  table-layout: fixed;

  font-size: 15px;

  background: #fff;

}



/* ?�품구입�?????맞춤??�???6·7?�벨 ?�리) ??마�????�는 그�?�?*/

#base-setting-section tr.base-settings-entry-spacer-row td {

  min-height: 40px;

  vertical-align: middle;

  background: #fff;

}



#base-setting-section .base-settings-entry-spacer-cell {

  display: block;

  min-height: 30px;

}



#base-setting-section .base-settings-entry-table th,

#base-setting-section .base-settings-entry-table td {

  border: 1px solid #2a2a2a;

  padding: 5px 8px;

  text-align: center;

  vertical-align: middle;

}



#base-setting-section .base-settings-entry-table .base-settings-entry-side {

  width: 92px;

  font-weight: 700;

  color: #222;

  background: #eef2f7;

  line-height: 1.4;

}



#base-setting-section .base-settings-entry-table tbody tr:first-child th:not(.base-settings-entry-side) {

  background: #d9e6f2;

  font-weight: 700;

  color: #222;

}



#base-setting-section .base-settings-entry-table td {

  background: #fff;

  min-width: 0;

}



/* ?�품구입 ?? ?�벨�??�액 ?��? ?�일 ?�·첫열·?�력 ?�기(별도 축소 ?�음) */

#base-setting-section

  .base-settings-entry-table

  input.reg-input:not(.base-settings-bonus-percent-input):not(.base-settings-min-withdrawal-input) {

  width: 100%;

  max-width: 100%;

  min-height: 34px;

  height: 34px;

  box-sizing: border-box;

  margin: 0;

  text-align: center;

  font-size: 15px;

  border: 1px solid #c8ccd3;

  border-radius: 4px;

}



#base-setting-section

  .base-settings-entry-table

  input.reg-input.base-settings-min-withdrawal-input {

  width: 120px;

  min-width: 120px;

  max-width: 132px;

  height: 34px;

  box-sizing: border-box;

  margin: 0;

  padding: 0 8px;

  text-align: right;

  font-size: 16px;

  font-weight: 700;

  color: #111;

  border: 1px solid #c8ccd3;

  border-radius: 4px;

}



#base-setting-section .base-settings-entry-wrap .base-settings-entry-table td:first-of-type {

  text-align: center;

}



#base-setting-section

  .base-settings-entry-wrap

  .base-settings-entry-table

  td:first-of-type

  input.reg-input.base-settings-entry-name {

  text-align: center;

}



/* ?�벨�??�액·?�벨 ?? ?�품�??�과 ?�일 ?�력(readonly) */

#base-setting-section .base-settings-level-fixed-wrap .base-settings-entry-table td:first-of-type {

  text-align: center;

}



#base-setting-section

  .base-settings-level-fixed-wrap

  .base-settings-entry-table

  td:first-of-type

  input.reg-input.base-settings-entry-name {

  text-align: center;

  width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-marketing-table .base-settings-marketing-side-inner {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 2px;

}



#base-setting-section .base-settings-marketing-table .base-settings-marketing-side-line {

  display: block;

  line-height: 1.25;

}



#base-setting-section .base-settings-marketing-table {

  max-width: 100%;

  width: 100%;

  table-layout: fixed;

}



#base-setting-section .base-settings-marketing-table tbody tr td:first-of-type {

  text-align: center;

  font-weight: 600;

  min-width: 0;

  width: 26%;

  max-width: 200px;

  box-sizing: border-box;

  overflow-wrap: anywhere;

  word-break: keep-all;

}



#base-setting-section .base-settings-bonus-content-cell {

  text-align: center;

  vertical-align: middle;

  padding: 4px 6px;

}



#base-setting-section

  .base-settings-marketing-table.base-settings-entry-table

  td.base-settings-bonus-content-cell {

  text-align: center;

}



#base-setting-section .base-settings-bonus-textarea {

  display: block;

  width: 100%;

  min-height: 38px;

  box-sizing: border-box;

  margin: 0;

  padding: 4px 6px;

  border: 1px solid #c8ccd3;

  border-radius: 4px;

  font-family: inherit;

  font-size: 13px;

  font-weight: 700;

  line-height: 1.4;

  resize: vertical;

  color: #111;

}



/* 마�?????· ?�용: 3??그리???�벨 | ?�력 | % 지�?, 블록 가?�데 · ?�력 ?�로 줄맞�?*/

#base-setting-section .base-settings-bonus-line {

  display: grid;

  grid-template-columns: minmax(13em, max-content) 48px max-content;

  gap: 6px 10px;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  width: fit-content;

  max-width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-bonus-line__label {

  font-size: 13px;

  font-weight: 600;

  color: #222;

  text-align: right;

  justify-self: end;

  min-width: 0;

  white-space: normal;

  word-break: keep-all;

  line-height: 1.35;

}



#base-setting-section

  .base-settings-entry-table

  input.reg-input.base-settings-bonus-percent-input {

  width: 44px;

  min-width: 44px;

  max-width: 52px;

  flex-shrink: 0;

  height: 34px;

  box-sizing: border-box;

  margin: 0;

  padding: 0 4px;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

  color: #111;

  border: 1px solid #c8ccd3;

  border-radius: 4px;

  justify-self: center;

}



#base-setting-section .base-settings-bonus-percent-label {

  flex-shrink: 0;

  font-size: 15px;

  font-weight: 600;

  color: #222;

  white-space: nowrap;

}



/* 롤업: 3?��???그리?????�마????�? ?�력 ?�로 줄맞�?· 블록 가?�데 */

#base-setting-section .base-settings-rollup-stack {

  display: grid;

  grid-template-columns: minmax(13em, max-content) 48px max-content;

  gap: 6px 10px;

  align-items: center;

  justify-content: center;

  margin: 0 auto;

  width: fit-content;

  max-width: 100%;

  box-sizing: border-box;

}



#base-setting-section .base-settings-rollup-label {

  margin: 0;

  font-size: 13px;

  font-weight: 600;

  color: #222;

  line-height: 1.45;

  text-align: right;

  justify-self: end;

}



#base-setting-section .base-settings-entry-table input.base-settings-entry-name {

  cursor: default;

  color: #222;

  background: #f3f4f6;

  text-align: center;

  outline: none;

}



#base-setting-section .base-settings-entry-table input.base-settings-entry-name:focus,

#base-setting-section .base-settings-entry-table input.base-settings-entry-name:focus-visible {

  outline: none;

  box-shadow: none;

  border-color: #c8ccd3;

}



#base-setting-section .base-settings-entry-table input.js-base-entry-sale,

#base-setting-section .base-settings-entry-table input.js-base-entry-pv,

#base-setting-section .base-settings-entry-table input.js-base-comma-int {

  font-size: 18px;

  font-weight: 600;

  color: #111;

  letter-spacing: -0.02em;

}



.admin-form-actions button[disabled] {

  opacity: 0.65;

  cursor: not-allowed;

}



.admin-table-card {

  margin-top: 16px;

  padding: 14px;

  background: rgba(255, 255, 255, 0.65);

  border: 1px solid rgba(255, 255, 255, 0.7);

  border-radius: 10px;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);

  overflow: hidden;

}



/* ?�원·?�터리스??카드: 뷰포?�에??�??�이(?�더·?�브?�비·?�?��? ?? ???�원 188px, ?�터리스?�만 170px */

.admin-panel[data-admin-panel="member"] .admin-table-card,

.admin-panel[data-admin-panel="selection"] #center-section-list > .admin-table-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0; /* flex ?�식 ?�크롤이 ?�작?�도�?*/

  overflow: hidden; /* ?�크�??�용???�?��? ?�로 비쳐 보이지 ?�게 ?�리??*/

  contain: layout paint; /* ?�크�???카드 ?�곽 ?�들�?최소??*/

}



.admin-panel[data-admin-panel="member"] .admin-table-card {

  max-height: calc(100vh - 188px);

  max-height: calc(100dvh - 188px);

}



.admin-panel[data-admin-panel="selection"] #center-section-list > .admin-table-card {

  max-height: calc(100vh - 170px);

  max-height: calc(100dvh - 170px);

}



.admin-panel[data-admin-panel="member"] .admin-table-card__title,

.admin-panel[data-admin-panel="selection"] .admin-table-card__title {

  flex-shrink: 0;

  position: relative;

  z-index: 3;

  background: rgba(255, 255, 255, 0.92);

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 4px;

}



.admin-table-card__title {

  font-weight: 800;

  color: #2a2b30;

  font-size: 20px;

  margin-bottom: 4px;

  letter-spacing: -0.02em;

}



.admin-table-card__title--with-chevron {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 4px;

  line-height: 1;

}



.admin-table-card__title--with-chevron .admin-table-card__title-label {

  line-height: 1;

  display: inline-block;

  padding: 0;

  margin: 0;

  vertical-align: middle;

}



.admin-table-card__title-sort-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  align-self: center;

  flex-shrink: 0;

  margin: 0;

  padding: 0;

  width: 26px;

  height: 18px;

  box-sizing: border-box;

  border: 1px solid rgba(98, 119, 219, 0.4);

  background: rgba(98, 119, 219, 0.1);

  cursor: pointer;

  border-radius: 4px;

  color: #4a5ab8;

  line-height: 0;

  transition: background 0.15s ease, border-color 0.15s ease;

}



.admin-table-card__title-sort-btn:hover {

  background: rgba(98, 119, 219, 0.14);

  border-color: rgba(98, 119, 219, 0.5);

}



.admin-table-card__title-sort-btn:active {

  background: rgba(98, 119, 219, 0.18);

}



.admin-table-card__title-sort-btn:focus-visible {

  outline: 2px solid #6277db;

  outline-offset: 2px;

}



.admin-table-card__title--with-chevron .admin-table-card__title-chevron {

  flex: 0 0 auto;

  width: 1em;

  height: 1em;

  color: currentColor;

  opacity: 1;

  transform: rotate(0deg);

  transform-origin: 50% 50%;

  transition: transform 0.2s ease;

  display: block;

}



.admin-table-card__title-sort-btn .admin-table-card__title-chevron {

  width: 12px;

  height: 12px;

}



.admin-table-card__title-sort-btn[data-sort="asc"] .admin-table-card__title-chevron {

  transform: rotate(180deg);

}



.admin-table-card__subtitle {

  font-size: 12px;

  color: #555;

  margin-bottom: 12px;

}



.admin-search-row {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  gap: 8px;

  flex-wrap: nowrap;

  margin: 0 0 2px;

}



/* 검?�줄 ?�벨(?�원명·정?�일????: ?�라??color 금�? ???�크 ?�마?�서 ??��?�기 */

.admin-search-row__label {

  font-size: 13px;

  font-weight: 600;

  white-space: nowrap;

  color: #333;

}



.admin-search-row__label--strong {

  font-weight: 700;

}



.admin-search-input {

  width: 200px;

  height: 36px;

  box-sizing: border-box;

  padding: 0 10px;

}



.admin-search-select {

  height: 36px;

  box-sizing: border-box;

  padding: 0 10px;

}



.admin-search-select {

  min-width: 100px;

}



.admin-search-btn {

  height: 36px;

  min-width: 56px;

  white-space: nowrap;

  writing-mode: horizontal-tb;

  flex-direction: row;

}



/* ?�원?�산?�역·?�터?�산?�역·?�속?�보·출금?�역: ?�짜 ?�드 글???�력 ?�이�??��? */

#payment-filter-date-start,

#payment-filter-date-end,

#payment-filter-name,

#purchase-filter-name,

#purchase-filter-date-start,

#purchase-filter-date-end,

#member-search,

#member-settlement-detail-date-filter,

#center-filter-name,

#pan-filter-name,

#center-payment-filter-date-start,

#center-payment-filter-date-end,

#pan-payment-filter-date-start,

#pan-payment-filter-date-end,

#access-date-from,

#withdrawal-requests-filter-date {

  padding-right: 8px;

  font-size: 14px;

  font-weight: 600;

}



#payment-filter-date-start::-webkit-calendar-picker-indicator,

#payment-filter-date-end::-webkit-calendar-picker-indicator,

#purchase-filter-date-start::-webkit-calendar-picker-indicator,

#purchase-filter-date-end::-webkit-calendar-picker-indicator,

#member-settlement-detail-date-filter::-webkit-calendar-picker-indicator,

#center-payment-filter-date-start::-webkit-calendar-picker-indicator,

#center-payment-filter-date-end::-webkit-calendar-picker-indicator,

#pan-payment-filter-date-start::-webkit-calendar-picker-indicator,

#pan-payment-filter-date-end::-webkit-calendar-picker-indicator,

#access-date-from::-webkit-calendar-picker-indicator,

#withdrawal-requests-filter-date::-webkit-calendar-picker-indicator {

  transform: scale(1.75);

  cursor: pointer;

  opacity: 1;

}



/* 기�?관�????�속?�보: 굵게 + ?�·영??글??조금 ?�게(???�유) */

.page-dashboard .admin-panel[data-admin-panel="etc"] #access-info-section {

  font-size: 14px;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] #access-info-section * {

  font-weight: 700;

}



.page-dashboard .admin-panel[data-admin-panel="etc"] #access-info-section .admin-list-table th,

.page-dashboard .admin-panel[data-admin-panel="etc"] #access-info-section .admin-list-table td {

  font-size: 14px;

  line-height: 1.38;

}



/* ?�속?�보: ?�로 ?�크�????�목??고정 */

.page-dashboard .admin-panel[data-admin-panel="etc"] #access-info-section .admin-list-table thead th {

  position: sticky;

  top: 0;

  z-index: 2;

  background: rgba(228, 235, 245, 0.98);

}



/* 구매?�료 리스?? ?�트 조금 ?�게 */

.admin-list-table--purchase-history th,

.admin-list-table--purchase-history td {

  font-size: 13px;

}



.admin-member-total {

  display: inline-flex;

  align-items: center;

  height: 36px;

  font-size: 13px;

  font-weight: 700;

  color: #2d3340;

  margin-left: 1px;

  padding: 0 10px;

  border: 1px solid rgba(175, 186, 202, 0.95);

  border-radius: 6px;

  background: rgba(242, 246, 252, 0.88);

  white-space: nowrap;

}



.admin-member-stat {

  min-width: 120px;

  justify-content: space-between;

  padding: 0 10px;

  border-radius: 8px;

  background: linear-gradient(180deg, rgba(69, 104, 130, 0.96) 0%, rgba(52, 79, 99, 0.96) 100%);

  border: 1px solid rgba(203, 221, 235, 0.34);

}



.admin-member-stat::before {

  content: "";

  width: 24px;

  height: 24px;

  margin-right: 6px;

  flex: 0 0 24px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}



.admin-member-stat--group::before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8f2fb'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.96 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");

}



.admin-member-stat--single::before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8f2fb'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");

}



.admin-member-stat__label {

  font-size: 16px;

  color: #e8f2fb;

  font-weight: 700;

  margin-right: 8px;

  white-space: nowrap;

}



.admin-member-stat__label--stack {

  white-space: normal;

  text-align: center;

  line-height: 1.22;

  max-width: 5.5rem;

}



.admin-list-table td.member-list-level-cell {

  text-align: center;

  vertical-align: middle;

  line-height: 1.38;

}



.admin-member-stat__value-wrap {

  margin-left: auto;

  display: inline-flex;

  align-items: baseline;

  gap: 3px;

  flex-shrink: 0;

}



.admin-member-stat__value {

  font-size: 20px;

  font-weight: 800;

  color: #f7fbff;

  line-height: 1;

  min-width: 2.5ch;

  text-align: right;

  font-variant-numeric: tabular-nums;

}



.admin-member-stat__unit {

  font-size: 17px;

  font-weight: 700;

  color: #e8f2fb;

  line-height: 1;

  opacity: 0.9;

}



.admin-member-stat[data-member-stat-filter] {

  cursor: pointer;

  user-select: none;

  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;

}



.admin-member-stat[data-member-stat-filter]:hover {

  background: linear-gradient(180deg, rgba(80, 118, 146, 0.98) 0%, rgba(58, 88, 110, 0.98) 100%);

  border-color: rgba(222, 236, 248, 0.52);

}



.admin-member-stat[data-member-stat-filter].is-active {

  background: linear-gradient(180deg, rgba(96, 138, 170, 0.98) 0%, rgba(69, 104, 130, 0.98) 100%);

  border-color: rgba(203, 221, 235, 0.34);

  box-shadow: none;

}



.admin-member-stat[data-member-stat-filter]:focus-visible {

  outline: none;

}



.admin-search-row + .admin-table-card {

  margin-top: 6px;

}



.admin-table-toolbar {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  flex-wrap: wrap;

  margin-bottom: 10px;

}



.admin-search {

  display: flex;

  align-items: center;

  gap: 10px;

}



.admin-search label {

  font-size: 12px;

  font-weight: 700;

  color: #333;

  white-space: nowrap;

}



.admin-search input.reg-input {

  width: 340px;

}



.admin-table-actions {

  display: flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

}



.admin-table-scroll {

  width: 100%;

  overflow: hidden;

  -webkit-overflow-scrolling: touch;

}



/* ?�역관�?출금?�역: `.admin-table-scroll`??overflow:hidden???�래?�서 ??�� ?�크롤이 막힘 ???�선??*/

.page-dashboard .admin-panel[data-admin-panel="records"] #withdrawal-requests-section .withdrawal-requests-manage__scroll.admin-table-scroll {

  overflow-x: auto;

  overflow-y: auto;

  scrollbar-gutter: stable;

}



/*

  ?�터리스?�·회?�정?�·센?�정?�·회?�상?? ???�크롤�? 카드 ???��? ?�이�??�용 (?�일 ?�턴).

  고정 px ?�이??카드/검?�줄�?겹쳐 체감 ?�기가 ?�긋??

*/

.admin-panel[data-admin-panel="selection"] #center-section-list .admin-table-scroll,

.admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-table-scroll,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-table-scroll,

.admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main .admin-table-scroll,

.admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main .admin-table-scroll {

  flex: 1 1 auto;

  min-width: 0;

  min-height: 0;

  overflow-y: auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



/* ?�터리스?? ?�터ID·?�터명·센?�장(축소) ??추천???��? 기존 ???��? */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-center-id {

  width: 86px;

  max-width: 86px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-center-name {

  width: 108px;

  max-width: 108px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-center-manager {

  width: 84px;

  max-width: 84px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-center-recommender {

  width: 110px;

  max-width: 110px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(3),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(4),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(3),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(4) {

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(2) {

  width: 86px;

  max-width: 86px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(3),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(3) {

  width: 108px;

  max-width: 108px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(4),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(4) {

  width: 84px;

  max-width: 84px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



/* ?�터리스?? 번호 ??*/

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-no {

  width: 58px;

  max-width: 58px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:first-child,

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:first-child {

  width: 58px;

  max-width: 58px;

  min-width: 0;

  box-sizing: border-box;

}



/* ?�터리스?? ?�재보유금액·?�터보너?�·휴?�?�·등록일??(기존 120px ?��?�?20px 축소) */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-w100 {

  width: 100px;

  max-width: 100px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(8),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(9),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(8),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(9) {

  width: 100px;

  max-width: 100px;

  min-width: 0;

  box-sizing: border-box;

}



/* ?�터리스?? 계좌 ????colgroup + tbody 보강). ?�더??계좌?�보 ???�어리만 ?�시 */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-bank {

  width: 72px;

  max-width: 72px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-holder {

  width: 80px;

  max-width: 80px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table col.center-list-col-members {

  width: 75px;

  max-width: 75px;

}



/* ?�터리스?? ?�원??????thead 11번째 th(계좌 colspan ?�음), tbody 13번째 td */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table thead th:nth-child(11),

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(13) {

  width: 75px;

  max-width: 75px;

  min-width: 0;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(10) {

  width: 72px;

  max-width: 72px;

  min-width: 0;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .admin-list-table tbody td:nth-child(12) {

  width: 80px;

  max-width: 80px;

  min-width: 0;

  box-sizing: border-box;

}



/* ?�터리스?? ?�원 ?�세 ?�로?�과 같�? 카드?????�터마다 ?�로�??�음 (?�크�??�는 ?�?�보??본문 배경�??�일) */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-scroll {

  background: var(--bg);

  border-radius: 0 0 10px 10px;

  overflow-y: auto;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card-stack {

  display: flex;

  flex-direction: column;

  gap: 8px;

  padding: 8px 12px;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card-stack--empty {

  text-align: center;

  padding: 28px 16px;

  color: #94a3b8;

  font-size: 14px;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card.member-detail-profile-card {

  max-width: 100%;

  margin: 0;

  padding: 13px 12px;

  gap: 12px;

  border-color: rgba(100, 116, 139, 0.82);

  background: linear-gradient(145deg, #2a3649 0%, #1a2333 52%, #1d2739 100%);

  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.42);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__top {

  grid-template-columns: 80px minmax(0, 1fr);

  column-gap: 10px;

  align-items: start;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__avatar.center-list-card__avatar {

  width: 80px;

  height: 80px;

  flex: 0 0 80px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card__avatar.center-list-card__avatar {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 3px;

  padding: 6px 4px;

  border-color: rgba(148, 163, 184, 0.35);

  background: rgba(51, 65, 85, 0.88);

  color: #e2e8f0;

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.14), 0 1px 4px rgba(0, 0, 0, 0.28);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card__avatar-icon {

  width: 36px;

  height: 36px;

  flex-shrink: 0;

  color: #cbd5e1;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card__avatar-label {

  font-size: 11px;

  font-weight: 800;

  color: #e2e8f0;

  letter-spacing: 0.04em;

  line-height: 1.15;

  text-align: center;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card__avatar-badge {

  font-size: 12px;

  font-weight: 800;

  color: #f8fafc;

  letter-spacing: -0.02em;

  line-height: 1.1;

  text-align: center;

  padding: 0 2px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-money-cell {

  cursor: pointer;

  text-decoration: underline;

  text-underline-offset: 3px;

  color: #38bdf8;

}



.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-money-cell .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .admin-member-name-link {

  color: #7dd3fc;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .admin-member-name-link:hover {

  color: #bae6fd;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__grid {

  grid-template-columns: repeat(7, minmax(0, 1fr));

  gap: 7px 7px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair {

  display: flex;

  flex-direction: column;

  gap: 5px;

  min-width: 0;

  min-height: 0;

  align-self: stretch;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair--c5 {

  grid-column: 5;

  grid-row: 1 / span 3;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair--c6 {

  grid-column: 6;

  grid-row: 1 / span 3;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair--c7 {

  grid-column: 7;

  grid-row: 1 / span 3;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair > .member-detail-profile-card__item {

  flex: 1 1 0;

  min-height: 0;

  justify-content: flex-start;

  align-items: center;

  text-align: center;

  padding: 6px 9px;

  gap: 3px;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair > .member-detail-profile-card__item .member-detail-profile-card__key {

  font-size: 15px;

  line-height: 1.3;

  color: #cbd5e1;

  letter-spacing: 0.01em;

  text-align: center;

  width: 100%;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair > .member-detail-profile-card__item .member-detail-profile-card__val {

  font-size: 20px;

  line-height: 1.28;

  letter-spacing: -0.02em;

  text-align: center;

  width: 100%;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__item {

  box-sizing: border-box;

  flex-direction: column;

  align-items: stretch;

  align-self: stretch;

  gap: 4px;

  padding: 8px 8px;

  background: rgba(30, 41, 59, 0.72);

  border: 1px solid rgba(100, 116, 139, 0.65);

  border-radius: 8px;

  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);

}

/* 5~7?? �?�??�매가·PV)마다 머리글???�로 그라?�이??????진하�????�래 ?�하�? ?�별 ?????��? */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i13 {

  border-color: rgba(56, 213, 238, 0.45);

  box-shadow: inset 0 1px 0 rgba(165, 243, 252, 0.16), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #134556 0%, #1f5a6e 38%, #2d7084 68%, #4a92a8 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i14 {

  border-color: rgba(56, 213, 238, 0.45);

  box-shadow: inset 0 1px 0 rgba(165, 243, 252, 0.12), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #174d60 0%, #245f72 40%, #34788c 65%, #559cb0 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i15 {

  border-color: rgba(110, 231, 213, 0.42);

  box-shadow: inset 0 1px 0 rgba(153, 246, 228, 0.14), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #1a454c 0%, #245860 38%, #2a6d78 62%, #3f8f96 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i16 {

  border-color: rgba(110, 231, 213, 0.42);

  box-shadow: inset 0 1px 0 rgba(153, 246, 228, 0.1), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #1d4e56 0%, #27636c 40%, #317a84 65%, #489aa3 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i17 {

  border-color: rgba(110, 231, 213, 0.4);

  box-shadow: inset 0 1px 0 rgba(153, 246, 228, 0.12), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #123842 0%, #1c4a54 38%, #235a64 62%, #357484 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair .member-detail-profile-card__item--i18 {

  border-color: rgba(110, 231, 213, 0.4);

  box-shadow: inset 0 1px 0 rgba(153, 246, 228, 0.08), 0 1px 3px rgba(0, 0, 0, 0.18);

  background: linear-gradient(180deg, #153d48 0%, #1f5360 40%, #2a6a75 65%, #3d8794 100%);

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__key {

  font-size: 11px;

  letter-spacing: 0.02em;

  color: #94a3b8;

  line-height: 1.28;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__val {

  font-size: 14px;

  line-height: 1.32;

  color: #f8fafc;

  white-space: normal;

  overflow: visible;

  text-overflow: unset;

  word-break: break-word;

}

/* ?�터ID ~ ?�재보유금액(i1~i12): 그리??직접 ?�식�???5~7??메트�?i13~i18) ?�외 */

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__grid > .member-detail-profile-card__item .member-detail-profile-card__key {

  font-size: 12px;

  line-height: 1.3;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__grid > .member-detail-profile-card__item .member-detail-profile-card__val {

  font-size: 16px;

  line-height: 1.32;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__item--i10 {

  grid-column: 4;

  grid-row: 1;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__item--i11 {

  grid-column: 4;

  grid-row: 2;

}

.page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__item--i12 {

  grid-column: 4;

  grid-row: 3;

}

@media (max-width: 720px) {

  .page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__grid {

    grid-template-columns: 1fr;

  }

  .page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__item[class*="--i"] {

    grid-column: 1 !important;

    grid-row: auto !important;

  }

  .page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .center-list-card__metric-pair {

    grid-column: 1 !important;

    grid-row: auto !important;

  }

  .page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__top {

    grid-template-columns: 72px minmax(0, 1fr);

  }

  .page-dashboard .admin-panel[data-admin-panel="selection"] #center-section-list .center-list-card .member-detail-profile-card__avatar.center-list-card__avatar {

    width: 72px;

    height: 72px;

    flex: 0 0 72px;

  }

}



/* ?�원 ?�세 ?�계 가�? dashboard.html syncMemberSettlementMetaWidth 가 ???�역 clientWidth(px)�??�정 */

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .member-settlement-detail__meta {

  min-width: 0;

  box-sizing: border-box;

  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);

  border-color: rgba(71, 85, 105, 0.9);

  color: #e2e8f0;

}



.page-dashboard

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .member-settlement-detail__meta

  .member-settlement-detail__meta-identity {

  color: #f8fafc;

}



.page-dashboard

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .member-settlement-detail__meta

  .member-settlement-detail__totals-label {

  color: #cbd5e1;

}



.page-dashboard

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .member-settlement-detail__meta

  .member-settlement-detail__totals-value {

  color: #f8fafc;

}



.page-dashboard

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .member-settlement-detail__meta

  .member-settlement-detail__totals-value

  .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #payment-history-meta {

  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);

  border-color: rgba(71, 85, 105, 0.9);

  color: #e2e8f0;

  font-size: 15px;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #payment-history-meta .member-settlement-detail__meta-identity {

  color: #f8fafc;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #payment-history-meta .member-settlement-detail__totals-label {

  color: #cbd5e1;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #payment-history-meta .member-settlement-detail__totals-value {

  color: #f8fafc;

}



.page-dashboard

  .admin-panel[data-admin-panel="member-settlement"]

  .member-section-settlement-main

  #payment-history-meta

  .member-settlement-detail__totals-value

  .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



/* ?�원 ?�세·?�원?�산: 지급내?????� ???�수 */

.page-dashboard

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .admin-list-table--payment-history

  .money-won--negative,

.page-dashboard

  .admin-panel[data-admin-panel="member-settlement"]

  .member-section-settlement-main

  .admin-list-table--payment-history

  .money-won--negative {

  color: #c1121f;

  font-weight: 800;

}



/* ?�원 ?�세: ?�로 ?�크롤·thead sticky, ??12�??�????가�??�크�??�용 */

.admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-table-scroll {

  flex: 1 1 auto;

  min-width: 0;

  min-height: 0;

  overflow-y: auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-table-scroll .admin-list-table--payment-history {

  table-layout: fixed;

  width: 100%;

  max-width: 100%;

  min-width: 0;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-table-scroll .admin-list-table--payment-history {

  table-layout: fixed;

  width: 100%;

  max-width: 100%;

  min-width: 0;

}



/* ?�원?�산?�역·?�원?�세 지�??? 1~12??100px, ?�당 발생 ?�용(13??�?가변 */

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(-n + 12),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(-n + 12) {

  width: 100px;

  max-width: 100px;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(4),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(4) {

  width: 120px;

  max-width: 120px;

}

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(9),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(9) {

  width: 95px;

  max-width: 95px;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(10),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(10),

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td:nth-child(10),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history tbody td:nth-child(10) {

  width: 80px;

  max-width: 80px;

  min-width: 0;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history tbody td:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history tbody td:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td:nth-child(13) {

  width: 85px;

  max-width: 85px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead tr:first-child th:nth-child(14),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead tr:first-child th:nth-child(14) {

  width: auto;

  min-width: 200px;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead th {

  position: sticky;

  top: 0;

  z-index: 3;

  /* border-bottom?� .admin-list-table 공통 규칙�??�용 ??box-shadow까�? ?�면 ?�래 가로선 ?�중?�로 보임 */

  white-space: normal;

  line-height: 1.25;

}



/* ?�원리스???�목 문구(?�원리스????: ?�짝 ?�른�?*/

.admin-panel[data-admin-panel="member"] #member-section-list .admin-table-card__title-label {

  margin-left: 6px;

}



/* ?�터리스???�목 문구: ?�짝 ?�른�?*/

.admin-panel[data-admin-panel="selection"] #center-section-list .admin-table-card__title-label {

  margin-left: 6px;

}



/* ?�원리스?? ?�·보�?버튼??많음 ??카드 ?�로 ?�도�??�넉?? ?�는 카드 ?�에??flex�?채�? */

.admin-panel[data-admin-panel="member"] #member-section-list .admin-table-scroll {

  flex: 1 1 auto;

  min-height: 0;

  overflow-y: auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



/* ?�원리스??카드: max-height????.admin-table-card?� ?�일(188px ?�프?? ???�기?�는 flex�?보강 */

.admin-panel[data-admin-panel="member"] #member-section-list > .admin-table-card {

  flex: 1 1 auto;

  min-height: 0;

}



/* 구매?�료 리스?? 카드 ?�이�?뷰포?�에 맞추�????�역�??�크�???175px ?�프???�원리스??188�?별도) */

.page-dashboard .admin-panel[data-admin-panel="purchase"] > .admin-form-card {

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  min-height: 0;

  max-height: calc(100vh - 175px);

  max-height: calc(100dvh - 175px);

  overflow: hidden;

  contain: layout paint;

}



.page-dashboard .admin-panel[data-admin-panel="purchase"] > .admin-form-card > .admin-form-card__title,

.page-dashboard .admin-panel[data-admin-panel="purchase"] > .admin-form-card > .admin-search-row {

  flex-shrink: 0;

}



.page-dashboard .admin-panel[data-admin-panel="purchase"] > .admin-form-card > .admin-table-scroll {

  flex: 1 1 auto;

  min-height: 0;

  min-width: 0;

  overflow-y: auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: stable;

  box-sizing: border-box;

}



.admin-panel[data-admin-panel="member"] .admin-list-table thead th,

.admin-panel[data-admin-panel="selection"] .admin-list-table thead th,

.admin-panel[data-admin-panel="purchase"] .admin-list-table thead th {

  position: sticky;

  top: 0;

  z-index: 2;

  background: rgba(228, 235, 245, 0.98);

}



.admin-list-table {

  min-width: 0;

  width: 100%;

  font-size: 11.5px;

  border-collapse: separate;

  border-spacing: 0;

  margin: 0;

  border: 0 !important;

}



/* ?�?�보??리스???�이�?*/

.page-dashboard .admin-list-table {

  table-layout: fixed;

}



/*

  ?�원 리스??21??: table-layout auto + max-content.

  - 번호·코드·?�름·?�락처·날짜·후??추천/?�터·?�벨·직급·?�당·버튼: 길이 ?�한??거의 ?�해�???px/em �?min?�max, 말줄??

  - ?�하?�적(10): PV ?�릿??증�? ??min(ch)�? max ?�음(??? 10ch부??.

  - 금액 4??11~14): 금액 커짐 ??min-width: Nch, max ?�음, tabular-nums.

*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-table-scroll .admin-list-table {

  table-layout: auto;

  width: max-content;

  min-width: 100%;

  max-width: none;

  font-size: 14px;

}



/* ?�원관�?리스?? ???�목(th)�?굵게, 본문(td)?� 보통 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th {

  font-size: 14px;

  font-weight: 700;

}

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td {

  font-size: 14px;

  line-height: 1.28;

  font-weight: 400;

}



/* ?�?�보??리스?�는 ?�더 ?�스??가?�데 ?�렬 */

.admin-list-table th,

.admin-list-table td {

  text-align: center;

  padding: 8px 4px;

  line-height: 1.3;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  border: 0;

  border-right: 1px solid #b8958a;

  border-bottom: 1px solid #b8958a;

}



/*

  보기 버튼 ?? ?�래?�서 버튼�?축소. ???�로) ?�이???�터리스?��? ?�일 기�??�로 ?�일(?�래 thead/tbody).

*/

.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table th,

.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table td,

.page-dashboard .admin-panel[data-admin-panel="selection"] .admin-list-table th,

.page-dashboard .admin-panel[data-admin-panel="selection"] .admin-list-table td {

  padding: 5px 4px;

  line-height: 1.22;

  vertical-align: middle;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table th,

.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table td {

  min-width: 0;

  padding: 4px 2px;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table thead th {

  font-size: 11px;

}



/* 1 번호 ??1~4?�리 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(1),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(1) {

  width: 46px;

  min-width: 46px;

  max-width: 52px;

  box-sizing: border-box;

}



/* 2 ?�원코드(M+?�자) ???�식 고정 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(2) {

  width: 78px;

  min-width: 78px;

  max-width: 88px;

  box-sizing: border-box;

}



/* 3 ?�원�???짧�? ?? 말줄??*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(3),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(3) {

  width: 80px;

  min-width: 72px;

  max-width: 104px;

  box-sizing: border-box;

}



/* 4 ?��?????010-0000-0000 ?�식 고정 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(4),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(4) {

  width: 118px;

  min-width: 116px;

  max-width: 124px;

  box-sizing: border-box;

}



/* 5 ?�록?�자 YYYY-MM-DD */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(5),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(5) {

  width: 90px;

  min-width: 88px;

  max-width: 96px;

  box-sizing: border-box;

}



/* 6~8 ?�원??· 추천??· ?�속?�터 ???�름 ?��? 길이, 말줄??*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(8),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(8) {

  width: 84px;

  min-width: 76px;

  max-width: 108px;

  box-sizing: border-box;

}



/* 번호·?�원코드·?��??�·등록일?�·후?�인·추천?�·소?�센?�·산?�인???�립금액 본문: ?�원�?.admin-member-name-link)�??�일 굵기 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(1),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(4),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(5),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(8),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(9),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(10),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(11),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(14) {

  font-weight: 800;

}



/* 9 ?�하?�원 ??�???2�?*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(9),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(9) {

  width: 96px;

  min-width: 90px;

  max-width: 118px;

  box-sizing: border-box;

}



/* 10 ?�하?�적(PV) ??최소 ??�� 조금 ??��, �?PV???�이 ?�라 ?�어??*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(10),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(10) {

  min-width: 10ch;

  width: auto;

  max-width: none;

  box-sizing: border-box;

}



/* ?�하 2�??�택(�??? ???�래) */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .member-list-sanh-stack {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 3px;

  line-height: 1.28;

  font-size: inherit;

  font-weight: inherit;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .member-list-sanh-stack__row {

  display: block;

  white-space: nowrap;

  font-size: inherit;

  font-weight: inherit;

  line-height: inherit;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .member-list-sanh-stack--pv .member-list-sanh-stack__row {

  font-size: inherit;

  max-width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(15),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(15) {

  max-width: 5em;

  display: none;

}



/* 11~14 금액 4?????�일 ?????�더 길이�????�만 ?�어지지 ?�게), 본문?� ??�?*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(11),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(14) {

  width: 13ch;

  min-width: 13ch;

  max-width: 13ch;

  box-sizing: border-box;

  white-space: normal;

  word-break: keep-all;

  overflow: hidden;

  text-overflow: ellipsis;

  font-variant-numeric: tabular-nums;

  line-height: 1.25;

  vertical-align: middle;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(11),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(12),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(13),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(14) {

  width: 13ch;

  min-width: 13ch;

  max-width: 13ch;

  box-sizing: border-box;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-variant-numeric: tabular-nums;

}



/* 16·17·18 ?�벨 · 직급 · ?�당중�? ???�일·좁게(가�??�크�??�화), �?값�? 말줄??*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(16),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(17),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(18),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(16),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(17),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(18) {

  width: 4.75em;

  min-width: 4.75em !important;

  max-width: 4.75em;

  padding-left: 1px;

  padding-right: 1px;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(17),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(18) {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(18) {

  font-weight: 800;

}



/* 19 ?�세(지급내?? · 20·21 조직??보기 ???�벨 고정, ??�� 맞춤 */

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(19),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(20),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(21),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(19),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(20),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(21) {

  width: 68px;

  min-width: 58px;

  max-width: 78px;

  box-sizing: border-box;

}



/* ?�터리스??기�?: ?�더·본문 ???�로(?�원리스?�·정?�·상?�·센?�정???�일) */

.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table thead th,

.page-dashboard .admin-panel[data-admin-panel="selection"] .admin-list-table thead th,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-list-table--payment-history thead th,

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table thead th,

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history thead th {

  min-height: 48px;

  padding-top: 10px;

  padding-bottom: 10px;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table tbody td,

.page-dashboard .admin-panel[data-admin-panel="selection"] .admin-list-table tbody td,

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-list-table--payment-history tbody td,

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table tbody td,

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td {

  min-height: 44px;

  padding-top: 10px;

  padding-bottom: 10px;

  font-size: 12px;

  line-height: 1.34;

  box-sizing: border-box;

}



.page-dashboard .admin-panel[data-admin-panel="member"] .admin-list-table tbody td {

  font-size: 10.5px;

}



/*

  ?�원 리스?�만: ???�로 축소(?�트·버튼 34px ?��?). ?�래 19~21?��? ?�세/보기 버튼 기�? ?�딩�?별도.

*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th {

  min-height: 40px;

  padding-top: 5px;

  padding-bottom: 5px;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td {

  min-height: 38px;

  padding-top: 4px;

  padding-bottom: 4px;

}



/*

  ?�원리스??19~21???�세·?�원·추천): 공통 tbody ?�딩보다 ?�에????�� ??.admin-org-view-btn height 34px 기�?.

*/

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(19),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(20),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table thead th:nth-child(21) {

  padding: 2px 6px;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(19),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(20),

.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-list-table tbody td:nth-child(21) {

  min-height: 0;

  padding: 2px 6px;

  overflow: visible;

}



.page-dashboard .admin-panel[data-admin-panel="member"] #member-section-list .admin-org-view-btn {

  -webkit-appearance: none;

  appearance: none;

  margin: 0;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 100%;

  min-width: 0;

  height: 34px;

  min-height: 34px;

  padding: 0 12px;

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  box-sizing: border-box;

}



.page-dashboard .admin-list-table td {

  background: rgba(255, 255, 255, 0.96);

}



/* 구매?�료 리스???? ?�더·본문 가?�데 ?�렬, ???�로 ?�짝 ?�유 */

.page-dashboard .admin-panel[data-admin-panel="purchase"] .admin-list-table--purchase-history th,

.page-dashboard .admin-panel[data-admin-panel="purchase"] .admin-list-table--purchase-history td {

  text-align: center;

  vertical-align: middle;

  padding-top: 11px;

  padding-bottom: 11px;

  line-height: 1.38;

}



/* ?�원?�산?�역: ?�일 ???�더(?�당 발생 ?�용 ?�함) + ?�크�????�더 고정 */

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-list-table--payment-history thead th {

  vertical-align: middle;

  position: sticky;

  top: 0;

  z-index: 5;

  background: rgba(228, 235, 245, 0.98);

  font-size: 13px;

  line-height: 1.3;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-list-table--payment-history tbody td {

  font-size: 13px;

  line-height: 1.35;

}



/* ?�원?�산?�역: 번호~?�립금액(1~13?? 굵게 ???�당 발생 ?�용(14??�??�외 */

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history thead th:nth-child(-n + 13),

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history tbody td:nth-child(-n + 13) {

  font-weight: 800;

}



.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table thead th,

.page-dashboard .admin-panel[data-admin-panel="pan-settlement"] .center-section-settlement-main #pan-section-allowance-history .admin-list-table thead th {

  position: sticky;

  top: 0;

  z-index: 4;

  background: rgba(228, 235, 245, 0.98);

  font-size: 13px;

  line-height: 1.3;

}



.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table tbody td {

  font-size: 13px;

  line-height: 1.35;

}



/* ?�터?�산?�역: 번호~?��?급액(1~7?? 굵게 ???�당 발생 ?�용(8??�??�외(?�원?�산 14??구조?� ?�름) */

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead th:nth-child(-n + 7),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(-n + 7) {

  font-weight: 800;

}



/* ?�터?�산?�역: ?�산?�자 + ?�당 발생 ?�용(�??? ?�게) */

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-table-scroll .admin-list-table--center-payment-history {

  table-layout: fixed;

  width: max-content;

  min-width: 100%;

  max-width: none;

}



.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-no {

  width: 40px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-id {

  width: 70px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-name {

  width: 90px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-date {

  width: 112px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-bonus {

  width: 100px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-tax {

  width: 70px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-net {

  width: 90px;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history col.center-pay-col-reason {

  width: 520px;

}



.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(1),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(1) {

  width: 40px;

  max-width: 40px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(2),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(2) {

  width: 70px;

  max-width: 70px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(3),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(3) {

  width: 90px;

  max-width: 90px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(4) {

  width: 9%;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(5),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(5) {

  width: 100px;

  max-width: 100px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(6),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(6) {

  width: 70px;

  max-width: 70px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(7),

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(7) {

  width: 90px;

  max-width: 90px;

  min-width: 0;

  box-sizing: border-box;

}

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history thead tr:first-child th:nth-child(8) {

  width: 520px;

  min-width: 520px;

}



/* ?�유 ?????�로?? ??공통 border�??�용(?�한/?�중???�거) */

.page-dashboard .admin-panel[data-admin-panel="center-settlement"] .center-section-settlement-main #center-section-allowance-history .admin-list-table--center-payment-history tbody td:nth-child(8) {

  white-space: normal;

  word-break: keep-all;

  overflow-wrap: break-word;

  line-height: 1.4;

  font-size: 12px;

  text-align: left;

  width: 520px;

  min-width: 520px;

}



/* ?�당 발생 ?�용 ??�??? ???�로?��? ??공통 border-right(#b8958a)�??�용(?�한/?�중???�거) */

.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main .admin-list-table--payment-history tbody td:nth-child(14) {

  white-space: normal;

  word-break: keep-all;

  overflow-wrap: break-word;

  line-height: 1.4;

  font-size: 12px;

  min-width: 200px;

  text-align: left;

}



.page-dashboard .admin-list-table--payment-history tbody td:nth-child(14) {

  min-width: 200px;

  white-space: normal;

  word-break: keep-all;

  overflow-wrap: break-word;

  line-height: 1.4;

  font-size: 12px;

  text-align: left;

}



/* ?�원 ?�세 지�? ?�유 ??�??? ????비율�??�일?�게 최�? ???�보 */

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td:nth-child(14) {

  min-width: 200px;

  white-space: normal;

  overflow: visible;

  text-overflow: unset;

  font-size: 12px;

  line-height: 1.4;

}



.page-dashboard .admin-panel[data-admin-panel="member-settlement"] .member-section-settlement-main #settlement-section-allowance-history .admin-list-table--payment-history tbody td:nth-child(-n + 13),

.page-dashboard .admin-panel[data-admin-panel="member"] .member-section-settlement-detail .admin-list-table--payment-history tbody td:nth-child(-n + 13) {

  max-width: 100px;

  box-sizing: border-box;

}



#member-portal-shell .admin-list-table--payment-history tbody td:nth-child(-n + 13) {

  max-width: 100px;

  box-sizing: border-box;

}



/* ?�래 nth-child 규칙?� ?�원 리스?????�서) ?�용 ??지급내????admin-list-table--payment-history)?????��?가 ?�름 */

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(9),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(9),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(10),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(10),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th.member-list-th--performance {

  text-align: center;

  padding-left: 4px;

  padding-right: 4px;

  overflow: visible;

  text-overflow: clip;

  box-sizing: border-box;

  white-space: normal;

  line-height: 1.25;

}



/* ?�당중�?(18??: 짧�? �???말줄??(17??직급�??�동 방�?: 18�?지?? */

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(18),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(18) {

  min-width: 0 !important;

  padding-left: 1px !important;

  padding-right: 1px !important;

  font-size: 12px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.admin-subhead {

  display: block;

  font-size: 11px;

  font-weight: 700;

  margin-top: 2px;

}



.admin-list-table th {

  background: rgba(228, 235, 245, 0.95);

  font-size: 12px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  border-top: 1px solid #b8958a !important;

}



.admin-list-table th:first-child,

.admin-list-table td:first-child {

  border-left: 1px solid #b8958a;

}



.admin-list-table th:last-child,

.admin-list-table td:last-child {

  border-right: 1px solid #b8958a;

}



.admin-list-table td {

  font-size: 11.5px;

}

.page-dashboard .admin-panel[data-admin-panel="records"] #withdrawal-requests-section .withdrawal-requests-manage__table th,
.page-dashboard .admin-panel[data-admin-panel="records"] #withdrawal-requests-section .withdrawal-requests-manage__table td {
  font-size: 16px;
}

.page-dashboard .admin-panel[data-admin-panel="records"] #withdrawal-requests-section #withdrawal-requests-filter-name {
  font-size: 16px;
}

.page-dashboard .admin-panel[data-admin-panel="records"] #withdrawal-requests-section #withdrawal-requests-filter-status {
  font-size: 16px;
}



.admin-list-table tbody tr:hover td {

  background: rgba(124, 146, 186, 0.3);

}



/* ?��????�원 리스??4??: 고정 ???�에??말줄??*/

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(4),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(4) {

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: normal;

  font-size: 10px;

}



/* ?�록?�자(?�원 리스??5?? */

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(5),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(5) {

  white-space: nowrap;

  overflow: visible;

  text-overflow: clip;

}



/* 보유금액(?�원 리스??11?? ??�??�더 */

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) th:nth-child(11),

.admin-panel[data-admin-panel="member"] .admin-list-table:not(.admin-list-table--payment-history) td:nth-child(11) {

  white-space: normal;

  word-break: keep-all;

  overflow: hidden;

  text-overflow: ellipsis;

}



/* ?�터 리스?? ?��???5?? */

.admin-panel[data-admin-panel="selection"] .admin-list-table th:nth-child(5),

.admin-panel[data-admin-panel="selection"] .admin-list-table td:nth-child(5) {

  white-space: nowrap;

  overflow: visible;

  text-overflow: clip;

}



/* ?�터 리스?? ?�?�·계좌번?�·예금주(7~9?? */

.admin-panel[data-admin-panel="selection"] .admin-list-table th:nth-child(7),

.admin-panel[data-admin-panel="selection"] .admin-list-table th:nth-child(8),

.admin-panel[data-admin-panel="selection"] .admin-list-table th:nth-child(9),

.admin-panel[data-admin-panel="selection"] .admin-list-table td:nth-child(7),

.admin-panel[data-admin-panel="selection"] .admin-list-table td:nth-child(8),

.admin-panel[data-admin-panel="selection"] .admin-list-table td:nth-child(9) {

  white-space: nowrap;

  overflow: visible;

  text-overflow: clip;

  word-break: normal;

  padding-left: 2px;

  padding-right: 2px;

  font-size: 11px;

}



.admin-panel[data-admin-panel="selection"] .admin-list-table th[style] {

  width: auto !important;

}



.page-dashboard .content .notice {

  background: rgba(250, 251, 255, 0.75);

  margin-top: 0;

}



/* ?�원?�산 ?�행 (참고 ?�산 ?�이?�웃) */

.member-settle-run {

  max-width: 1120px;

  margin-left: auto;

  margin-right: auto;

  padding: 22px 32px 30px;

  box-sizing: border-box;

  background: linear-gradient(180deg, #fcfcfe 0%, #f3f4f8 100%);

  border: 1px solid #e0e4ed;

  border-radius: 12px;

  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.07);

}



.member-settle-run__top-row {

  display: grid;

  grid-template-columns: repeat(2, minmax(320px, 520px));

  justify-content: center;

  gap: 22px 36px;

  align-items: stretch;

  margin-bottom: 22px;

}



.member-settle-run__top-col {

  min-width: 0;

}



.member-settle-run__top-row .member-settle-run__notice {

  margin-bottom: 0;

  min-height: 100%;

  height: auto;

  border-radius: 8px;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);

  background: transparent;

  border: 1px solid #b0c9e4;

  overflow: visible;

}



/* 주의 ?�는 그�?�????�른�??�산?�택)�?백업·복원�??�일 배경 */

.member-settle-run__top-row .member-settle-run__notice-body {

  background: linear-gradient(180deg, #eef6ff 0%, #e3eef9 100%);

}



.member-settle-run__top-row .member-settle-run__bullets {

  color: #3d4f63;

}



.member-settle-run__top-row .member-settle-run__notice-body strong {

  color: #1a4a7a;

}



.member-settle-run__top-row .member-settle-run__backup {

  margin-bottom: 0;

  height: 100%;

  box-sizing: border-box;

  border-radius: 8px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

}



.member-settle-run__top-row .member-settle-run__backup-row {

  justify-content: center;

  width: 100%;

}



@media (max-width: 768px) {

  .member-settle-run {

    padding: 16px 14px 22px;

  }



  .member-settle-run__top-row {

    grid-template-columns: 1fr;

    max-width: 520px;

    margin-left: auto;

    margin-right: auto;

  }

}



.member-settle-run__notice {

  display: flex;

  border: 1px solid #b8bcc4;

  background: rgba(255, 255, 255, 0.88);

  margin-bottom: 18px;

  border-radius: 2px;

  overflow: hidden;

}



.member-settle-run__notice-label {

  flex: 0 0 52px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #5c636e;

  color: #fff;

  font-weight: 700;

  font-size: 13px;

  letter-spacing: 0.02em;

}



.member-settle-run__notice-body {

  flex: 1;

  padding: 12px 14px 10px;

  font-size: 13px;

  line-height: 1.55;

  color: #333;

}



.member-settle-run__targets {

  margin: 10px 0 6px;

  padding: 0;

  list-style: none;

}



.member-settle-run__targets li {

  margin: 4px 0;

  display: flex;

  align-items: center;

  gap: 8px;

}



.member-settle-run__targets label {

  cursor: pointer;

  font-weight: 400;

}



.member-settle-run__bullets {

  margin: 10px 0 0;

  padding-left: 16px;

  color: #444;

  font-size: 12px;

}



.member-settle-run__ref-note {

  max-width: 840px;

  margin: 0 auto 14px;

  padding: 0 12px;

  font-size: 12px;

  line-height: 1.55;

  color: #3d4f63;

  text-align: center;

}



.member-settle-run__dates {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 14px;

  max-width: 840px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 22px;

  padding: 18px 28px;

  background: linear-gradient(180deg, #eef6ff 0%, #e3eef9 100%);

  border: 1px solid #b0c9e4;

  border-radius: 8px;

  box-shadow: 0 1px 2px rgba(27, 74, 122, 0.06);

}



.member-settle-run__date-line {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 10px 14px;

  width: 100%;

}



.member-settle-run__date-line > span:first-child {

  font-weight: 600;

  color: #333;

  min-width: 88px;

}



.member-settle-run__date-line--range > span:first-child {

  min-width: auto;

}



.member-settle-run__date-line--range > span:not(.member-settle-run__date-tilde) {

  font-weight: 600;

  color: #374151;

}



.member-settle-run__date-line--pay > span:first-child {

  color: #1565c0;

  min-width: 88px;

}



.member-settle-run__date-line--range {

  flex-wrap: wrap;

  align-items: center;

}



.member-settle-run__date-tilde {

  padding: 0 6px;

  color: #64748b;

  font-weight: 700;

  font-size: 15px;

}



.member-settle-run__date-line input[type="date"] {

  height: 34px;

  padding: 0 8px;

  border: 1px solid var(--line);

  border-radius: 4px;

  background: #fff;

}



.member-settle-run__actions {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  gap: 14px;

  margin-top: 6px;

  padding-top: 4px;

}



.member-settle-run__stop-mode {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  flex-wrap: wrap;

  font-size: 13px;

  color: #334155;

}



.member-settle-run__stop-mode-label {

  font-weight: 700;

  white-space: normal;

  color: #b91c1c;

  flex: 1 1 100%;

  line-height: 1.35;

}



.member-settle-run__stop-mode label {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  white-space: nowrap;

  font-weight: 600;

}



.btn-member-settle-run {

  min-width: 200px;

  padding: 13px 24px;

  min-height: 46px;

  margin-left: 30px;

  font-size: 14px;

  font-weight: 600;

  background: linear-gradient(180deg, #a8b06e 0%, #8f9660 100%);

  border: 1px solid #7a8052;

  color: #fff;

  border-radius: 4px;

  cursor: pointer;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);

}



.btn-member-settle-run:hover {

  filter: brightness(1.04);

}



.btn-member-settle-run:active {

  filter: brightness(0.96);

}



#center-section-settlement-run .member-settle-run__actions {

  justify-content: center;

}



#center-section-settlement-run .btn-member-settle-run {

  margin-left: 0;

}



#pan-section-settlement-run .member-settle-run__actions {

  justify-content: center;

}



#pan-section-settlement-run .btn-member-settle-run {

  margin-left: 0;

}



.member-settle-run__backup {

  margin-bottom: 18px;

  padding: 16px 16px 18px;

  background: linear-gradient(180deg, #eef6ff 0%, #e3eef9 100%);

  border: 1px solid #b0c9e4;

  border-radius: 8px;

}



.member-settle-run__backup-title {

  font-weight: 700;

  font-size: 14px;

  color: #1a4a7a;

  margin-bottom: 8px;

}



.member-settle-run__backup-hint {

  margin: 0 0 12px;

  font-size: 12px;

  line-height: 1.5;

  color: #3d4f63;

}



.member-settle-run__backup-row {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 10px 12px;

}



.member-settle-run__backup-label {

  font-size: 13px;

  font-weight: 600;

  color: #333;

}



.member-settle-run__backup-select {

  min-width: 280px;

  max-width: 100%;

  height: 34px;

  padding: 0 8px;

  border: 1px solid var(--line, #c8ccd3);

  border-radius: 4px;

  background: #fff;

  font-size: 13px;

}



.btn-member-settle-backup-restore {

  padding: 8px 18px;

  font-size: 13px;

  font-weight: 600;

  border-radius: 4px;

  cursor: pointer;

  border: 1px solid #5f6fd4;

  background: linear-gradient(180deg, #8f9dff 0%, var(--accent, #7a8cff) 100%);

  color: #fff;

  box-shadow: 0 1px 3px rgba(60, 75, 180, 0.35);

}



.btn-member-settle-backup-restore:hover {

  background: linear-gradient(180deg, #9aa7ff 0%, #6d7ef5 100%);

  filter: brightness(1.03);

}



.btn-member-settle-backup-restore:active {

  filter: brightness(0.96);

}



/* 기�? > 리포?? �?매출?�보 · ???�당지급정�?*/

.report-section__columns {

  display: flex;

  flex-wrap: wrap;

  gap: 16px 24px;

  align-items: flex-start;

  flex: 0 1 auto;

  min-height: 0;

  max-height: none;

  overflow: visible;

  margin-bottom: 0;

}



.report-section__summary {

  display: flex;

  flex-direction: column;

  gap: 10px;

  margin: 2px 0 8px;

  flex-shrink: 0;

}

.report-section__summary-row {
  display: grid;
  gap: 10px;
}

.report-section__summary-row--top {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.report-section__summary-row--sales {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.report-section__summary-group {
  display: grid;
  gap: 10px;
}

.report-section__summary-group--sales {
  flex: 1.35 1 520px;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-section__summary-group--allowance {
  flex: 0.72 1 300px;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-section__summary-row--sales .report-summary-card__label,
.report-section__summary-row--sales .report-summary-card__value {
  text-align: center;
}

.report-section__summary-spacer {
  flex: 0.72 1 300px;
  min-width: 0;
}

.report-section__summary-group--total {
  flex: 1.35 1 520px;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}



.report-summary-card {

  border-radius: 12px;

  padding: 12px 14px;

  color: #fff;

  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.14);

}



.report-summary-card--sales {

  background: linear-gradient(135deg, #1d4ed8, #2563eb);

}



.report-summary-card--allowance {

  background: linear-gradient(135deg, #6d28d9, #7c3aed);

}

/* 센터리스트 5/6/7열 톤과 유사한 구분 색 */
.report-summary-card--tone-c5 {
  border: 1px solid rgba(56, 213, 238, 0.45);
  box-shadow: inset 0 1px 0 rgba(165, 243, 252, 0.12), 0 6px 18px rgba(0, 0, 0, 0.22);
  background: linear-gradient(180deg, #174d60 0%, #245f72 40%, #34788c 65%, #559cb0 100%);
}

.report-summary-card--tone-c6 {
  border: 1px solid rgba(110, 231, 213, 0.42);
  box-shadow: inset 0 1px 0 rgba(153, 246, 228, 0.1), 0 6px 18px rgba(0, 0, 0, 0.22);
  background: linear-gradient(180deg, #1d4e56 0%, #27636c 40%, #317a84 65%, #489aa3 100%);
}

.report-summary-card--tone-c7 {
  border: 1px solid rgba(196, 181, 253, 0.45);
  box-shadow: inset 0 1px 0 rgba(221, 214, 254, 0.12), 0 6px 18px rgba(0, 0, 0, 0.22);
  background: linear-gradient(180deg, #4c1d95 0%, #5b21b6 42%, #6d28d9 68%, #7c3aed 100%);
}



.report-summary-card--count {

  background: linear-gradient(135deg, #0f766e, #0d9488);

}



.report-summary-card__label {

  font-size: 13px;

  font-weight: 700;

  opacity: 0.9;

}



.report-summary-card__value {

  margin-top: 6px;

  font-size: 24px;

  font-weight: 800;

  letter-spacing: -0.01em;

}

.report-summary-card--total-sales-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.report-summary-card--total-sales-inline .report-summary-card__label {
  white-space: nowrap;
  font-size: 15px;
}

.report-summary-card--total-sales-inline .report-summary-card__value {
  margin-top: 0;
  font-size: 22px;
  white-space: nowrap;
}



.report-section__col {

  flex: 1 1 340px;

  min-width: 0;

  min-height: 0;
  align-self: flex-start;

  display: flex;

  flex-direction: column;

}

.report-section__col--sales {
  flex: 1.35 1 520px;
}

.report-section__col--allowance {
  flex: 0.72 1 300px;
}



.report-section__col-title {

  font-weight: 700;

  color: #222;

  margin: 2px 0 6px;

  font-size: 18px;

  flex-shrink: 0;

}

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .report-section__col-title {
  color: #e2e8f0;
}



.page-dashboard .admin-panel[data-admin-panel="etc"] #report-section > .admin-form-actions {

  flex-shrink: 0;

}



#report-section .report-section__table-wrap {

  flex: 0 1 auto;

  min-height: 0;

  max-height: 500px;

  overflow-y: auto;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  scrollbar-gutter: auto;

  box-sizing: border-box;

}

#report-section .admin-list-table thead {
  position: sticky;
  top: 0;
  z-index: 4;
}



#report-section .admin-list-table th {

  font-size: 15px;

  font-weight: 800;

}

/* 리포트(매출/수당) 제목행 높이 통일 + 살짝 축소 */
#report-section .report-section__col--sales .admin-list-table thead th,
#report-section .report-section__col--allowance .admin-list-table thead th {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 1.2;
}

/* 매출정보 2줄 헤더 사이 경계선이 겹쳐 두꺼워 보이는 문제 방지 */
#report-section .report-section__col--sales .admin-list-table thead tr:nth-child(2) th {
  border-top-width: 0 !important;
}

/* 수당지급정보도 1행/2행 사이 가로선 한 줄 제거 */
#report-section .report-section__col--allowance .admin-list-table thead tr:nth-child(2) th {
  border-top-width: 0 !important;
}



#report-section .admin-list-table td {

  font-size: 15px;

  font-weight: 700;

}



.report-chart-card {

  border: 1px solid #dbe5ff;

  background: linear-gradient(180deg, #f8fbff, #eef4ff);

  border-radius: 12px;

  padding: 10px 12px;

  margin-bottom: 10px;

}



.report-chart-card--allowance {

  border-color: #e9ddff;

  background: linear-gradient(180deg, #fbf8ff, #f4efff);

}



.report-chart-card__title {

  font-size: 13px;

  font-weight: 700;

  color: #334155;

  margin-bottom: 8px;

}



.report-chart-list {

  display: flex;

  flex-direction: column;

  gap: 8px;

  max-height: 260px;

  overflow-y: auto;

}



.report-chart-row__meta {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 10px;

  font-size: 12px;

  margin-bottom: 4px;

}



.report-chart-row__month {

  color: #334155;

  font-weight: 600;

}



.report-chart-row__value {

  color: #0f172a;

  font-weight: 700;

}



.report-chart-row__bar-bg {

  width: 100%;

  height: 9px;

  border-radius: 999px;

  background: rgba(148, 163, 184, 0.25);

  overflow: hidden;

}



.report-chart-row__bar {

  display: block;

  height: 100%;

  border-radius: inherit;

}



.report-chart-row__bar--sales {

  background: linear-gradient(90deg, #3b82f6, #1d4ed8);

}



.report-chart-row__bar--allowance {

  background: linear-gradient(90deg, #a855f7, #6d28d9);

}



.report-chart-empty {

  font-size: 13px;

  color: #64748b;

  text-align: center;

  padding: 14px 8px;

}



@media (max-width: 600px) {

  .report-section__summary-row--top,
  .report-section__summary-row--sales {
    grid-template-columns: 1fr;
    display: grid;
    gap: 10px;
  }

  .report-section__summary-group--sales,
  .report-section__summary-group--allowance {
    grid-template-columns: 1fr;
  }

  .report-section__summary-spacer {
    display: none;
  }



  .report-summary-card__value {

    font-size: 18px;

  }



  .reg-sheet__body {

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

  }



  .reg-table {

    min-width: 520px;

  }

}



/*

  ?�이??+ (?�원?�보?�세 | ?�터리스??: 바깥 section.panel.

  밝�? body + backdrop-blur ?�문???�크?� ?�이 ?�라 보임 ??블러 ?�거·불투명도 ?�려 체감 ??맞춤.

*/

html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .panel {

  background: rgba(21, 29, 40, 0.94);

  border: 1px solid rgba(148, 163, 184, 0.28);

  box-shadow:

    0 8px 32px rgba(0, 0, 0, 0.45),

    inset 0 1px 0 rgba(148, 163, 184, 0.08);

  backdrop-filter: none;

  -webkit-backdrop-filter: none;

}



/* 같�? 조건: ?�터리스??????카드·?�센?�리?�트?�제목줄·?�렬 버튼·?�크�??�랙 ??관리자 ?�크?� ?�일 ??*/

html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  > .admin-table-card {

  background: rgba(26, 35, 50, 0.94);

  border-color: rgba(100, 116, 139, 0.35);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .admin-table-card__title {

  background: rgba(30, 41, 59, 0.96);

  color: #e2e8f0;

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .admin-table-card__title-sort-btn {

  border-color: rgba(147, 164, 255, 0.45);

  background: rgba(99, 102, 241, 0.2);

  color: #e2e8f0;

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll {

  background: #0f1419;

  scrollbar-width: thin;

  scrollbar-color: rgba(148, 163, 184, 0.55) rgba(15, 23, 42, 0.35);

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll::-webkit-scrollbar {

  width: 8px;

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll::-webkit-scrollbar-track {

  background: rgba(15, 23, 42, 0.45);

  border-radius: 0 0 8px 0;

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll::-webkit-scrollbar-thumb {

  background: rgba(148, 163, 184, 0.5);

  border-radius: 6px;

}



html:not([data-theme="dark"])

  body.page-dashboard.page-dashboard--admin-dark-panel:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll::-webkit-scrollbar-thumb:hover {

  background: rgba(186, 198, 214, 0.75);

}



/* ---------- 관리자 ?�?�보???�크 ?�마 (?�이?? 기본 / ?�크: html[data-theme="dark"]) ----------

   ?�원 ?�털(page-dashboard--member)?� ?�외 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) {

  color-scheme: dark;

  color: #e2e8f0;

  --bg: #0f1419;

  --text: #e2e8f0;

  --muted: #94a3b8;

  --line: #475569;

  --accent: #93a4ff;

  --panel: #151d28;

}



/* ?�크: ?�디?�·체?�는 밝�? ?�이?�브 ?�, ?�택·체크??부분만 ?��? accent */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) input[type="radio"],

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) input[type="checkbox"] {

  color-scheme: light;

  accent-color: #3b82f6;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .panel {

  background: rgba(22, 30, 42, 0.72);

  border-color: rgba(148, 163, 184, 0.22);

  box-shadow:

    0 8px 32px rgba(0, 0, 0, 0.45),

    inset 0 1px 0 rgba(148, 163, 184, 0.08);

}



/*

  ?�크: html/body??color-scheme: dark ?�문??OS·브라?��? 기본 ?�크롤바가 굵어�?

  ?�이?��? 같이 ?�게 ???�·센?�리?�트·공�?/변경내?????�로 ?�크�?공통.

*/

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  :is(.admin-table-scroll, .center-list-scroll, .etc-notice-table-scroll, .records-change-log-scroll) {

  scrollbar-width: thin;

  scrollbar-color: rgba(148, 163, 184, 0.55) rgba(15, 23, 42, 0.35);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  :is(.admin-table-scroll, .center-list-scroll, .etc-notice-table-scroll, .records-change-log-scroll)::-webkit-scrollbar {

  width: 8px;

  height: 8px;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  :is(.admin-table-scroll, .center-list-scroll, .etc-notice-table-scroll, .records-change-log-scroll)::-webkit-scrollbar-track {

  background: rgba(15, 23, 42, 0.45);

  border-radius: 4px;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  :is(.admin-table-scroll, .center-list-scroll, .etc-notice-table-scroll, .records-change-log-scroll)::-webkit-scrollbar-thumb {

  background: rgba(148, 163, 184, 0.5);

  border-radius: 6px;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  :is(.admin-table-scroll, .center-list-scroll, .etc-notice-table-scroll, .records-change-log-scroll)::-webkit-scrollbar-thumb:hover {

  background: rgba(186, 198, 214, 0.75);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-table-card {

  background: rgba(26, 35, 50, 0.94);

  border-color: rgba(100, 116, 139, 0.35);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);

}



/* ?�원?�세: 바깥 ?�이 ?�크?��?�??�쪽 admin-table-card??배경 ?�음(?�크·?�이??공통 ??��?�기) */

html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  > .admin-table-card {

  background: transparent;

  border: none;

  box-shadow: none;

}



/* ?�크·?�원·?�터 리스?? ?�목줄·스?�롤 ?�역 배경�?카드?� ?�일(?�이???�목 배경 ??��?�기). 구분?�용 box-shadow·thead border 조정?� ?��? ?�음 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-panel[data-admin-panel="member"] .admin-table-card__title,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-panel[data-admin-panel="selection"] .admin-table-card__title {

  background: rgba(26, 35, 50, 0.94);

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="member"]

  #member-section-list

  .admin-table-scroll {

  background: rgba(26, 35, 50, 0.94);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="selection"]

  #center-section-list

  .center-list-scroll {

  background: rgba(26, 35, 50, 0.94);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-table-card__title {

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-table-card__subtitle{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-table-card__title-sort-btn{

  border-color: rgba(147, 164, 255, 0.45);

  background: rgba(99, 102, 241, 0.2);

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-form-card {

  background: rgba(26, 35, 50, 0.92);

  border-color: rgba(100, 116, 139, 0.38);

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-form-card__title {

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-subnav-bar {

  background: rgba(22, 30, 42, 0.97);

  border-top-color: rgba(100, 116, 139, 0.35);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-subnav-bar__item{

  color: #93c5fd;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-subnav-bar__sep{

  color: rgba(148, 163, 184, 0.45);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-member-total{

  color: #e2e8f0;

  border-color: rgba(100, 116, 139, 0.55);

  background: rgba(30, 41, 59, 0.85);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-member-stat{

  background: linear-gradient(180deg, rgba(45, 62, 82, 0.98) 0%, rgba(30, 42, 58, 0.98) 100%);

  border-color: rgba(148, 163, 184, 0.28);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .reg-input,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .reg-select,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .reg-textarea {

  background: #1e293b;

  border-color: #64748b;

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-search-row__label{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .btn-secondary{

  background: #334155;

  color: #e2e8f0;

  border: 1px solid rgba(148, 163, 184, 0.35);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .btn-secondary:hover{

  filter: brightness(1.12);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-member-name-link{

  color: #93c5fd;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-member-name-link--company{

  color: #a5b4fc;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-org-view-btn{

  color: #e2e8f0;

  border-color: rgba(148, 163, 184, 0.45);

  background: linear-gradient(to bottom, #3d4f66, #283548);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-org-view-btn:hover{

  background: linear-gradient(to bottom, #465a73, #2f3d52);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table th,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table td {

  border-right-color: #3d5166;

  border-bottom-color: #3d5166;

  color: #e2e8f0;

}



/* th�??�이?�에??border-top #b8958a !important ???�크?�서 ?��?로선 ???�일 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table th{

  border-top: 1px solid #3d5166 !important;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table th:first-child,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table td:first-child {

  border-left-color: #3d5166;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table th:last-child,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table td:last-child {

  border-right-color: #3d5166;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-panel .admin-list-table thead th{

  background: #2a3544;

  color: #f1f5f9;

}



/*

  ?�터·?�원 ?�산?�역: ?�이?�용 ?�한 sticky ?�더 배경 규칙???�크?�서???�겨??

  글?�색(#e2e8f0)�?명도가 겹쳐 ?�더가 ?�라�?것처??보임 ???�크?�서 배경·글???��???

*/

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="center-settlement"]

  .center-section-settlement-main

  #center-section-allowance-history

  .admin-list-table

  thead

  th,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="pan-settlement"]

  .center-section-settlement-main

  #pan-section-allowance-history

  .admin-list-table

  thead

  th,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="member-settlement"]

  .member-section-settlement-main

  .admin-list-table--payment-history

  thead

  th,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="member"]

  .member-section-settlement-detail

  .admin-list-table--payment-history

  thead

  th {

  background: #2a3544;

  color: #f1f5f9;

}



html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  .admin-panel[data-admin-panel="etc"]

  #access-info-section

  .admin-list-table

  thead

  th {

  position: sticky;

  top: 0;

  z-index: 2;

  background: #2a3544;

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table tbody td{

  background: #1a2332;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-list-table tbody tr:hover td{

  background: rgba(56, 73, 97, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .admin-form-card{

  background: rgba(26, 35, 50, 0.95);

  border-color: rgba(100, 116, 139, 0.4);

}



/* 기본?�정(?�정): entry·마�??�·수???????�이???�용 ???�랑 ?� 배경 ?�리 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-db-reset{

  border-top-color: rgba(100, 116, 139, 0.45);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-db-reset__title{

  color: #fca5a5;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-db-reset__note{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-org-colors__col-label{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-org-colors__swatch::-webkit-color-swatch{

  border-color: rgba(147, 197, 253, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-org-colors__swatch::-moz-color-swatch{

  border-color: rgba(147, 197, 253, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-org-colors__hint,

html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  #base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__hint

html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  #base-setting-section

  .base-settings-top-row

  > .base-settings-org-colors-row.base-settings-pan-color-row

  .base-settings-org-colors__hint {

  color: #fca5a5;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-withholding-side{

  color: #e2e8f0;

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-withholding-value-cell{

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-allowance-ratio-section-title{

  color: #e2e8f0;

  background: #2a3544;

}



/* ?�품구매·마�??�플?�·판권구매·레벨별?�상 ??측면 �??�품구매/종류/가�?�??�일 배경 #2a3544 (?�세�???config ?�는 별도) */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table{

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section tr.base-settings-entry-spacer-row td{

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table th,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table td {

  border-color: #475569;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table .base-settings-entry-side{

  color: #e2e8f0;

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table tbody tr:first-child th:not(.base-settings-entry-side){

  background: #2a3544;

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table td{

  background: #2a3544;

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-cell{

  background: #2a3544;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-text{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-pan-referral-row__label{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-ref-pct-note{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-range-sep{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-matching-cond-cell--none{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-special-condition-value-note{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-level-fixed-wrap .base-settings-referral-pct-prefix{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-config-inline-hint{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-config-table thead th{

  background: #2a3544;

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-config-table.admin-list-table tbody td{

  background: #1a2332;

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-config-table.admin-list-table tbody tr:hover td{

  background: rgba(56, 73, 97, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-bonus-percent-label{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-bonus-line__label{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-bonus-textarea{

  background: #1e293b;

  border-color: #64748b;

  color: #f1f5f9;

  color-scheme: dark;

}



html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  #base-setting-section

  .base-settings-entry-table

  input.reg-input:not(.base-settings-bonus-percent-input):not(.base-settings-min-withdrawal-input) {

  border-color: #64748b;

  color: #f1f5f9;

  color-scheme: dark;

}



html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  #base-setting-section

  .base-settings-entry-table

  input.reg-input.base-settings-min-withdrawal-input {

  border-color: #64748b;

  color: #f1f5f9;

}



html[data-theme="dark"]

  body.page-dashboard:not(.page-dashboard--member)

  #base-setting-section

  .base-settings-entry-table

  input.reg-input.base-settings-bonus-percent-input {

  border-color: #64748b;

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-config-allowance-cell .base-settings-allowance-ratio-inline-label{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-rollup-label{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.base-settings-entry-name{

  color: #e2e8f0;

  background: #2a3544;

  border-color: #64748b;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.base-settings-entry-name:focus,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.base-settings-entry-name:focus-visible {

  border-color: #93c5fd;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.js-base-entry-sale,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.js-base-entry-pv,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #base-setting-section .base-settings-entry-table input.js-base-comma-int {

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .report-chart-row__month{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .report-chart-row__value{

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .report-chart-empty{

  color: #94a3b8;

}



/* ?�원·?�터·?�권 ?�산?�행 ?�면 (.member-settle-run) ???�이???�용 그라?�이???�거 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run{

  background: linear-gradient(180deg, rgba(30, 41, 59, 0.95) 0%, rgba(21, 29, 40, 0.98) 100%);

  border-color: rgba(100, 116, 139, 0.45);

  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__top-row .member-settle-run__notice{

  border-color: rgba(100, 116, 139, 0.5);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__top-row .member-settle-run__notice-body{

  background: linear-gradient(180deg, rgba(36, 52, 74, 0.92) 0%, rgba(28, 40, 58, 0.96) 100%);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__top-row .member-settle-run__bullets{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__top-row .member-settle-run__notice-body strong{

  color: #93c5fd;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__notice{

  border-color: rgba(100, 116, 139, 0.45);

  background: rgba(26, 35, 50, 0.75);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__notice-body{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__bullets{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__ref-note{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__dates{

  background: linear-gradient(180deg, rgba(36, 52, 74, 0.92) 0%, rgba(28, 40, 58, 0.96) 100%);

  border-color: rgba(100, 116, 139, 0.5);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__date-line > span:first-child{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__date-line--range > span:not(.member-settle-run__date-tilde){

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__date-line--pay > span:first-child{

  color: #7dd3fc;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__date-tilde{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__date-line input[type="date"]{

  background: #1e293b;

  border-color: #64748b;

  color: #f1f5f9;

  color-scheme: dark;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__stop-mode{

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__stop-mode-label{

  color: #fca5a5;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__backup{

  background: linear-gradient(180deg, rgba(36, 52, 74, 0.92) 0%, rgba(28, 40, 58, 0.96) 100%);

  border-color: rgba(100, 116, 139, 0.5);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__backup-title{

  color: #93c5fd;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__backup-hint{

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__backup-label{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__backup-select{

  background: #1e293b;

  border-color: #64748b;

  color: #f1f5f9;

  color-scheme: dark;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-settle-run__targets label{

  color: #e2e8f0;

}



/* 기�?관�???공�?/?�업 반반 카드 */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card{

  background: rgba(26, 35, 50, 0.94);

  border-color: rgba(100, 116, 139, 0.42);

  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.38);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card__head{

  background: linear-gradient(135deg, #3d4f66 0%, #283548 100%);

  border-bottom-color: rgba(0, 0, 0, 0.25);

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card__body{

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #notice-manage-section .admin-form-grid > .row label,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #popup-manage-section .admin-form-grid > .row label {

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #notice-manage-section .admin-form-grid > .row input#notice-title,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card .notice-content-input,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card .login-gate-message-input {

  background: #1e293b;

  border-color: #64748b;

  color: #f1f5f9;

  color-scheme: dark;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card .notice-content-input::placeholder,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .etc-notice-popup-card .login-gate-message-input::placeholder {

  color: #64748b;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .admin-panel[data-admin-panel="etc"] .etc-notice-popup-card td.admin-table-empty-message{

  color: #94a3b8;

  background: rgba(30, 41, 59, 0.75);

}



/* ---------- 관리자 ?�크: 모달(지급·직급·공지 ?? ??body 글?�색 ?�속?�로 박스 ???��?깨짐 방�? ---------- */

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__backdrop,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__backdrop {

  background: rgba(0, 0, 0, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__dialog,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__dialog {

  background: #1e293b;

  border-color: rgba(100, 116, 139, 0.55);

  color: #e2e8f0;

  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__header,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__header {

  background: linear-gradient(135deg, #3d4f66 0%, #283548 100%);

  border-bottom: 1px solid rgba(0, 0, 0, 0.22);

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__body,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__body {

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__identity,

html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) #member-position-modal-identity {

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__dot {

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__current {

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-balance-modal__current strong {

  color: #f8fafc;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__title {

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-modal__content {

  color: #e2e8f0;

  background: rgba(15, 23, 42, 0.72);

  border-color: rgba(100, 116, 139, 0.45);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-table thead th {

  color: #f1f5f9;

  background: #334155;

  border-color: rgba(71, 85, 105, 0.9);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-table tbody td {

  background: #1e293b;

  border-color: rgba(71, 85, 105, 0.65);

  color: #e2e8f0;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-date {

  color: #cbd5e1;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-title {

  color: #f1f5f9;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-empty {

  color: #94a3b8;

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-row:hover td {

  background: rgba(51, 65, 85, 0.85);

}



html[data-theme="dark"] body.page-dashboard:not(.page-dashboard--member) .member-notice-list-row:focus {

  outline-color: #93c5fd;

}



/* ?�원·?�터 찾기 모달(?�록/?�정 ?�이지 ??html ?�크 ?? */

html[data-theme="dark"] .member-lookup-modal__backdrop {

  background: rgba(0, 0, 0, 0.5);

}



html[data-theme="dark"] .member-lookup-modal__dialog {

  background: #1e293b;

  border-color: rgba(100, 116, 139, 0.55);

  color: #e2e8f0;

  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);

}



html[data-theme="dark"] .member-lookup-modal__header {

  background: linear-gradient(135deg, #3d4f66 0%, #283548 100%);

  border-bottom-color: rgba(0, 0, 0, 0.25);

  color: #f1f5f9;

}



html[data-theme="dark"] .member-lookup-modal__close {

  background: #334155;

  border-color: #64748b;

  color: #e2e8f0;

}



html[data-theme="dark"] .member-lookup-modal__search label {

  color: #f1f5f9;

}



html[data-theme="dark"] .member-lookup-modal__table-wrap {

  border-top-color: rgba(71, 85, 105, 0.85);

  background: #0f172a;

}



html[data-theme="dark"] .member-lookup-table th,

html[data-theme="dark"] .member-lookup-table td {

  border-color: rgba(71, 85, 105, 0.85);

  color: #e2e8f0;

}



html[data-theme="dark"] .member-lookup-table th {

  background: #334155;

  color: #f1f5f9;

}



html[data-theme="dark"] .member-lookup-table tbody tr:hover td {

  background: rgba(51, 65, 85, 0.9);

}

@media (max-width: 900px) {
  body.page-dashboard.page-dashboard--member {
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  #member-portal-shell .member-portal-header__inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #member-portal-shell.member-portal-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #member-portal-shell .member-portal-header {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #member-portal-shell.member-portal-shell > .member-portal-main {
    width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #member-portal-info-bar.member-portal-card--inline-info {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;
  }

  #member-portal-profile-card.member-detail-profile-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
}