:root{color-scheme:dark;--bg:#101010;--panel:#151515;--line:#333;--text:#e7e7e7;--muted:#8d8d8d;--field:#0d0d0d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans KR",sans-serif}body{padding:44px 28px 72px}a{color:inherit}.member-shell{width:min(460px,100%);margin:0 auto}.member-head{margin:0 0 28px}.member-kicker{margin:0 0 8px;color:var(--muted);font-size:10px;letter-spacing:.18em}.member-title{margin:0;font-size:22px;font-weight:500;letter-spacing:.04em}.member-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.member-form{display:grid;gap:17px}.member-field{display:grid;gap:7px}.member-field>span{color:#bdbdbd;font-size:11px}.member-field input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--field);color:var(--text);font:inherit;outline:none}.member-field input:focus{border-color:#666}.member-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.member-code-row{display:grid;grid-template-columns:auto 92px;align-items:center;gap:8px}.member-code-prefix{height:42px;display:flex;align-items:center;padding:0 11px;border:1px solid var(--line);background:#181818;color:#aaa;font-size:12px;white-space:nowrap}.member-code-row input{min-width:0;text-align:center;letter-spacing:.2em}.member-check{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#bbb;font-size:11px;cursor:pointer}.member-check input{margin:0}.member-actions{display:flex;gap:8px;margin-top:4px}.member-button{min-height:40px;padding:0 18px;border:1px solid #454545;background:#191919;color:#eee;font:inherit;font-size:12px;cursor:pointer}.member-button.primary{background:#262626}.member-button:hover,.member-button:focus-visible{border-color:#777;outline:none}.member-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:19px;color:var(--muted);font-size:11px}.member-links a{text-decoration:none}.member-links a:hover,.member-links a:focus-visible{color:#ddd;outline:none}.member-card{padding:18px;border:1px solid var(--line);background:var(--panel)}.member-card+.member-card{margin-top:12px}.member-card h2{margin:0 0 10px;font-size:13px;font-weight:500}.member-card p,.member-card li{color:#aaa;font-size:11px;line-height:1.75}.member-security-code{margin-top:8px;font-family:Consolas,monospace;font-size:14px;letter-spacing:.05em;color:#ddd}.member-agreement-box{max-height:210px;overflow:auto;padding:14px;border:1px solid var(--line);background:#0d0d0d;color:#aaa;font-size:11px;line-height:1.75}.member-agreement-title{margin:18px 0 8px;font-size:12px;font-weight:500}.member-status{padding:14px 16px;border:1px solid var(--line);background:var(--panel);color:#aaa;font-size:12px;line-height:1.7}@media(max-width:520px){body{padding:28px 18px 56px}.member-inline{grid-template-columns:1fr}.member-code-row{grid-template-columns:minmax(0,1fr) 82px}}

/* 231 login layout: single clean source of truth */
.member-login-page{
  min-height:100vh;
  margin:0;
  padding:0 24px 72px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:#0c0c0c;
}
.member-login-shell{
  width:min(520px,100%);
  margin:clamp(58px,13vh,120px) auto 0;
}
.member-login-head{
  margin:0 0 30px;
  text-align:center;
}
.member-login-head .member-note{display:none}
.member-login-head .member-kicker{
  margin:0 0 10px;
  color:#7f7f7f;
  font-size:10px;
  letter-spacing:.2em;
}
.member-login-head .member-title{
  margin:0;
  font-size:24px;
  font-weight:500;
  letter-spacing:.08em;
}
.member-login-table{display:block}
.member-login-grid{
  display:grid;
  grid-template-columns:172px minmax(232px,1fr) 102px;
  grid-template-rows:62px 62px;
  gap:0;
  border:1px solid #5b5b5b;
  background:#181818;
}
.member-login-cell{
  display:grid;
  align-items:center;
  min-width:0;
  padding:0 14px;
  background:#181818;
}
.member-login-id{
  grid-column:1 / 3;
  grid-row:1;
  grid-template-columns:58px minmax(0,1fr);
  column-gap:14px;
  border-bottom:1px solid #5b5b5b;
}
.member-login-code{
  grid-column:1;
  grid-row:2;
  grid-template-columns:58px minmax(0,1fr);
  column-gap:14px;
  border-right:1px solid #5b5b5b;
}
.member-login-password{
  grid-column:2;
  grid-row:2;
  grid-template-columns:58px minmax(0,1fr);
  column-gap:14px;
  padding-left:16px;
}
.member-login-label{
  color:#d2d2d2;
  font-size:12px;
  white-space:nowrap;
}
.member-login-cell input{
  width:100%;
  min-width:0;
  height:44px;
  padding:0 12px;
  border:0;
  border-radius:0;
  outline:none;
  box-shadow:none;
  background:#111;
  color:#ececec;
  font:inherit;
  font-size:15px;
}
.member-login-cell input::placeholder{color:#6f6f6f}
.member-login-cell input:focus{background:#141414}
.member-login-code input{
  max-width:86px;
  justify-self:start;
  text-align:center;
  letter-spacing:.16em;
}
.member-login-submit{
  grid-column:3;
  grid-row:1 / 3;
  margin:0;
  padding:0 10px;
  border:0;
  border-left:1px solid #5b5b5b;
  background:#212121;
  color:#efefef;
  font:inherit;
  font-size:16px;
  font-weight:500;
  cursor:pointer;
}
.member-login-submit:hover,
.member-login-submit:focus-visible{
  background:#272727;
  outline:none;
}
.member-login-below{
  position:relative;
  min-height:52px;
  margin-top:14px;
}
.member-login-below>.member-check{
  position:absolute;
  left:0;
  top:1px;
}
.member-login-links{
  position:absolute;
  left:0;
  right:102px;
  top:0;
  justify-content:center;
  margin:0;
  gap:18px;
  font-size:12px;
}
@media(max-width:720px){
  .member-login-page{padding-left:16px;padding-right:16px}
  .member-login-shell{width:min(490px,100%);margin-top:clamp(48px,10vh,86px)}
  .member-login-head{margin-bottom:26px}
  .member-login-grid{grid-template-columns:156px minmax(0,1fr) 90px;grid-template-rows:58px 58px}
  .member-login-id,.member-login-code,.member-login-password{grid-template-columns:54px minmax(0,1fr);column-gap:12px}
  .member-login-cell{padding:0 10px}
  .member-login-password{padding-left:12px}
  .member-login-cell input{height:40px;font-size:14px}
  .member-login-code input{max-width:78px}
  .member-login-submit{font-size:14px}
  .member-login-links{right:90px;font-size:11px;gap:12px}
}
@media(max-width:500px){
  .member-login-grid{grid-template-columns:146px minmax(0,1fr) 82px;grid-template-rows:54px 54px}
  .member-login-id,.member-login-code,.member-login-password{grid-template-columns:50px minmax(0,1fr);column-gap:10px}
  .member-login-cell{padding:0 9px}
  .member-login-password{padding-left:10px}
  .member-login-cell input{height:38px;font-size:13px;padding:0 10px}
  .member-login-code input{max-width:76px}
  .member-login-submit{font-size:13px;padding:0 6px}
  .member-login-links{right:82px}
}

/* Global form rule: hide example/placeholder text as soon as the field receives focus. */
input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* 232 functional member system */
.member-status{margin:0 0 16px}.member-error{border-color:#5a3434;color:#d8a4a4;background:#211616}.member-password-wrap{position:relative;display:block}.member-password-wrap input{padding-right:42px!important}.member-eye{position:absolute;right:0;top:50%;width:40px;height:40px;margin:0;padding:0;transform:translateY(-50%);border:0;background:transparent;color:#777d85;cursor:pointer;display:flex;align-items:center;justify-content:center}.member-eye:hover,.member-eye:focus-visible{color:#d8dadd;outline:none}.member-actions a.member-button{display:inline-flex;align-items:center;text-decoration:none}.member-field input:disabled{opacity:.65;cursor:default}

/* login: identity on first row, password on second; login button separated by 3px */
.member-login-shell{width:min(520px,100%)}
.member-login-table{display:block}
.member-login-wrap{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:3px;align-items:stretch}
.member-login-grid{display:grid;grid-template-columns:minmax(0,1fr) 168px;grid-template-rows:60px 60px;border:1px solid #555;background:#1a1a1a}
.member-login-cell{display:grid;align-items:center;min-width:0;padding:0 13px;background:#1a1a1a}
.member-login-id{grid-column:1;grid-row:1;grid-template-columns:58px minmax(0,1fr);column-gap:10px;border-right:1px solid #555;border-bottom:1px solid #555}
.member-login-code{grid-column:2;grid-row:1;grid-template-columns:64px minmax(0,1fr);column-gap:8px;border-bottom:1px solid #555}
.member-login-password{grid-column:1 / 3;grid-row:2;grid-template-columns:58px minmax(0,1fr);column-gap:10px}
.member-login-label{font-size:12px;color:#ccc;white-space:nowrap}
.member-login-cell input{width:100%;height:40px;border:0;background:#111;color:#eee;font:inherit;font-size:15px;outline:none;padding:0 10px;min-width:0}
.member-login-code input{text-align:center;letter-spacing:.15em;padding-left:6px;padding-right:6px}
.member-login-cell input:focus{background:#141414}
.member-login-submit{border:1px solid #555;background:#202020;color:#eee;font:inherit;font-size:16px;cursor:pointer;padding:0 8px}.member-login-submit:hover,.member-login-submit:focus-visible{background:#272727;outline:none}
.member-login-below{min-height:36px;margin-top:10px}.member-login-links{position:static;justify-content:center;margin:0;font-size:12px;gap:18px}
@media(max-width:560px){.member-login-wrap{grid-template-columns:minmax(0,1fr) 84px}.member-login-grid{grid-template-columns:minmax(0,1fr) 142px;grid-template-rows:56px 56px}.member-login-cell{padding:0 9px}.member-login-id,.member-login-password{grid-template-columns:52px minmax(0,1fr);column-gap:8px}.member-login-code{grid-template-columns:58px minmax(0,1fr);column-gap:6px}.member-login-label{font-size:11px}.member-login-cell input{height:38px;font-size:14px}.member-login-submit{font-size:13px}}

.member-manage-page{padding-left:24px;padding-right:24px}.member-manage-shell{width:min(1100px,100%);margin:0 auto}.member-list{border-top:1px solid #333;border-left:1px solid #333;overflow:auto}.member-list-row{display:grid;grid-template-columns:86px 1fr 1fr 1fr 120px 74px 110px;min-width:760px;color:#bbb;text-decoration:none}.member-list-row>span{min-height:38px;display:flex;align-items:center;padding:7px 9px;border-right:1px solid #333;border-bottom:1px solid #333;font-size:11px}.member-list-head{background:#181818;color:#888}.member-list-row:not(.member-list-head):hover{background:#171717}.member-state{font-weight:600}.state-active .member-state,.member-state.state-active{color:#67b86d}.state-dormant .member-state,.member-state.state-dormant{color:#669ed1}.state-suspended{color:#777}.state-withdrawn{color:#626262}.member-detail b{display:inline-block;min-width:90px;color:#777;font-weight:400}


/* 233 security question and account recovery */
.member-field select{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--field);color:var(--text);font:inherit;outline:none}.member-field select:focus{border-color:#666}.member-login-links{flex-wrap:wrap;row-gap:8px;line-height:1.4}.member-status b{color:#e8e8e8;font-weight:500}.member-recovery-note{color:#777;font-size:11px;line-height:1.7}

/* 234 persistent login */
.member-remember-check{margin:10px 0 4px;color:#888;font-size:11px}.member-remember-check input{margin:0 6px 0 0}


/* 237 login layout fixes: desktop button adjacency + mobile vertical stack */
.member-login-submit{
  grid-column:auto;
  grid-row:auto;
}
.member-login-below{
  position:static;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:36px;
  margin-top:10px;
}
.member-login-below>.member-check{
  position:static;
  left:auto;
  top:auto;
  margin:0;
}
.member-login-links{
  position:static;
  left:auto;
  right:auto;
  top:auto;
  justify-content:center;
  margin:0;
}

@media(max-width:560px){
  .member-login-page{
    padding-left:16px;
    padding-right:16px;
  }
  .member-login-shell{
    width:100%;
    max-width:460px;
  }
  .member-login-wrap{
    grid-template-columns:minmax(0,1fr);
    gap:3px;
  }
  .member-login-grid{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto;
  }
  .member-login-id,
  .member-login-code,
  .member-login-password{
    grid-column:1;
    grid-row:auto;
    grid-template-columns:72px minmax(0,1fr);
    column-gap:10px;
    min-height:56px;
    padding:0 10px;
    border-right:0;
    border-bottom:1px solid #555;
  }
  .member-login-password{
    border-bottom:0;
  }
  .member-login-code input{
    width:100%;
    max-width:none;
    justify-self:stretch;
  }
  .member-login-submit{
    width:100%;
    min-height:46px;
    padding:0 12px;
    font-size:14px;
  }
  .member-login-below{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:10px;
  }
  .member-login-below>.member-check{
    justify-self:start;
  }
  .member-login-links{
    justify-content:flex-start;
    gap:12px;
  }
}


/* 238 login code border/background consistency */
.member-login-code{border-right:0;}
.member-login-cell input{background:#2e3747;}
.member-login-cell input:focus{background:#2e3747;}
.member-login-cell input:-webkit-autofill,
.member-login-cell input:-webkit-autofill:hover,
.member-login-cell input:-webkit-autofill:focus{
  -webkit-text-fill-color:#ececec;
  -webkit-box-shadow:0 0 0 1000px #2e3747 inset;
  box-shadow:0 0 0 1000px #2e3747 inset;
  caret-color:#ececec;
}


/* 239 login member-code text consistency */
.member-login-code input{color:#ececec;}


/* 239 central admin + homepage skin */
.member-admin-tabs{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.member-admin-tabs a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #333;color:#888;font-size:11px;text-decoration:none}.member-admin-tabs a.active,.member-admin-tabs a:hover,.member-admin-tabs a:focus-visible{color:#ddd;border-color:#555;outline:none}.member-maintenance{margin-bottom:18px}.member-maintenance code{color:#ccc;font-family:Consolas,monospace}.member-maintenance form{margin-top:12px}.member-button:disabled{opacity:.45;cursor:default}

/* 240 members level management */
.member-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 0 10px;padding:7px 9px;border:1px solid #333;background:#151515;color:#aaa;font-size:11px;flex-wrap:wrap}.member-bulk-bar select,.member-level-select{height:30px;border:1px solid #3c3c3c;background:#111;color:#ddd;font:inherit;font-size:11px;outline:none}.member-bulk-bar select:focus,.member-level-select:focus{border-color:#666}.member-sort-control,.member-bulk-level{display:flex;align-items:center;gap:7px}.member-bulk-level strong{min-width:34px;color:#ccc;font-weight:400;text-align:right}.member-bulk-level select{min-width:86px;padding:0 24px 0 8px}.member-list-row{grid-template-columns:38px 86px 1fr 1fr 1fr 120px 74px 148px;min-width:890px}.member-select-cell{justify-content:center;padding-left:4px!important;padding-right:4px!important}.member-select-cell input{margin:0;cursor:pointer}.member-data-row>span>a{display:flex;align-items:center;width:100%;min-height:23px;color:inherit;text-decoration:none}.member-level-cell{gap:7px}.member-role-label{font-size:10px;font-weight:500;white-space:nowrap}.member-level-select{min-width:66px;padding:0 22px 0 7px}.member-kind-root{background:#211b2b}.member-kind-root:hover{background:#282033!important}.member-kind-root .member-role-label{color:#c4a5e3}.member-kind-manager{background:#18251d}.member-kind-manager:hover{background:#1d2d23!important}.member-kind-manager .member-role-label{color:#8fc49a}.member-level-actions{display:flex;justify-content:flex-end;margin-top:10px}.member-level-actions[hidden]{display:none}.member-level-actions .member-button{min-width:112px}@media(max-width:700px){.member-bulk-bar{align-items:flex-start}.member-list-row{min-width:850px}}

/* 242 members permission + level separation */
.member-role-categories{display:flex;align-items:center;gap:5px;margin:0 0 8px;flex-wrap:wrap}.member-role-categories a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border:1px solid #303030;background:#141414;color:#888;font-size:11px;text-decoration:none}.member-role-categories a:hover,.member-role-categories a:focus-visible{color:#ddd;border-color:#555;outline:none}.member-role-categories a.active{color:#eee;border-color:#666;background:#202020}
.member-bulk-bar{justify-content:space-between}.member-bulk-level{order:1}.member-sort-control{order:2}.member-bulk-level strong{min-width:auto;text-align:left;color:#aaa}.member-bulk-level strong em{color:#e58b32;font-style:normal;font-weight:600}.member-bulk-change{height:30px;margin:0;padding:0 4px;border:0;background:transparent;color:#888;font:inherit;font-size:11px;cursor:default}.member-bulk-change.active{padding:0 10px;border:1px solid #555;background:#202020;color:#eee;cursor:pointer}.member-bulk-change.active:hover,.member-bulk-change.active:focus-visible{border-color:#777;background:#282828;outline:none}
.member-list-row{grid-template-columns:38px 86px 1fr 1fr 1fr 120px 74px 132px 82px;min-width:1020px}.member-role-cell,.member-level-cell{gap:0}.member-role-select{width:100%;min-width:112px;height:30px;padding:0 24px 0 7px;border:1px solid #3c3c3c;background:#111;color:#ddd;font:inherit;font-size:11px;outline:none}.member-role-select:focus{border-color:#666}.member-level-select{width:100%;min-width:66px}.member-user-cell a{gap:6px}.member-role-symbol{display:inline-block;min-width:12px;text-align:center;font-size:11px;font-weight:500}.member-kind-root{background:#211b2b}.member-kind-root:hover{background:#282033!important}.member-kind-root .member-role-symbol{color:#c4a5e3}.member-kind-manager{background:#18251d}.member-kind-manager:hover{background:#1d2d23!important}.member-kind-manager .member-role-symbol{color:#8fc49a}.member-kind-member .member-role-symbol{color:#777}
.member-data-row.member-row-selected{position:relative;opacity:.54;filter:saturate(.45)}.member-data-row.member-row-selected:hover{opacity:.62}.member-data-row.member-row-selected .member-level-select{cursor:not-allowed;color:#777;border-color:#2b2b2b;background:#171717}.member-manage-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}.member-role-actions,.member-level-actions{display:flex;margin:0}.member-role-actions[hidden],.member-level-actions[hidden]{display:none}.member-role-actions .member-button,.member-level-actions .member-button{min-width:112px}
@media(max-width:700px){.member-list-row{min-width:980px}.member-bulk-bar{align-items:center}}

/* 246 MEMBERS compact management UI */
.member-success{color:#a8e6b0;border-color:#376d3e;background:#152719}
.member-system-file-list{display:grid;gap:6px;margin:12px 0 8px}.member-system-file-list>div{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #2f2f2f;background:#111}.member-system-file-list b{color:#bbb;font-size:10px;font-weight:500}.member-system-file-list code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-system-file-list span{color:#6f6f6f;font-size:10px;white-space:nowrap}.member-maintenance-note{margin-top:6px!important;color:#777!important}
.member-list-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.member-filter-control,.member-sort-control{display:flex;align-items:center;gap:7px}.member-bulk-level strong{display:inline-flex;align-items:baseline;gap:0;min-width:auto;text-align:left;color:#aaa;font-weight:400}.member-bulk-level strong em{display:inline-block;min-width:18px;color:#e58b32;font-style:normal;font-size:16px;line-height:1;font-weight:700;text-align:center}.member-bulk-level strong span{font-size:11px;color:#aaa;white-space:pre}.member-bulk-level select{min-width:92px}.member-bulk-change.active{border-color:#376d3e;background:#1d4426;color:#d9f2dd}.member-bulk-change.active:hover,.member-bulk-change.active:focus-visible{border-color:#4c8a56;background:#24532f}
.member-list-row{grid-template-columns:38px 58px 170px 142px 104px 92px 84px 116px 82px;min-width:886px}.member-list-row>span{justify-content:center;text-align:center}.member-list-head>span{font-weight:500}.member-data-row>span>a{justify-content:center;text-align:center}.member-code-cell{font-family:Consolas,monospace;font-size:10px!important;color:#999;white-space:nowrap}.member-user-cell a{gap:6px}.member-role-symbol{flex:0 0 14px;min-width:14px;text-align:center}.member-user-cell a>span{display:inline-block}
.member-role-select,.member-level-select,.member-state-select{height:30px;border:1px solid #3c3c3c;background:#111;color:#ddd;font:inherit;font-size:11px;outline:none}.member-role-select:focus,.member-level-select:focus,.member-state-select:focus{border-color:#666}.member-role-select{width:106px;min-width:106px;padding:0 22px 0 7px}.member-level-select{width:76px;min-width:76px;padding:0 20px 0 7px}.member-state-select{width:72px;min-width:72px;padding:0 20px 0 7px}.member-state-select option[value="suspended"]{color:#e3a0a0}
.member-data-row.member-row-selected{opacity:1;filter:none;background:#18283b!important}.member-data-row.member-row-selected:hover{opacity:1;background:#1d3148!important}.member-data-row.member-row-selected select{cursor:not-allowed;color:#758497;border-color:#29405b;background:#142235}.member-data-row.member-row-selected .member-role-symbol{color:#8fb6df}.member-manage-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:10px}.member-manage-actions[hidden]{display:none}.member-manage-actions .member-button{min-width:88px}
@media(max-width:700px){.member-list-row{min-width:886px}.member-bulk-bar{align-items:center}.member-system-file-list>div{grid-template-columns:62px minmax(0,1fr)}.member-system-file-list span{grid-column:2;white-space:normal}}

/* 247 MEMBERS layout polish */
.member-bulk-level{order:0}
.member-list-controls{order:1;margin-left:auto}
.member-system-file-list{display:grid;gap:0;margin:12px 0 8px;padding:0;border:1px solid #343434;background:#111}
.member-system-file-list code{display:block;min-height:28px;padding:6px 9px;border:0;border-bottom:1px solid #292929;color:#aaa!important;font-family:Consolas,monospace;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-system-file-list code:last-child{border-bottom:0}
.member-system-update-button{background:#252525;border-color:#505050;color:#eee}
.member-system-update-button:hover,.member-system-update-button:focus-visible{background:#252525;border-color:#888;outline:none}
.member-list-row{grid-template-columns:38px 50px 152px 126px 96px 80px 68px 108px 68px;min-width:786px}
.member-code-cell{font-size:10px!important;letter-spacing:-.01em}
.member-role-select{width:100px;min-width:100px;padding:0 20px 0 6px}
.member-level-select{width:66px;min-width:66px;padding:0 18px 0 6px}
.member-state-select{width:60px;min-width:60px;padding:0 17px 0 6px}
.member-user-cell a{gap:4px}
.member-role-symbol{flex-basis:12px;min-width:12px}
@media(max-width:700px){.member-list-row{min-width:786px}.member-system-file-list code{white-space:normal;overflow:visible;text-overflow:clip}}

/* member password reveal: one consistent custom eye, browser-native reveal hidden */
.member-password-wrap input::-ms-reveal,
.member-password-wrap input::-ms-clear{display:none}
.member-eye{font-size:0}
.member-eye svg{width:22px;height:16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.member-eye::after{content:"";position:absolute;left:50%;top:50%;width:23px;height:1.3px;background:currentColor;transform:translate(-50%,-50%) rotate(-38deg) scaleX(0);transform-origin:center;transition:transform .12s ease}
.member-eye.is-visible::after{transform:translate(-50%,-50%) rotate(-38deg) scaleX(1)}

/* join complete: confirmation, not an edit form */
.member-complete-home{margin:0 0 18px;padding:16px;border:1px solid #3b3b3b;background:#181818}
.member-complete-label{display:block;margin-bottom:8px;color:#9a9a9a;font-size:11px}
.member-complete-url{display:block;color:#eee;font-size:15px;line-height:1.5;word-break:break-all;text-decoration:none}
.member-complete-url:hover,.member-complete-url:focus-visible{text-decoration:underline;outline:none}
.member-complete-list{border:1px solid var(--line);background:var(--panel)}
.member-complete-list>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;min-height:43px;padding:8px 12px;border-top:1px solid #292929}
.member-complete-list>div:first-child{border-top:0}
.member-complete-list span{color:#8f8f8f;font-size:11px}
.member-complete-list strong{min-width:0;color:#ddd;font-size:12px;font-weight:400;line-height:1.5;word-break:break-all}
.member-complete-code{font-family:Consolas,monospace}
.member-complete-actions{margin-top:16px}


/* COMMON · Browser autofill must not override site form design. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  -webkit-text-fill-color:currentColor!important;
  caret-color:currentColor!important;
  -webkit-box-shadow:0 0 0 1000px #111 inset!important;
  box-shadow:0 0 0 1000px #111 inset!important;
  transition:background-color 9999s ease-out 0s!important;
}

/* 295 CENTRAL ADMIN width + access setting alignment */
.member-manage-shell{width:min(900px,100%);}
.member-site-access,
.member-maintenance,
.member-bulk-bar,
.member-list,
.member-manage-actions{width:min(860px,100%);box-sizing:border-box;}
.member-site-access{margin-bottom:18px;}
.member-site-access-form{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;}
.member-site-access-form label{display:flex;align-items:center;gap:8px;color:#aaa;font-size:11px;}
.member-site-access-form select{height:30px;min-width:112px;padding:0 24px 0 8px;border:1px solid #3c3c3c;background:#111;color:#ddd;font:inherit;font-size:11px;outline:none;}
.member-site-access-form select:focus{border-color:#666;}
.member-list-row{grid-template-columns:38px 50px 160px 130px 100px 84px 82px 120px 92px;min-width:856px;}
.member-state-cell{padding-left:6px!important;padding-right:6px!important;}
.member-level-cell{padding-left:8px!important;padding-right:10px!important;}
.member-state-select{width:70px;min-width:70px;padding:0 20px 0 7px;}
.member-role-select{width:100px;min-width:100px;padding:0 20px 0 7px;}
.member-level-select{width:70px;min-width:70px;padding:0 18px 0 7px;}
@media(max-width:700px){
  .member-site-access,.member-maintenance,.member-bulk-bar,.member-list,.member-manage-actions{width:100%;}
  .member-list-row{min-width:856px;}
  .member-site-access-form{justify-content:flex-start;flex-wrap:wrap;}
}

/* VER.297 - central staff role category draft */
.member-staff-settings,.member-staff-list-card{margin-bottom:18px;width:100%;}
.member-staff-create{margin-top:12px;}
.member-staff-list{margin-top:12px;border-top:1px solid #333;border-left:1px solid #333;overflow:auto;}
.member-staff-row{display:grid;grid-template-columns:minmax(190px,1.6fr) 110px 110px 120px 150px;min-width:680px;}
.member-staff-row>span{min-height:42px;display:flex;align-items:center;padding:6px 8px;border-right:1px solid #333;border-bottom:1px solid #333;color:#aaa;font-size:11px;}
.member-staff-head{border-top:1px solid #333;border-left:1px solid #333;background:#181818;color:#888;}
.member-staff-head>span{justify-content:center;font-weight:500;}
.member-staff-create .member-staff-new-row{border-left:1px solid #333;}
.member-staff-row input[type="text"],.member-staff-row select{width:100%;height:30px;padding:0 8px;border:1px solid #3c3c3c;background:#111;color:#ddd;font:inherit;font-size:11px;outline:none;}
.member-staff-row select{padding-right:24px;}
.member-staff-row input[type="text"]:focus,.member-staff-row select:focus{border-color:#666;}
.member-staff-actions{justify-content:flex-end;gap:6px;}
.member-staff-actions .member-button{min-width:58px;height:30px;padding:0 10px;}
.member-staff-delete{border-color:#4a3434!important;color:#b88!important;}
.member-staff-empty{margin-top:12px;padding:12px;border:1px solid #2f2f2f;background:#111;color:#777;font-size:11px;}
@media(max-width:700px){.member-staff-row{min-width:680px}.member-staff-settings,.member-staff-list-card{overflow:auto}}