.wdw-dashboard-v1,
.wdw-dashboard-v1 * { box-sizing: border-box; }

.wdw-dashboard-v1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 24px 132px;
  color:var(--wdw-text-primary);
  background:
    radial-gradient(circle at 18% 20%, color-mix(in srgb,var(--wdw-ambient-glow-primary) 12%,transparent), transparent 30%),
    radial-gradient(circle at 82% 78%, color-mix(in srgb,var(--wdw-ambient-glow-secondary) 8%,transparent), transparent 28%),
    linear-gradient(180deg, var(--wdw-section-bg) 0%, var(--wdw-page-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.wdw-dashboard-v1__ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.wdw-dashboard-v1__grid { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(113,158,192,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(113,158,192,.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }
.wdw-dashboard-v1__glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: .16; }
.wdw-dashboard-v1__glow--a { left: -260px; top: 12%; background:color-mix(in srgb,var(--wdw-ambient-glow-primary) 34%,transparent); }
.wdw-dashboard-v1__glow--b { right: -250px; bottom: 2%; background:color-mix(in srgb,var(--wdw-ambient-glow-secondary) 28%,transparent); }

.wdw-dashboard-v1__inner { width: min(1480px, 100%); margin: 0 auto; }
.wdw-dashboard-v1__heading { width: min(1030px, 100%); margin: 0 auto 66px; text-align: center; }
.wdw-dashboard-v1__eyebrow { display: inline-flex; align-items: center; gap: 9px; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .15em; }
.wdw-dashboard-v1__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #76dbe8; box-shadow: 0 0 14px rgba(118,219,232,.62); }
.wdw-dashboard-v1__heading h2 { margin: 18px 0 0; color:var(--wdw-text-primary); font-size: clamp(46px, 5.25vw, 80px); line-height: .98; letter-spacing: -.055em; font-weight: 900; }
.wdw-dashboard-v1__heading h2 span { background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-dashboard-v1__heading p { width: min(900px, 100%); margin: 24px auto 0; color:var(--wdw-text-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.72; }

.wdw-dashboard-v1__frame { overflow: hidden; border:1px solid color-mix(in srgb,var(--wdw-container-border) 27%,transparent); border-radius: 30px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 98%,transparent), color-mix(in srgb,var(--wdw-container-bg) 99%,transparent)); box-shadow: 0 38px 100px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025); }
.wdw-dashboard-v1__topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 26px; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 16%,transparent); background: var(--wdw-field-elevated-bg); }
.wdw-dashboard-v1__site { display: flex; align-items: center; gap: 14px; }
.wdw-dashboard-v1__site-mark { width: 52px; height: 52px; display: grid; place-items: center; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 16px; color:var(--wdw-text-accent); background: rgba(111,206,226,.06); }
.wdw-dashboard-v1__site-mark svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wdw-dashboard-v1__site small,
.wdw-dashboard-v1__overall small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
.wdw-dashboard-v1__site strong { display: block; margin-top: 5px; color:var(--wdw-text-primary); font-size: 21px; line-height: 1.2; }
.wdw-dashboard-v1__overall { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 10px 16px; border:1px solid rgba(92,211,177,.19); border-radius: 16px; background: rgba(54,116,97,.14); }
.wdw-dashboard-v1__overall-led { width: 12px; height: 12px; border-radius: 50%; background: #72dfbd; box-shadow: 0 0 17px rgba(114,223,189,.72); }
.wdw-dashboard-v1__overall strong { display: block; margin-top: 4px; color: #c9eee3; font-size: 16px; line-height: 1.3; }

.wdw-dashboard-v1__metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; padding: 22px 24px 0; }
.wdw-dashboard-v1__metrics article { min-width: 0; padding: 18px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 19%,transparent); border-radius: 18px; background: var(--wdw-field-bg); }
.wdw-dashboard-v1__metrics small { display: block; color:var(--wdw-text-muted); font-size: 14px; font-weight: 900; letter-spacing: .1em; }
.wdw-dashboard-v1__metrics strong { display: block; margin-top: 9px; color:var(--wdw-text-primary); font-size: clamp(24px, 2.4vw, 34px); line-height: 1; letter-spacing: -.025em; }
.wdw-dashboard-v1__metrics span { display: block; margin-top: 8px; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.45; }

.wdw-dashboard-v1__body { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 16px; padding: 18px 24px 24px; }
.wdw-dashboard-v1__signals,
.wdw-dashboard-v1__activity { min-width: 0; padding: 22px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 22px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 94%,transparent), color-mix(in srgb,var(--wdw-container-bg) 97%,transparent)); }
.wdw-dashboard-v1__section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom:1px solid color-mix(in srgb,var(--wdw-container-border) 14%,transparent); }
.wdw-dashboard-v1__section-head small { display: block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .12em; }
.wdw-dashboard-v1__section-head strong { display: block; margin-top: 5px; color:var(--wdw-text-primary); font-size: 19px; line-height: 1.3; }
.wdw-dashboard-v1__section-head > span { min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; border:1px solid var(--wdw-field-border-soft); border-radius: 999px; color:var(--wdw-text-accent); background: rgba(111,206,226,.05); font-size: 14px; font-weight: 900; letter-spacing: .05em; }

