/* WithUs Admin refresh: operations-grade layout, stronger color system, RTL-first density. */
.admin-page{
  --admin-bg:#060914;
  --admin-ink:#f7f9fd;
  --admin-text:#e8edf7;
  --admin-muted:#9aa7bb;
  --admin-dim:#6f7c91;
  --admin-panel:#0b111d;
  --admin-panel-2:#101928;
  --admin-panel-3:#142034;
  --admin-line:#263448;
  --admin-line-soft:#1a2536;
  --admin-blue:#2f7df6;
  --admin-sky:#18b7d8;
  --admin-mint:#30e0a1;
  --admin-violet:#8b6cff;
  --admin-amber:#f7c948;
  --admin-red:#ef5f67;
  --admin-radius:14px;
  --admin-shadow:0 20px 70px rgba(0,0,0,.28);
  color:var(--admin-text)!important;
  background:
    radial-gradient(circle at 86% -12%,rgba(24,183,216,.18),transparent 28rem),
    radial-gradient(circle at 4% 6%,rgba(139,108,255,.13),transparent 24rem),
    linear-gradient(180deg,#07101d 0,#060914 38rem)!important;
}

.admin-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 78%);
}

.admin-page .topbar{
  position:sticky;
  top:0;
  z-index:50;
  min-height:68px;
  padding-block:10px;
  border-bottom:1px solid rgba(129,160,205,.18)!important;
  background:rgba(6,9,20,.82)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}

.admin-page .brand{
  gap:11px!important;
}

.admin-page .brand img{
  width:46px!important;
  height:46px!important;
  border-radius:13px!important;
  border:1px solid #2d4059!important;
  box-shadow:0 0 0 5px rgba(47,125,246,.08),0 12px 30px rgba(0,0,0,.28)!important;
}

.admin-page .brand b{
  font-size:1.18rem!important;
  color:#fff!important;
}

.admin-page .brand small,
.admin-page .secure-indicator{
  color:var(--admin-muted)!important;
}

.admin-page .secure-indicator i{
  background:var(--admin-mint)!important;
  box-shadow:0 0 0 5px rgba(48,224,161,.1),0 0 18px rgba(48,224,161,.34)!important;
}

.admin-page .topbar .ghost{
  min-height:38px;
  border-color:#2a3a52!important;
  background:#0c1422!important;
  color:#e8edf7!important;
}

.admin-page .container{
  position:relative;
  max-width:1520px;
  margin:0 auto;
  padding:22px clamp(12px,2vw,24px) 56px;
}

.admin-page .admin-hero{
  min-height:104px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  padding:20px 24px;
  overflow:hidden;
  border:1px solid rgba(70,102,145,.42)!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,rgba(47,125,246,.15),transparent 36%),
    linear-gradient(110deg,#101b2c 0,#0b2330 54%,#0e3a3c 100%)!important;
  box-shadow:var(--admin-shadow)!important;
}

.admin-page .admin-hero::after{
  width:360px!important;
  height:360px!important;
  left:-92px!important;
  top:-164px!important;
  border-color:rgba(48,224,161,.1)!important;
}

.admin-page .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#69f0c4!important;
  font-size:.76rem!important;
  letter-spacing:0!important;
}

.admin-page .eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--admin-mint);
  box-shadow:0 0 18px rgba(48,224,161,.4);
}

.admin-page .admin-hero h1{
  margin:5px 0 4px;
  font-size:clamp(1.45rem,2.4vw,2.15rem)!important;
  line-height:1.35;
  color:#fff!important;
  text-wrap:balance;
}

.admin-page .admin-hero p{
  max-width:820px;
  margin:0!important;
  color:#bed0e6!important;
  line-height:1.75;
}

.admin-page .hero-badge{
  min-width:140px;
  padding:12px 16px;
  border-color:#35506d!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(9,18,31,.86),rgba(7,13,23,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.admin-page .hero-badge b{
  color:#67f4c8!important;
  font-size:1.05rem!important;
}

.admin-page .admin-tabs{
  top:80px;
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
  margin-bottom:18px;
  padding:8px;
  border:1px solid rgba(70,102,145,.35)!important;
  border-radius:18px!important;
  background:rgba(8,14,24,.78)!important;
  backdrop-filter:blur(18px);
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
}

