/* PentaPool Dashboard V2 – CodePen/Fundry/Luxor compact professional layout */

:root {
  --pt-bg:#050914;
  --pt-panel:#0b1322;
  --pt-panel2:#09111f;
  --pt-border:#1b2940;
  --pt-text:#fff;
  --pt-muted:#8ea0b8;
  --pt-blue:#3b82f6;
  --pt-green:#22c55e;
  --pt-orange:#f59e0b;
  --pt-red:#ef4444;
  --pt-purple:#8b5cf6;
}

body,
.dashboard-app,
.dash-content {
  background:#050914 !important;
  color:#fff !important;
}

.dash-sidebar {
  width:155px !important;
  min-width:155px !important;
  background:#050914 !important;
  border-right:1px solid #1b2940 !important;
  padding:14px 8px !important;
}

.dash-header {
  height:52px !important;
  background:#050914 !important;
  border-bottom:1px solid #1b2940 !important;
}

.dash-logo,
.dash-brand {
  transform:scale(.82);
  transform-origin:left center;
  margin-bottom:14px !important;
}

.dash-nav-item {
  height:32px !important;
  padding:0 10px !important;
  margin-bottom:5px !important;
  border-radius:6px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#8ea0b8 !important;
}

.dash-nav-item.active {
  background:#0f2a5a !important;
  color:#fff !important;
}

.dash-content {
  padding:0 !important;
  overflow-x:hidden !important;
}

