:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#1c2b27;background:#f4f6f5;margin:0}h1{margin:0;font-size:1.3rem}h2{margin:0 0 .6rem;font-size:1rem}.muted{color:#667a74;font-size:.85rem}.error{color:#a02020;background:#fde8e8;border:1px solid #f3b7b7;border-radius:6px;padding:.5rem .7rem;font-size:.9rem}.gate-page{flex-direction:column;min-height:100vh;display:flex}.gate{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.gate-card{background:#fff;border-radius:12px;flex-direction:column;gap:.8rem;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 4px 20px #00000014}.panel{flex-direction:column;gap:1rem;max-width:900px;margin:0 auto;padding:1.2rem;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.backend-select{align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.card{background:#fff;border-radius:10px;padding:1rem 1.2rem;box-shadow:0 1px 4px #0000000f}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:.8rem;display:grid}label{flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}input,select{font:inherit;border:1px solid #ccd6d2;border-radius:6px;padding:.5rem .6rem}button{font:inherit;color:#fff;cursor:pointer;background:#226f67;border:none;border-radius:6px;padding:.55rem 1rem;font-weight:700}button:disabled{opacity:.5;cursor:default}button.secondary{color:#226f67;background:0 0;border:1px solid #226f67;padding:.3rem .6rem;font-size:.8rem}button.link{color:#226f67;background:0 0;padding:0;font-weight:600;text-decoration:underline}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #e4e9e7;padding:.5rem .4rem}.fila-inactiva{opacity:.55}.estado{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.estado.activo{color:#1f6b4f;background:#e1f0ea}.estado.inactivo{color:#a02020;background:#f3e6e6}.clave-generada{border:2px solid #226f67}.clave-box{background:#f4f6f5;border-radius:6px;align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.6rem .8rem;display:flex}.clave-box code{word-break:break-all;flex:1;font-size:1rem}