:root{
  --bg:#0b0f1a;
  --bg-2:#0b1220;
  --panel:#0f172a;
  --panel-2:#111b2b;
  --accent:#00f5a0;
  --accent-2:#27d7ff;
  --text:#e5e7eb;
  --muted:#9aa4b2;
  --border:rgba(0,245,160,.22);
  --border-2:rgba(39,215,255,.18);
  --shadow:0 24px 60px rgba(3,7,18,.55);
}

*{ box-sizing:border-box; }
body{ font-family:"Manrope","Space Grotesk",system-ui,sans-serif; color:var(--text); }

h1,h2,h3,h4,.page-title,.section-title{ font-family:"Space Grotesk","Manrope",system-ui,sans-serif; }

.bg-deep{
  background:
    radial-gradient(900px 420px at 10% 5%, rgba(0,245,160,.18), transparent 55%),
    radial-gradient(700px 380px at 85% 15%, rgba(39,215,255,.12), transparent 55%),
    linear-gradient(180deg, rgba(2,6,23,.95), rgba(2,6,23,.98));
  color:var(--text);
  min-height:100vh;
}

.glass{
  background: linear-gradient(150deg, rgba(15,23,42,.92), rgba(2,6,23,.95));
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
  backdrop-filter: blur(14px);
}

.alert-glass{ background: rgba(2,6,23,.6); border:1px solid var(--border); color:var(--text); }

.sidebar{
  width:280px;
  min-height:100vh;
  background: linear-gradient(180deg, rgba(0,245,160,.10), rgba(2,6,23,.86) 30%, rgba(2,6,23,.98));
  border-right:1px solid var(--border);
  position:sticky;
  top:0;
  padding:18px 14px;
}

.brand{ display:flex; gap:12px; align-items:center; padding:12px 10px; border-radius:14px; }
.brand .logo{
  width:46px; height:46px; display:grid; place-items:center; border-radius:14px;
  background: linear-gradient(135deg, rgba(0,245,160,.35), rgba(39,215,255,.25));
  border:1px solid var(--border-2);
  font-weight:800; letter-spacing:.08em; color:#00140a;
}
.brand .name{ font-weight:800; letter-spacing:.02em; }
.brand .sub{ color:var(--muted); font-size:12px; margin-top:-2px; }