.ptd-dashboard {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:18px 18px 28px !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.ptd-topbar {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  margin-bottom:14px !important;
}

.ptd-topbar h1 {
  margin:0 !important;
  font-size:22px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

.ptd-topbar p {
  margin:4px 0 0 !important;
  font-size:12px !important;
  color:var(--pt-muted) !important;
}

.ptd-system {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#0b1322 !important;
  border:1px solid #1b2940 !important;
  color:#dcfce7 !important;
  font-size:11px !important;
  font-weight:850 !important;
}

.ptd-system span {
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:var(--pt-green) !important;
  box-shadow:0 0 10px rgba(34,197,94,.75) !important;
}

.ptd-kpis {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.ptd-kpi {
  min-height:105px !important;
  padding:12px !important;
  border-radius:8px !important;
  background:#0b1322 !important;
  border:1px solid #1b2940 !important;
  box-shadow:none !important;
  display:block !important;
  overflow:hidden !important;
}

.ptd-kpi::before { display:none !important; }

.ptd-kpi-icon {
  display:none !important;
}

.ptd-kpi-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin-bottom:12px !important;
}

.ptd-kpi-head span {
  color:var(--pt-muted) !important;
  font-size:9px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.ptd-kpi-head b {
  padding:2px 7px !important;
  border-radius:999px !important;
  background:rgba(59,130,246,.14) !important;
  color:#60a5fa !important;
  font-size:8px !important;
  font-weight:950 !important;
}

.ptd-kpi strong {
  display:block !important;
  margin:0 0 6px !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

.ptd-kpi.orange strong {
  color:var(--pt-orange) !important;
}

.ptd-kpi p {
  margin:0 !important;
  color:var(--pt-muted) !important;
  font-size:9.5px !important;
}

.ptd-kpi svg {
  width:100% !important;
  height:28px !important;
  margin-top:6px !important;
  opacity:.95 !important;
}

.ptd-kpi svg path {
  fill:none !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.ptd-kpi.blue svg path { stroke:var(--pt-blue) !important; }
.ptd-kpi.green svg path { stroke:var(--pt-green) !important; }
.ptd-kpi.purple svg path { stroke:var(--pt-purple) !important; }
.ptd-kpi.orange svg path { stroke:var(--pt-orange) !important; }

.ptd-layout {
  display:grid !important;
  grid-template-columns:2.2fr 1fr !important;
  gap:10px !important;
  align-items:start !important;
}

.ptd-card {
  padding:12px !important;
  border-radius:8px !important;
  background:#0b1322 !important;
  border:1px solid #1b2940 !important;
  box-shadow:none !important;
  min-height:0 !important;
}

.ptd-live-card,
.ptd-pool-card {
  min-height:225px !important;
}

.ptd-card-head {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.ptd-card-head h2 {
  margin:0 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.ptd-card-head p {
  margin:3px 0 0 !important;
  color:var(--pt-muted) !important;
  font-size:10px !important;
}

.ptd-card button {
  height:26px !important;
  padding:0 9px !important;
  border-radius:6px !important;
  border:1px solid #1b2940 !important;
  background:#09111f !important;
  color:#3b82f6 !important;
  font-size:10px !important;
  font-weight:850 !important;
}

.ptd-table-wrap {
  border-radius:6px !important;
  border:1px solid #1b2940 !important;
  overflow:hidden !important;
}

.ptd-table {
  width:100% !important;
  border-collapse:collapse !important;
}

.ptd-table th {
  padding:9px 10px !important;
  background:#09111f !important;
  color:var(--pt-muted) !important;
  font-size:8.5px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  text-align:left !important;
}

.ptd-table td {
  padding:10px !important;
  border-top:1px solid rgba(27,41,64,.75) !important;
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:800 !important;
}

.ptd-worker {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.ptd-worker strong {
  display:block !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:950 !important;
}

.ptd-worker small {
  display:block !important;
  margin-top:2px !important;
  color:#3b82f6 !important;
  font-size:8.5px !important;
  font-weight:850 !important;
}

.ptd-dot {
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  flex:0 0 7px !important;
}

.ptd-dot.online { background:var(--pt-green) !important; box-shadow:0 0 10px rgba(34,197,94,.75) !important; }
.ptd-dot.offline { background:var(--pt-red) !important; box-shadow:0 0 10px rgba(239,68,68,.55) !important; }

.ptd-status {
  display:inline-flex !important;
  align-items:center !important;
  height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  font-size:8px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}

.ptd-status.online {
  background:rgba(34,197,94,.12) !important;
  border:1px solid rgba(34,197,94,.35) !important;
  color:#4ade80 !important;
}

.ptd-status.offline {
  background:rgba(239,68,68,.12) !important;
  border:1px solid rgba(239,68,68,.35) !important;
  color:#f87171 !important;
}

.ptd-mono {
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace !important;
}

.ptd-muted,
.ptd-empty {
  color:var(--pt-muted) !important;
}

.ptd-pool-main {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:12px !important;
}

.ptd-btc-logo {
  width:36px !important;
  height:36px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:#f59e0b !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:950 !important;
}

.ptd-pool-main strong {
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

.ptd-pool-main span {
  display:block !important;
  color:var(--pt-muted) !important;
  margin-top:4px !important;
  font-size:11px !important;
}

.ptd-pool-main b {
  margin-left:auto !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:rgba(34,197,94,.12) !important;
  border:1px solid rgba(34,197,94,.35) !important;
  color:#4ade80 !important;
  font-size:8px !important;
  font-weight:950 !important;
}

.ptd-pool-lines {
  margin-bottom:12px !important;
  border-top:1px solid #1b2940 !important;
}

.ptd-pool-lines div {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 0 !important;
  border-bottom:1px solid #1b2940 !important;
}

.ptd-pool-lines span {
  color:var(--pt-muted) !important;
  font-size:10.5px !important;
}

.ptd-pool-lines strong {
  color:#fff !important;
  font-size:10.5px !important;
  font-weight:950 !important;
  text-align:right !important;
}

.ptd-pool-lines i {
  display:inline-block !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:var(--pt-green) !important;
  margin-right:5px !important;
}

.ptd-activity-list {
  display:grid !important;
  gap:8px !important;
}

.ptd-activity-item {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:8px !important;
  border-radius:6px !important;
  background:#09111f !important;
  border:1px solid rgba(27,41,64,.75) !important;
}

.ptd-activity-icon {
  width:22px !important;
  height:22px !important;
  border-radius:6px !important;
  display:grid !important;
  place-items:center !important;
  font-size:10px !important;
  font-weight:950 !important;
}

.ptd-activity-icon.green {
  background:rgba(34,197,94,.12) !important;
  color:#4ade80 !important;
}

.ptd-activity-icon.orange {
  background:rgba(245,158,11,.12) !important;
  color:#f59e0b !important;
}

.ptd-activity-item div {
  flex:1 !important;
}

.ptd-activity-item strong {
  display:block !important;
  color:#fff !important;
  font-size:10.5px !important;
}

.ptd-activity-item small {
  display:block !important;
  color:var(--pt-muted) !important;
  font-size:9px !important;
  margin-top:1px !important;
}

.ptd-activity-item em {
  color:#4ade80 !important;
  font-style:normal !important;
  font-size:10px !important;
  font-weight:900 !important;
}

.ptd-stats-grid {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.ptd-stats-grid > div {
  padding:10px !important;
  border-radius:6px !important;
  background:#09111f !important;
  border:1px solid rgba(27,41,64,.75) !important;
}

.ptd-stats-grid span {
  color:var(--pt-muted) !important;
  font-size:8.5px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.ptd-stats-grid strong {
  display:block !important;
  margin-top:6px !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:950 !important;
}

.ptd-stats-grid p {
  margin:4px 0 0 !important;
  font-size:10px !important;
  font-weight:850 !important;
}

.green { color:#4ade80 !important; }
.red { color:#f87171 !important; }
.orange { color:#f59e0b !important; }

@media (max-width:1300px) {
  .ptd-kpis { grid-template-columns:repeat(2,1fr) !important; }
  .ptd-layout { grid-template-columns:1fr !important; }
}

@media (max-width:720px) {
  .ptd-dashboard { padding:14px !important; }
  .ptd-topbar { flex-direction:column !important; }
  .ptd-kpis,
  .ptd-stats-grid { grid-template-columns:1fr !important; }
}

/* FINAL POLISH – compact vertical alignment */
.ptd-layout {
  align-items: start !important;
  row-gap: 10px !important;
}

.ptd-live-card {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 12px !important;
}

.ptd-pool-card {
  min-height: 0 !important;
  height: auto !important;
}

.ptd-table-wrap {
  margin-bottom: 0 !important;
}

.ptd-card {
  margin: 0 !important;
}

.ptd-card-head {
  margin-bottom: 9px !important;
}

.ptd-table td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.ptd-table th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* cleaner final look */
.ptd-card,
.ptd-kpi {
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
}

.ptd-dashboard {
  padding-bottom: 24px !important;
}


/* FINAL FIX – align first dashboard row cleanly */
.ptd-layout {
  align-items: stretch !important;
}

.ptd-live-card,
.ptd-pool-card {
  height: 292px !important;
  min-height: 292px !important;
  max-height: 292px !important;
}

.ptd-live-card {
  display: flex !important;
  flex-direction: column !important;
}

.ptd-table-wrap {
  flex: 1 !important;
}

.ptd-table td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.ptd-table th {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.ptd-pool-lines div {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.ptd-pool-main {
  margin-bottom: 8px !important;
}

.ptd-pool-card .ptd-card-head {
  margin-bottom: 8px !important;
}

.ptd-card button {
  height: 24px !important;
}


/* FINAL SIZE POLISH – Dashboard ca. 10% größer */
.ptd-dashboard {
  padding: 20px 20px 30px !important;
}

.ptd-topbar h1 {
  font-size: 24px !important;
}

.ptd-topbar p {
  font-size: 13px !important;
}

.ptd-system {
  height: 27px !important;
  font-size: 12px !important;
}

.ptd-kpis {
  gap: 11px !important;
  margin-bottom: 11px !important;
}

.ptd-kpi {
  min-height: 116px !important;
  padding: 13px !important;
}

.ptd-kpi-head span {
  font-size: 10px !important;
}

.ptd-kpi strong {
  font-size: 22px !important;
}

.ptd-kpi p {
  font-size: 10.5px !important;
}

.ptd-kpi svg {
  height: 31px !important;
}

.ptd-layout {
  gap: 11px !important;
}

.ptd-card {
  padding: 13px !important;
}

.ptd-card-head h2 {
  font-size: 13px !important;
}

.ptd-card-head p {
  font-size: 11px !important;
}

.ptd-table th {
  padding: 9px 11px !important;
  font-size: 9.5px !important;
}

.ptd-table td {
  padding: 10px 11px !important;
  font-size: 11.5px !important;
}

.ptd-worker strong {
  font-size: 12px !important;
}

.ptd-worker small {
  font-size: 9.5px !important;
}

.ptd-status {
  height: 22px !important;
  font-size: 9px !important;
}

.ptd-btc-logo {
  width: 40px !important;
  height: 40px !important;
  font-size: 20px !important;
}

.ptd-pool-main strong {
  font-size: 20px !important;
}

.ptd-pool-lines div {
  padding: 8px 0 !important;
}

.ptd-pool-lines span,
.ptd-pool-lines strong {
  font-size: 11.5px !important;
}

.ptd-activity-item {
  padding: 9px !important;
}

.ptd-activity-item strong {
  font-size: 11.5px !important;
}

.ptd-activity-item small,
.ptd-activity-item em {
  font-size: 10px !important;
}

.ptd-stats-grid > div {
  padding: 11px !important;
}

.ptd-stats-grid span {
  font-size: 9.5px !important;
}

.ptd-stats-grid strong {
  font-size: 19px !important;
}

.ptd-live-card,
.ptd-pool-card {
  height: 320px !important;
  min-height: 320px !important;
  max-height: 320px !important;
}


/* FINAL SIDEBAR CLEANUP – readable left navigation */
.dash-sidebar {
  width: 180px !important;
  min-width: 180px !important;
  padding: 14px 12px !important;
}

.dash-nav,
.dash-menu,
.sidebar-nav {
  width: 100% !important;
}

.dash-nav-item {
  width: 100% !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  margin-bottom: 6px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.dash-nav-item span,
.dash-nav-item .nav-text {
  overflow: visible !important;
  text-overflow: unset !important;
}

.dash-nav-item.active {
  background: #173865 !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #3b82f6 !important;
}

.dash-logo,
.dash-brand {
  transform: none !important;
  margin-bottom: 16px !important;
}

.dash-logo img,
.dash-brand img {
  max-width: 34px !important;
  max-height: 34px !important;
}

/* Dashboard content adapts to wider sidebar */
.ptd-dashboard {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 900px) {
  .dash-sidebar {
    width: 76px !important;
    min-width: 76px !important;
  }
}


/* ==================================================
   GLOBAL UI UNIFY – all dashboard pages same style
   CSS only, no function changes
   ================================================== */

.dash-content,
#dashContent,
.main-content,
.dashboard-main {
  background:
    radial-gradient(circle at 80% 0%, rgba(59,130,246,.08), transparent 28%),
    radial-gradient(circle at 100% 14%, rgba(245,158,11,.045), transparent 22%),
    #050914 !important;
  color: #fff !important;
}

/* Generic page containers */
.page,
.page-section,
.content-section,
.dashboard-section,
.miner-page,
.wallet-page,
.earnings-page,
.payouts-page,
.setup-page,
.settings-page,
.calculator-page {
  background: transparent !important;
  color: #fff !important;
}

/* All cards unified */
.card,
.info-card,
.kpi-card,
.stat-card,
.metric-card,
.worker-card,
.miner-card,
.wallet-card,
.earnings-card,
.payout-card,
.setup-card,
.settings-card,
.settings-card-pro,
.worker-detail-card,
.data-table-wrap,
.table-card,
.panel,
.section-card {
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
  color: #fff !important;
}

/* Headings */
.dash-content h1,
.dash-content h2,
.dash-content h3,
#dashContent h1,
#dashContent h2,
#dashContent h3 {
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

.dash-content p,
.dash-content small,
.dash-content .muted,
.dash-content .subtext,
.dash-content .text-muted {
  color: #8ea0b8 !important;
}

/* Tables unified */
table,
.data-table,
.workers-table,
.payouts-table,
.earnings-table {
  background: #0b1322 !important;
  color: #fff !important;
  border-collapse: collapse !important;
}

thead,
.data-table thead {
  background: #09111f !important;
}

th,
.data-table th {
  background: #09111f !important;
  color: #8ea0b8 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-size: 9.5px !important;
  font-weight: 950 !important;
  padding: 9px 11px !important;
  border-bottom: 1px solid #1b2940 !important;
}

td,
.data-table td {
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
  padding: 10px 11px !important;
  border-top: 1px solid rgba(27,41,64,.75) !important;
}

tr:hover td {
  background: rgba(59,130,246,.035) !important;
}

/* Buttons unified */
.btn,
button,
.button {
  border-radius: 6px !important;
  font-weight: 850 !important;
}

.btn-primary,
button.primary,
.primary-btn {
  background: #173865 !important;
  border: 1px solid #3b82f6 !important;
  color: #fff !important;
}

.btn-outline,
.btn-secondary,
button.secondary {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #3b82f6 !important;
}

.btn-danger,
button.danger {
  background: rgba(239,68,68,.12) !important;
  border: 1px solid rgba(239,68,68,.35) !important;
  color: #f87171 !important;
}

/* Inputs unified */
input,
select,
textarea {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #fff !important;
  border-radius: 7px !important;
}

input::placeholder,
textarea::placeholder {
  color: #64748b !important;
}

label {
  color: #cbd5e1 !important;
  font-weight: 800 !important;
}

/* Badges unified */
.badge,
.status-badge,
.tag,
.pill,
.status-pill {
  border-radius: 999px !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

/* Online / success */
.online,
.active,
.success,
.badge-online,
.status-online {
  background: rgba(34,197,94,.12) !important;
  border-color: rgba(34,197,94,.35) !important;
  color: #4ade80 !important;
}

/* Offline / error */
.offline,
.error,
.danger,
.badge-offline,
.status-offline {
  background: rgba(239,68,68,.12) !important;
  border-color: rgba(239,68,68,.35) !important;
  color: #f87171 !important;
}

/* Prepared / warning */
.prepared,
.pending,
.warning,
.badge-prepared,
.status-prepared {
  background: rgba(245,158,11,.12) !important;
  border-color: rgba(245,158,11,.35) !important;
  color: #f59e0b !important;
}

/* Miner page / detail grids */
.detail-grid,
.stats-grid,
.kpi-grid,
.metrics-grid,
.settings-grid,
.wallet-grid {
  gap: 10px !important;
}

.detail-grid > div,
.stats-grid > div,
.metrics-grid > div,
.wallet-grid > div {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  border-radius: 7px !important;
}

/* Filter bars */
.filter-bar,
.filters,
.search-bar,
.toolbar {
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
}

/* Keep dashboard v2 untouched but consistent */
.ptd-card,
.ptd-kpi {
  border-color: #1b2940 !important;
}

/* Scrollbars cleaner */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #050914;
}

::-webkit-scrollbar-thumb {
  background: #1b2940;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2b3f60;
}


/* ==================================================
   SAFE DASHBOARD POLISH ONLY
   Ziel: nur eingeloggtes Dashboard optisch vereinheitlichen.
   Keine Landingpage, keine Register-Logik, keine API/Router Änderungen.
   ================================================== */

#dashboardApp {
  background: #050914 !important;
  color: #ffffff !important;
}

#dashboardApp .dash-header {
  height: 52px !important;
  background: #050914 !important;
  border-bottom: 1px solid #1b2940 !important;
  box-shadow: none !important;
}

#dashboardApp .dash-body {
  background: #050914 !important;
}

#dashboardApp .dash-sidebar {
  width: 180px !important;
  min-width: 180px !important;
  background: #050914 !important;
  border-right: 1px solid #1b2940 !important;
  padding: 14px 12px !important;
}

#dashboardApp .sidebar-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

#dashboardApp .sidebar-link {
  width: 100% !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #8ea0b8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

#dashboardApp .sidebar-link:hover {
  background: rgba(59,130,246,.10) !important;
  color: #ffffff !important;
}

#dashboardApp .sidebar-link.active {
  background: #173865 !important;
  color: #ffffff !important;
  box-shadow: inset 3px 0 0 #3b82f6 !important;
}

#dashboardApp .dash-content {
  background:
    radial-gradient(circle at 80% 0%, rgba(59,130,246,.08), transparent 28%),
    radial-gradient(circle at 100% 14%, rgba(245,158,11,.045), transparent 22%),
    #050914 !important;
  color: #ffffff !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* Dashboard Übersicht bleibt kompakt/professionell */
#dashboardApp .ptd-dashboard {
  padding: 20px 20px 30px !important;
}

#dashboardApp .ptd-kpi,
#dashboardApp .ptd-card {
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
}

#dashboardApp .ptd-table-wrap {
  border: 1px solid #1b2940 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}

#dashboardApp .ptd-table th {
  background: #09111f !important;
  color: #8ea0b8 !important;
}

#dashboardApp .ptd-table td {
  color: #ffffff !important;
  border-top: 1px solid rgba(27,41,64,.75) !important;
}

/* Unterseiten: Miner, Wallet, Auszahlungen, Setup, Settings, Rechner */
#dashboardApp .dash-section-title {
  margin: 0 0 16px !important;
  padding: 20px 20px 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

#dashboardApp .dash-section-title + p {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

#dashboardApp .kpi-grid,
#dashboardApp .wallet-kpi-grid {
  padding: 0 20px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 11px !important;
  margin-bottom: 14px !important;
}

#dashboardApp .kpi-card,
#dashboardApp .info-card,
#dashboardApp .settings-card-pro,
#dashboardApp .setup-flow-card,
#dashboardApp .setup-guide-card,
#dashboardApp .setup-example-card,
#dashboardApp .setup-connected-card,
#dashboardApp .calc-inputs,
#dashboardApp .calc-summary-card,
#dashboardApp .calc-result-card,
#dashboardApp .liquidity-hero,
#dashboardApp .liquidity-card,
#dashboardApp .pack-card,
#dashboardApp .worker-detail-card {
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
  color: #ffffff !important;
}

#dashboardApp .kpi-card {
  min-height: 105px !important;
  padding: 13px !important;
}

#dashboardApp .kpi-label {
  color: #8ea0b8 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 10px !important;
}

#dashboardApp .kpi-value {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

#dashboardApp .kpi-sub,
#dashboardApp p,
#dashboardApp small {
  color: #8ea0b8 !important;
}

#dashboardApp .filter-bar,
#dashboardApp .settings-tabs {
  margin: 0 20px 14px !important;
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

#dashboardApp .filter-btn,
#dashboardApp .settings-tab {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #8ea0b8 !important;
  border-radius: 7px !important;
  font-weight: 850 !important;
}

#dashboardApp .filter-btn.active,
#dashboardApp .settings-tab.active {
  background: #173865 !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

#dashboardApp .filter-search {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}

#dashboardApp .data-table-wrap {
  margin: 0 20px 18px !important;
  background: #0b1322 !important;
  border: 1px solid #1b2940 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.20) !important;
  overflow: auto !important;
}

