:root{
  color-scheme:dark;
  --bg:#05070b;
  --panel:#0d1018;
  --line:rgba(241,200,111,.24);
  --line2:rgba(255,255,255,.08);
  --gold:#f4cf7b;
  --gold2:#d79a32;
  --text:#f7f3e8;
  --muted:rgba(247,243,232,.62);
  --green:#37d883;
  --red:#ff6376;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
}

.adminBg{
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 560px at 72% 8%,rgba(58,196,118,.13),transparent 62%),
    radial-gradient(780px 520px at 22% 0%,rgba(244,207,123,.14),transparent 62%),
    linear-gradient(180deg,rgba(6,8,12,.94),rgba(3,4,7,.98)),
    url("../shared/site-backdrop.jpg?v=20260628-hero18") center / cover no-repeat;
  opacity:.96;
}

button,input{font:inherit}

.adminShell{
  position:relative;
  z-index:1;
  width:min(1480px,calc(100% - 28px));
  min-height:calc(100dvh - 28px);
  margin:14px auto;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:16px;
}

.side,.main,.panel,.status,.card,.userCard,.financeTicket,.riskCard{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(18,22,31,.94),rgba(5,7,11,.96));
  box-shadow:0 22px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}

.side{
  min-height:calc(100dvh - 28px);
  border-radius:22px;
  padding:16px;
  position:sticky;
  top:14px;
}

.brand{
  height:54px;
  display:flex;
  align-items:end;
  gap:12px;
  color:#fff;
  font-size:20px;
  font-weight:1000;
  letter-spacing:5px;
}

.brand__mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(244,207,123,.48);
  color:var(--gold);
  box-shadow:0 0 22px rgba(244,207,123,.14);
  letter-spacing:0;
}

.sideBtn,.siteLink{
  width:100%;
  min-height:46px;
  margin-top:9px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-radius:14px;
  border:1px solid var(--line2);
  background:linear-gradient(180deg,rgba(40,46,63,.88),rgba(9,12,18,.94));
  color:var(--text);
  text-decoration:none;
  font-weight:900;
  cursor:pointer;
}

.sideBtn.active{
  color:#1a1004;
  border-color:rgba(255,226,143,.72);
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
}

.siteLink{
  margin-top:22px;
  justify-content:center;
  color:var(--gold);
}

.main{
  min-height:calc(100dvh - 28px);
  border-radius:24px;
  padding:18px;
  overflow:hidden;
}

.top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:16px;
}

.eyebrow{
  display:block;
  color:var(--gold);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:1.6px;
}

h1,h2{margin:0;line-height:1}
h1{margin-top:6px;font-size:36px}

.keyBox{
  display:grid;
  grid-template-columns:220px auto auto;
  gap:8px;
}

.keyBox input,.keyBox button,.saveBtn,.ticketActions button{
  min-height:42px;
  border-radius:12px;
  border:1px solid var(--line);
  color:var(--text);
  padding:0 12px;
}

.keyBox input{
  background:rgba(0,0,0,.34);
}

.keyBox button,.saveBtn,.ticketActions button:first-child{
  cursor:pointer;
  color:#1a1004;
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
  font-weight:1000;
}

.ticketActions button:last-child{
  cursor:pointer;
  background:rgba(255,255,255,.06);
  color:var(--gold);
}

.status{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-radius:14px;
  color:var(--muted);
}

.status.ok{color:var(--green)}
.status.bad{color:var(--red)}

.cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.card{
  min-height:96px;
  border-radius:18px;
  padding:16px;
}

.card span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.card b{
  display:block;
  margin-top:10px;
  font-size:28px;
}

.section{display:none;margin-top:16px}
.section.active{display:block}

.adminSplit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  min-height:0;
}

.panel{
  border-radius:20px;
  overflow:hidden;
  min-width:0;
}

.panelHead{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}

.panelHead h2{font-size:22px}
.panelHead span,.riskNote{color:var(--muted);font-size:13px;font-weight:800}
.riskNote{padding:14px 18px 0}

.adminList{
  display:grid;
  gap:10px;
  padding:14px;
  max-height:calc(100dvh - 260px);
  overflow:auto;
}

