:root{--dpc-cyan:#4fe7e2;--dpc-blue:#70a8ff;--dpc-green:#78f2bf;--dpc-amber:#ffc76b;--dpc-red:#ff7d8b}
.dpc-page .dpc-hero-art{background:radial-gradient(circle at 30% 25%,rgba(79,231,226,.22),transparent 35%),radial-gradient(circle at 72% 30%,rgba(112,168,255,.20),transparent 36%),linear-gradient(145deg,#071521,#0c2031 55%,#08151f);position:relative;overflow:hidden}
.dpc-page .dpc-hero-art:before{content:"";position:absolute;inset:8%;background-image:linear-gradient(rgba(79,231,226,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(79,231,226,.10) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 15%,transparent 72%);opacity:.8}
.dpc-page .dpc-hero-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(79,231,226,.24);border-radius:50%;right:8%;top:12%;box-shadow:0 0 70px rgba(79,231,226,.15),inset 0 0 50px rgba(112,168,255,.08)}
.dpc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dpc-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.dpc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dpc-card{background:linear-gradient(180deg,rgba(14,36,53,.92),rgba(7,22,34,.95));border:1px solid rgba(137,210,228,.18);border-radius:22px;padding:22px;box-shadow:0 20px 70px rgba(0,0,0,.2);min-width:0;position:relative;overflow:hidden}.dpc-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:56px;background:linear-gradient(var(--dpc-cyan),var(--dpc-blue))}.dpc-card h3{margin:8px 0 8px;color:#fff;font-size:1.02rem}.dpc-card p{margin:0;color:#adc1d0;line-height:1.55}.dpc-card .meta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.dpc-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(120,242,191,.2);background:rgba(120,242,191,.07);color:#c8f9e4;font-size:.78rem}.dpc-pill.warn{border-color:rgba(255,199,107,.25);background:rgba(255,199,107,.08);color:#ffe0aa}.dpc-pill.blue{border-color:rgba(112,168,255,.25);background:rgba(112,168,255,.08);color:#d6e6ff}
.dpc-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.dpc-toolbar button,.dpc-toolbar select{border:1px solid rgba(137,210,228,.2);background:#0a1d2c;color:#eaf8ff;border-radius:12px;padding:10px 12px}.dpc-toolbar button{cursor:pointer}.dpc-toolbar button.primary{background:linear-gradient(135deg,#20c8c1,#3b8cff);border:0;color:#03131c;font-weight:800}
.dpc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.dpc-kpi{background:#091b29;border:1px solid rgba(137,210,228,.14);border-radius:18px;padding:17px}.dpc-kpi small{display:block;color:#829aaa}.dpc-kpi b{display:block;color:#fff;font-size:1.75rem;margin-top:6px}.dpc-kpi span{color:#80dfc0;font-size:.8rem}
.dpc-list{display:grid;gap:10px}.dpc-row{display:grid;grid-template-columns:1.2fr .9fr .7fr auto;gap:10px;align-items:center;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(137,210,228,.10)}.dpc-row b{color:#f7fbff}.dpc-row span{color:#a9bdcb;font-size:.86rem}.dpc-row button{border:1px solid rgba(79,231,226,.24);background:rgba(79,231,226,.07);color:#cffffd;border-radius:10px;padding:8px 10px;cursor:pointer}
.dpc-meter{height:7px;background:#08151f;border-radius:999px;overflow:hidden;margin-top:9px}.dpc-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dpc-cyan),var(--dpc-blue))}
.dpc-trace{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dpc-trace>div{padding:16px;border-radius:16px;background:#091b29;border:1px solid rgba(137,210,228,.14);position:relative}.dpc-trace>div:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#4fe7e2;font-weight:900}.dpc-trace b{color:#fff;display:block}.dpc-trace span{color:#99afbe;font-size:.82rem}
.dpc-console{background:#04111a;border:1px solid rgba(79,231,226,.18);border-radius:18px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#bcebea;min-height:150px;white-space:pre-wrap}
.dpc-home-section{margin-top:30px}.dpc-home-section .dpc-card a{color:#7cf0ec;text-decoration:none;font-weight:700}.dpc-home-section .dpc-card a:hover{text-decoration:underline}
@media(max-width:980px){.dpc-grid,.dpc-grid.three,.dpc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dpc-trace{grid-template-columns:1fr}.dpc-trace>div:not(:last-child):after{content:"↓";right:20px;top:auto;bottom:-17px}.dpc-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dpc-grid,.dpc-grid.three,.dpc-grid.two,.dpc-kpis{grid-template-columns:1fr}.dpc-row{grid-template-columns:1fr}.dpc-card{padding:18px}}