.dpd-section{background:var(--surface,#f8fbfd);padding:80px 0;position:relative;overflow:hidden}.dpd-copy{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-36px)}.dpd-vis .dpd-copy{opacity:1;transform:none}.dpd-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--primary,#2aa3ce);background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .2);border-radius:100px;align-items:center;padding:7px 16px;font-size:.76rem;font-weight:700;display:inline-flex}.dpd-text{color:var(--text-secondary,#4a5568);margin:20px 0 0;font-size:1.12rem;line-height:1.75}.dpd-chips{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.dpd-chip{color:var(--text-primary,#0a1929);border:1px solid var(--border-light,#0a19291a);box-shadow:var(--shadow-sm,0 2px 8px #0a19290f);background:#fff;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.dpd-chip i{color:var(--primary,#2aa3ce)}.dpd-panel-col{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(34px)scale(.97)}.dpd-vis .dpd-panel-col{opacity:1;transform:none}.dpd-panel{background:linear-gradient(160deg,#0d1e32 0%,#091423 100%);border:1px solid #ffffff1a;border-radius:16px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;box-shadow:0 30px 80px #0a192959}.dpd-bar-top{background:#00000038;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:13px 18px;display:flex}.dpd-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.dpd-dot-r{background:#ff5f57}.dpd-dot-y{background:#febc2e}.dpd-dot-g{background:#28c840}.dpd-title{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;margin-left:10px;font-size:.84rem;font-weight:600;overflow:hidden}.dpd-live{letter-spacing:.08em;color:#22c55e;align-items:center;gap:6px;margin-left:auto;font-size:.72rem;font-weight:700;display:inline-flex}.dpd-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite dpdBlink;box-shadow:0 0 8px #22c55e}@keyframes dpdBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.7)}}.dpd-subbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.dpd-path{color:#ffffff73;font-size:.72rem}.dpd-tag{letter-spacing:.04em;color:var(--primary-light,#5bcfef);background:rgba(var(--primary-rgb), .14);border:1px solid rgba(var(--primary-rgb), .25);border-radius:6px;padding:4px 10px;font-size:.66rem;font-weight:700}.dpd-tree{padding:12px 18px 18px}.dpd-row{opacity:0;border-radius:6px;align-items:center;gap:10px;padding:7px 8px;transition:opacity .45s,transform .45s,background .2s;display:flex;transform:translate(-12px)}.dpd-vis .dpd-row{opacity:1;transform:none}.dpd-row:hover{background:#ffffff0a}.dpd-row-label{color:#fff9;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:8px;min-width:0;font-size:.82rem;display:inline-flex;overflow:hidden}.dpd-row-ic{text-align:center;opacity:.7;width:14px;font-size:.72rem}.dpd-row-root .dpd-row-label{color:#fff;font-size:.95rem;font-weight:800}.dpd-row-root .dpd-row-ic{color:var(--primary-light,#5bcfef);opacity:1}.dpd-row-region .dpd-row-label{color:#ffffffeb;font-weight:700}.dpd-row-region .dpd-row-ic{color:var(--primary,#2aa3ce);opacity:1}.dpd-row-category .dpd-row-label{color:#fff9}.dpd-row-sku .dpd-row-label{color:#ffffffc7}.dpd-row-sku .dpd-row-ic{color:#fff6}.dpd-val{color:var(--primary-light,#5bcfef);flex-shrink:0;font-size:.82rem;font-weight:700}.dpd-row-root .dpd-val{color:#5ed4a5;font-size:.92rem}.dpd-row-right{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.dpd-units{color:#ffffff8c;font-size:.74rem}.dpd-acc{border:1px solid;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}@media (max-width:575px){.dpd-title{font-size:.72rem}.dpd-path,.dpd-units{display:none}}@media (prefers-reduced-motion:reduce){.dpd-copy,.dpd-panel-col,.dpd-row{transition:none}.dpd-live-dot{animation:none}}
