:root{--bg:#0f1115;--surface:#1a1d24;--surface-2:#242832;--text:#f3f4f6;--text-dim:#9ca3af;--border:#2e333d;--brand:#4f46e5;--brand-hover:#4338ca;--success:#16a34a;--success-bg:#052e16;--warning:#d97706;--warning-bg:#3a2206;--error:#dc2626;--error-bg:#3a0a0a;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:#a5b4fc}.container{max-width:640px;margin:0 auto;padding:24px 18px 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.muted{color:var(--text-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:12px 20px;font-size:17px;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:12px;cursor:pointer;transition:background .15s ease,opacity .15s ease;touch-action:manipulation}.btn:hover{background:var(--brand-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:var(--border)}.input{width:100%;min-height:52px;padding:12px 16px;font-size:17px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;outline:none}.input:focus{border-color:var(--brand)}label{display:block;margin-bottom:8px;font-weight:600}.result{border-radius:var(--radius);padding:28px 22px;text-align:center;animation:pop .16s ease-out}@keyframes pop{0%{transform:scale(.97);opacity:.4}to{transform:scale(1);opacity:1}}.result-success{background:var(--success-bg);border:2px solid var(--success)}.result-warning{background:var(--warning-bg);border:2px solid var(--warning)}.result-error{background:var(--error-bg);border:2px solid var(--error)}.result-title{font-size:30px;font-weight:800;margin:0 0 8px}.result-name{font-size:24px;font-weight:700;margin:6px 0}.result-meta{font-size:15px;color:var(--text-dim)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-active{background:var(--success-bg);color:#4ade80}.badge-passed{background:var(--warning-bg);color:#fbbf24}.badge-cancelled{background:var(--error-bg);color:#f87171}.stack>*+*{margin-top:14px}.row{display:flex;gap:10px;align-items:center}.qr-frame{background:#fff;border-radius:16px;padding:16px;display:inline-flex}#qr-reader{width:100%;border-radius:var(--radius);overflow:hidden}.history-item{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:15px}.history-item:last-child{border-bottom:none}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot-success{background:var(--success)}.dot-warning{background:var(--warning)}.dot-error{background:var(--error)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{background:var(--surface-2);border-radius:12px;padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:800}.stat-label{font-size:13px;color:var(--text-dim)}