:root{--bg: #0f0d1f;--card: #141226;--ink: #f3f4f6;--muted: #9ca3af;--accent: #5068ff;--ring: #211e3e;--danger: #ef4444}.dash-card.small{min-height:220px}.dash-card.hero{min-height:400px}.header{margin-bottom:16px;display:flex;justify-content:space-between}.header h1{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}.header .sub{font-size:14px;color:#a5b4fc;margin-top:0rem}@media (min-width: 600px){.header h1{font-size:18px}.header .sub{font-size:16px}}@media (min-width: 1024px){.header h1{padding-top:0;font-size:20px}.header .sub{font-size:18px}}.loadcfg{padding:24px;color:var(--muted)}.dash-card{background:#141226;background-image:radial-gradient(120% 80% at 10% 0%,#5068ff33,#5068ff00 60%),radial-gradient(100% 60% at 90% 0%,#22d3ee1f,#22d3ee00 70%),linear-gradient(180deg,#1a172e,#141226);border:1px solid #2a2747;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-height:320px;box-shadow:0 0 0 1px #5068ff0d,0 12px 28px #00000059;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dash-card:hover{transform:translateY(-2px);border-color:#3b78ff;box-shadow:0 0 0 1px #3b78ff40,0 18px 36px #00000073}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.dash-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #2a2747;background:linear-gradient(180deg,#25223f8c,#1a172e00)}.dash-card-head h3{margin:0;font-weight:600;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-badge{font-size:12px;color:#fff;background:var(--accent);padding:4px 8px;border-radius:999px}.dash-card-body{padding:8px 12px 12px;flex:1;display:flex;align-items:center;justify-content:center}.dash-skeleton{width:100%;height:360px;border-radius:8px;display:flex;justify-content:center;align-items:center;background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dash-empty{color:var(--muted)}.dash-error{color:var(--danger);font-weight:600}.row-span-2{grid-row:span 2}.error,.loadcfg{text-align:center;margin-top:100px}.dashboard-grid{display:flex;flex-direction:column;gap:20px;padding:10px}.mobile-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:10px}@media (min-width: 480px) and (max-width: 899px){.mobile-grid{grid-template-columns:repeat(2,1fr)}.mobile-grid .dash-card.mini{grid-column:span 1}.mobile-grid .dash-card.small{grid-column:span 2}}.dashboard-cluster{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.dashboard-cluster{grid-template-columns:6fr 7fr;align-items:stretch}.dashboard-cluster.flip{grid-template-columns:7fr 6fr}}.cluster-hero{display:flex}.cluster-hero .dash-card{height:420px;width:100%}.cluster-stack{display:grid;gap:16px}.cluster-stack.mosaic{grid-template-columns:1fr}@media (min-width: 900px){.cluster-stack.mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr;grid-auto-flow:dense}.dashboard-cluster:not(.flip) .cluster-stack.mosaic .tile-1{grid-column:1;grid-row:1}.dashboard-cluster:not(.flip) .cluster-stack.mosaic .tile-2{grid-column:2;grid-row:1}.dashboard-cluster:not(.flip) .cluster-stack.mosaic .tile-3{grid-column:1 / span 2;grid-row:2}.dashboard-cluster.flip .cluster-stack.mosaic .tile-1{grid-column:1 / span 2;grid-row:1}.dashboard-cluster.flip .cluster-stack.mosaic .tile-2{grid-column:1;grid-row:2}.dashboard-cluster.flip .cluster-stack.mosaic .tile-3{grid-column:2;grid-row:2}}.dashboard-wide{display:grid;grid-template-columns:1fr}.dashboard-strip{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.dash-card.small{min-height:260px}.dash-card.hero{min-height:100%}.dashboard-strip{grid-template-columns:repeat(3,1fr);align-items:stretch}}:root{background:#110f20}