:root{--bg:#f5f5f7;--surface:#fff;--surface-press:#f2f2f4;--ink:#0b0c0e;--ink-mute:#62656a;--ink-faint:#9aa0a6;--ink-inverse:#fff;--ok:#0ca678;--pending:#f08c00;--alarm:#e03131;--neutral:#d1d5db;--shadow-card:0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04);--shadow-card-hover:0 2px 6px rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.06);--radius-card:20px;--radius-pill:9999px;--radius-input:12px;--rail-width:4px;--pad-card:20px;--pad-container:24px;--gap-card:12px;--gap-stack:8px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);font-feature-settings:"tnum" on}a,body,html{color:var(--ink)}a{text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button,input{font:inherit}.container{max-width:720px;margin:0 auto;padding:var(--pad-container);display:flex;flex-direction:column;gap:var(--gap-card)}.title{font-size:28px;line-height:34px;letter-spacing:-.28px}.card-title,.title{font-weight:600;margin:0;color:var(--ink)}.card-title{font-size:17px;line-height:24px}.body,.card-subtitle{font-size:15px;line-height:22px;font-weight:400;margin:0;color:var(--ink-mute)}.caption{font-size:13px;line-height:18px;font-weight:500}.caption,.status-label{margin:0;color:var(--ink-faint)}.status-label{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.88px;text-transform:uppercase}.status-label.ok{color:var(--ok)}.status-label.pending{color:var(--pending)}.status-label.alarm{color:var(--alarm)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--ink-faint)}.error{color:var(--alarm);font-size:14px;margin:0}.card{display:flex;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card-rail{width:var(--rail-width);flex-shrink:0}.card-rail.ok{background:var(--ok)}.card-rail.pending{background:var(--pending)}.card-rail.alarm{background:var(--alarm)}.card-rail.neutral{background:var(--neutral)}.card-content{flex:1 1;padding:var(--pad-card);display:flex;flex-direction:column;gap:var(--gap-stack);min-width:0}.card-divider{height:1px;background:var(--neutral);margin:12px 0}.divider{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--ink-faint);font-size:13px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--neutral)}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--ink-inverse);border:0;border-radius:var(--radius-pill);padding:16px 28px;min-width:200px;min-height:56px;font-size:17px;line-height:24px;font-weight:600;text-align:center;transition:transform .12s ease-out,opacity .12s ease-out,background .12s ease-out}.pill,.pill:hover{text-decoration:none}.pill:hover{background:#1a1c1f}.pill:active{transform:scale(.97);opacity:.92}.pill:disabled{opacity:.4;cursor:not-allowed}.pill.lg{padding:22px 28px;min-height:72px;font-size:22px;line-height:28px;font-weight:700}.pill.compact{padding:12px 20px;min-width:0;min-height:44px}.pill.outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.pill.outline:hover{background:rgba(11,12,14,.04)}.pill.danger{background:transparent;color:var(--alarm);border:1.5px solid var(--alarm)}.pill.danger:hover{background:rgba(224,49,49,.06)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;line-height:14px;font-weight:700;letter-spacing:.88px;text-transform:uppercase;color:var(--ink-mute)}.field-input{font-size:15px;line-height:22px;color:var(--ink);background:var(--bg);border:1px solid var(--neutral);border-radius:var(--radius-input);padding:12px 16px;min-height:48px;width:100%;transition:border-color .12s ease-out}.field-input:focus{outline:none;border-color:var(--ink)}.field-input.error{border-color:var(--alarm)}.field-hint{color:var(--ink-faint)}.field-error,.field-hint{font-size:13px;line-height:18px;margin:0}.field-error{color:var(--alarm)}.link-button{background:transparent;border:0;padding:8px;font-size:15px;line-height:22px;font-weight:500;color:var(--ink);text-align:center;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}.link-button.mute{color:var(--ink-mute)}.link-button.ok{color:var(--ok)}.link-button.alarm{color:var(--alarm)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:transparent;border:0;color:var(--ink-mute);cursor:pointer;font-size:22px;line-height:1}.icon-button:hover{background:rgba(11,12,14,.04)}.app-header{background:var(--surface);border-bottom:1px solid var(--neutral);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.app-header .brand{font-weight:700;font-size:18px;color:var(--ink)}.app-header nav{display:flex;gap:16px}.app-header nav a{color:var(--ink-mute);font-size:15px;font-weight:500}.app-header nav a:hover{color:var(--ink);text-decoration:none}.lang-row{display:flex;flex-wrap:wrap;gap:6px}.lang-chip{padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--neutral);background:var(--surface);font-size:13px;color:var(--ink-mute);font-weight:500;cursor:pointer;transition:all .12s ease-out}.lang-chip:hover{border-color:var(--ink-faint);color:var(--ink)}.lang-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse)}.lang-chip:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.center{justify-content:center}.stack{display:flex;flex-direction:column;gap:12px}.center{display:flex;align-items:center;justify-content:center}.status-ok{color:var(--ok)}.status-ok,.status-pending{font-weight:600;text-transform:uppercase;font-size:13px}.status-pending{color:var(--pending)}.status-missed{color:var(--alarm);font-weight:600;text-transform:uppercase;font-size:13px}.code-display{font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:40px;font-weight:700;letter-spacing:8px;text-align:center;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rel-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.rel-row+.rel-row{border-top:1px solid var(--neutral)}.rel-name{font-size:17px;line-height:24px;color:var(--ink);font-weight:500}.center-block{min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}