#dashboardApp .data-table {
  width: 100% !important;
  background: #0b1322 !important;
  border-collapse: collapse !important;
}

#dashboardApp .data-table th {
  background: #09111f !important;
  color: #8ea0b8 !important;
  padding: 9px 11px !important;
  font-size: 9.5px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  border-bottom: 1px solid #1b2940 !important;
}

#dashboardApp .data-table td {
  color: #ffffff !important;
  padding: 10px 11px !important;
  font-size: 11.5px !important;
  font-weight: 760 !important;
  border-top: 1px solid rgba(27,41,64,.75) !important;
}

#dashboardApp .data-table tr:hover td {
  background: rgba(59,130,246,.035) !important;
}

#dashboardApp .btn,
#dashboardApp button {
  border-radius: 6px !important;
  font-weight: 850 !important;
}

#dashboardApp .btn-primary {
  background: #173865 !important;
  border: 1px solid #3b82f6 !important;
  color: #ffffff !important;
}

#dashboardApp .btn-outline,
#dashboardApp .btn-secondary {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #3b82f6 !important;
}

#dashboardApp input,
#dashboardApp select,
#dashboardApp textarea {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  color: #ffffff !important;
  border-radius: 7px !important;
}

#dashboardApp input::placeholder,
#dashboardApp textarea::placeholder {
  color: #64748b !important;
}

