.pnl-app{font-family:inherit;color:#fff;padding:1.5rem 1rem;max-width:880px;margin:0 auto}
.pnl-empty{text-align:center;padding:3rem 1rem;background:rgba(255,255,255,.05);border-radius:20px;border:1px dashed rgba(255,255,255,.15)}
.pnl-empty-icon{font-size:4rem;opacity:.5;margin-bottom:1rem}
.pnl-empty h3{margin:0 0 .5rem;font-size:1.4rem}
.pnl-empty p{opacity:.75;margin:0 0 1.5rem;line-height:1.6}
.pnl-empty-cta{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-decoration:none;padding:.9rem 1.8rem;border-radius:50px;font-weight:600}
.pnl-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}
.pnl-stat{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.15));border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:1.3rem 1rem;text-align:center}
.pnl-stat-num{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
.pnl-stat-label{font-size:.85rem;opacity:.85;margin-top:.4rem}
.pnl-list{display:flex;flex-direction:column;gap:.6rem}
.pnl-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.2rem;display:flex;align-items:center;gap:1rem}
.pnl-item-icono{font-size:1.8rem;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:10px;flex-shrink:0}
.pnl-item-body{flex:1;min-width:0}
.pnl-item-titulo{font-weight:600;margin-bottom:.2rem}
.pnl-item-meta{font-size:.85rem;opacity:.7}
.pnl-item-pct{font-weight:800;font-size:1.3rem;flex-shrink:0;padding:.4rem .8rem;border-radius:8px}
.pnl-pct-alto{color:#10b981;background:rgba(16,185,129,.15)}
.pnl-pct-medio{color:#fbbf24;background:rgba(251,191,36,.15)}
.pnl-pct-bajo{color:#f87171;background:rgba(248,113,113,.15)}
.pnl-bar{display:flex;height:24px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.05);margin-bottom:.4rem}
.pnl-bar-fill{transition:width .8s ease}
.pnl-fam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}
.pnl-fam{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.2rem}
.pnl-fam-titulo{font-weight:700;margin-bottom:.5rem;font-size:1.05rem}
.pnl-fam-stat{font-size:.9rem;opacity:.8;margin-bottom:.5rem}
.pnl-fam-bar{height:10px;background:rgba(255,255,255,.08);border-radius:5px;overflow:hidden}
.pnl-fam-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);transition:width .8s ease}
.pnl-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.pnl-btn{padding:.8rem 1.6rem;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem}
.pnl-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}
.pnl-btn-danger{background:transparent;color:#f87171;border:1.5px solid #f87171}
.pnl-btn-danger:hover{background:#f87171;color:#1a1a2e}
.pnl-section-titulo{font-size:1.3rem;font-weight:700;margin:2rem 0 1rem;color:#10b981}
.pnl-tabla{width:100%;border-collapse:collapse;font-size:.95rem}
.pnl-tabla th,.pnl-tabla td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
.pnl-tabla th{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.7}
.pnl-tabla tr:hover td{background:rgba(255,255,255,.03)}
.pnl-nivel-card{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.15));border:2px solid rgba(16,185,129,.4);border-radius:18px;padding:2rem;text-align:center;margin-bottom:2rem}
.pnl-nivel-icono{font-size:4rem;margin-bottom:1rem}
.pnl-nivel-titulo{font-size:1.6rem;font-weight:700;margin-bottom:.3rem;color:#10b981}
.pnl-nivel-desc{opacity:.85;line-height:1.6;max-width:520px;margin:0 auto}
@media (max-width:600px){.pnl-stat-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.pnl-stat-num{font-size:1.8rem}.pnl-item-pct{font-size:1rem;padding:.3rem .6rem}}