.userCard,.financeTicket,.riskCard{
  border-radius:16px;
  padding:14px;
  background:
    linear-gradient(135deg,rgba(244,207,123,.08),transparent 44%),
    linear-gradient(180deg,rgba(14,18,27,.95),rgba(5,7,11,.98));
}

.userCard.is-online{
  border-color:rgba(55,216,131,.42);
  box-shadow:0 0 0 1px rgba(55,216,131,.08),0 20px 46px rgba(0,0,0,.35);
}

.userCard__top,.financeTicket__top,.riskCard__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.userCard b,.financeTicket b,.riskCard b{
  font-size:16px;
}

small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

dl{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  gap:7px 10px;
  margin:0;
}

dt{
  color:rgba(244,207,123,.76);
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
}

dd{
  min-width:0;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pill{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(244,207,123,.24);
  color:var(--gold);
  background:rgba(244,207,123,.08);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.ticketActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}

.riskCards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:14px;
  max-height:calc(100dvh - 270px);
  overflow:auto;
}

.riskCard{
  display:grid;
  gap:12px;
}

.riskSlider{
  display:grid;
  gap:7px;
}

.riskSlider span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:900;
}

.riskSlider output{
  color:var(--gold);
  font-weight:1000;
}

.riskSlider input{
  width:100%;
  accent-color:#e0a63e;
}

.switch{
  position:relative;
  width:48px;
  height:28px;
  flex:0 0 auto;
}

.switch input{
  position:absolute;
  opacity:0;
}

.switch span{
  position:absolute;
  inset:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}

.switch span::after{
  content:"";
  position:absolute;
  left:4px;
  top:4px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#b9bdc9;
  transition:.16s ease;
}

.switch input:checked + span{
  background:rgba(55,216,131,.18);
  border-color:rgba(55,216,131,.42);
}

.switch input:checked + span::after{
  transform:translateX(20px);
  background:#37d883;
}

.empty{
  min-height:120px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(244,207,123,.2);
  border-radius:16px;
  color:var(--muted);
  font-weight:900;
}

@media (max-width:1000px){
  .adminShell{grid-template-columns:1fr}
  .side{position:relative;top:0;min-height:0}
  .cards,.adminSplit,.riskCards{grid-template-columns:1fr}
  .keyBox{grid-template-columns:1fr}
}

/* Triniti admin: login, maintenance, security and user profile views. */
.hidden{
  display:none !important;
}

.loginView{
  position:relative;
  z-index:1;
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:24px;
}