#dashboardApp label {
  color: #cbd5e1 !important;
  font-weight: 800 !important;
}

#dashboardApp .status-badge,
#dashboardApp .badge,
#dashboardApp .tag {
  border-radius: 999px !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  border: 1px solid transparent !important;
}

#dashboardApp .status-badge.online {
  background: rgba(34,197,94,.12) !important;
  border-color: rgba(34,197,94,.35) !important;
  color: #4ade80 !important;
}

#dashboardApp .status-badge.offline {
  background: rgba(245,158,11,.12) !important;
  border-color: rgba(245,158,11,.35) !important;
  color: #f59e0b !important;
}

#dashboardApp .status-badge.standby,
#dashboardApp .status-badge.coming-soon {
  background: rgba(59,130,246,.12) !important;
  border-color: rgba(59,130,246,.35) !important;
  color: #60a5fa !important;
}

#dashboardApp .calc-grid,
#dashboardApp .setup-auto-grid,
#dashboardApp .settings-card-pro,
#dashboardApp .liquidity-cards,
#dashboardApp .packs-grid {
  margin: 0 20px 18px !important;
}

#dashboardApp .setup-flow-card {
  margin: 0 20px 14px !important;
}

#dashboardApp .settings-card-pro.single {
  max-width: none !important;
}

#dashboardApp .settings-account-clean,
#dashboardApp .settings-wallet-grid {
  display: grid !important;
  gap: 10px !important;
}

#dashboardApp .settings-account-clean > div,
#dashboardApp .settings-wallet-grid label,
#dashboardApp .detail-grid > div {
  background: #09111f !important;
  border: 1px solid #1b2940 !important;
  border-radius: 7px !important;
}

@media (max-width: 1200px) {
  #dashboardApp .kpi-grid,
  #dashboardApp .wallet-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #dashboardApp .dash-sidebar {
    width: 76px !important;
    min-width: 76px !important;
    padding: 12px 6px !important;
  }

  #dashboardApp .sidebar-link {
    justify-content: center !important;
    font-size: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 720px) {
  #dashboardApp .kpi-grid,
  #dashboardApp .wallet-kpi-grid,
  #dashboardApp .settings-account-clean,
  #dashboardApp .settings-wallet-grid {
    grid-template-columns: 1fr !important;
  }
}