.p5-nav-sep{margin:12px 8px 6px;padding:6px 8px;color:#bfe2c7;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;border-top:1px solid rgba(255,255,255,.08)}
.p5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.p5-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.p5-span2{grid-column:span 2}.p5-kpi{border-left:4px solid var(--green);padding:16px;background:linear-gradient(135deg,#fff,#f7fbf6)}.p5-kpi.red{border-left-color:var(--red)}.p5-kpi.amber{border-left-color:var(--yellow)}.p5-kpi .klabel{font-size:12px;color:var(--muted);font-weight:700}.p5-kpi .knum{font-size:28px;font-weight:900;color:var(--navy);margin-top:5px}.p5-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.p5-toolbar>div{min-width:160px;flex:1}.p5-table-wrap{overflow:auto}.p5-table th{position:sticky;top:0}.p5-status{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px}.p5-status.paid{background:#eaf8ea;color:#267b25}.p5-status.partial{background:#fff8df;color:#8a6500}.p5-status.unpaid{background:#fff0f0;color:#b21d1d}.p5-danger-row{background:#fff8f8}.p5-success-row{background:#f7fff6}.p5-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.p5-profile-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.p5-avatar{height:190px;border:1px dashed #b7cbb7;border-radius:16px;background:#f8fbf8;display:grid;place-items:center;color:var(--muted);font-weight:800}.p5-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.p5-field{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.p5-field .fl{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.p5-field .fv{font-size:14px;font-weight:800;margin-top:3px;word-break:break-word}.p5-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.p5-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.p5-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.p5-doc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.p5-doc h4{margin:0;color:var(--navy)}.p5-help{font-size:11px;color:var(--muted);line-height:1.5}.p5-alert{padding:12px 14px;border-radius:12px;border:1px solid #f0d1d1;background:#fff7f7;color:#8c2222}.p5-okbox{padding:12px 14px;border-radius:12px;border:1px solid #cce4c9;background:#f6fff5;color:#2a6e2a}.p5-checklist{display:grid;gap:8px}.p5-checkline{display:flex;gap:8px;align-items:center;padding:8px 10px;background:#fafcf9;border:1px solid var(--line);border-radius:9px}.p5-checkline input{width:auto}.p5-chart{height:230px;display:flex;align-items:flex-end;gap:8px;padding:12px;background:#fafcf9;border-radius:12px;border:1px solid var(--line);overflow:hidden}.p5-bar{flex:1;min-width:10px;background:var(--green);border-radius:6px 6px 0 0;position:relative}.p5-bar span{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;font-size:9px;color:var(--muted);white-space:nowrap}.p5-bars-labels{display:flex;gap:8px;margin-top:5px}.p5-bars-labels div{flex:1;text-align:center;font-size:9px;color:var(--muted)}.p5-document-preview{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;max-width:850px;margin:auto;box-shadow:var(--shadow)}
.p5-sticky-actions{position:sticky;bottom:0;padding:10px;background:rgba(245,248,244,.97);border-top:1px solid var(--line);backdrop-filter:blur(6px);margin:12px -20px -20px;display:flex;gap:8px;justify-content:flex-end;z-index:3}
@media(max-width:1100px){.p5-grid,.p5-doc-grid{grid-template-columns:repeat(2,1fr)}.p5-grid3,.p5-field-grid{grid-template-columns:1fr 1fr}.p5-profile-grid{grid-template-columns:1fr}}
@media(max-width:700px){.p5-grid,.p5-doc-grid,.p5-grid3,.p5-field-grid{grid-template-columns:1fr}.p5-span2{grid-column:span 1}}