/* 마스터 관리자 전용 계정 관리 화면 */
.admin-accounts-page { min-height: 75vh; padding: clamp(116px, 14vw, 180px) 0 clamp(92px, 12vw, 150px); background: #0b0e0d; }
.admin-accounts-page__heading { max-width: 850px; margin-bottom: clamp(48px, 7vw, 84px); }
.admin-accounts-page__heading h1 { margin: 15px 0 22px; color: var(--paper); font-family: var(--display); font-size: clamp(48px, 6.8vw, 92px); line-height: .9; letter-spacing: -.09em; }
.admin-accounts-page__heading h1 span, .admin-accounts-card__eyebrow, .admin-sub-admin-row__identity span { color: var(--lime); }
.admin-accounts-page__heading > p:last-child { max-width: 650px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.admin-accounts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.admin-accounts-card { padding: clamp(28px, 4vw, 52px); background: #121714; }
.admin-accounts-card__eyebrow { margin: 0; font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.admin-accounts-card h2, .admin-sub-admins h2 { margin: 16px 0 14px; color: var(--paper); font-family: var(--display); font-size: clamp(27px, 3vw, 42px); letter-spacing: -.07em; line-height: .96; }
.admin-accounts-card > p:not(.admin-accounts-card__eyebrow) { min-height: 78px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.admin-accounts-form { display: grid; gap: 14px; margin-top: 34px; }
.admin-accounts-form label { display: grid; gap: 8px; color: var(--muted); font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.admin-accounts-form input, .admin-sub-admin-row__password input { min-height: 49px; box-sizing: border-box; border: 1px solid rgba(238, 241, 230, .17); background: #0a0d0b; color: var(--paper); font: inherit; padding: 0 14px; outline: none; }
.admin-accounts-form input:focus, .admin-sub-admin-row__password input:focus { border-color: var(--lime); }
.admin-accounts-form .gallery-button { justify-self: start; margin-top: 8px; }
.admin-sub-admins { margin-top: clamp(58px, 8vw, 96px); }
.admin-sub-admins__heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.admin-sub-admins__heading h2 { margin-bottom: 0; }
.admin-sub-admins__heading > p { margin: 0; color: var(--muted); font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: .11em; }
.admin-sub-admin-row { display: grid; grid-template-columns: minmax(200px, .6fr) minmax(0, 1.4fr); gap: 28px; align-items: center; padding: 27px 0; border-bottom: 1px solid var(--line); }
.admin-sub-admin-row__identity p { margin: 0 0 7px; color: var(--paper); font-size: 15px; font-weight: 700; }
.admin-sub-admin-row__identity span { margin-left: 8px; font-family: var(--display); font-size: 9px; letter-spacing: .08em; }
.admin-sub-admin-row__identity strong { display: block; color: var(--muted); font-family: var(--display); font-size: 12px; letter-spacing: .05em; }
.admin-sub-admin-row__identity small { display: block; margin-top: 8px; color: #71766e; font-size: 11px; }
.admin-sub-admin-row__actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.admin-sub-admin-row__password { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(150px, 1fr) minmax(130px, 1fr) auto; gap: 8px; width: 100%; }
.admin-sub-admin-row__password button, .admin-sub-admin-row__delete { min-height: 49px; border: 1px solid rgba(200, 240, 74, .58); background: transparent; color: var(--lime); cursor: pointer; font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: .06em; padding: 0 14px; }
.admin-sub-admin-row__delete { border-color: rgba(230, 139, 139, .55); color: #e68b8b; }
.admin-sub-admin-row__permission { display: flex; gap: 10px; align-items: center; min-height: 49px; border: 1px solid rgba(238, 241, 230, .17); padding: 0 12px; }
.admin-sub-admin-row__permission label { display: inline-flex; gap: 8px; align-items: center; color: var(--paper); font-family: var(--display); font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.admin-sub-admin-row__permission input { width: 15px; height: 15px; margin: 0; accent-color: var(--lime); }
.admin-sub-admin-row__permission button { min-height: 33px; border: 1px solid rgba(200, 240, 74, .58); background: transparent; color: var(--lime); cursor: pointer; font-family: var(--display); font-size: 9px; font-weight: 700; letter-spacing: .06em; padding: 0 10px; }
.admin-accounts-empty, .admin-accounts-notice { padding: 38px; border: 1px solid var(--line); color: var(--muted); text-align: center; }
.admin-accounts-notice p { margin: 0; line-height: 1.7; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 820px) { .admin-accounts-grid { grid-template-columns: 1fr; } .admin-sub-admin-row { grid-template-columns: 1fr; gap: 19px; } .admin-sub-admin-row__actions { grid-template-columns: 1fr; align-items: stretch; } .admin-sub-admin-row__password { width: 100%; } .admin-sub-admin-row__delete { width: 100%; } .admin-sub-admin-row__permission { justify-content: space-between; } }
@media (max-width: 600px) { .admin-accounts-page__heading > p:last-child { font-size: 14px; } .admin-sub-admins__heading { align-items: start; flex-direction: column; } .admin-sub-admin-row__password { grid-template-columns: 1fr; } .admin-sub-admin-row__permission { align-items: stretch; flex-direction: column; padding: 12px; } .admin-sub-admin-row__permission button { width: 100%; } }