.pa-shell{margin:1rem 0;padding:1.2rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(12,31,48,.97),rgba(7,20,33,.97));box-shadow:var(--shadow);scroll-margin-top:84px}.pa-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.pa-head h2{margin:.35rem 0;font-size:1.6rem}.pa-head p{margin:.2rem 0;color:var(--muted);font-size:.72rem}.pa-live{text-align:right}.pa-live span,.pa-live strong{display:block}.pa-live span{color:var(--muted);font-size:.62rem}.pa-live strong{font-size:1.3rem;color:var(--green)}.pa-warning{margin:.8rem 0;padding:.8rem 1rem;border-left:3px solid var(--orange);background:rgba(255,180,84,.06);border-radius:0 12px 12px 0}.pa-warning strong{font-size:.72rem}.pa-warning ul{margin:.35rem 0;padding-left:1rem;color:var(--muted);font-size:.66rem;line-height:1.55}.pa-controls{display:flex;justify-content:space-between;gap:.8rem;margin:.9rem 0;overflow:auto}.pa-chart-tabs,.pa-periods{display:flex;gap:.35rem}.pa-controls button{min-height:36px;border:1px solid var(--line);border-radius:999px;background:#081725;color:var(--muted);padding:.4rem .65rem;font-size:.64rem;font-weight:850;white-space:nowrap;cursor:pointer}.pa-controls button.active{background:var(--green);border-color:var(--green);color:#05231a}.pa-chart-panel{border:1px solid var(--line);border-radius:16px;padding:.8rem;background:#081725}.pa-chart-title{display:flex;justify-content:space-between;gap:1rem}.pa-chart-title span{color:var(--muted);font-size:.64rem}.pa-chart-panel svg{display:block;width:100%;height:auto;min-height:260px;margin-top:.45rem}.pa-axis{stroke:#38516a;stroke-width:1}.pa-baseline{stroke:var(--blue);stroke-width:1.5;stroke-dasharray:6 5}.pa-label{fill:#91a8bc;font-size:11px}.pa-value{fill:#f3f8fc;font-size:11px}.pa-empty{padding:3rem 1rem;text-align:center;color:var(--muted);font-size:.72rem}.pa-metric-groups{margin-top:.8rem;display:grid;gap:.65rem}.pa-metric-group{border:1px solid var(--line);border-radius:14px;background:#081725}.pa-metric-group summary{padding:.7rem .85rem;font-size:.72rem;font-weight:900;cursor:pointer}.pa-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:0 .7rem .7rem}.pa-metric{padding:.65rem;border:1px solid var(--line);border-radius:10px;background:#061522}.pa-metric span,.pa-metric strong,.pa-metric small{display:block}.pa-metric span{color:var(--muted);font-size:.59rem}.pa-metric strong{font-size:1rem;margin:.22rem 0}.pa-metric small{color:var(--muted);font-size:.54rem;line-height:1.35}.pa-metric.muted{opacity:.7}.pa-na{color:var(--orange);font-size:.78rem}.pa-dd-detail{margin-top:.8rem;padding:.8rem;border:1px solid var(--line);border-radius:14px;background:#081725}.pa-dd-detail h3{margin:.1rem 0 .7rem;font-size:.8rem}.pa-dd-detail>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.pa-dd-detail>div>div{padding:.55rem;border:1px solid var(--line);border-radius:9px}.pa-dd-detail span,.pa-dd-detail b{display:block}.pa-dd-detail span{color:var(--muted);font-size:.57rem}.pa-dd-detail b{font-size:.72rem;margin-top:.2rem}.pa-definitions{margin-top:.7rem;border:1px solid var(--line);border-radius:12px}.pa-definitions summary{padding:.65rem .8rem;cursor:pointer;font-size:.68rem}.pa-definitions div{padding:0 .8rem .8rem}.pa-definitions p{display:grid;grid-template-columns:170px 1fr;gap:.6rem;margin:.35rem 0;padding-bottom:.35rem;border-bottom:1px solid var(--line);font-size:.62rem}.pa-definitions span{color:var(--muted)}@media(max-width:1000px){.pa-metric-grid{grid-template-columns:repeat(3,1fr)}.pa-dd-detail>div{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.pa-shell{padding:.85rem;border-radius:16px}.pa-head{display:block}.pa-live{text-align:left;margin-top:.6rem}.pa-controls{display:block}.pa-chart-tabs,.pa-periods{overflow:auto;padding-bottom:.4rem}.pa-controls button{min-height:44px}.pa-chart-panel{padding:.55rem}.pa-chart-title{display:block}.pa-chart-title span{display:block;margin-top:.2rem}.pa-chart-panel svg{min-height:220px}.pa-metric-grid{grid-template-columns:repeat(2,1fr)}.pa-dd-detail>div{grid-template-columns:repeat(2,1fr)}.pa-definitions p{grid-template-columns:1fr}}@media(max-width:390px){.pa-metric-grid,.pa-dd-detail>div{grid-template-columns:1fr}}