.elementor-11219 .elementor-element.elementor-element-66c4789{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11219 .elementor-element.elementor-element-9c41a87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d2f135f */.cp-portal{
  --bg: #0b1220;
  --card: #0f1a2e;
  --card2: #0c1629;
  --text: #e7eefc;
  --muted: #a9b6d3;
  --border: rgba(255,255,255,.08);
  --primary: #4f8cff;
  --danger: #ff5a6b;
  --warn: #ffbf4a;
  --ok: #37d67a;

  color: var(--text);
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px;
}

.cp-header{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-bottom: 16px;
}

.cp-h1{ font-size: 24px; margin: 0; letter-spacing: -0.02em; }
.cp-sub{ margin: 6px 0 0; color: var(--muted); max-width: 56ch; }

.cp-header-actions{ display:flex; gap: 10px; flex-wrap:wrap; }

.cp-kpis{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

.cp-card{
  background: linear-gradient(180deg, var(--card), var(--card2));
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
  min-height: 82px;
}

.cp-card-label{ color: var(--muted); font-size: 13px; }
.cp-card-value{ font-size: 24px; font-weight: 700; margin-top: 6px; }

.cp-main{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.cp-panel{
  background: linear-gradient(180deg, var(--card), var(--card2));
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
}

.cp-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.cp-h2{ font-size: 16px; margin: 0; letter-spacing: -0.01em; }
.cp-link{ color: var(--muted); text-decoration:none; font-size: 13px; }
.cp-link:hover{ color: var(--text); }

.cp-services{ display:grid; gap: 12px; }

.cp-service{
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255,255,255,.02);
}

.cp-service-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 10px;
}

.cp-service-domain{ font-weight: 700; }
.cp-service-plan{ color: var(--muted); font-size: 13px; margin-top: 2px; }

.cp-badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  white-space: nowrap;
}
.cp-badge-active{ color: var(--ok); }
.cp-badge-suspended{ color: var(--danger); }
.cp-badge-pending{ color: var(--warn); }

.cp-service-meta{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.cp-meta span{ display:block; color: var(--muted); font-size: 12px; }
.cp-meta strong{ display:block; margin-top: 2px; font-size: 13px; }

.cp-actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 12px;
}

.cp-btn{
  appearance:none;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.cp-btn-primary{
  background: color-mix(in srgb, var(--primary) 26%, transparent);
  border-color: color-mix(in srgb, var(--primary) 50%, var(--border));
}

.cp-btn-ghost:hover{ background: rgba(255,255,255,.04); }
.cp-btn-primary:hover{ background: color-mix(in srgb, var(--primary) 34%, transparent); }

.cp-mini{ display:grid; gap: 10px; margin-top: 8px; }
.cp-row{ display:flex; justify-content:space-between; gap: 12px; color: var(--muted); }
.cp-row strong{ color: var(--text); font-weight: 700; }

.cp-hr{
  border: 0;
  border-top: 1px solid var(--border);
  margin: 14px 0;
}

/* Tablet */
@media (min-width: 640px){
  .cp-portal{ padding: 22px; }
  .cp-kpis{ grid-template-columns: repeat(2, 1fr); }
  .cp-service-meta{ grid-template-columns: repeat(3, 1fr); }
}

/* Desktop */
@media (min-width: 1024px){
  .cp-kpis{ grid-template-columns: repeat(4, 1fr); }
  .cp-main{ grid-template-columns: 1.7fr 1fr; }
}/* End custom CSS */