.mp-attendance{--att-ink:#182d3a;--att-muted:#647887;--att-line:#e2e9ed;--att-teal:#087f79;--att-pale:#eaf6f3;color:var(--att-ink);background:#f9fbfc;border:1px solid #dce5eb;border-radius:22px;padding:0;width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;box-shadow:0 28px 100px #0b253d40;font-family:inherit;text-align:left}.mp-attendance::backdrop{background:#0c203c99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mp-attendance{font-family:MedPulse Icons,Inter,system-ui,-apple-system,Segoe UI,sans-serif}.mp-attendance--wide{width:min(1040px,calc(100vw - 40px))}.mp-attendance *,.mp-att-launcher *{box-sizing:border-box}.mp-attendance button,.mp-attendance input,.mp-attendance select{font:inherit}.mp-attendance button{cursor:pointer}.mp-attendance button:disabled{cursor:not-allowed;opacity:.5}.mp-attendance :focus-visible{outline:3px solid #39a6a1;outline-offset:3px}.mp-att-topbar{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid var(--att-line);background:#fff;position:sticky;top:0;z-index:2}.mp-att-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.mp-att-brandmark{color:#fff;background:var(--att-teal);border-radius:8px;width:30px;height:30px;display:grid;place-content:center;position:relative;font-size:22px;font-weight:800}.mp-att-brandmark span{position:absolute;top:-3px;right:2px;font-size:15px}.mp-att-divider{color:#b6c5cc;padding:0 3px}.mp-att-close{border:1px solid var(--att-line);border-radius:50%;background:#fff;color:var(--att-muted);width:34px;height:34px;font-size:24px!important;line-height:1}.mp-att-content{padding:28px}.mp-att-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.mp-attendance h2{font-size:26px;line-height:1.25;letter-spacing:-.6px;font-weight:750;color:var(--att-ink);margin:7px 0}.mp-attendance h3{font-size:17px;margin:0 0 8px;color:var(--att-ink)}.mp-attendance p{font-size:13px;line-height:1.7;color:var(--att-muted);margin:5px 0}.mp-att-eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--att-teal)}.mp-att-pill{border-radius:30px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;padding:7px 11px;background:#edf1f4;color:#647887;white-space:nowrap}.mp-att-pill--live{color:#077e68;background:#e4f5ee}.mp-att-pill--live:before{content:"";width:6px;height:6px;border-radius:50%;background:#0d9c7a;box-shadow:0 0 0 3px #0d9c7a14}.mp-att-grid{display:grid;grid-template-columns:295px 1fr;gap:22px;align-items:start}.mp-att-panel{background:#fff;border:1px solid var(--att-line);border-radius:15px;padding:21px}.mp-att-panel--anchor{background:linear-gradient(155deg,#f1f9f7,#fff);text-align:center}.mp-att-orbit{width:185px;height:185px;position:relative;margin:7px auto 16px;display:grid;place-items:center}.mp-att-orbit-ring{position:absolute;inset:4px;border:1px solid #bee1d8;border-radius:50%;background:#ebf7f350}.mp-att-orbit-ring--inner{inset:30px;background:#d8f0e840}.mp-att-orbit-core{display:grid;place-items:center;position:relative;width:70px;height:70px;border-radius:22px;background:var(--att-teal);color:#fff;box-shadow:0 10px 25px #087f792b;font-size:35px}.mp-att-orbit-dot{position:absolute;width:10px;height:10px;background:#40a994;top:31px;right:24px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #40a99420}.mp-att-orbit-label{position:absolute;bottom:-1px;background:#fff;border:1px solid #deebe6;border-radius:20px;font-size:11px;color:#437065;padding:5px 12px}.mp-att-clock{margin:21px 0 10px;padding-top:17px;border-top:1px solid var(--att-line);text-align:center}.mp-att-clock>span{font-size:11px;color:var(--att-muted)}.mp-att-clock strong{display:block;font-size:42px;font-weight:650;line-height:1.45;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--att-ink)}.mp-att-clock--urgent strong{color:#b64a27}.mp-att-progress{background:#edf2f3;height:4px;border-radius:4px;overflow:hidden;margin:7px 0 0}.mp-att-progress>span{display:block;height:100%;background:var(--att-teal);transition:width .5s linear}.mp-att-note{border:1px solid #e9dfc4;background:#fffbef;border-radius:10px;color:#79643b;padding:12px 14px;font-size:12px;line-height:1.65;margin-top:16px;text-align:left}.mp-att-note--info{background:#edf6fa;border-color:#d5e7f0;color:#436778}.mp-att-error{background:#fff1f0;color:#a23030;border:1px solid #f4ceca;padding:11px 14px;border-radius:10px;font-size:12px;margin-bottom:16px}.mp-att-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.mp-att-stat{padding:14px 16px;border:1px solid var(--att-line);border-radius:12px;background:#fff}.mp-att-stat strong{display:block;font-size:25px;color:var(--att-ink);font-variant-numeric:tabular-nums}.mp-att-stat span{font-size:11px;color:var(--att-muted)}.mp-att-stat--green{background:var(--att-pale);border-color:#cfe8de}.mp-att-stat--green strong{color:var(--att-teal)}.mp-att-roster-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px}.mp-att-roster-head h3{margin:0}.mp-att-search,.mp-att-field input,.mp-att-field select{border:1px solid #d9e3e8;border-radius:8px;background:#fff;color:var(--att-ink);padding:10px 12px;font-size:13px;width:100%;min-width:0}.mp-att-search{margin-bottom:12px}.mp-att-roster{max-height:320px;overflow:auto}.mp-att-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f3}.mp-att-row:last-child{border-bottom:0}.mp-att-avatar{width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;background:#edf1f7;border-radius:10px;color:#546987;font-size:11px;font-weight:750}.mp-att-person{flex:1;min-width:0}.mp-att-person strong{font-size:12px;display:block;overflow-wrap:anywhere}.mp-att-person small{display:block;font-size:10px;color:var(--att-muted);margin-top:2px}.mp-att-status{font-size:10px;color:#758691;padding:5px 9px;background:#f2f5f7;border-radius:6px;white-space:nowrap}.mp-att-status--present{color:#127656;background:#e6f5ec}.mp-att-status--waiting{color:#8a681c;background:#fcf4df}.mp-att-status--absent{color:#a34b4b;background:#faeded}.mp-att-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--att-line);padding:20px 28px;background:#fff;flex-wrap:wrap;position:sticky;bottom:0;z-index:2}.mp-att-footer p{max-width:450px;font-size:11px}.mp-att-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mp-att-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border:1px solid #dbe4e9;border-radius:9px;background:#fff;color:#3f5665;font-size:12px!important;font-weight:650!important;text-decoration:none}.mp-att-btn--primary{background:var(--att-teal);color:#fff;border-color:var(--att-teal);box-shadow:0 3px 6px #087f7917}.mp-att-btn--danger{background:#fff5f4;color:#ad4444;border-color:#eed0cf}.mp-att-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.mp-att-field label{display:block;font-size:12px;color:#415867;margin-bottom:7px;font-weight:650}.mp-att-field--full{grid-column:1/-1}.mp-att-check{display:flex;align-items:center;gap:10px;cursor:pointer}.mp-att-check input{accent-color:var(--att-teal);width:16px;height:16px;flex-shrink:0}.mp-att-empty{text-align:center;padding:32px 18px}.mp-att-empty h3{margin-top:16px}.mp-att-spinner{width:28px;height:28px;border:3px solid #e0ede9;border-top-color:var(--att-teal);border-radius:50%;animation:mp-att-spin 1s linear infinite;display:block;margin:12px auto}@keyframes mp-att-spin{to{transform:rotate(360deg)}}.mp-att-session{width:100%;background:#fff;text-align:left;border:1px solid var(--att-line);border-radius:12px;padding:17px;margin-top:12px;display:flex;justify-content:space-between;gap:14px;align-items:center}.mp-att-session:hover{border-color:#79b4a8;background:#f6fbf9}.mp-att-session strong{display:block;font-size:14px}.mp-att-session small{display:block;margin-top:7px;color:var(--att-muted);font-size:11px}.mp-att-steps{display:flex;gap:8px;margin:22px 0}.mp-att-step{flex:1;border-top:3px solid #e2e9ed;padding-top:9px;font-size:11px;color:var(--att-muted)}.mp-att-step--done{border-color:var(--att-teal);color:var(--att-teal)}.mp-att-student-center{text-align:center}.mp-att-student-center .mp-att-clock{max-width:245px;margin:18px auto}.mp-att-success{background:#eaf7ef;border:1px solid #cce7d6;color:#27714b;padding:15px;border-radius:11px;margin:20px 0 0;font-size:13px;text-align:center}.mp-att-launcher{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eff8f4;border:1px solid #cfe7dc;border-radius:12px;padding:15px 19px;margin:16px 0;color:#166956}.mp-att-launcher strong{font-size:14px}.mp-att-launcher p{font-size:12px;margin:4px 0 0;color:#507368}.mp-att-launcher button{border:0;background:#087f79;color:#fff;border-radius:8px;padding:10px 15px;font:inherit;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}@media(max-width:700px){.mp-attendance,.mp-attendance--wide{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:15px}.mp-att-grid{grid-template-columns:1fr}.mp-att-content{padding:20px 17px}.mp-att-topbar{padding:13px 17px}.mp-att-footer{padding:17px}.mp-att-heading{flex-wrap:wrap}.mp-attendance h2{font-size:22px}.mp-att-panel{padding:17px}.mp-att-roster{max-height:260px}.mp-att-roster-head{flex-wrap:wrap}.mp-att-orbit{width:155px;height:155px}.mp-att-stat{padding:12px}.mp-att-launcher{align-items:flex-start;flex-direction:column}.mp-att-footer .mp-att-actions{width:100%}.mp-att-footer .mp-att-actions button{flex:1}}@media(prefers-reduced-motion:reduce){.mp-att-spinner{animation:none}.mp-att-progress>span{transition:none}}@media(max-width:700px){.mp-att-student-center .mp-att-orbit{width:125px;height:125px;margin:0 auto 14px}.mp-att-student-center .mp-att-orbit-core{width:56px;height:56px;border-radius:17px}.mp-att-student-center .mp-att-clock{margin:12px auto;padding-top:12px}.mp-att-student-center .mp-att-clock strong{font-size:36px}}