.pce-portal{display:grid;grid-template-columns:260px 1fr;min-height:650px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.pce-sidebar{background:#07111f;color:#fff;padding:24px}.pce-sidebar h2{margin:0 0 28px;color:#38bdf8}.pce-sidebar a{display:block;padding:12px 10px;border-radius:10px;color:#dbeafe;text-decoration:none;margin-bottom:6px;background:#ffffff08}
.pce-content{padding:28px}.pce-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.pce-top h2{margin:0}.pce-top p{color:#64748b}.pce-top button{background:#0b5cff;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:700}
.pce-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.pce-kpis div,.pce-panel,.pce-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 12px 30px #0f172a0f}.pce-kpis strong{font-size:30px;display:block;color:#0b5cff}.pce-kpis span{color:#64748b}
.pce-panel table{width:100%;border-collapse:collapse}.pce-panel th,.pce-panel td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0}.ok,.warn,.bad{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.ok{background:#dcfce7;color:#166534}.warn{background:#fef3c7;color:#92400e}.bad{background:#fee2e2;color:#991b1b}.pce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
@media(max-width:850px){.pce-portal{grid-template-columns:1fr}.pce-kpis,.pce-grid{grid-template-columns:1fr}.pce-top{display:block}.pce-sidebar{display:block}}