/* ===== Admin: Akun & API Key ===== */
.acct-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}
.acct-stat{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center}
.acct-stat b{display:block;font-size:1.15rem;color:var(--text);font-weight:800}
.acct-stat span{font-size:.62rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.acct-stat.prem b{color:#f5c542}
.acct-stat.ban b{color:var(--red)}
.acct-refresh-btn{background:var(--surface-soft);border:1px solid var(--line);color:var(--text-2);border-radius:10px;padding:0 12px;font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s}
.acct-refresh-btn:hover{color:var(--text);background:var(--surface-hover)}
.acct-refresh-btn.spin i{animation:acctSpin .8s linear infinite}
@keyframes acctSpin{to{transform:rotate(360deg)}}
.acct-filters{display:flex;gap:6px;margin:10px 0 12px;flex-wrap:wrap}
.acct-chip{background:transparent;border:1px solid var(--line);color:var(--text-3);border-radius:999px;padding:5px 12px;font-size:.68rem;font-weight:700;cursor:pointer;transition:all .2s}
.acct-chip.active{background:var(--surface-active);color:var(--text);border-color:var(--line-2)}
.acct-row{display:flex;align-items:flex-start;gap:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:8px}
.acct-row.is-banned{border-color:rgba(239,68,68,.35)}
.acct-row.is-premium{border-color:rgba(245,197,66,.35)}
.acct-ic{width:38px;height:38px;border-radius:11px;background:var(--surface-active);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-2);flex-shrink:0}
.acct-main{flex:1;min-width:0}
.acct-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.84rem;font-weight:800;color:var(--text)}
.acct-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.acct-badge{font-size:.54rem;font-weight:800;letter-spacing:.8px;padding:2px 7px;border-radius:999px;text-transform:uppercase}
.acct-badge.prem{background:rgba(245,197,66,.15);color:#f5c542}
.acct-badge.ban{background:rgba(239,68,68,.15);color:var(--red)}
.acct-sub{font-size:.68rem;color:var(--text-3);margin-top:3px;word-break:break-all}
.acct-reason{font-size:.68rem;color:var(--red);margin-top:4px}
.acct-actions{display:flex;gap:6px;flex-shrink:0}
.acct-act{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s}
.acct-act:hover{color:var(--text);background:var(--surface-hover);transform:translateY(-1px)}
.acct-act.on-prem{color:#f5c542;border-color:rgba(245,197,66,.4)}
.acct-act.on-ban{color:var(--red);border-color:rgba(239,68,68,.4)}
.acct-empty{text-align:center;color:var(--text-3);font-size:.78rem;padding:26px 10px}
/* modal */
.acct-modal-overlay{position:fixed;inset:0;background:var(--overlay,rgba(0,0,0,.6));backdrop-filter:blur(6px);z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.acct-modal-overlay.show{display:flex}
.acct-modal-box{width:100%;max-width:360px;background:var(--bg-elev,var(--surface));border:1px solid var(--line-2,var(--line));border-radius:18px;padding:20px;box-shadow:var(--shadow-lg)}
.acct-modal-title{font-size:.98rem;font-weight:800;color:var(--text);margin-bottom:6px}
.acct-modal-desc{font-size:.76rem;color:var(--text-2);line-height:1.55;margin-bottom:12px}
.acct-field{margin-bottom:10px}
.acct-field label{display:block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:5px}
.acct-field input{width:100%;box-sizing:border-box;background:var(--surface-soft);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font-size:.84rem;outline:none}
.acct-field input:focus{border-color:var(--line-3,var(--line-2))}
.acct-modal-btns{display:flex;gap:8px;margin-top:14px}
.acct-modal-btns button{flex:1;border-radius:11px;padding:10px;font-size:.78rem;font-weight:800;cursor:pointer;border:1px solid var(--line)}
.acct-btn-cancel{background:transparent;color:var(--text-2)}
.acct-btn-ok{background:var(--text);color:var(--bg);border-color:var(--text)!important}
.acct-btn-ok.danger{background:var(--red);color:#fff;border-color:var(--red)!important}
.acct-btn-ok:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){.acct-row{flex-wrap:wrap}.acct-actions{width:100%;justify-content:flex-end}}