.admin-page .admin-tabs button{
  position:relative;
  min-height:46px;
  justify-content:flex-start!important;
  padding:8px 10px;
  overflow:hidden;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#101827,#0b121e)!important;
  color:#aeb9c9!important;
  font-size:.8rem;
  box-shadow:none!important;
}

.admin-page .admin-tabs button::before{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px;
  border:1px solid #263953;
  border-radius:8px!important;
  background:#0a1321!important;
  color:#8fb8ff!important;
}

.admin-page .admin-tabs button:hover{
  border-color:#385071!important;
  background:linear-gradient(180deg,#142034,#0e1726)!important;
  color:#fff!important;
  transform:none!important;
}

.admin-page .admin-tabs button.active,
.admin-page .admin-tabs button[aria-selected="true"]{
  border-color:rgba(105,240,196,.5)!important;
  background:
    linear-gradient(135deg,rgba(47,125,246,.95),rgba(24,183,216,.9))!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(47,125,246,.24)!important;
}

.admin-page .admin-tabs button.active::before,
.admin-page .admin-tabs button[aria-selected="true"]::before{
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

.admin-page .tab-panel[hidden]{display:none!important}
.admin-page .tab-panel.active{animation:adminPanelIn .18s ease-out}
@keyframes adminPanelIn{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}

.admin-page .card{
  position:relative;
  padding:clamp(16px,1.8vw,22px);
  border:1px solid rgba(70,102,145,.34)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(17,27,43,.96),rgba(10,16,26,.98))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22)!important;
}

.admin-page .card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  border-radius:18px 0 0 18px;
  background:linear-gradient(180deg,var(--admin-blue),var(--admin-mint));
  opacity:.85;
}

.admin-page .card>.row:first-child{
  align-items:flex-start;
  padding-bottom:13px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(70,102,145,.24)!important;
}

.admin-page .card h2{
  margin-bottom:4px;
  color:#fff!important;
  font-size:clamp(1.08rem,1.7vw,1.42rem)!important;
}

.admin-page .card h3{
  color:#f4f7fb!important;
}

.admin-page p,
.admin-page .hint,
.admin-page small,
.admin-page .table-muted{
  color:var(--admin-muted)!important;
}

.admin-page .formgrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.admin-page label{
  color:#d9e4f4!important;
  font-size:.78rem;
}

