:root {
  color-scheme: light dark;
  font-family: Arial, sans-serif;
}
body {
  margin: 0;
  background: #0f172a;
  color: #e5e7eb;
}
.layout {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 16px;
  padding: 16px;
}
.sidebar, .card {
  background: #111827;
  border: 1px solid #334155;
  border-radius: 12px;
  padding: 16px;
  box-sizing: border-box;
}
.wrap {
  display: grid;
  gap: 16px;
}
h1, h2 { margin: 0 0 12px; }
.sub, .meta { color: #94a3b8; margin: 0 0 12px; }
label { display: block; margin: 10px 0 6px; }
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="number"], input[type="date"] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #475569;
  background: #0b1220;
  color: #e5e7eb;
}
button {
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #64748b;
  background: #1d4ed8;
  color: white;
  cursor: pointer;
}
button[disabled] { opacity: .6; cursor: not-allowed; }
.row { display: flex; align-items: center; }
.gap { gap: 10px; flex-wrap: wrap; }
pre {
  white-space: pre-wrap;
  word-break: break-word;
  min-height: 80px;
  padding: 12px;
  border-radius: 8px;
  background: #0b1220;
  border: 1px solid #334155;
}
.previewWrap { margin-top: 12px; }
.previewWrap img {
  max-width: 100%;
  max-height: 280px;
  border-radius: 12px;
  border: 1px solid #334155;
}
.hidden { display: none; }
.sidebarHead { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom: 12px; }
.sessions { display:grid; gap:8px; max-height: 70vh; overflow:auto; }
.sessionItem {
  display:block; width:100%; text-align:left; background:#0b1220; border:1px solid #334155;
}
.sessionItem.active { border-color:#60a5fa; background:#172554; }
.sessionTitle { font-weight:700; display:block; margin-bottom:4px; }
.sessionTime { font-size:12px; color:#94a3b8; }
.history {
  max-height: 360px;
  overflow: auto;
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #334155;
  border-radius: 8px;
  background: #0b1220;
}
.msgBubble {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #334155;
}
.msgBubble.user { background: #172554; }
.msgBubble.assistant { background: #111827; }
.msgRole { font-size: 12px; color: #93c5fd; margin-bottom: 6px; }
@media (max-width: 900px) {
  .layout { grid-template-columns: 1fr; }
}
.hidden-mobile {
  display: block;
}

@media (max-width: 900px) {
  .layout {
    grid-template-columns: 1fr;
  }

  .hidden-mobile {
    display: none;
  }
}

label[for="out"], #out { display:none; }
.copybtn { margin-top:8px; }


.sessionRow {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.sessionActions {
  display: flex;
  gap: 4px;
}
.sessionActions button {
  border: 1px solid #64748b;
  background: #0b1220;
  cursor: pointer;
  border-radius: 6px;
  padding: 6px 8px;
}
.copybtn {
  margin-top: 8px;
  background: #334155;
  border-color: #475569;
}
.msgText {
  white-space: pre-wrap;
}
.hidden {
  display: none !important;
}

#userPanel { padding: 12px 16px; }


.statsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.statCard {
  background: #0b1220;
  border: 1px solid #334155;
  border-radius: 10px;
  padding: 12px;
}
.statValue {
  font-size: 28px;
  font-weight: 700;
}
.adminUsersTable {
  display: grid;
  gap: 8px;
}
.adminUserRow {
  display: grid;
  grid-template-columns: 1fr 100px 120px 120px;
  gap: 8px;
  padding: 10px;
  background: #0b1220;
  border: 1px solid #334155;
  border-radius: 8px;
}
.adminUserHead {
  font-weight: 700;
}
@media (max-width: 900px) {
  .statsGrid { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .adminUserRow { grid-template-columns: 1fr 80px 100px 100px; font-size: 12px; }
}


.adminStatsGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 12px 0;
}
.statMini { padding: 12px; }
.adminTable {
  overflow: auto;
  border: 1px solid #334155;
  border-radius: 8px;
  background: #0b1220;
  padding: 8px;
  margin-bottom: 12px;
}
.adminTable table {
  width: 100%;
  border-collapse: collapse;
}
.adminTable th, .adminTable td {
  border-bottom: 1px solid #334155;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
.adminTable button {
  margin-right: 6px;
  margin-bottom: 6px;
}

#adminUserSearch, #adminChatSearch {
  margin: 8px 0 12px;
}

.adminChartsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 12px 0;
}
.adminChartsGrid canvas {
  width: 100%;
  background: #0b1220;
  border: 1px solid #334155;
  border-radius: 8px;
}
@media (max-width: 900px) {
  .adminChartsGrid {
    grid-template-columns: 1fr;
  }
}

#usageFilterEmail, #usageFilterEndpoint, #usageFilterMinCost, #usageFilterMaxCost {
  min-width: 180px;
}


/* Stage 26B modern admin shell */
.adminShell{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.adminShellNav{
  position:sticky;
  top:16px;
  background:#111827;
  color:#fff;
  border-radius:16px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.adminBrand{padding:4px 4px 10px 4px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px}
.adminBrandTitle{font-size:18px;font-weight:700}
.adminNavBtn{
  text-align:left;
  border:none;
  background:transparent;
  color:#cbd5e1;
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  transition:.15s ease;
}
.adminNavBtn:hover{background:rgba(255,255,255,.08);color:#fff}
.adminNavBtn.active{background:#2563eb;color:#fff}
.adminShellContent{
  min-height:calc(100vh - 120px);
  padding:18px;
  overflow:hidden;
}
.adminTopbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:16px;
}
.adminPane{display:none}
.adminPane.active{display:block}
.adminKpiGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.adminSectionHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:12px;
}
.adminSectionHead input{max-width:340px}
.adminFiltersGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.adminActionsRow{margin-bottom:12px}
.adminStack{
  display:grid;
  gap:14px;
}
.adminPane .adminTable{
  max-height:58vh;
  overflow:auto;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.adminPane .adminTable table{font-size:12px}
.adminPane h4{margin:0 0 8px 0}
.adminChartsGridCompact .card{padding:12px}
@media (max-width: 980px){
  .adminShell{grid-template-columns:1fr}
  .adminShellNav{
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
  }
  .adminBrand{width:100%;border-bottom:none;padding-bottom:0;margin-bottom:0}
  .adminKpiGrid,.adminFiltersGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .adminKpiGrid,.adminFiltersGrid{grid-template-columns:1fr}
  .adminTopbar,.adminSectionHead{flex-direction:column;align-items:stretch}
}

/* ===== Stage 27 PRO Admin ===== */
.adminProShell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;margin-top:18px}
.adminProSidebar{position:sticky;top:14px;align-self:start;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96));border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.adminProLogo{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.adminProLogoTitle{font-size:22px;font-weight:800;color:#fff}
.adminProNav{display:flex;flex-direction:column;gap:8px}
.adminProNavBtn{text-align:left;border:0;background:transparent;color:#cbd5e1;padding:12px 14px;border-radius:12px;cursor:pointer;transition:.18s ease;font-weight:600}
.adminProNavBtn:hover{background:rgba(59,130,246,.12);color:#fff}
.adminProNavBtn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.35)}
.adminProContent{min-height:calc(100vh - 110px);padding:18px}
.adminProTopbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.adminProPane{display:none}
.adminProPane.active{display:block}
.adminProKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.adminProChartsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.adminProSectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
.adminProSectionHead input{max-width:360px}
.adminProFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.adminProStack{display:grid;gap:14px}
.adminTableScroll{max-height:55vh;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px}
.adminTableScroll table{width:100%;min-width:720px}
.adminProTopbarActions{flex-wrap:wrap}
#adminPanel .card h4{margin-top:0;margin-bottom:10px}
@media (max-width:1100px){.adminProShell{grid-template-columns:1fr}.adminProSidebar{position:static}.adminProNav{flex-direction:row;flex-wrap:wrap}}
@media (max-width:860px){.adminProKpiGrid,.adminProChartsGrid,.adminProFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:580px){.adminProTopbar,.adminProSectionHead{flex-direction:column;align-items:stretch}.adminProKpiGrid,.adminProChartsGrid,.adminProFilters{grid-template-columns:1fr}}

.btnlink {
  display:inline-block;
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #64748b;
  background:#1d4ed8;
  color:white;
  text-decoration:none;
}
.tariffsGrid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:16px;
}
.tariffCard h2 { margin-bottom:8px; }
.tariffPrice { font-size:28px; font-weight:700; margin:8px 0 10px; }


.usageStatusCard {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.03);
}
.usageStatusCard.is-warning {
  border-color: rgba(255, 184, 0, 0.45);
  background: rgba(255, 184, 0, 0.10);
}
.usageStatusCard.is-ok {
  border-color: rgba(76, 175, 80, 0.35);
  background: rgba(76, 175, 80, 0.08);
}
.usageStatusTitle {
  font-weight: 700;
  margin-bottom: 6px;
}
.usageStatusText {
  color: var(--muted);
  line-height: 1.45;
}


.brandHero{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.brandHeroCompact{margin-bottom:0}
.brandHeroLogo{width:90px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(77,163,255,.12))}
@media (max-width: 900px){
  .brandHeroLogo{width:72px}
}


:root{
  --brand-bg:#081427;
  --brand-panel:#0d1b33;
  --brand-panel-2:#102345;
  --brand-accent:#4da3ff;
  --brand-accent-2:#6ef0c2;
  --brand-text:#f5f9ff;
  --brand-muted:#9fb6d9;
}

body{
  background:
    radial-gradient(circle at top left, rgba(77,163,255,.10), transparent 30%),
    radial-gradient(circle at top right, rgba(110,240,194,.08), transparent 28%),
    linear-gradient(180deg, #07101f 0%, #081427 100%);
}

.appSplash{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(5,11,22,.94);
  backdrop-filter:blur(10px);
  z-index:9999;
  transition:opacity .35s ease, visibility .35s ease;
}
.appSplash.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.appSplashCard{
  min-width:280px;
  text-align:center;
  padding:28px 24px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(16,35,69,.96), rgba(8,20,39,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.appSplashCard img{
  width:72px;
  height:72px;
  margin-bottom:14px;
}
.appSplashTitle{
  font-size:32px;
  font-weight:800;
  color:var(--brand-text);
  letter-spacing:.7px;
}
.appSplashSub{
  margin-top:8px;
  color:var(--brand-muted);
  font-size:14px;
  letter-spacing:1.2px;
}
.appSplashLoader{
  width:160px;
  height:8px;
  background:rgba(255,255,255,.08);
  border-radius:999px;
  margin:18px auto 0;
  overflow:hidden;
}
.appSplashLoader span{
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand-accent), var(--brand-accent-2));
  animation:gpttmaLoad 1.2s infinite ease-in-out;
}
@keyframes gpttmaLoad{
  0%{transform:translateX(-130%)}
  100%{transform:translateX(320%)}
}

.authCard,.loginCard,.authPanel,.heroCard,.panel,.card{
  border-radius:22px;
}

input,select,textarea{
  background:rgba(16,35,69,.72);
  border:1px solid rgba(255,255,255,.10);
  color:var(--brand-text);
}
input::placeholder,textarea::placeholder{
  color:#88a1c2;
}
button{
  border-radius:12px;
}
button.primary,.btnPrimary{
  background:linear-gradient(90deg, var(--brand-accent), var(--brand-accent-2));
  color:#07101f;
  font-weight:700;
  border:none;
}


/* GPTTMA premium brand kit */
:root{
  --gpttma-bg:#081427;
  --gpttma-bg-2:#0c1b34;
  --gpttma-panel:#0f213f;
  --gpttma-panel-2:#13294e;
  --gpttma-border:rgba(255,255,255,.10);
  --gpttma-shadow:0 16px 40px rgba(0,0,0,.28);
  --gpttma-text:#f5f9ff;
  --gpttma-muted:#9fb6d9;
  --gpttma-accent:#4da3ff;
  --gpttma-accent-2:#6ef0c2;
}

body{
  color:var(--gpttma-text);
}

main, .container, .page, .wrap{
  position:relative;
  z-index:1;
}

.hero, .heroCard, .tariffCard, .panel, .card, .adminTable, .statsCard, .financeCard, .pricingCard{
  background:linear-gradient(180deg, rgba(15,33,63,.96), rgba(9,20,39,.98));
  border:1px solid var(--gpttma-border);
  box-shadow:var(--gpttma-shadow);
  backdrop-filter:blur(6px);
}

h1, h2, h3{
  letter-spacing:.3px;
}

a{
  color:#8fc8ff;
}
a:hover{
  color:#b5ddff;
}

table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
}
thead th{
  background:rgba(255,255,255,.04);
  color:#cfe0ff;
  font-weight:700;
}
tbody tr:nth-child(odd){
  background:rgba(255,255,255,.015);
}
tbody tr:hover{
  background:rgba(77,163,255,.07);
}
th, td{
  border-bottom:1px solid rgba(255,255,255,.06);
}

button, .btn, .button{
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
button:hover, .btn:hover, .button:hover{
  transform:translateY(-1px);
}
button.secondary, .btnSecondary{
  background:rgba(255,255,255,.05);
  color:var(--gpttma-text);
  border:1px solid rgba(255,255,255,.10);
}

.siteTitleText, .brandTitle{
  background:linear-gradient(90deg, #ffffff 0%, #d9ecff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.brandHero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  margin-bottom:18px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(77,163,255,.16), transparent 30%),
    radial-gradient(circle at bottom left, rgba(110,240,194,.10), transparent 28%),
    linear-gradient(180deg, rgba(15,33,63,.98), rgba(9,20,39,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--gpttma-shadow);
}
.brandHeroLeft{
  display:flex;
  align-items:center;
  gap:16px;
}
.brandHeroLeft img{
  width:56px;
  height:56px;
}
.brandHeroTitle{
  font-size:28px;
  font-weight:800;
  line-height:1.1;
}
.brandHeroSub{
  margin-top:6px;
  color:var(--gpttma-muted);
  font-size:14px;
}
.brandHeroBadge{
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(77,163,255,.18), rgba(110,240,194,.18));
  border:1px solid rgba(255,255,255,.10);
  color:#dff7ff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.tariffHighlight{
  background:linear-gradient(90deg, rgba(77,163,255,.14), rgba(110,240,194,.12));
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px 16px;
  margin-bottom:16px;
  color:#dfefff;
}
.meta, .muted{
  color:var(--gpttma-muted);
}

code{
  color:#d8f6ff;
  background:rgba(255,255,255,.05);
  padding:2px 6px;
  border-radius:8px;
}


/* Final GPTTMA polish */
.brandHero{
  position:relative;
  overflow:hidden;
}
.brandHeroGlow{
  position:absolute;
  border-radius:999px;
  filter:blur(24px);
  opacity:.55;
  pointer-events:none;
}
.brandHeroGlowA{
  width:220px;
  height:220px;
  right:-40px;
  top:-50px;
  background:rgba(77,163,255,.24);
  animation:gpttmaFloatA 7s ease-in-out infinite;
}
.brandHeroGlowB{
  width:180px;
  height:180px;
  left:-40px;
  bottom:-60px;
  background:rgba(110,240,194,.18);
  animation:gpttmaFloatB 9s ease-in-out infinite;
}
.brandHeroOrbit{
  position:absolute;
  right:110px;
  top:18px;
  width:110px;
  height:110px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 1px rgba(77,163,255,.08);
}
.brandHeroOrbit::before,
.brandHeroOrbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.brandHeroOrbit::before{
  width:12px;
  height:12px;
  background:linear-gradient(90deg, var(--gpttma-accent), var(--gpttma-accent-2));
  top:8px;
  left:49px;
  animation:gpttmaOrbit 6s linear infinite;
  box-shadow:0 0 18px rgba(77,163,255,.45);
}
.brandHeroOrbit::after{
  inset:14px;
  border:1px dashed rgba(255,255,255,.08);
}
@keyframes gpttmaFloatA{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(8px) translateX(-12px)}
}
@keyframes gpttmaFloatB{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-10px) translateX(10px)}
}
@keyframes gpttmaOrbit{
  0%{transform:rotate(0deg) translateY(42px) rotate(0deg)}
  100%{transform:rotate(360deg) translateY(42px) rotate(-360deg)}
}

.adminHero,
.adminTable,
.statsCard,
.financeCard{
  background:
    linear-gradient(180deg, rgba(16,35,69,.98), rgba(8,20,39,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.adminTable table{
  border-radius:18px;
  overflow:hidden;
}
.adminTable thead th{
  position:sticky;
  top:0;
  z-index:1;
}

.notFoundWrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at top left, rgba(77,163,255,.10), transparent 30%),
    radial-gradient(circle at bottom right, rgba(110,240,194,.08), transparent 28%),
    linear-gradient(180deg, #07101f 0%, #081427 100%);
}
.notFoundCard{
  width:min(100%, 680px);
  text-align:center;
  padding:34px 28px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(15,33,63,.97), rgba(9,20,39,.99));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.notFoundLogo{
  width:84px;
  height:84px;
  margin:0 auto 16px;
}
.notFoundCode{
  font-size:72px;
  line-height:1;
  font-weight:900;
  letter-spacing:1px;
  color:#ffffff;
}
.notFoundTitle{
  margin-top:10px;
  font-size:28px;
  font-weight:800;
}
.notFoundText{
  margin-top:12px;
  color:var(--gpttma-muted);
  font-size:16px;
  line-height:1.6;
}
.notFoundActions{
  margin-top:22px;
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.notFoundActions a{
  text-decoration:none;
  padding:12px 18px;
  border-radius:14px;
  font-weight:700;
}
.notFoundPrimary{
  background:linear-gradient(90deg, var(--gpttma-accent), var(--gpttma-accent-2));
  color:#07101f;
}
.notFoundSecondary{
  background:rgba(255,255,255,.05);
  color:#f5f9ff;
  border:1px solid rgba(255,255,255,.10);
}


.adminUserDetailCard.hidden{
  display:none;
}
.userCardActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
  margin-bottom:6px;
}
.userCardActions button{
  padding:10px 14px;
  border-radius:12px;
}


.adminUserFilters{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:8px 0 12px;
}
.adminUserFilters label{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--gpttma-muted, #9fb6d9);
  font-size:14px;
}
.adminUserFilters select,
.adminUserFilters input[type="text"]{
  min-height:40px;
}


.userCardActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
  margin-bottom:6px;
}
.userCardActions button{
  padding:10px 14px;
  border-radius:12px;
}


.adminPrettyGrid{display:grid;grid-template-columns:1fr;gap:16px;}
.adminPrettyCard{background:rgba(255,255,255,0.04);border:1px solid rgba(122,167,255,0.16);border-radius:20px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);}
.adminPrettyCardWide{width:100%;}
.adminPrettyTitle{font-size:20px;font-weight:800;color:#eaf2ff;margin-bottom:14px;}
.adminPrettyFields{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;}
.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;}
.detailBlock{background:rgba(255,255,255,0.03);border:1px solid rgba(122,167,255,0.10);border-radius:16px;padding:12px 14px;}
.detailLabel{color:#9db7e3;font-size:13px;margin-bottom:6px;}
.detailValue{color:#ffffff;font-size:18px;font-weight:700;line-height:1.2;word-break:break-word;}
@media (max-width: 900px){.adminPrettyFields,.detailGrid{grid-template-columns:1fr;}}