:root{--brand:#123c69;--brand2:#1f7a4d;--bg:#f4f6f9}
body{background:var(--bg);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}
.navbar-brand{font-weight:700;letter-spacing:.2px}
.bg-brand{background:var(--brand)!important}
.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:#0d2d50;color:#fff}
.card{border:0;box-shadow:0 1px 3px rgba(16,24,40,.08);border-radius:10px}
.card-header{background:#fff;font-weight:600;border-bottom:1px solid #eef0f3}
.stat{font-size:1.6rem;font-weight:700;line-height:1.1}
.stat-label{font-size:.78rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.hero{background:linear-gradient(120deg,#123c69,#1f5f8b);color:#fff;border-radius:12px;padding:22px 26px}
.hero small{opacity:.85}
.nav-tabs .nav-link{color:#475467}.nav-tabs .nav-link.active{font-weight:600;color:var(--brand)}
.table td,.table th{vertical-align:middle}
.badge-st{font-weight:500}
.pre{white-space:pre-wrap}
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#123c69 0%,#1f7a4d 100%);padding:16px}
.auth-card{max-width:520px;width:100%}
.svc-card{transition:transform .1s}.svc-card:hover{transform:translateY(-2px)}
.timeline-item{border-left:3px solid #d0d5dd;padding:6px 0 10px 14px;margin-left:6px}
.timeline-item.in{border-color:#1f7a4d}.timeline-item.out{border-color:#123c69}
@media (max-width:576px){.hero{padding:16px}.stat{font-size:1.25rem}}