.shahan-demo{display:grid;gap:1rem;color:#172033}.shahan-demo__header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.shahan-demo__header h2{margin:.2rem 0;font-size:clamp(1.5rem,2.7vw,2.35rem)}.shahan-demo__header p:last-child{max-width:58rem;margin:0;color:#5f6f88;line-height:1.75}.shahan-demo__eyebrow,.shahan-demo__section-heading p{margin:0;color:#667085;font-size:.72rem;font-weight:850;letter-spacing:.1em}.shahan-demo__badge{display:inline-flex;white-space:nowrap;border-radius:999px;padding:.5rem .75rem;color:#713f12;background:#fef3c7;font-size:.75rem;font-weight:850}.shahan-demo__announcement{min-height:1.4rem;margin:0;color:#174a8b;font-weight:750}.shahan-demo__kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:.7rem}.shahan-demo__kpis article,.shahan-demo__panel{border:1px solid #dce3ee;border-radius:16px;background:#fff;padding:1rem}.shahan-demo__kpis span,.shahan-demo__kpis small{display:block;color:#667085;font-size:.76rem}.shahan-demo__kpis strong{display:block;margin:.3rem 0;font-size:1.55rem;color:#172554}.shahan-demo__layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:1rem}.shahan-demo__section-heading,.shahan-demo__detail-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.shahan-demo__section-heading h3,.shahan-demo__detail h3{margin:.15rem 0}.shahan-demo__section-heading label{display:grid;gap:.25rem;font-size:.76rem;font-weight:750}.shahan-demo input,.shahan-demo button,.shahan-demo a{font:inherit}.shahan-demo__section-heading input,.shahan-demo__qr-info input{min-height:40px;border:1px solid #b9c5d6;border-radius:8px;padding:.5rem .65rem;background:#fff}.shahan-demo__table-wrap{max-height:560px;overflow:auto;margin-top:.8rem}.shahan-demo table{width:100%;min-width:680px;border-collapse:collapse}.shahan-demo th,.shahan-demo td{padding:.65rem;border-bottom:1px solid #e5eaf2;text-align:right;font-size:.83rem;vertical-align:middle}.shahan-demo th:first-child,.shahan-demo td:first-child,.shahan-demo th:nth-child(2),.shahan-demo td:nth-child(2){text-align:left}.shahan-demo__employee-button{border:0;padding:0;color:#174ea6;background:transparent;font-weight:800;text-decoration:underline;cursor:pointer}.shahan-demo td small{display:block;color:#7a8699}.shahan-demo tr[aria-selected=true]{background:#eef4ff}.shahan-demo__status{display:inline-flex;border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:850}.shahan-demo__status.is-issued{color:#166534;background:#dcfce7}.shahan-demo__status.is-pending{color:#9a3412;background:#ffedd5}.shahan-demo__detail{align-self:start;position:sticky;top:1rem;display:grid;gap:1rem}.shahan-demo__employee-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.shahan-demo__employee-metrics article{padding:.7rem;border-radius:10px;background:#f4f7fb}.shahan-demo__employee-metrics span{display:block;color:#667085;font-size:.7rem}.shahan-demo__employee-metrics strong{font-size:1.05rem}.shahan-demo__qr-area{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:center}.shahan-demo__qr-area img{display:block;max-width:100%;height:auto;border:1px solid #dce3ee}.shahan-demo__qr-info{display:grid;gap:.6rem;min-width:0}.shahan-demo__qr-info strong{overflow-wrap:anywhere}.shahan-demo__qr-info input{width:100%;min-width:0}.shahan-demo__actions{display:flex;gap:.5rem;flex-wrap:wrap}.shahan-demo__portal-link{display:flex;justify-content:center;padding:.65rem;border-radius:8px;color:#fff;background:#172554;text-decoration:none;font-weight:800}.shahan-demo__actions button,.shahan-demo__actions a,.shahan-demo__primary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid #2457d6;border-radius:8px;padding:.5rem .7rem;color:#174ea6;background:#fff;text-decoration:none;font-weight:750;cursor:pointer}.shahan-demo__primary{color:#fff!important;background:#2457d6!important}.shahan-demo__qr-empty{display:grid;gap:.5rem;padding:1rem;border:1px dashed #b8c6dc;border-radius:12px;background:#f8fafc}.shahan-demo__qr-empty p{margin:0;color:#667085;line-height:1.65}.shahan-demo__outcomes{display:grid;gap:.4rem;margin:0;padding-left:1.25rem;color:#4b5565;font-size:.82rem}.shahan-demo__flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.shahan-demo__flow article{display:grid;grid-template-columns:32px 1fr;gap:.15rem .6rem;padding:.85rem;border:1px solid #dce3ee;border-radius:12px;background:#f8fafc}.shahan-demo__flow b{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#2457d6}.shahan-demo__flow span{color:#667085;font-size:.76rem}.shahan-demo__empty{text-align:center!important;color:#667085}@media(max-width:1100px){.shahan-demo__kpis{grid-template-columns:repeat(3,1fr)}.shahan-demo__layout{grid-template-columns:1fr}.shahan-demo__detail{position:static}.shahan-demo__flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shahan-demo__header,.shahan-demo__section-heading{display:grid}.shahan-demo__kpis,.shahan-demo__employee-metrics,.shahan-demo__flow{grid-template-columns:1fr 1fr}.shahan-demo__qr-area{grid-template-columns:1fr}.shahan-demo__qr-area img{margin:auto}}@media(max-width:420px){.shahan-demo__kpis,.shahan-demo__employee-metrics,.shahan-demo__flow{grid-template-columns:1fr}}