.loginCard{
  width:min(440px,100%);
  display:grid;
  gap:14px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(440px 240px at 80% 0%,rgba(244,207,123,.16),transparent 60%),
    linear-gradient(180deg,rgba(20,24,34,.96),rgba(5,7,11,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06);
}

.brand--login{
  margin-bottom:4px;
}

.loginCard h1{
  margin:0 0 6px;
}

.loginCard label{
  display:grid;
  gap:8px;
  color:rgba(244,207,123,.82);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
}

.loginCard input,
.loginCard button,
.topActions button,
.maintenanceMessage textarea{
  width:100%;
  min-height:46px;
  border-radius:14px;
  border:1px solid var(--line);
  padding:0 14px;
  font:inherit;
}

.loginCard input,
.maintenanceMessage textarea{
  color:var(--text);
  background:rgba(0,0,0,.32);
}

.loginCard button,
.topActions button{
  cursor:pointer;
  color:#1a1004;
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
  font-weight:1000;
}

.status--login{
  margin-top:4px;
}

.topActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.topActions button{
  width:auto;
  min-width:112px;
}

.adminLoginLabel{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(244,207,123,.2);
  border-radius:999px;
  color:var(--gold);
  background:rgba(244,207,123,.07);
  font-size:12px;
  font-weight:900;
}

.cards{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.card.is-danger{
  border-color:rgba(255,99,118,.44);
}

.card.is-danger b,
.is-danger-text{
  color:var(--red);
}

.is-ok-text{
  color:var(--green);
}

.ticketActions{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.ticketActions button:last-child{
  border-color:rgba(255,99,118,.32);
  color:#ffc7ce;
  background:rgba(255,99,118,.08);
}

.maintenancePanel{
  padding-bottom:16px;
}

.maintenanceGrid{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);
  gap:14px;
  padding:16px;
}

.maintenanceState,
.maintenanceMessage{
  min-height:178px;
  display:grid;
  gap:10px;
  align-content:start;
  padding:16px;
  border:1px solid rgba(244,207,123,.18);
  border-radius:18px;
  background:rgba(0,0,0,.22);
}

.maintenanceState span,
.maintenanceMessage span{
  color:rgba(244,207,123,.8);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
}

.maintenanceState b{
  font-size:28px;
}

.maintenanceState p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}

.maintenanceMessage textarea{
  min-height:108px;
  resize:vertical;
  line-height:1.45;
  padding:12px 14px;
}

.dangerBtn{
  min-height:50px;
  margin:0 16px;
  border:1px solid rgba(255,99,118,.42);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(180deg,#ff7e8e,#9b2230);
  font-weight:1000;
  cursor:pointer;
}

.dangerBtn.is-on{
  border-color:rgba(55,216,131,.42);
  background:linear-gradient(180deg,#7cffb6,#1f9b5a);
  color:#071109;
}

.signalCard{
  border:1px solid rgba(244,207,123,.18);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg,rgba(14,18,27,.95),rgba(5,7,11,.98));
}

.signalCard b{
  display:block;
  font-size:16px;
}

.signalCard p{
  margin:8px 0 0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.35;
  font-weight:800;
}

.userWorkspace{
  display:grid;
  grid-template-columns:minmax(320px,.42fr) minmax(520px,1fr);
  gap:14px;
  align-items:start;
}

.userListPanel .adminList{
  max-height:52dvh;
  overflow:auto;
}

.userListPanel--all .adminList{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.userListPanel--new .adminList{
  display:grid;
  gap:10px;
}

.userProfilePanel{
  grid-column:1 / -1;
}

.listSubhead{
  padding:12px 16px 0;
  color:rgba(244,207,123,.78);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
}

.userCard{
  display:grid;
  gap:9px;
  padding:12px;
  cursor:pointer;
}

.userCard__top{
  gap:8px;
  margin-bottom:0;
}

.userCard__top b{
  font-size:15px;
}

.userCard__top small{
  font-size:11px;
}

.userIdLine{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.userIdLine code,
.profilePublicId code{
  color:#ffe49a;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11px;
  font-weight:1000;
}

.copyIdBtn{
  min-height:22px;
  border:1px solid rgba(244,207,123,.24);
  border-radius:8px;
  padding:0 7px;
  color:var(--gold);
  background:rgba(244,207,123,.08);
  font-size:10px;
  font-weight:1000;
  cursor:pointer;
}

.userMetrics,
.profileSummary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}

.userMetric{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(244,207,123,.12);
  border-radius:10px;
  background:rgba(255,255,255,.035);
}

.userMetric small{
  display:block;
  margin-bottom:3px;
  color:rgba(255,255,255,.52);
  font-size:10px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}

.userMetric b{
  display:block;
  min-width:0;
  overflow:hidden;
  color:#fff;
  font-size:13px;
  line-height:1.1;
  font-weight:1000;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.userCard__line{
  min-width:0;
  overflow:hidden;
  color:rgba(255,255,255,.66);
  font-size:11px;
  line-height:1.25;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.userCard.is-selected{
  border-color:rgba(255,226,143,.78);
  box-shadow:0 0 0 1px rgba(244,207,123,.22),0 22px 54px rgba(0,0,0,.42);
}

.userCard.status-online{
  border-color:rgba(55,216,131,.42);
}

.userCard.status-banned,
.userCard.status-frozen,
.userCard.account-banned,
.userCard.account-frozen,
.userCard.risk-suspicious{
  border-color:rgba(255,99,118,.46);
}

.userCard.account-KYC{
  border-color:rgba(255,206,96,.5);
}

.userActions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.userActions button{
  min-height:28px;
  border:1px solid rgba(244,207,123,.22);
  border-radius:10px;
  padding:0 8px;
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.06);
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.userActions--profile{
  margin:10px 0 12px;
}

.userActions button:hover{
  border-color:rgba(255,226,143,.55);
  background:rgba(244,207,123,.12);
}

.userActions button.is-danger{
  color:#ffd4d9;
  border-color:rgba(255,99,118,.45);
  background:rgba(255,99,118,.1);
}

.pill--online{
  color:#91ffc0;
  border-color:rgba(55,216,131,.42);
  background:rgba(55,216,131,.1);
}

.pill--offline{
  color:rgba(255,255,255,.62);
}

.pill--banned,
.pill--frozen{
  color:#ffc7ce;
  border-color:rgba(255,99,118,.42);
  background:rgba(255,99,118,.1);
}

.is-win-text{
  color:#7dffad !important;
}

.is-loss-text{
  color:#ff93a1 !important;
}

.profileHead{
  align-items:flex-start;
}

.profileTabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
}

.profileTabs button{
  min-height:36px;
  border:1px solid rgba(244,207,123,.2);
  border-radius:12px;
  padding:0 12px;
  color:var(--text);
  background:rgba(255,255,255,.05);
  font-weight:900;
  cursor:pointer;
}

.profileTabs button.active{
  color:#1a1004;
  border-color:rgba(255,226,143,.7);
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
}

.profileBody{
  padding:12px;
  max-height:calc(100dvh - 260px);
  overflow:auto;
}

.profileKv{
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:8px 12px;
  padding:12px;
  border:1px solid rgba(244,207,123,.18);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}

.profileSummary{
  grid-template-columns:repeat(6,minmax(0,1fr));
  margin-bottom:10px;
}

.profilePublicId{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  padding:10px 12px;
  border:1px solid rgba(244,207,123,.16);
  border-radius:12px;
  color:rgba(255,255,255,.8);
  background:rgba(0,0,0,.18);
  font-size:12px;
  font-weight:900;
}

.profileKv dd{
  white-space:normal;
}

.profileColumns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.profileColumns section{
  min-width:0;
  display:grid;
  gap:8px;
  align-content:start;
  padding:12px;
  border:1px solid rgba(244,207,123,.16);
  border-radius:16px;
  background:rgba(0,0,0,.16);
}

.profileColumns h3{
  margin:0;
  color:var(--gold);
  font-size:13px;
  line-height:1.1;
  font-weight:1000;
  text-transform:uppercase;
}

.miniList{
  display:grid;
  gap:8px;
}

.miniRow{
  min-width:0;
  display:grid;
  gap:4px;
  padding:11px 12px;
  border:1px solid rgba(244,207,123,.15);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(16,20,29,.9),rgba(0,0,0,.18));
}

.miniRow--attention{
  border-color:rgba(255,204,92,.56);
  background:
    linear-gradient(90deg,rgba(255,204,92,.12),transparent 42%),
    linear-gradient(180deg,rgba(22,22,26,.95),rgba(0,0,0,.28));
  box-shadow:0 0 0 1px rgba(255,204,92,.08) inset;
}

.miniRow b,
.miniRow span,
.miniRow small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.miniRow b{
  color:#fff;
  font-size:14px;
}

.miniRow span{
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:850;
}

.miniRow small{
  color:var(--muted);
  font-size:11px;
  font-weight:850;
}

.empty--small{
  min-height:76px;
}

.securityGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.userSearchPanel{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(92px,auto);
  gap:12px;
  align-items:end;
  margin-bottom:14px;
  padding:12px;
}

.userSearchPanel label{
  display:grid;
  gap:7px;
}

#userSearchCount{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid rgba(244,207,123,.18);
  border-radius:12px;
  color:var(--gold);
  background:rgba(244,207,123,.07);
  font-size:13px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.userSearchPanel span,
.balanceAdjustForm span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}

.userSearchPanel input,
.balanceAdjustForm input,
.balanceAdjustForm select,
.promoCodeForm input{
  width:100%;
  min-height:40px;
  border:1px solid rgba(244,207,123,.22);
  border-radius:12px;
  padding:0 12px;
  color:var(--text);
  background:rgba(0,0,0,.28);
  outline:none;
  font-weight:850;
}

.userSearchPanel input:focus,
.balanceAdjustForm input:focus,
.balanceAdjustForm select:focus,
.promoCodeForm input:focus{
  border-color:rgba(255,226,143,.7);
  box-shadow:0 0 0 3px rgba(214,168,79,.12);
}

.balanceAdjustForm,
.promoCodeForm{
  display:grid;
  grid-template-columns:1.2fr minmax(130px,.7fr) minmax(120px,.55fr) minmax(160px,.8fr) auto;
  gap:10px;
  align-items:end;
  margin-bottom:12px;
  padding:12px;
  border:1px solid rgba(244,207,123,.16);
  border-radius:16px;
  background:rgba(0,0,0,.18);
}

.balanceAdjustForm div{
  display:grid;
  gap:4px;
}

.balanceAdjustForm b{
  color:#fff;
}

.balanceAdjustForm button,
.promoCodeForm button,
.signalActions button{
  min-height:36px;
  border:1px solid rgba(255,226,143,.36);
  border-radius:11px;
  padding:0 12px;
  color:#1a1004;
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
  font-weight:1000;
  cursor:pointer;
}

.signalAdvice{
  color:rgba(255,255,255,.72);
}

.signalActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
}

.signalActions button{
  min-height:30px;
  padding:0 10px;
  font-size:11px;
}

.promoPanel{
  margin-top:0;
}

.promoCodeForm{
  grid-template-columns:1fr 1fr .55fr .55fr auto;
}

.pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px 14px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:900;
}