.admin-page input,
.admin-page select,
.admin-page textarea{
  min-height:44px;
  border:1px solid #2a3a52!important;
  border-radius:11px!important;
  background:#070d16!important;
  color:var(--admin-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.admin-page input:hover,
.admin-page select:hover,
.admin-page textarea:hover{
  border-color:#405979!important;
}

.admin-page input:focus,
.admin-page select:focus,
.admin-page textarea:focus{
  border-color:#39b7ff!important;
  box-shadow:0 0 0 4px rgba(24,183,216,.13),inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.admin-page input::placeholder,
.admin-page textarea::placeholder{
  color:#718097!important;
}

.admin-page .checkbox-line{
  min-height:44px;
  padding:9px 11px;
  border:1px solid #263448;
  border-radius:11px;
  background:#09111d;
}

.admin-page button,
.admin-page .download-item a{
  min-height:40px;
  border-radius:11px!important;
  cursor:pointer;
}

.admin-page button:not(.ghost):not(.danger),
.admin-page .download-item a{
  background:linear-gradient(135deg,var(--admin-blue),var(--admin-sky))!important;
  box-shadow:0 12px 28px rgba(47,125,246,.22)!important;
  color:#fff!important;
}

.admin-page button:not(.ghost):not(.danger):hover,
.admin-page .download-item a:hover{
  filter:brightness(1.08);
}

.admin-page button.ghost{
  border-color:#35475f!important;
  background:#0d1624!important;
  color:#dce6f5!important;
}

.admin-page button.danger{
  background:linear-gradient(135deg,#9b2d3b,#6f2636)!important;
  color:#fff!important;
}

.admin-page .stat-grid{
  gap:12px;
}

.admin-page .stat,
.admin-page .sub-row,
.admin-page .card2,
.admin-page .download-item,
.admin-page .drive-card,
.admin-page .server-access-box,
.admin-page .data-table-shell{
  border:1px solid #243448!important;
  background:linear-gradient(180deg,#0d1624,#0a111c)!important;
}

.admin-page .stat{
  min-height:82px;
  border-radius:15px!important;
}

.admin-page .stat span{
  color:#95a3b8!important;
}

.admin-page .stat b{
  color:#eff6ff!important;
}

.admin-page .status-pill,
.admin-page .platform-status,
.admin-page .pill{
  border:1px solid #34445b!important;
  border-radius:999px!important;
  background:#111a27!important;
  color:#d5dfef!important;
}

.admin-page .status-pill.ok,
.admin-page .pill.ok{
  border-color:#287a5e!important;
  background:#0e2921!important;
  color:#75f0be!important;
}

.admin-page .status-pill.error,
.admin-page .pill.bad{
  border-color:#7f3341!important;
  background:#2a1118!important;
  color:#ff9aa5!important;
}

.admin-page .status-pill.busy{
  border-color:#365c95!important;
  background:#101e34!important;
  color:#9ec4ff!important;
}

.admin-page .privacy-note,
.admin-page .diagnostics,
.admin-page .drive-summary{
  border:1px solid #28405c!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#0d1a2b,#0a1421)!important;
  color:#bdd0e6!important;
}

.admin-page .empty{
  min-height:80px;
  display:grid;
  place-items:center;
  border:1px dashed #39506d;
  border-radius:15px;
  background:rgba(10,17,28,.72);
  color:#9fb0c6!important;
}

.admin-page .data-table-shell{
  overflow:auto;
  border-radius:16px!important;
  scrollbar-width:thin;
  scrollbar-color:#2f7df6 #0a111c;
}

.admin-page .admin-table th{
  top:0;
  background:#101a2a!important;
  color:#dbe7f7!important;
}

.admin-page .admin-table td{
  color:#e2eaf5!important;
}

.admin-page .admin-table tbody tr:hover{
  background:#111d2e!important;
}

.admin-page .table-actions{
  gap:6px;
}

.admin-page .table-actions button,
.admin-page .table-actions input,
.admin-page .table-actions select,
.admin-page .table-control{
  min-height:36px;
}

.admin-page .server-access-card,
.admin-page .user-simple-row{
  border-color:#263448!important;
  border-radius:13px!important;
  background:#0c1421!important;
}

.admin-page .server-access-card:hover,
.admin-page .user-simple-row:hover{
  border-color:#3d5a7b!important;
  background:#101b2b!important;
  transform:translateY(-1px);
}

.admin-page .user-simple-metric{
  border-color:#243448!important;
}

.admin-page .usage-track{
  background:#182337!important;
}

.admin-page .usage-track i,
.admin-page .meter i{
  background:linear-gradient(90deg,var(--admin-blue),var(--admin-mint))!important;
}

.admin-page .admin-dialog{
  border:1px solid #314159!important;
  border-radius:18px!important;
  background:#0d1624!important;
  color:var(--admin-text)!important;
}

.admin-page .admin-dialog::backdrop{
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(5px);
}

.admin-page .toast{
  border:1px solid #33445b!important;
  border-radius:14px!important;
  background:#101827!important;
  color:#fff!important;
}

.admin-page a:focus-visible,
.admin-page button:focus-visible,
.admin-page input:focus-visible,
.admin-page select:focus-visible,
.admin-page textarea:focus-visible,
.admin-page summary:focus-visible{
  outline:3px solid #55d6ff!important;
  outline-offset:3px!important;
}

@media(max-width:1320px){
  .admin-page .admin-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .admin-page .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:780px){
  .admin-page .topbar{position:static;align-items:stretch;flex-direction:column}
  .admin-page .topbar-actions{width:100%;justify-content:space-between}
  .admin-page .admin-hero{grid-template-columns:1fr;padding:18px}
  .admin-page .hero-badge{justify-self:stretch}
  .admin-page .admin-tabs{
    top:0;
    display:flex;
    overflow:auto;
    margin-inline:-8px;
    border-radius:0!important;
  }
  .admin-page .admin-tabs button{flex:0 0 auto}
  .admin-page .formgrid{grid-template-columns:1fr}
  .admin-page .card{padding:14px}
}

@media(prefers-reduced-motion:reduce){
  .admin-page .tab-panel,
  .admin-page *,
  .admin-page *::before,
  .admin-page *::after{
    animation:none!important;
    transition:none!important;
  }
}