body { margin: 0; font-family: sans-serif; color: #333; background: #fff; }
.pd { max-width: 1000px; margin: 0 auto; padding: 32px 16px; }
.pd h1 { color: #1e5fbf; }
.pd-note { color: #888; font-size: 14px; }
.pd-error { color: #c00; }
.pd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.pd-card { background: #f5f6f8; border-radius: 8px; padding: 20px; }
.pd-card h2 { font-size: 16px; margin: 0 0 12px; color: #555; }
.pd-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pd-kpi { background: #1e3a6e; color: #fff; border-radius: 6px; padding: 12px; }
.pd-kpi b { display: block; font-size: 22px; }
.pd-kpi span { font-size: 12px; opacity: .8; }
.pd-tz { margin: 12px 0 20px; display: flex; align-items: center; gap: 6px; font-size: 14px; color: #555; }
.pd-tz button { background: #fff; color: #1e5fbf; border: 1px solid #1e5fbf; border-radius: 6px; padding: 5px 12px; font-size: 13px; cursor: pointer; }
.pd-tz button.active { background: #1e5fbf; color: #fff; }
.pd-empty { color: #888; grid-column: 1 / -1; }
@media (max-width: 700px) { .pd-grid { grid-template-columns: 1fr; } }
.pd-back { margin: 0 0 8px; font-size: 13px; }
.pd-back a { color: #888; text-decoration: none; }
.pd-back a:hover { color: #1e5fbf; text-decoration: underline; }