.pro28-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.pro28-head h1{margin:0;color:#082b4d}.pro28-head p{margin:6px 0 0;color:#50627a}.pro28-grid-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.pro28-kpi{background:#fff;border:1px solid #dce6f1;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(8,43,77,.06);border-left:5px solid #14517e}.pro28-kpi span{display:block;color:#50627a;font-size:13px}.pro28-kpi strong{display:block;color:#071f3a;font-size:30px;line-height:1.2;margin:6px 0}.pro28-kpi small{color:#6a7b90}.pro28-kpi.warn{border-left-color:#ffae22}.pro28-kpi.danger{border-left-color:#e53935}.pro28-kpi.info{border-left-color:#2596d4}.pro28-kpi.success{border-left-color:#22b573}.pro28-kpi.dark{border-left-color:#092b4c}.pro28-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.9fr);gap:18px;margin-bottom:18px}.pro28-card{border-radius:14px;border:1px solid #dce6f1;box-shadow:0 8px 24px rgba(8,43,77,.05)}.pro28-card h3{margin-top:0;color:#082b4d}.pro28-table-wrap{overflow:auto}.pro28-table{width:100%;border-collapse:collapse}.pro28-table th{font-size:12px;text-transform:uppercase;color:#607089;background:#f6f9fc}.pro28-table th,.pro28-table td{padding:11px 10px;border-bottom:1px solid #e6edf5;vertical-align:top}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.badge-danger{background:#ffe5e5;color:#b50000}.badge-warning{background:#fff1d2;color:#9a5b00}.badge-info{background:#e3f2ff;color:#07598f}.badge-success{background:#def8ea;color:#08743d}.badge-secondary{background:#eef2f5;color:#506070}.pro28-bars{display:grid;gap:11px}.pro28-bar-row{display:grid;grid-template-columns:120px 1fr 36px;align-items:center;gap:9px;font-size:13px}.pro28-bar-row div{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.pro28-bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14517e,#2aa8e0)}.pro28-bars.slim .pro28-bar-row{grid-template-columns:130px 1fr 34px}.muted{color:#718096}.btn.btn-sm{padding:5px 9px;font-size:12px}@media(max-width:1200px){.pro28-grid-kpi{grid-template-columns:repeat(3,1fr)}.pro28-layout{grid-template-columns:1fr}}@media(max-width:760px){.pro28-grid-kpi{grid-template-columns:1fr}.pro28-head{display:block}.pro28-head form{margin-top:10px}.pro28-bar-row,.pro28-bars.slim .pro28-bar-row{grid-template-columns:1fr}.pro28-bar-row b{justify-self:end}}