.side-link{ display:flex; gap:10px; align-items:center; padding:10px 12px; border-radius:14px; color:#cbd5e1; transition:.25s; }
.side-link i{ color: var(--accent); }
.side-link:hover{ transform:translateX(4px); background: rgba(0,245,160,.10); box-shadow:0 0 22px rgba(0,245,160,.18); color:#fff; }
.side-link.active{ background: rgba(0,245,160,.14); border:1px solid rgba(0,245,160,.28); color:#fff; }

.who{ margin-top:auto; padding:12px 10px; border-top:1px dashed rgba(0,245,160,.18); }

.main{ flex:1; min-height:100vh; }

.btn-green{
  background: linear-gradient(135deg, rgba(0,245,160,.95), rgba(0,170,120,.95));
  border:0; color:#00160c; font-weight:800; border-radius:14px;
  box-shadow:0 0 24px rgba(0,245,160,.24);
}
.btn-green:hover{ filter:brightness(1.05); box-shadow:0 0 34px rgba(0,245,160,.32); }

.card-kpi{ padding:20px; display:flex; align-items:center; gap:16px; transition:.35s; }
.card-kpi:hover{ transform:translateY(-6px); box-shadow:0 0 30px rgba(0,245,160,.28); }
.kpi-icon{ font-size:2.4rem; color: var(--accent); animation:pulse 2.8s infinite; }
.kpi-title{ font-size:.85rem; color:var(--muted); }
.kpi-value{ font-size:1.9rem; font-weight:800; color:#fff; }

.page-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.page-title{ font-size:1.6rem; font-weight:800; margin:2px 0 0 0; }
.page-eyebrow{ text-transform:uppercase; letter-spacing:.16em; font-size:.7rem; color:var(--muted); }
.section-title{ font-size:1rem; font-weight:700; letter-spacing:.02em; }

.chip{
  display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px;
  font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
  border:1px solid transparent; background: rgba(148,163,184,.12); color:#e2e8f0;
}
.chip-success{ background: rgba(0,245,160,.18); border-color: rgba(0,245,160,.35); color:#b7ffe5; }
.chip-warning{ background: rgba(250,204,21,.16); border-color: rgba(250,204,21,.4); color:#ffe9a6; }
.chip-danger{ background: rgba(248,113,113,.18); border-color: rgba(248,113,113,.4); color:#ffd1d1; }
.chip-muted{ background: rgba(148,163,184,.12); border-color: rgba(148,163,184,.25); color:#e2e8f0; }

.pill{ display:inline-flex; align-items:center; padding:6px 10px; border-radius:10px; font-size:.75rem; background: rgba(39,215,255,.15); border:1px solid rgba(39,215,255,.3); color:#c7f1ff; }

.stat-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:12px; }
.stat{ padding:12px; border-radius:14px; background: rgba(2,6,23,.4); border:1px solid rgba(148,163,184,.12); }
.stat .label{ font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:6px; }
.stat .value{ font-weight:600; color:#f8fafc; }

.dashboard-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.dashboard-action{
  min-height:70px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  color:#e5e7eb;
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  font-weight:800;
}
.dashboard-action i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#03110b;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
}
.dashboard-action:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,245,160,.16);
}

.progress-soft{ height:10px; background: rgba(148,163,184,.15); border-radius:999px; overflow:hidden; }
.progress-soft .progress-bar{ background: linear-gradient(90deg, var(--accent), var(--accent-2)); }

.code-wrap{ word-break:break-all; }
code{ color:#bfffe3; background: rgba(0,245,160,.08); border:1px solid rgba(0,245,160,.2); padding:2px 6px; border-radius:8px; }
.code-box{
  margin:0;
  padding:14px;
  border-radius:14px;
  background: rgba(2,6,23,.65);
  border:1px solid rgba(39,215,255,.22);
  color:#e2e8f0;
  font-size:.85rem;
  line-height:1.4;
}

.list-clean{ list-style:none; padding:0; margin:0; }
.list-clean li{ padding:8px 0; border-bottom:1px dashed rgba(148,163,184,.18); }
.list-clean li:last-child{ border-bottom:0; }

.table-dark{ --bs-table-bg:transparent; --bs-table-striped-bg:rgba(2,6,23,.4); --bs-table-hover-bg:rgba(0,245,160,.08); }
.table-dark th{ color:#e2e8f0; font-weight:600; font-size:.85rem; text-transform:uppercase; letter-spacing:.08em; }

.session-table-card{ overflow:hidden; }
.session-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.session-summary-card{
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(255,255,255,.035);
  padding:14px;
}
.session-summary-card span{
  display:block;
  color:var(--muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.session-summary-card strong{
  display:block;
  margin-top:6px;
  color:#fff;
  font-size:1.25rem;
}
.session-status-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  display:inline-block;
  background:#64748b;
  box-shadow:0 0 0 5px rgba(100,116,139,.12);
}
.session-status-dot.is-on{
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(0,245,160,.12);
}

.form-control{
  background: rgba(2,6,23,.7);
  border:1px solid rgba(148,163,184,.2);
  color:#e2e8f0;
  border-radius:12px;
}
.form-control:focus{ box-shadow:0 0 0 3px rgba(0,245,160,.15); border-color: rgba(0,245,160,.45); }

.glass-auth{ background: linear-gradient(145deg,#020617,#0b1220); border:1px solid rgba(0,245,160,.22); border-radius:18px; box-shadow:0 0 40px rgba(0,0,0,.35); }

@keyframes pulse{ 0%{opacity:1} 50%{opacity:.6} 100%{opacity:1} }

@media (prefers-reduced-motion: reduce){
  .kpi-icon{ animation:none; }
  .side-link:hover{ transform:none; }
  .card-kpi:hover{ transform:none; }
}

@media (max-width: 768px){
  .dashboard-action-grid,
  .session-summary-grid{ grid-template-columns:1fr; }
  .dashboard-action:hover{ transform:none; }
}

.client-portal-shell{
  min-height:100vh;
  background:
    radial-gradient(760px 340px at 10% 0%, rgba(0,245,160,.12), transparent 55%),
    radial-gradient(640px 320px at 90% 8%, rgba(39,215,255,.14), transparent 58%),
    linear-gradient(180deg, rgba(2,6,23,.98), rgba(6,11,23,.98));
}
.client-theme-sunset{ --accent:#ffb347; --accent-2:#ff6b6b; --border:rgba(255,179,71,.22); --border-2:rgba(255,107,107,.18); }
.client-theme-ocean{ --accent:#59d0ff; --accent-2:#2df7c4; --border:rgba(89,208,255,.24); --border-2:rgba(45,247,196,.18); }
.client-theme-graphite{ --accent:#f5f5f5; --accent-2:#7dd3fc; --border:rgba(229,231,235,.18); --border-2:rgba(125,211,252,.16); }
.client-topbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  padding:12px 18px;
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
  background:linear-gradient(180deg, rgba(5,10,20,.95), rgba(5,10,20,.78));
}
.client-brand{ display:flex; align-items:center; gap:14px; color:#fff; text-decoration:none; }
.client-brand-mark{
  width:48px; height:48px; border-radius:16px; display:grid; place-items:center; font-weight:800;
  color:#04120c; background:linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:0 16px 34px rgba(0,0,0,.25);
}
.client-brand-kicker{ text-transform:uppercase; letter-spacing:.16em; font-size:.69rem; color:var(--muted); }
.client-brand-name{ font:800 1.1rem/1.1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.client-topnav{ display:flex; gap:10px; flex-wrap:wrap; min-width:0; }
.client-topnav a{
  color:#d5dce7; text-decoration:none; padding:10px 14px; border-radius:999px; border:1px solid transparent;
  display:inline-flex; align-items:center; gap:8px;
}
.client-topnav a:hover,.client-topnav a.active{ color:#fff; border-color:var(--border); background:rgba(255,255,255,.04); }
.client-top-actions{ display:flex; align-items:center; gap:12px; margin-left:auto; flex-wrap:wrap; }
.client-balance-pill{
  padding:10px 14px; border-radius:999px; font-weight:800; color:#08130d;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
}
.client-user-trigger{
  border:1px solid var(--border); background:rgba(255,255,255,.04); color:#fff;
  min-height:54px; border-radius:18px; padding:8px 12px; display:flex; align-items:center; gap:12px;
}
.client-user-avatar{
  width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:800;
  background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:#07130c;
}
.client-user-meta{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.1; }
.client-user-meta small{ color:var(--muted); }
.client-user-menu{
  min-width:280px; padding:10px; border-radius:18px; border:1px solid var(--border);
  background:rgba(10,15,28,.98); box-shadow:var(--shadow);
}
.client-user-menu-head{ padding:8px 10px 12px; border-bottom:1px solid rgba(255,255,255,.06); margin-bottom:8px; }
.client-user-menu .dropdown-item{
  color:#e5e7eb; border-radius:12px; padding:10px 12px;
}
.client-user-menu .dropdown-item:hover{ background:rgba(255,255,255,.05); }
.client-menu-label{
  color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.12em;
  padding:0 12px 8px;
}
.client-lang-picker{
  margin:8px 0; padding:10px 0; border-top:1px solid rgba(255,255,255,.06);
  display:grid; gap:8px;
}
.client-lang-swatch{
  display:grid; place-items:center; color:#07130c; font-size:.65rem; font-weight:800;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
}
.client-theme-picker{
  margin:8px 0; padding:10px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06);
  display:grid; gap:8px;
}
.client-theme-option{
  width:100%; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px;
  border:1px solid transparent; background:rgba(255,255,255,.03); color:#e5e7eb;
}
.client-theme-option.active{ border-color:var(--border); background:rgba(255,255,255,.06); }
.client-theme-option .swatch{ width:18px; height:18px; border-radius:999px; display:inline-block; }
.client-main{ max-width:1180px; margin:0 auto; width:min(1180px,100%); }
.portal-dashboard-shell{ display:grid; gap:16px; animation:portalFadeIn .24s ease-out; }
.portal-dashboard-grid{
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:16px; align-items:start;
}
.portal-overview-card,.portal-rail-card{
  padding:18px; border-radius:22px; border:1px solid var(--border);
  background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
  box-shadow:var(--shadow);
}
.portal-overview-head{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.portal-overview-head h1{ margin:8px 0 10px; font:800 2.05rem/1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.portal-overview-head p{ margin:0; color:var(--muted); line-height:1.7; max-width:650px; }
.portal-overview-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.portal-mini-kpis{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:16px;
}
.portal-mini-kpi{
  padding:14px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.portal-mini-kpi span{
  display:block; color:var(--muted); font-size:.74rem; text-transform:uppercase; letter-spacing:.08em;
}
.portal-mini-kpi strong{
  display:block; margin-top:8px; font:800 1.18rem/1 "Space Grotesk","Manrope",system-ui,sans-serif;
}
.portal-dashboard-panels{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.portal-dashboard-panel{
  padding:16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.portal-right-rail{ display:grid; gap:16px; }
.portal-license-matrix{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.portal-license-chip{
  padding:12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(2,6,23,.45);
}
.portal-license-chip span{ display:block; color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }
.portal-license-chip strong{ display:block; margin-top:6px; font-size:1rem; }
.portal-plan-list{ display:grid; gap:10px; }
.portal-plan-list-item{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px; border-radius:16px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.portal-plan-list-item small{ display:block; color:var(--muted); margin-top:3px; }
.portal-plan-badges{ display:flex; gap:8px; flex-wrap:wrap; }
.portal-plan-badges span{
  min-width:46px; height:34px; padding:0 12px; border-radius:999px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); font-weight:800;
}
.portal-empty-copy{ color:var(--muted); line-height:1.6; padding:10px 0; }
.portal-hero{
  display:grid; grid-template-columns:1.2fr .8fr; gap:18px; margin-bottom:18px;
}
.portal-hero-compact .portal-banner,
.portal-hero-compact .portal-quick-panel{
  padding:20px;
}
.portal-banner,.portal-quick-panel{
  padding:24px; border-radius:24px; border:1px solid var(--border); background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
  box-shadow:var(--shadow);
}
.portal-banner h1{ margin:8px 0 10px; font:800 2rem/1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.portal-banner p,.portal-quick-panel p{ color:var(--muted); line-height:1.7; }
.portal-cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.portal-stat-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.portal-stat{
  padding:16px; border-radius:18px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03);
}
.portal-stat-label{ font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.portal-stat-value{ margin-top:8px; font:800 1.35rem/1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.portal-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.portal-card{
  grid-column:span 12; padding:18px; border-radius:22px; border:1px solid var(--border); background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
  box-shadow:var(--shadow);
}
.portal-card.span-7{ grid-column:span 7; }
.portal-card.span-5{ grid-column:span 5; }
.portal-card.span-6{ grid-column:span 6; }
.portal-card-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.portal-card-title{ font:800 1.1rem/1.1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.portal-card-copy{ color:var(--muted); line-height:1.6; }
.portal-soft-table{ width:100%; border-collapse:separate; border-spacing:0 10px; }
.portal-soft-table td,.portal-soft-table th{ padding:12px 14px; }
.portal-soft-table tbody tr{
  background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06);
}
.portal-soft-table tbody tr td:first-child{ border-radius:14px 0 0 14px; }
.portal-soft-table tbody tr td:last-child{ border-radius:0 14px 14px 0; }
.portal-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.portal-form-grid .full{ grid-column:1 / -1; }
.client-balance-request-card{ background:linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); }
.home-admin-card{ display:flex; gap:14px; align-items:center; }
.home-admin-product-preview img,.home-admin-product-preview span{
  width:92px; height:92px; border-radius:18px; object-fit:cover; display:grid; place-items:center;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); color:#dbeafe; font-weight:800;
}
.catalog-product-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-head-tight{ margin-bottom:14px; }
.portal-stat-row-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.portal-family-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.portal-family-card{
  padding:16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.portal-family-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.portal-family-kicker{ color:var(--muted); font-size:.75rem; text-transform:uppercase; letter-spacing:.12em; }
.portal-family-title{ font:800 1rem/1.15 "Space Grotesk","Manrope",system-ui,sans-serif; margin-top:4px; }
.portal-plan-pill-row{ display:flex; flex-wrap:wrap; gap:10px; }
.portal-plan-pill{
  min-width:92px; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
  display:flex; flex-direction:column; gap:4px;
}
.portal-step-list{ display:grid; gap:12px; }
.portal-step-item{
  display:flex; align-items:flex-start; gap:12px; padding:14px; border-radius:16px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.portal-step-number{
  width:32px; height:32px; border-radius:999px; display:grid; place-items:center; font-weight:800; color:#07130c;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
}
.portal-step-title{ font-weight:800; margin-bottom:4px; }
.portal-step-copy{ color:var(--muted); line-height:1.55; font-size:.92rem; }
.dhru-client-shell{
  display:grid; gap:16px;
}
.dhru-client-topbar{
  padding:18px 20px; border-radius:22px; border:1px solid var(--border); background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
  display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap;
}
.dhru-client-topbar h1{ margin:6px 0 8px; font:800 1.95rem/1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.dhru-client-topbar p{ margin:0; color:var(--muted); max-width:700px; }
.dhru-client-meta{ display:flex; gap:10px; flex-wrap:wrap; }
.dhru-meta-pill{
  min-width:110px; padding:10px 12px; border-radius:16px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
  display:flex; flex-direction:column; gap:4px;
}
.dhru-meta-pill span{ color:var(--muted); font-size:.74rem; text-transform:uppercase; letter-spacing:.08em; }
.dhru-filter-bar{
  padding:16px 18px; border-radius:22px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
  display:grid; grid-template-columns:1fr 1fr auto; gap:14px; align-items:end;
}
.dhru-filter-control{ min-width:0; }
.dhru-filter-check{
  display:flex; align-items:center; justify-content:flex-end; gap:10px; padding-bottom:8px; white-space:nowrap;
}
.dhru-section-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.dhru-breadcrumb{ color:var(--muted); font-size:.86rem; }
.dhru-compact-help{ color:#d7e7f7; font-size:.92rem; }
.dhru-section-list{ display:grid; gap:16px; }
.dhru-service-section{
  padding:18px; border-radius:22px; border:1px solid var(--border); background:linear-gradient(160deg, rgba(15,23,42,.92), rgba(3,7,18,.96));
}
.dhru-service-header{
  display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px;
}
.dhru-service-header h2{ margin:0 0 6px; font:800 1.28rem/1.1 "Space Grotesk","Manrope",system-ui,sans-serif; }
.dhru-service-header p{ margin:0; color:var(--muted); }
.dhru-service-badges{ display:flex; gap:10px; flex-wrap:wrap; }
.dhru-badge{
  padding:8px 12px; border-radius:999px; background:rgba(0,245,160,.14); border:1px solid rgba(0,245,160,.22); color:#b8ffe1;
  font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; font-weight:700;
}
.dhru-badge-outline{
  background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.1); color:#dfe8f2;
}
.dhru-plan-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.dhru-plan-card{
  padding:14px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
  display:flex; flex-direction:column;
}
.dhru-plan-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.dhru-plan-kicker{ color:var(--muted); font-size:.74rem; text-transform:uppercase; letter-spacing:.12em; }
.dhru-plan-top h3{ margin:4px 0 0; font-size:1rem; line-height:1.35; }
.dhru-month-pill{
  min-width:54px; height:40px; padding:0 12px; border-radius:999px; display:grid; place-items:center; font-weight:800;
  background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:#07130c;
}
.dhru-price-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0; }
.dhru-price-box{
  padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(2,6,23,.45);
}
.dhru-price-box span{ display:block; color:var(--muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }
.dhru-price-box strong{ font-size:.98rem; }
.dhru-plan-copy{ color:var(--muted); line-height:1.58; font-size:.92rem; margin:0 0 12px; }
.dhru-price-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; color:var(--muted); font-size:.84rem; }
.dhru-order-form{ margin-top:10px; }
.dhru-warning{ color:#ffe7a6; font-size:.88rem; margin-top:10px; }
.dhru-ok{ color:#b9ffe2; font-size:.88rem; margin-top:10px; }
.dhru-payment-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.dhru-payment-card{
  padding:16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
}
.dhru-payment-title{ font:800 1rem/1.1 "Space Grotesk","Manrope",system-ui,sans-serif; margin-bottom:10px; }
.dhru-payment-card p{ color:var(--muted); line-height:1.6; margin:0; }
.dhru-payment-meta{ color:var(--muted); font-size:.84rem; margin-top:10px; }
.catalog-card.is-highlighted{ outline:2px solid var(--accent); box-shadow:0 0 0 6px rgba(255,255,255,.03); }
.catalog-toolbar{ display:grid; grid-template-columns:1fr 280px; gap:14px; margin-top:18px; }
.catalog-family-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.catalog-chip{
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:#dce7f3;
  border-radius:999px; padding:8px 14px; display:inline-flex; gap:8px; align-items:center;
}
.catalog-chip.is-active{ border-color:var(--border); background:rgba(255,255,255,.06); }
.order-status-pill{
  display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-size:.75rem; font-weight:700;
}
.status-requested,.status-pending_review,.status-review{ background:rgba(250,204,21,.15); color:#ffe7a6; }
.status-approved,.status-active,.status-completed{ background:rgba(0,245,160,.15); color:#b9ffe2; }
.status-rejected,.status-cancelled,.status-expired{ background:rgba(248,113,113,.18); color:#ffd4d4; }
.portal-soft-table thead th{ color:#95a3b8; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; border:none; }
.portal-soft-table tbody tr td{ vertical-align:top; }
.order-note-row td{ padding-top:0 !important; }
.order-response-wrap{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.025);
  padding:12px 14px;
}
.order-response-label{
  color:#95a3b8;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.order-response-box{
  margin:0;
  white-space:pre-wrap;
  color:#dce7f3;
  font:500 .88rem/1.65 "Manrope",system-ui,sans-serif;
}
.client-product-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.client-product-card form{ margin-top:auto; }
.btn:disabled,.btn.disabled{
  opacity:.58;
  cursor:not-allowed;
  box-shadow:none !important;
}
.client-topnav a,.client-user-trigger,.portal-card,.home-card,.catalog-chip,.home-btn,.portal-stat{
  transition:all .2s ease;
}
.client-topnav a:hover,.home-btn:hover,.catalog-chip:hover,.portal-card:hover,.home-card:hover{
  transform:translateY(-1px);
}
@media (max-width: 1100px){
  .portal-dashboard-grid,.portal-dashboard-panels{ grid-template-columns:1fr; }
  .portal-mini-kpis,.portal-license-matrix{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portal-hero,.catalog-toolbar{ grid-template-columns:1fr; }
  .portal-card.span-7,.portal-card.span-5,.portal-card.span-6{ grid-column:span 12; }
  .catalog-product-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .client-topbar{ align-items:flex-start; }
  .client-top-actions{ margin-left:0; }
  .portal-family-grid,.dhru-payment-grid{ grid-template-columns:1fr; }
  .dhru-plan-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dhru-filter-bar{ grid-template-columns:1fr; }
  .dhru-filter-check{ justify-content:flex-start; padding-bottom:0; }
}
@media (max-width: 780px){
  .client-topbar{ padding:14px 16px; }
  .client-topnav,.client-top-actions{ width:100%; }
  .client-topnav{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
  }
  .client-topnav a{ white-space:nowrap; }
  .client-top-actions{ justify-content:space-between; }
  .client-balance-pill{ width:100%; text-align:center; }
  .client-user-trigger{ width:100%; justify-content:flex-start; }
  .portal-banner,.portal-quick-panel,.portal-card{ padding:18px; border-radius:20px; }
  .portal-stat-row,.portal-form-grid,.catalog-product-grid,.portal-mini-kpis,.portal-license-matrix{ grid-template-columns:1fr; }
  .portal-stat-row-4,.dhru-price-row{ grid-template-columns:1fr; }
  .dhru-client-topbar{ padding:16px; }
  .dhru-plan-grid{ grid-template-columns:1fr; }
}
@media (max-width: 560px){
  .client-brand{ width:100%; }
  .client-brand-mark{ width:46px; height:46px; border-radius:16px; }
  .client-brand-name{ font-size:1rem; }
  .portal-banner h1,.dhru-client-topbar h1,.portal-overview-head h1{ font-size:1.7rem; }
  .portal-cta-row .btn{ width:100%; }
}

@keyframes portalFadeIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

.dhru3d-dashboard{
  color:#201a36;
  display:grid;
  gap:16px;
  padding-bottom:18px;
  perspective:1400px;
}
.dhru3d-dashboard a{ text-decoration:none; }
.dhru3d-services-panel,
.dhru3d-balance-card,
.dhru3d-status-card,
.dhru3d-card,
.dhru3d-stat-tile{
  border-radius:8px;
  transform-style:preserve-3d;
}
.dhru3d-services-panel{
  position:relative;
  overflow:hidden;
  padding:20px 18px 28px;
  border:1px solid rgba(142,87,255,.24);
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(247,243,255,.94) 48%, rgba(239,246,255,.92));
  box-shadow:0 26px 58px rgba(39,24,78,.22), inset 0 1px 0 rgba(255,255,255,.9);
  animation:portalFadeIn .22s ease-out;
}
.dhru3d-services-panel::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:5px;
  background:linear-gradient(90deg,#14b8d1,#8b5cf6,#d946ef);
}
.dhru3d-panel-head,
.dhru3d-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.dhru3d-kicker{
  color:#6b647a;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0;
}
.dhru3d-panel-head h1,
.dhru3d-card-head h2{
  margin:4px 0 0;
  color:#211936;
  font:900 1.55rem/1.1 "Space Grotesk","Manrope",system-ui,sans-serif;
  letter-spacing:0;
}
.dhru3d-panel-tools{
  display:flex;
  align-items:center;
  gap:8px;
}
.dhru3d-square-action{
  width:36px;
  height:36px;
  border:0;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#7c3aed,#d946ef);
  box-shadow:0 14px 28px rgba(124,58,237,.32), inset 0 1px 0 rgba(255,255,255,.35);
}
.dhru3d-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:16px;
}
.dhru3d-service-card{
  min-height:92px;
  padding:13px 14px;
  border:1px solid rgba(137,107,207,.18);
  border-radius:8px;
  color:#211936;
  background:linear-gradient(160deg,#fff, #fbf9ff);
  box-shadow:0 16px 34px rgba(34,24,64,.12), 0 8px 0 rgba(124,58,237,.04);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dhru3d-service-card:hover{
  transform:translateY(-4px) rotateX(3deg);
  border-color:rgba(124,58,237,.35);
  box-shadow:0 24px 44px rgba(34,24,64,.18), 0 10px 0 rgba(124,58,237,.06);
}
.dhru3d-service-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#7c3aed;
  font-size:1.32rem;
}
.dhru3d-service-card strong{
  color:#211936;
  font-weight:900;
}
.dhru3d-service-card small{
  color:#6b647a;
  font-size:.78rem;
}
.dhru3d-security-bar{
  min-height:38px;
  padding:9px 16px;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  background:linear-gradient(90deg,#08a9c7,#15bfd3);
  box-shadow:0 16px 30px rgba(8,169,199,.22);
}
.dhru3d-security-bar div{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  min-width:0;
  font-size:.78rem;
}
.dhru3d-security-btn{
  flex:0 0 auto;
  border-radius:4px;
  padding:5px 12px;
  color:#243044;
  background:#fff;
  font-weight:900;
  font-size:.78rem;
}
.dhru3d-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
}
.dhru3d-balance-card,
.dhru3d-status-card,
.dhru3d-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(250,248,255,.9));
  box-shadow:0 24px 48px rgba(36,25,66,.16), inset 0 1px 0 rgba(255,255,255,.95);
}
.dhru3d-balance-card{
  min-height:208px;
  padding:24px 20px;
}
.dhru3d-balance-copy{
  color:#211936;
  font-size:.86rem;
  font-weight:700;
}
.dhru3d-balance-value{
  margin:8px 0 20px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#211936;
  font:400 3.18rem/1 "Space Grotesk","Manrope",system-ui,sans-serif;
  letter-spacing:0;
}
.dhru3d-balance-value span{
  font-size:.95em;
}
.dhru3d-balance-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.dhru3d-btn{
  min-height:36px;
  border-radius:4px;
  border:0;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  font-size:.86rem;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.dhru3d-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.03);
}
.dhru3d-btn-credit{
  color:#fff;
  background:linear-gradient(145deg,#ffb000,#f59e0b);
  box-shadow:0 14px 26px rgba(245,158,11,.26);
}
.dhru3d-btn-app{
  color:#fff;
  background:linear-gradient(145deg,#6b7280,#4b5563);
  box-shadow:0 14px 26px rgba(75,85,99,.22);
}
.dhru3d-status-card{
  min-height:208px;
  display:grid;
  place-items:center;
  padding:24px;
}
.dhru3d-status-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(245,242,255,.28));
}
.dhru3d-loader{
  position:relative;
  width:62px;
  height:62px;
  z-index:1;
}
.dhru3d-loader span{
  position:absolute;
  left:29px;
  top:5px;
  width:5px;
  height:12px;
  border-radius:999px;
  background:#211936;
  transform-origin:2px 26px;
  animation:dhru3dLoader 1s linear infinite;
}
.dhru3d-loader span:nth-child(1){ transform:rotate(0deg); animation-delay:-.875s; }
.dhru3d-loader span:nth-child(2){ transform:rotate(45deg); animation-delay:-.75s; }
.dhru3d-loader span:nth-child(3){ transform:rotate(90deg); animation-delay:-.625s; }
.dhru3d-loader span:nth-child(4){ transform:rotate(135deg); animation-delay:-.5s; }
.dhru3d-loader span:nth-child(5){ transform:rotate(180deg); animation-delay:-.375s; }
.dhru3d-loader span:nth-child(6){ transform:rotate(225deg); animation-delay:-.25s; }
.dhru3d-loader span:nth-child(7){ transform:rotate(270deg); animation-delay:-.125s; }
.dhru3d-loader span:nth-child(8){ transform:rotate(315deg); animation-delay:0s; }
.dhru3d-status-content{
  position:absolute;
  right:18px;
  bottom:16px;
  max-width:52%;
  text-align:right;
  z-index:2;
}
.dhru3d-status-content h2{
  margin:4px 0;
  color:#211936;
  font:900 1.12rem/1.12 "Space Grotesk","Manrope",system-ui,sans-serif;
  letter-spacing:0;
}
.dhru3d-status-content p{
  color:#6b647a;
  margin:0 0 8px;
  font-size:.8rem;
}
.dhru3d-stats-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.dhru3d-stat-tile{
  padding:14px 16px;
  color:#211936;
  border:1px solid rgba(142,87,255,.16);
  background:linear-gradient(160deg,#fff,#faf8ff);
  box-shadow:0 16px 30px rgba(36,25,66,.11);
  transition:transform .16s ease, box-shadow .16s ease;
}
.dhru3d-stat-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 38px rgba(36,25,66,.16);
}
.dhru3d-stat-tile span{
  display:block;
  color:#6b647a;
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
}
.dhru3d-stat-tile strong{
  display:block;
  margin-top:5px;
  color:#211936;
  font:900 1.28rem/1 "Space Grotesk","Manrope",system-ui,sans-serif;
}
.dhru3d-functional-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.dhru3d-card{
  padding:18px;
}
.dhru3d-span-7{ grid-column:span 7; }
.dhru3d-span-6{ grid-column:span 6; }
.dhru3d-span-5{ grid-column:span 5; }
.dhru3d-card-mark{
  color:#8b5cf6;
  font-size:1.55rem;
}
.dhru3d-muted{
  color:#6b647a;
  line-height:1.65;
  margin:12px 0 0;
}
.dhru3d-soft-pill,
.dhru3d-outline-link{
  border:1px solid rgba(124,58,237,.2);
  border-radius:999px;
  padding:7px 11px;
  color:#5b21b6;
  background:rgba(124,58,237,.07);
  font-weight:900;
  font-size:.78rem;
}
.dhru3d-outline-link:hover{
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#14b8d1);
}
.dhru3d-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}
.dhru3d-info-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.dhru3d-info-grid div,
.dhru3d-empty-plate{
  min-width:0;
  border:1px solid rgba(142,87,255,.12);
  border-radius:8px;
  padding:11px 12px;
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.dhru3d-info-grid span{
  display:block;
  color:#756e86;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
}
.dhru3d-info-grid strong{
  display:block;
  margin-top:5px;
  color:#211936;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dhru3d-license-line{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:14px 0 10px;
  color:#211936;
  font-weight:900;
}
.dhru3d-dashboard .progress-soft{
  background:rgba(124,58,237,.12);
}
.dhru3d-dashboard .progress-soft .progress-bar{
  background:linear-gradient(90deg,#14b8d1,#8b5cf6,#d946ef);
}
.dhru3d-form{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.dhru3d-form label{
  display:grid;
  gap:6px;
}
.dhru3d-form label span{
  color:#756e86;
  font-size:.75rem;
  font-weight:900;
}
.dhru3d-dashboard .form-control,
.dhru3d-dashboard .form-select{
  color:#211936;
  background:#fff;
  border:1px solid rgba(124,58,237,.18);
  border-radius:8px;
}
.dhru3d-dashboard .form-control:focus,
.dhru3d-dashboard .form-select:focus{
  border-color:rgba(124,58,237,.44);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.dhru3d-plan-list,
.dhru3d-step-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.dhru3d-plan-row,
.dhru3d-step{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(142,87,255,.12);
  border-radius:8px;
  padding:12px;
  color:#211936;
  background:rgba(255,255,255,.62);
}
.dhru3d-plan-row:hover{
  border-color:rgba(124,58,237,.28);
  background:#fff;
}
.dhru3d-plan-row small{
  display:block;
  color:#756e86;
  margin-top:3px;
}
.dhru3d-plan-badges{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.dhru3d-plan-badges span{
  min-width:42px;
  min-height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#5b21b6;
  background:rgba(124,58,237,.08);
  font-weight:900;
  font-size:.78rem;
}
.dhru3d-step{
  align-items:flex-start;
  justify-content:flex-start;
}
.dhru3d-step > span{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#14b8d1,#8b5cf6);
  font-weight:900;
}
.dhru3d-step strong{
  color:#211936;
}
.dhru3d-step p{
  margin:3px 0 0;
  color:#756e86;
  line-height:1.55;
  font-size:.88rem;
}
.dhru3d-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 9px;
  margin-top:8px;
}
.dhru3d-table td{
  padding:11px 12px;
  color:#211936;
  background:rgba(255,255,255,.68);
  vertical-align:top;
}
.dhru3d-table td:first-child{
  border-radius:8px 0 0 8px;
  color:#756e86;
  white-space:nowrap;
}
.dhru3d-table td:last-child{
  border-radius:0 8px 8px 0;
  color:#5f5870;
}

@keyframes dhru3dLoader{
  0%,100%{ opacity:1; }
  50%{ opacity:.18; }
}

@media (prefers-reduced-motion: reduce){
  .dhru3d-service-card,
  .dhru3d-stat-tile,
  .dhru3d-btn{
    transition:none;
  }
  .dhru3d-service-card:hover,
  .dhru3d-stat-tile:hover,
  .dhru3d-btn:hover{
    transform:none;
  }
  .dhru3d-loader span{
    animation:none;
  }
}

@media (max-width: 1100px){
  .dhru3d-main-grid,
  .dhru3d-service-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .dhru3d-stats-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dhru3d-span-7,
  .dhru3d-span-6,
  .dhru3d-span-5{
    grid-column:span 12;
  }
}

@media (max-width: 760px){
  .dhru3d-services-panel,
  .dhru3d-balance-card,
  .dhru3d-status-card,
  .dhru3d-card{
    padding:16px;
  }
  .dhru3d-panel-head,
  .dhru3d-card-head,
  .dhru3d-security-bar{
    flex-direction:column;
    align-items:flex-start;
  }
  .dhru3d-security-btn{
    width:100%;
    text-align:center;
  }
  .dhru3d-balance-value{
    font-size:2.55rem;
  }
  .dhru3d-status-content{
    position:relative;
    right:auto;
    bottom:auto;
    max-width:100%;
    text-align:center;
    margin-top:16px;
  }
  .dhru3d-status-card{
    min-height:250px;
  }
  .dhru3d-stats-strip,
  .dhru3d-info-grid,
  .dhru3d-info-grid-2{
    grid-template-columns:1fr;
  }
  .dhru3d-plan-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .dhru3d-plan-badges{
    justify-content:flex-start;
  }
  .dhru3d-table{
    border-spacing:0;
  }
  .dhru3d-table tr{
    display:grid;
    gap:6px;
    padding:11px 0;
    border-bottom:1px solid rgba(124,58,237,.12);
  }
  .dhru3d-table td{
    display:block;
    padding:4px 0;
    background:transparent;
  }
  .dhru3d-table td:first-child,
  .dhru3d-table td:last-child{
    border-radius:0;
    white-space:normal;
  }
}

@media (max-width: 520px){
  .dhru3d-balance-actions,
  .dhru3d-btn{
    width:100%;
  }
  .dhru3d-panel-head h1,
  .dhru3d-card-head h2{
    font-size:1.32rem;
  }
}