:root{--navy:#102a43;--teal:#007f83;--teal-dark:#006267;--paper:#f4f7f8;--ink:#15232f;--muted:#64727d;--line:#d4dce0;--valid:#1d8a62;--overdue:#c45454;--future:#a9b2b8}*{box-sizing:border-box}html{background:#e8edef}body{color:var(--ink);background:radial-gradient(circle at 50% 0,#007f831a,#0000 34rem),#e8edef;margin:0;font-family:Arial,Helvetica,sans-serif}.app-shell{min-height:100vh;padding:20px 12px}.phone-card{background:#fffffff7;border:1px solid #d1dadd;border-radius:30px;width:min(100%,470px);margin:0 auto;padding:24px 18px 18px;box-shadow:0 24px 70px #142b3724}.brand-header{text-align:center}.hcc-logo{object-fit:contain;width:min(100%,330px);max-height:150px;margin:0 auto 16px;display:block}.rule{background:linear-gradient(90deg,#0000,#9ca8ae 15% 85%,#0000);height:2px;margin-bottom:14px}.test-pill{color:#8b5515;letter-spacing:.14em;background:#fff5df;border:1px solid #d08a2e;border-radius:999px;margin:0 0 11px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}h1{color:var(--navy);letter-spacing:-.035em;margin:0;font-size:clamp(26px,7vw,34px);line-height:1.08}.clean-room-label{color:var(--teal-dark);letter-spacing:.13em;text-transform:uppercase;margin:7px 0 20px;font-size:13px;font-weight:800}.status-panel,.calendar-panel{border:1px solid var(--line);background:var(--paper);border-radius:22px}.status-panel{border-top:5px solid var(--teal);padding:18px}.status-live{border-top-color:var(--valid)}.status-degraded,.status-error{border-top-color:var(--overdue)}.status-no_data{border-top-color:var(--future)}.status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-row span,.date-block span,.calendar-heading>div>span{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:800}.status-row strong{color:#fff;background:var(--teal);letter-spacing:.08em;border-radius:999px;padding:6px 10px;font-size:12px}.status-live .status-row strong{background:var(--valid)}.status-degraded .status-row strong,.status-error .status-row strong{background:var(--overdue)}.status-no_data .status-row strong{background:var(--future);color:#21303a}.status-panel>p{color:var(--muted);margin:10px 0 0;font-size:13px}.date-block{border-top:1px solid var(--line);flex-direction:column;align-items:center;margin-top:19px;padding:18px 12px 13px;display:flex}.date-block small{color:#7c8992;letter-spacing:.08em;margin-top:3px;font-size:10px;font-weight:700}.date-block strong{color:var(--navy);letter-spacing:-.05em;margin-top:10px;font-size:clamp(36px,12vw,54px);line-height:1}.status-panel .updated-at{text-align:center;margin-top:5px;font-size:10px}.calendar-panel{background:#fff;margin-top:16px;padding:16px 12px 14px}.calendar-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:0 4px 14px;display:flex}.calendar-heading h2{color:var(--navy);text-transform:capitalize;margin:3px 0 0;font-size:20px}.legend{color:var(--muted);gap:4px;font-size:8px;font-weight:800;display:grid}.legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot.valid{background:var(--valid)}.dot.overdue{background:var(--overdue)}.dot.future{background:var(--future)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekday{text-align:center;color:#7f8b92;padding-bottom:4px;font-size:10px;font-weight:800}.calendar-day{aspect-ratio:1;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.calendar-day strong{font-size:14px}.calendar-day span{letter-spacing:.03em;font-size:6px;font-weight:900}.calendar-day.valid{color:#07583d;background:#dcefe6;border-color:#a5d5bf}.calendar-day.overdue{color:#8c2f34;background:#f7e3e3;border-color:#e8b9b9}.calendar-day.future{color:#58636b;background:#edf0f2;border-color:#dce1e4}.calendar-empty{color:var(--muted);text-align:center;background:#f1f4f5;border-radius:14px;padding:28px 16px;font-size:13px;line-height:1.5}.form-button{color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-dark));text-align:center;letter-spacing:.035em;border-radius:17px;justify-content:center;align-items:center;min-height:56px;margin-top:16px;padding:14px 18px;font-size:14px;font-weight:900;text-decoration:none;display:flex;box-shadow:0 12px 24px #00626733}.form-button:focus-visible{outline-offset:3px;outline:3px solid #007f8359}footer{color:#7b878e;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}footer img{width:82px;height:auto}.module-index{text-align:center}.module-index>p:not(.test-pill,.clean-room-label){color:var(--muted);line-height:1.5}@media (max-width:380px){.app-shell{padding:8px 5px}.phone-card{border-radius:22px;padding:20px 12px 14px}.calendar-grid{gap:3px}.calendar-day{border-radius:8px}.calendar-day span{font-size:5px}.calendar-heading{flex-direction:column}.legend{grid-template-columns:repeat(3,auto)}}@media (prefers-reduced-motion:no-preference){.form-button{transition:transform .16s,box-shadow .16s}.form-button:hover{transform:translateY(-1px);box-shadow:0 15px 28px #0062673d}}