:root{--navy:#142d4e;--blue:#1769aa;--teal:#18a4a6}
body{background:#f4f6f9;color:#203047;font-family:Inter,Segoe UI,Arial,sans-serif}
.py-navbar{background:var(--navy)}
.navbar-brand{letter-spacing:.2px}.navbar-brand span{font-size:.86rem}
.card{border-radius:14px}.stat-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px rgba(20,45,78,.05);height:100%}
.stat-label,.detail-label{font-size:.78rem;color:#718096;text-transform:uppercase;letter-spacing:.06em}
.stat-number{font-size:2rem;font-weight:750;color:var(--navy);margin-top:4px}
.eyebrow{font-size:.72rem;letter-spacing:.14em;color:var(--teal);font-weight:750;margin-bottom:5px}
.status-pill{display:inline-block;border-radius:20px;background:#eaf2fb;color:#24547f;padding:5px 10px;font-size:.78rem;white-space:nowrap}
.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#718096;background:#fafbfd;border-bottom:1px solid #e8edf3;white-space:nowrap}
.table td{font-size:.9rem}.skill-cell{max-width:250px;min-width:150px}
.section-heading{font-weight:700;color:var(--navy);margin-bottom:16px}
.detail-value{font-weight:550;overflow-wrap:anywhere}.detail-label{margin-bottom:4px}
.login-wrap{max-width:440px;margin:5vh auto}.brand-mark{width:54px;height:54px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.form-control,.form-select{border-color:#dce3ec;padding:.65rem .8rem}
.btn-primary{background:var(--blue);border-color:var(--blue)}
footer{border-top:1px solid #e7ebf0}
@media(max-width:767px){.table{min-width:760px}.stat-card{padding:15px}.stat-number{font-size:1.6rem}}