:root{--brand:#0b6e69;--brand-dark:#07514e;--soft:#eef8f7}body{background:#f5f7fa;color:#1c2630}.bg-brand{background:linear-gradient(110deg,var(--brand-dark),var(--brand))}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.logo-mark,.big-logo{display:inline-grid;place-items:center;background:#fff;color:var(--brand);border-radius:50%;font-weight:900}.logo-mark{width:28px;height:28px}.big-logo{width:70px;height:70px;background:var(--soft);font-size:42px;margin-bottom:15px}.auth-shell{min-height:70vh;display:grid;place-items:center}.auth-card{max-width:480px;width:100%}.metric-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(20,40,60,.06);border:1px solid #edf0f2}.metric-value{font-size:2.3rem;font-weight:800;color:var(--brand)}.metric-label{color:#6c7782}.patient-hero{background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;border-radius:18px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.code-light{color:#fff;background:rgba(255,255,255,.15);padding:3px 7px;border-radius:6px}.data-label{display:block;color:#74808b;font-size:.78rem;text-transform:uppercase;margin-bottom:4px}.medical-card{max-width:700px;min-height:380px;border-radius:28px;padding:38px;background:linear-gradient(130deg,#07514e,#0b6e69 60%,#1aa39b);color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25)}.medical-cross{font-size:48px;font-weight:900}.id-number{font-family:monospace;font-size:1.35rem;letter-spacing:2px}.qr-box{display:inline-block;padding:18px;background:#fff;border-radius:14px;margin:20px auto}.qr-box img{margin:auto}.table thead th{font-size:.75rem;text-transform:uppercase;color:#66717b;background:#f9fafb}.card{border-radius:14px}.form-control,.form-select{border-radius:10px;min-height:44px}@media(max-width:768px){.patient-hero{align-items:flex-start;flex-direction:column}.medical-card{min-height:auto;padding:25px}}@media print{nav,footer,.btn{display:none!important}body{background:#fff}.medical-card{box-shadow:none;margin-top:40px}}