.lpa-wrapper{background:#f8fafc;padding:35px;border-radius:24px;font-family:Segoe UI,sans-serif}
.lpa-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}
.lpa-topbar h1{margin:0;font-size:34px;font-weight:800}
.lpa-topbar p{margin-top:8px;color:#64748b}
.lpa-filters{display:flex;gap:10px}
.lpa-filters a{text-decoration:none;background:#fff;border:1px solid #dbe3ec;padding:10px 16px;border-radius:12px;color:#334155;font-weight:600}
.lpa-filters a.active{background:#2563eb;color:#fff}
.lpa-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px}
.lpa-card,.lpa-section{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px}
.lpa-label{font-size:14px;font-weight:600;color:#64748b;margin-bottom:12px}
.lpa-value{font-size:42px;font-weight:800;color:#2563eb}
.lpa-sub{margin-top:10px;color:#64748b}
.lpa-main,.lpa-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:40px}
.lpa-upcoming{margin-bottom:40px}
.lpa-risk{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:12px}
.lpa-risk.safe{background:#ecfdf5;color:#15803d}
.lpa-risk.warning{background:#fff7ed;color:#c2410c}
.lpa-risk.critical{background:#fef2f2;color:#b91c1c}
.lpa-alert{padding:14px;border-radius:12px;margin-bottom:12px;font-weight:600}
.lpa-alert.warning{background:#fff7ed;border:1px solid #fed7aa}
.lpa-alert.critical{background:#fef2f2;border:1px solid #fecaca}
.lpa-ok{color:#16a34a;font-weight:600}
.lpa-chart-wrap{height:320px;max-width:420px}
.lpa-table{width:100%;border-collapse:collapse}
.lpa-table th{text-align:left;padding:16px;border-bottom:2px solid #f1f5f9;color:#64748b}
.lpa-table td{padding:16px;border-bottom:1px solid #f1f5f9}
.lpa-pattern{padding:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-bottom:10px}
@media(max-width:1200px){
.lpa-grid{grid-template-columns:repeat(2,1fr)}
.lpa-main,.lpa-bottom{grid-template-columns:1fr}
}
@media(max-width:700px){
.lpa-grid{grid-template-columns:1fr}
.lpa-topbar{flex-direction:column}
}


.lpa-top-links{
display:flex;
gap:14px;
margin-bottom:24px;
flex-wrap:wrap;
}

.lpa-top-links a{
display:inline-block;
background:#fff;
border:1px solid #dbe3ec;
padding:10px 16px;
border-radius:12px;
text-decoration:none;
font-weight:600;
color:#334155;
}