.pager button{
  min-height:32px;
  border:1px solid rgba(244,207,123,.24);
  border-radius:10px;
  padding:0 11px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  font-weight:950;
  cursor:pointer;
}

.pager button:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.kycFiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.kycFiles button{
  min-width:0;
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid rgba(244,207,123,.18);
  border-radius:12px;
  color:#ffe49a;
  background:rgba(244,207,123,.07);
  font-size:12px;
  font-weight:950;
  text-align:left;
  cursor:pointer;
}

.kycFiles small{
  min-width:0;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.adminPromptModal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(8px);
}

.adminPromptModal__box{
  width:min(520px,100%);
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid rgba(244,207,123,.34);
  border-radius:18px;
  background:
    radial-gradient(440px 180px at 80% 0%,rgba(244,207,123,.13),transparent 60%),
    linear-gradient(180deg,rgba(18,22,31,.98),rgba(5,7,11,.99));
  box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05);
}

.adminHistoryModal__box{
  width:min(860px,100%);
  max-height:min(86dvh,760px);
  overflow:auto;
}

.adminPromptModal__box b{
  color:#fff;
  font-size:20px;
  font-weight:1000;
}

.adminPromptModal__box label{
  display:grid;
  gap:7px;
}

.adminPromptModal__box span{
  color:rgba(244,207,123,.82);
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
}

