:root{--dash-series-0:var(--color-blue-500);--dash-series-1:var(--color-orange-500);--dash-series-2:var(--color-green-500);--dash-series-3:#6aa5e8;--dash-series-4:#e8a45c;--dash-series-5:var(--color-navy-700)}.dh-page{padding:var(--space-5)}.dh-loading{color:var(--color-text-muted)}.dh-hero{justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);color:#fff;background:linear-gradient(90deg, var(--color-navy-900) 0%, var(--color-navy-800) 100%);box-shadow:var(--shadow-hover);border-radius:16px;padding:26px 34px;display:flex}.dh-hero-main{min-width:0;max-width:560px}.dh-hero-brand{letter-spacing:.01em;margin:0 0 10px;font-size:.95rem;font-weight:800}.dh-accent{color:var(--color-gold-500)}.dh-hero h1{overflow-wrap:anywhere;margin:0 0 8px;font-size:2.1rem;font-weight:800;line-height:1.15}.dh-hero-text{color:#dbe3f0;max-width:34em;margin:0 0 16px;line-height:1.5}.dh-hero .dh-hero-refresh{background:var(--color-gold-500);color:var(--color-navy-900);border-color:var(--color-gold-500);font-weight:700}.dh-hero .dh-hero-refresh:hover:not(:disabled){filter:brightness(1.05)}.dh-hero-side{text-align:right;flex-direction:column;align-items:flex-end;gap:14px;display:flex}.dh-hero-tags{white-space:nowrap;font-weight:500}.dh-hero-script{color:var(--color-gold-500);white-space:nowrap;font-family:Segoe Script,Brush Script MT,Lucida Handwriting,cursive;font-size:1.7rem;transform:rotate(-7deg)}.dh-stats{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dh-stat{--tone:var(--color-blue-500);--tone-2:#4f8ff0;justify-content:space-between;gap:var(--space-2);min-width:0;color:var(--color-text);border-radius:14px;flex-direction:column;padding:18px 20px 12px;display:flex}.dh-stat.tone-purple{--tone:var(--color-purple-500);--tone-2:#9b7bf5}.dh-stat.tone-orange{--tone:#f29a0c;--tone-2:#ffc23a}.dh-stat.tone-green{--tone:#12955a;--tone-2:#34c27e}.dh-stat-head{align-items:flex-start;gap:14px;min-width:0;display:flex}.dh-stat-icon{color:#fff;background:linear-gradient(135deg, var(--tone-2), var(--tone));border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.dh-stat-icon svg{stroke-width:1.8px;width:26px;height:26px}.dh-stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.dh-stat-label,.dh-stat-note{font-size:var(--fs-sm);color:var(--color-text-muted)}.dh-stat-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.65rem;font-weight:800;line-height:1.2}.dh-stat-delta{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:600}.dh-stat-delta.trend-up{color:var(--badge-ok-text)}.dh-stat-delta.trend-down{color:var(--badge-danger-text)}.dh-spark{width:100%;height:44px;color:var(--tone)}.dh-main{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.dh-main:has(.dh-live-slot){grid-template-columns:minmax(0,1fr) minmax(0,340px)}.dh-main-col,.dh-lower-col{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.dh-lower{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.dh-card{min-width:0}.dh-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.dh-card-title{font-size:var(--fs-lg);margin:0;font-weight:700}.dh-card-link{font-size:var(--fs-sm);color:var(--color-primary);font-weight:600}.dh-tabs{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dh-tab{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-text);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;padding:6px 14px}.dh-tab[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:700}.dh-person{align-items:center;gap:var(--space-2);display:inline-flex}.dh-avatar{background:var(--badge-progress-bg);width:28px;height:28px;color:var(--badge-progress-text);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:700;display:grid}.dh-period{margin-bottom:var(--space-3)}.dh-period-select{max-width:220px}.dh-chart{height:240px;position:relative}.dh-table-scroll{max-height:180px;margin-top:var(--space-3);overflow:auto}.dh-data-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.dh-data-table th,.dh-data-table td{padding:4px var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;font-weight:400}.dh-data-table thead th{color:var(--color-text-muted);font-weight:600}.dh-data-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.dh-split-body{gap:var(--space-4);grid-template-columns:180px minmax(0,1fr);align-items:center;display:grid}.dh-donut{height:180px;position:relative}.dh-donut-center{pointer-events:none;font-size:var(--fs-xs);color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dh-donut-center strong{color:var(--color-text);font-size:1.5rem}.dh-dot{width:10px;height:10px;margin-right:var(--space-2);border-radius:50%;display:inline-block}.dh-dot.dot-0{background:var(--dash-series-0)}.dh-dot.dot-1{background:var(--dash-series-1)}.dh-dot.dot-2{background:var(--dash-series-2)}.dh-dot.dot-3{background:var(--dash-series-3)}.dh-dot.dot-4{background:var(--dash-series-4)}.dh-dot.dot-5{background:var(--dash-series-5)}.dh-quick-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:0;padding:0;list-style:none;display:grid}.dh-quick-btn{--tone:var(--color-navy-800);align-items:center;gap:var(--space-3);border:1px solid var(--color-border-strong);border-left:4px solid var(--tone);border-radius:var(--radius-control);background:var(--color-card);color:var(--color-text);padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.dh-quick-btn:hover{box-shadow:var(--shadow-hover)}.dh-quick-btn svg{width:22px;height:22px;color:var(--tone);flex:none}.dh-quick-btn.tone-navy{--tone:var(--color-navy-700)}.dh-quick-btn.tone-orange{--tone:#f29a0c}.dh-quick-btn.tone-green{--tone:#12955a}.dh-quick-btn.tone-purple{--tone:var(--color-purple-500)}.dh-quick-btn.tone-blue{--tone:var(--color-blue-500)}.dh-quick-btn.tone-teal{--tone:#0e8a8a}.dh-alert-list,.dh-security-list{margin:0;padding:0;list-style:none}.dh-alert{border-bottom:1px solid var(--color-border)}.dh-alert:last-child{border-bottom:0}.dh-alert-link{align-items:center;gap:var(--space-3);color:inherit;padding:10px 0;text-decoration:none;display:flex}.dh-alert-icon{background:var(--badge-neutral-bg);width:32px;height:32px;color:var(--badge-neutral-text);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.dh-alert-icon.danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.dh-alert-icon.progress{background:var(--badge-progress-bg);color:var(--badge-progress-text)}.dh-alert-icon.ok{background:var(--badge-ok-bg);color:var(--badge-ok-text)}.dh-alert-icon.pending{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.dh-alert-text{flex-direction:column;min-width:0;display:flex}.dh-alert-title{font-weight:600}.dh-alert-sub{font-size:var(--fs-xs);color:var(--color-text-muted)}.dh-security-banner{margin:0 0 var(--space-3);border-radius:var(--radius-control);background:var(--badge-ok-bg);color:var(--badge-ok-text);padding:10px 14px;font-weight:700}.dh-security-banner.warn{background:var(--badge-pending-bg);color:var(--badge-pending-text)}.dh-security-list li{gap:var(--space-2);padding:4px 0;display:flex}.dh-security-list .ok{color:var(--badge-ok-text)}.dh-security-list .ko{color:var(--badge-danger-text)}.dh-security-list .unknown{color:var(--badge-pending-text)}.dh-security-backup{gap:var(--space-2);margin:var(--space-3) 0;font-size:var(--fs-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.dh-security-link{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text);text-align:center;padding:8px 12px;font-weight:600;text-decoration:none;display:block}.table-error{align-items:flex-start;gap:var(--space-3);color:var(--badge-danger-text);flex-direction:column;display:flex}@media (max-width:1200px){.dh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.dh-lower,.dh-main:has(.dh-live-slot)){grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.dh-page{padding:var(--space-4)}.dh-stats,.dh-split-body{grid-template-columns:minmax(0,1fr)}.dh-hero-side{display:none}}.dh-row-actions{align-items:center;gap:var(--space-2);display:inline-flex}.dh-hint{margin:var(--space-3) 0 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.dh-live-slot{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.live-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.live-online{font-size:var(--fs-xs);color:var(--badge-ok-text);align-items:center;gap:6px;display:inline-flex}.live-online:before{content:"";width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%}.live-freshness{font-size:var(--fs-xs);color:var(--color-text-muted)}.live-offline{font-size:var(--fs-xs);color:var(--badge-danger-text);background:var(--badge-danger-bg);border-radius:var(--radius-pill);white-space:nowrap;padding:2px 8px;font-weight:600}.live-panel.is-paused .live-list{opacity:.6}.live-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.live-row-item{border-bottom:1px solid var(--color-border);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:6px;display:flex}.live-row-item:last-child{border-bottom:0}.live-icon{width:34px;height:34px;color:var(--tone,var(--color-blue-500));background:color-mix(in srgb, var(--tone,var(--color-blue-500)) 12%, var(--color-card));border-radius:10px;flex:none;place-items:center;display:grid}.live-icon svg{width:20px;height:20px}.tone-blue{--tone:var(--color-blue-500)}.tone-purple{--tone:var(--color-purple-500)}.tone-orange{--tone:#f29a0c}.tone-amber{--tone:#d98e04}.tone-red{--tone:var(--color-red-500)}.tone-slate{--tone:#5b6b83}.live-text{flex-direction:column;min-width:0;display:flex}.live-label{font-size:var(--fs-xs);color:var(--color-text-muted)}.live-value{color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.05rem;font-weight:800}.live-row-item.is-changed{animation:.9s ease-out live-flash}@keyframes live-flash{0%{background:color-mix(in srgb, var(--color-gold-500) 22%, var(--color-card))}to{background:0 0}}.feed-panel{top:var(--space-3);flex-direction:column;min-width:0;display:flex;position:sticky}.feed-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.feed-see-all{white-space:nowrap;margin-left:auto}.feed-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.feed-body[hidden]{display:none}.feed-filter{width:100%}.feed-list{flex-direction:column;max-height:520px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.feed-item{--tone:var(--badge-neutral-text);--tone-bg:var(--badge-neutral-bg);border-bottom:1px solid var(--color-border);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 2px;display:grid}.feed-item:last-child{border-bottom:0}.feed-item.feed-ok{--tone:var(--badge-ok-text);--tone-bg:var(--badge-ok-bg)}.feed-item.feed-progress{--tone:var(--badge-progress-text);--tone-bg:var(--badge-progress-bg)}.feed-item.feed-danger{--tone:var(--badge-danger-text);--tone-bg:var(--badge-danger-bg)}.feed-icon{width:38px;height:38px;color:var(--tone);background:var(--tone-bg);border-radius:50%;place-items:center;display:grid}.feed-icon svg{width:19px;height:19px}.feed-text{flex-direction:column;gap:2px;min-width:0;display:flex}.feed-summary{font-size:var(--fs-sm);color:var(--color-text);overflow-wrap:anywhere;font-weight:600}.feed-time{font-size:var(--fs-xs);color:var(--color-text-muted)}.feed-tag{border-radius:var(--radius-pill);white-space:nowrap;color:var(--tone);background:var(--tone-bg);padding:3px 10px;font-size:.7rem;font-weight:600}.table-empty{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}@media (prefers-reduced-motion:reduce){.live-row-item.is-changed{animation:none}}@media (max-width:1200px){.feed-panel{position:static}}