.wdw-dashboard-v1__signal-list { display: grid; gap: 11px; margin-top: 18px; }
.wdw-dashboard-v1__signal { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 13px; align-items: center; padding: 14px; border:1px solid var(--wdw-field-border-soft); border-radius: 15px; background: var(--wdw-field-elevated-bg); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.wdw-dashboard-v1__signal-icon { width: 40px; height: 40px; display: grid; place-items: center; border:1px solid var(--wdw-field-border-soft); border-radius: 12px; color:var(--wdw-text-accent); background: rgba(111,206,226,.05); font-size: 17px; font-weight: 900; }
.wdw-dashboard-v1__signal strong { display: block; color:var(--wdw-text-primary); font-size: 16px; line-height: 1.3; }
.wdw-dashboard-v1__signal small { display: block; margin-top: 4px; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.45; }
.wdw-dashboard-v1__signal > b { min-width: 88px; padding: 7px 9px; border:1px solid rgba(96,211,177,.16); border-radius: 10px; color: #84e2c4; background: rgba(96,211,177,.05); text-align: center; font-size: 14px; font-weight: 900; }
.wdw-dashboard-v1__signal.is-active { transform: translateY(-2px); border-color:var(--wdw-field-border-strong); background: var(--wdw-field-active-bg); }

.wdw-dashboard-v1__pulse-card { margin-top: 18px; padding: 17px 18px 12px; border:1px solid var(--wdw-field-border-soft); border-radius: 18px; background: var(--wdw-field-elevated-bg); }
.wdw-dashboard-v1__pulse-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wdw-dashboard-v1__pulse-head span { color:var(--wdw-text-secondary); font-size: 15px; font-weight: 750; }
.wdw-dashboard-v1__pulse-head strong { color: #83dfc1; font-size: 14px; font-weight: 900; letter-spacing: .05em; }
.wdw-dashboard-v1__chart { width: 100%; height: 150px; margin-top: 8px; overflow: visible; }
.wdw-dashboard-v1__chart-grid { fill: none; stroke: rgba(111,154,184,.11); stroke-width: 1; }
.wdw-dashboard-v1__chart-area { fill: url(#wdwDashboardArea); }
.wdw-dashboard-v1__chart-line { fill: none; stroke: #69d6e4; stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 6px rgba(105,214,228,.24)); }
.wdw-dashboard-v1__chart-dot { fill: #79e2cd; filter: drop-shadow(0 0 7px rgba(121,226,205,.70)); }

.wdw-dashboard-v1__events { display: grid; gap: 11px; margin-top: 16px; }
.wdw-dashboard-v1__events > div { padding: 13px 14px; border-left:2px solid color-mix(in srgb,var(--wdw-container-border) 38%,transparent); background: linear-gradient(90deg, var(--wdw-field-elevated-bg), transparent); opacity: .78; transition: opacity .25s ease, transform .25s ease; }
.wdw-dashboard-v1__events > div.is-active { opacity: 1; transform: translateX(3px); }
.wdw-dashboard-v1__events span { display: block; color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .08em; }
.wdw-dashboard-v1__events strong { display: block; margin-top: 4px; color:var(--wdw-text-accent); font-size: 15px; line-height: 1.35; }
.wdw-dashboard-v1__events small { display: block; margin-top: 4px; color:var(--wdw-text-muted); font-size: 14px; line-height: 1.45; }

.wdw-dashboard-v1__footer-strip { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 11px; padding: 17px 24px; border-top:1px solid color-mix(in srgb,var(--wdw-container-border) 14%,transparent); color:var(--wdw-text-muted); background: var(--wdw-field-elevated-bg); font-size: 14px; font-weight: 900; letter-spacing: .07em; }
.wdw-dashboard-v1__footer-strip i { width: 5px; height: 5px; border-radius: 50%; background: #70d4df; box-shadow: 0 0 8px rgba(112,212,223,.55); }

.wdw-dashboard-v1__closing { width: min(1120px, 100%); display: grid; grid-template-columns: auto minmax(0,1fr); gap: 24px; align-items: center; margin: 52px auto 0; padding: 22px 26px; border:1px solid color-mix(in srgb,var(--wdw-container-border) 20%,transparent); border-radius: 18px; background: var(--wdw-field-elevated-bg); }
.wdw-dashboard-v1__closing span { color:var(--wdw-text-accent); font-size: 14px; font-weight: 900; letter-spacing: .14em; }
.wdw-dashboard-v1__closing strong { color:var(--wdw-text-secondary); font-size: 15px; line-height: 1.65; font-weight: 680; }

@media (max-width: 1120px) {
  .wdw-dashboard-v1__metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wdw-dashboard-v1__body { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .wdw-dashboard-v1 { padding: 92px 16px 104px; }
  .wdw-dashboard-v1__heading { margin-bottom: 44px; }
  .wdw-dashboard-v1__heading h2 {color:var(--wdw-text-primary); font-size: clamp(42px, 13vw, 62px); }
  .wdw-dashboard-v1__frame { border-radius: 22px; }
  .wdw-dashboard-v1__topbar { flex-direction: column; align-items: stretch; padding: 18px 16px; }
  .wdw-dashboard-v1__overall { width: 100%; }
  .wdw-dashboard-v1__metrics { grid-template-columns: 1fr; padding: 16px 16px 0; }
  .wdw-dashboard-v1__body { padding: 16px; }
  .wdw-dashboard-v1__signals,
  .wdw-dashboard-v1__activity { padding: 18px 14px; border-radius: 18px; }
  .wdw-dashboard-v1__section-head { flex-direction: column; align-items: flex-start; }
  .wdw-dashboard-v1__signal { grid-template-columns: 40px minmax(0,1fr); }
  .wdw-dashboard-v1__signal > b { grid-column: 1 / -1; width: 100%; }
  .wdw-dashboard-v1__chart { height: 130px; }
  .wdw-dashboard-v1__closing { grid-template-columns: 1fr; gap: 8px; padding: 20px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-dashboard-v1 *,
  .wdw-dashboard-v1 *::before,
  .wdw-dashboard-v1 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}