.adminPromptModal__box textarea,
.adminPromptModal__box select{
  width:100%;
  border:1px solid rgba(244,207,123,.24);
  border-radius:12px;
  color:var(--text);
  background:rgba(0,0,0,.32);
  font:inherit;
  font-weight:850;
  outline:none;
}

.adminPromptModal__box label select + textarea{
  margin-top:8px;
}

.adminPromptModal__box textarea{
  min-height:112px;
  padding:11px 12px;
  resize:vertical;
  line-height:1.4;
}

.adminPromptModal__box select{
  min-height:42px;
  padding:0 11px;
}

.adminPromptModal__box small{
  min-height:16px;
  color:var(--red);
  font-weight:850;
}

.adminPromptModal__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.adminPromptModal__actions button{
  min-height:40px;
  border:1px solid rgba(244,207,123,.26);
  border-radius:12px;
  padding:0 16px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  font-weight:1000;
  cursor:pointer;
}

.adminPromptModal__actions button[type="submit"]{
  color:#1a1004;
  border-color:rgba(255,226,143,.62);
  background:linear-gradient(180deg,#ffe9a3,#d69a31);
}

@media (max-width:1100px){
  .cards,
  .maintenanceGrid,
  .userWorkspace,
  .profileColumns,
  .securityGrid,
  .userSearchPanel,
  .balanceAdjustForm,
  .promoCodeForm{
    grid-template-columns:1fr;
  }
}