:root{color:#16202a;font-synthesis:none;background:#eef2f5;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7f9fb 0%,#e8edf1 100%);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:.78rem 1.15rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}.primary{color:#fff;background:#173b57}.secondary{color:#173b57;background:#dce5eb}.shell{width:min(980px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem}.hero{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.25rem;display:flex}.hero h1{margin:.25rem 0 .65rem;font-size:clamp(2rem,5vw,3.35rem)}.hero p{max-width:650px;margin:0;line-height:1.7}.eyebrow{color:#45677e;letter-spacing:.08em;font-size:.76rem;font-weight:800}.environment-badge{white-space:nowrap;color:#8b2929;background:#fff5f5;border:1px solid #9b3a3a;border-radius:999px;padding:.55rem .85rem;font-size:.78rem;font-weight:800;display:inline-flex}.panel{background:#fff;border:1px solid #d4dde3;border-radius:18px;padding:clamp(1.25rem,4vw,2rem);box-shadow:0 16px 42px #1a2e3d14}.panel+.panel{margin-top:1rem}.hidden{display:none!important}.stack{gap:1rem;max-width:460px;display:grid}label{gap:.45rem;font-weight:700;display:grid}input{background:#fbfcfd;border:1px solid #aebdc7;border-radius:10px;width:100%;padding:.78rem}input:focus{border-color:#1d587d;outline:3px solid #1d587d2e}.notice{color:#23475e;background:#e5edf2;border-radius:12px;min-height:2.9rem;margin-bottom:1rem;padding:.82rem 1rem}.notice[data-kind=safe]{color:#205b39;background:#e7f3ec}.notice[data-kind=warning]{color:#6a4b00;background:#fff5db}.notice[data-kind=error]{color:#842525;background:#feeaea}.qr{border:1px solid #d4dde3;border-radius:12px;width:min(260px,100%);padding:.5rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.panel-heading h2{margin-top:.25rem}.identity-grid,.metric-grid,.gate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.identity-grid{margin:1.2rem 0}.identity-grid div,.metric-grid article,.gate-card{background:#f5f8fa;border:1px solid #dce4e9;border-radius:12px;padding:.95rem}dt,.metric-grid span{color:#5b6d78;font-size:.78rem}dd{overflow-wrap:anywhere;margin:.4rem 0 0;font-weight:800}.metric-grid strong{margin-top:.4rem;font-size:1.5rem;display:block}.subpanel{border-top:1px solid #e2e8ec;margin-top:1.35rem;padding-top:1.25rem}.subpanel h3{margin-top:0}.gate-card strong,.gate-card span{display:block}.gate-card span{color:#536975;margin-top:.4rem}.gate-card[data-state=passed]{background:#eaf5ee;border-color:#b8d8c5}.gate-card[data-state=failed],.gate-card[data-state=revoked]{background:#fff0f0;border-color:#e6bcbc}.credential-panel{background:#fffaf0;border:1px solid #d7c88f;border-radius:14px;padding:1.2rem}.credential-panel>p{line-height:1.7}.credential-meta{color:#4d5f69;flex-wrap:wrap;gap:.7rem 1.5rem;margin:.9rem 0;display:flex}.token-label{margin-top:1rem}#monday-token{text-align:left;overflow-wrap:anywhere;direction:ltr;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.help-text{color:#596b76;margin:.55rem 0 0;font-size:.88rem;line-height:1.6}.safety-box{color:#243d4e}.safety-box ul{margin-bottom:0;line-height:1.8}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.4rem;display:flex}.result{min-height:1.5rem;font-weight:700}@media (width<=760px){.hero{display:grid}.identity-grid,.metric-grid,.gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.identity-grid,.metric-grid,.gate-grid{grid-template-columns:1fr}.panel-heading{display:grid}}